body, html {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #333333;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

f a {
    color: #8dc73f;
    text-decoration: none;
}

p {
    font-weight: 400;
}

/* line 24, ../scss/base/_base.scss */
ul, li {
    list-style: none;
}

/* line 1, ../scss/base/_normalize.scss */
h1, h2, h3, h4, h5 {
    margin-top: 0;
}

/* line 5, ../scss/base/_normalize.scss */
.no-padding {
    padding: 0 !important;
}

/* line 8, ../scss/base/_normalize.scss */
.navbar {
    margin-bottom: 4px;
}

/* line 12, ../scss/base/_normalize.scss */
.navbar-default {
    border: 0;
    background-color: #ffffff;
    border-color: #e7e7e7;
}

/* line 18, ../scss/base/_normalize.scss */
.nav > li {
    position: relative;
    display: block;
    width: 156px;
    text-align: center;
}

/* line 24, ../scss/base/_normalize.scss */
.navbar-default .navbar-nav > li > a {
    color: #222222;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

    /* line 31, ../scss/base/_normalize.scss */
    .navbar-default .navbar-nav > li > a:hover {
        color: #8dc73f;
        font-weight: 600;
    }

/* line 36, ../scss/base/_normalize.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #8dc73f;
    font-weight: 600;
    background-color: #ffffff;
}

/* line 43, ../scss/base/_normalize.scss */
.navbar-brand > img {
    display: block;
}

/* line 48, ../scss/base/_normalize.scss */
.navbar-brand {
    padding: 0;
}

/* line 52, ../scss/base/_normalize.scss */
.dropdown-menu {
    top: 76%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}

    /* line 59, ../scss/base/_normalize.scss */
    .dropdown-menu > li > a {
        color: #222222;
        font-size: 16px;
        text-transform: uppercase;
        line-height: 1.47;
        text-align: center;
    }

        /* line 66, ../scss/base/_normalize.scss */
        .dropdown-menu > li > a:hover {
            color: #8dc73f;
        }

/* LAYOUT - Page layouts styles */
/* line 1, ../scss/layouts/_header.scss */
header {
    padding-bottom: 0;
    height: 70px;
}
    /* line 5, ../scss/layouts/_header.scss */
    header .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none;
        margin: 10px;
    }
        /* line 11, ../scss/layouts/_header.scss */
        header .list-inline li {
            background-color: #333333;
            margin: 2px;
            padding: 8px;
            width: 36px;
            height: 36px;
            text-align: center;
            border-radius: 2px;
        }
            /* line 19, ../scss/layouts/_header.scss */
            header .list-inline li i {
                font-size: 20px;
                color: #ffffff;
            }
            /* line 26, ../scss/layouts/_header.scss */
            header .list-inline li:hover {
                background-color: #8dc73f;
                cursor: pointer;
            }
    /* line 32, ../scss/layouts/_header.scss */
    header .call-now {
        background-color: #8dc73f;
        padding: 10px;
        height: 60px;
        width: 240px;
        float: right;
        color: #ffffff;
    }
        /* line 40, ../scss/layouts/_header.scss */
        header .call-now i {
            font-size: 24px;
            margin-right: 10px;
        }
        /* line 45, ../scss/layouts/_header.scss */
        header .call-now p {
            font-size: 20px;
            padding-top: 6px;
        }
    /* line 52, ../scss/layouts/_header.scss */
    header .left {
        width: 0px;
        height: 0px;
        border-top: 0 solid transparent;
        border-bottom: 60px solid transparent;
        border-right: 60px solid #8dc73f;
        float: right;
    }
    /* line 61, ../scss/layouts/_header.scss */
    header .icon {
        border: #ffffff solid 2px;
        border-radius: 100px;
        height: 40px;
        width: 40px;
        text-align: center;
        padding: 8px;
        float: left;
        margin-right: 10px;
    }

/* line 1, ../scss/layouts/_footer.scss */
footer {
    padding: 40px 20px;
    text-align: center;
}
    /* line 5, ../scss/layouts/_footer.scss */
    /*modified by Dilushika*/
    footer p, footer .para-link {
        color: #222222;
        font-size: 16px;
        padding: 15px;
        float: left;
    }
    /* line 12, ../scss/layouts/_footer.scss */
    footer .icon {
        border: #8dc73f solid 1px;
        border-radius: 100px;
        color: #8dc73f;
        height: 50px;
        width: 50px;
        text-align: center;
        padding: 8px;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }
        /* line 23, ../scss/layouts/_footer.scss */
        footer .icon i {
            font-size: 28px;
        }

/* line 1, ../scss/layouts/_nav.scss */
.call-us-now {
    color: #8dc73f;
    font-size: 20px;
    padding: 10px 15px;
}

/* line 7, ../scss/layouts/_nav.scss */
.navbar-toggle {
    padding: 15px 10px;
    border: 0;
}

    /* line 12, ../scss/layouts/_nav.scss */
    .navbar-toggle .icon-bar {
        display: block;
        width: 26px;
        height: 2px;
        border-radius: 1px;
    }

/* line 19, ../scss/layouts/_nav.scss */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #8dc73f;
}

/* line 23, ../scss/layouts/_nav.scss */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border: solid 1px #8dc73f;
    background-color: #ffffff;
}

/* line 29, ../scss/layouts/_nav.scss */
.navigation {
    margin-top: 15px;
    margin-bottom: 15px;
}

    /* line 33, ../scss/layouts/_nav.scss */
    .navigation ul.nav-new {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        width: auto;
    }

    /* line 43, ../scss/layouts/_nav.scss */
    .navigation li {
        float: left;
        width: 160px;
        margin-top: 58px;
        margin-bottom: 30px;
    }

    /* line 50, ../scss/layouts/_nav.scss */
    .navigation ul .clear li {
        float: none;
    }

    /* line 54, ../scss/layouts/_nav.scss */
    .navigation a {
        display: block;
        width: auto;
        background-color: #ffffff;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        color: #333333;
    }

        /* line 66, ../scss/layouts/_nav.scss */
        .navigation a:hover {
            color: #8dc73f;
        }

    /* line 70, ../scss/layouts/_nav.scss */
    .navigation ul.nav-new li ul a {
        display: block;
        width: auto;
        background-color: #ffffff;
        font-size: 12px;
        text-decoration: none;
        color: #777;
        text-transform: uppercase;
        text-align: center;
        margin: 2px;
    }

        /* line 82, ../scss/layouts/_nav.scss */
        .navigation ul.nav-new li ul a:hover {
            color: #8dc73f;
        }


    .navigation ul.nav-new li ul {
        padding-left: 0;
    }


        .navigation ul.nav-new li ul li {
            padding-left: 0;
            margin-top: 4px;
            margin-bottom: 4px;
        }


.cube-aboutus {
    background-color: #8dc73f;
    /*height: 640px;*/
    text-align: center;
    padding: 176px 44px;
    text-decoration: none;
}

    .cube-aboutus h4 {
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
        padding-top: 80px;
    }

    .cube-aboutus p {
        color: #ffffff;
        font-size: 15px;
        text-decoration: none;
    }
    /* line 19, ../scss/modules/_blocks.scss */
    .cube-aboutus h5 {
        color: #222222;
        margin-top: 20px;
        font-weight: 600;
    }


/* line 42, ../scss/modules/_blocks.scss */
.cube-members {
    height: 312px;
    text-align: center;
    padding: 20px;
}
    /* line 47, ../scss/modules/_blocks.scss */
    .cube-members h4 {
        color: #222222;
        font-weight: 600;
        margin-top: 20px;
    }
    /* line 53, ../scss/modules/_blocks.scss */
    .cube-members .owl-carousel {
        /*position: absolute;
        left: 0px;
        top: 0px;*/
        /*z-index: -1;*/
    }
    /* line 60, ../scss/modules/_blocks.scss */
    .cube-members .item {
        /*height: 312px;*/
    }
        /* line 63, ../scss/modules/_blocks.scss */
        .cube-members .item img {
            /*background-size: cover;
            background-position: center;
            display: block;
            width: 100%;*/
            margin-top: 20px;
        }

/* line 72, ../scss/modules/_blocks.scss */
.cube-foundation {
    background-color: #006699;
    height: 156px;
    text-align: center;
    padding: 45px 20px;
}

/* line 79, ../scss/modules/_blocks.scss */
h4 {
    color: #ffffff;
    font-weight: 600;
}

/* line 83, ../scss/modules/_blocks.scss */
p {
    /*color: #ffffff;*/
    font-size: 15px;
}

/* line 89, ../scss/modules/_blocks.scss */
.cube-cal {
    background-color: #339933;
    height: 156px;
    text-align: center;
    padding: 45px 20px;
}
    /* line 95, ../scss/modules/_blocks.scss */
    .cube-cal h4 {
        color: #ffffff;
        font-weight: 600;
    }



/*.cube-awards {
    text-align: center;
    background-position: center;
    -ms-background-size: cover;
    background-size: cover;
    height:100%;
    display:table-cell;
    vertical-align:middle;
}*/

/*.cube-awards {
    background: url("../media/img/awardbox/AwardsBoxRolover.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    height: 640px;
    text-align: center;
    padding: 100px 156px;



.cube-awards .item {
  height: auto;
  background-color: #333333;


}

.cube-awards .item img {
  background-size: cover;
  background-position: center;
  display: block;
  width: 100%;

}

.cube-awards .owl-carousel {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
}*/
/*.cube-awards .cube-awards-content {
        height: 640px;
   padding: 40px 118px;
  display: table-cell;
  vertical-align: middle;
   padding-top: 86px;
    }*/

/* line 125, ../scss/modules/_blocks.scss */
.cube-brick {
    background-color: #660099;
    height: 312px;
    text-align: center;
    padding: 100px 162px;
}
    /* line 131, ../scss/modules/_blocks.scss */
    .cube-brick h4 {
        color: #ffffff;
        font-weight: 600;
    }
    /* line 135, ../scss/modules/_blocks.scss */
    .cube-brick p {
        color: #ffffff;
        font-size: 15px;
    }
    /* line 140, ../scss/modules/_blocks.scss */
    .cube-brick h5 {
        color: #222222;
        margin-top: 20px;
        font-weight: 600;
    }

/* line 147, ../scss/modules/_blocks.scss */
.cube-dclimate {
    background-color: #ff6600;
    height: 312px;
    text-align: center;
    padding: 100px 20px;
}
    /* line 153, ../scss/modules/_blocks.scss */
    .cube-dclimate h4 {
        color: #ffffff;
        font-weight: 600;
    }
    /* line 157, ../scss/modules/_blocks.scss */
    .cube-dclimate p {
        color: #ffffff;
        font-size: 15px;
    }
    /* line 162, ../scss/modules/_blocks.scss */
    .cube-dclimate h5 {
        color: #222222;
        margin-top: 20px;
        font-weight: 600;
    }

/* line 169, ../scss/modules/_blocks.scss */
.cube-logo {
    background-color: #231f20;
    height: 312px;
    text-align: center;
    padding: 100px 20px;
}
    /* line 175, ../scss/modules/_blocks.scss */
    .cube-logo img {
        margin: 0 auto 0 auto;
    }

/* line 180, ../scss/modules/_blocks.scss */
.cube-manuals {
    background-color: #339933;
    height: 312px;
    text-align: center;
    padding: 45px;
}
    /* line 185, ../scss/modules/_blocks.scss */
    .cube-manuals h4 {
        color: #ffffff;
        font-weight: 600;
        margin-top: 100px;
    }

.cube-img {
    background-color: white;
    text-align: center;
    padding: 45px;
}

.technical h5 {
    margin-top: 0px;
}

@media only screen and (max-width: 1900px) and (min-width: 980px) {

    .cube-img {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home .grid .sub-main-block {
        text-align: center;
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
    }

        .home .grid .sub-main-block .flipper .front {
            top: 114px;
        }
}

@media only screen and (min-width: 1900px) {

    .cube-img {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .cube-img {
        height: 220px;
        padding: 50px 40px;
    }
}
/* line 192, ../scss/modules/_blocks.scss */
.cube-awards-slideshow {
    background-color: #ffffff;
    text-align: center;
    background-size: cover;
    background-position: center;
    width: 100%;
}
    /* line 198, ../scss/modules/_blocks.scss */

    .cube-awards-slideshow .owl-carousel p {
        text-align: left;
        color: #222222;
        position: absolute;
        padding: 15px;
        left: 0px;
        top: 0px;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.7);
        margin-top: 80px;
    }
    /* line 210, ../scss/modules/_blocks.scss */
    .cube-awards-slideshow .item {
        height: auto;
        background-color: #333333;
    }
        /* line 214, ../scss/modules/_blocks.scss */
        .cube-awards-slideshow .item img {
            background-size: cover;
            background-position: center;
            display: block;
            width: 100%;
        }

/* line 225, ../scss/modules/_blocks.scss */
.cube-twitter {
    background-color: #e7e7e8;
    height: 479px;
    text-align: center;
    /*padding: 45px 88px;*/
    padding: 0px 0px;
}
    /* line 231, ../scss/modules/_blocks.scss */
    .cube-twitter .social-icon {
        padding: 8px;
        text-align: center;
        border-radius: 2px;
    }
        /* line 235, ../scss/modules/_blocks.scss */
        .cube-twitter .social-icon i {
            font-size: 60px;
            color: #222222;
        }
    /* line 241, ../scss/modules/_blocks.scss */
    .cube-twitter p {
        margin-top: 15px;
        color: #222222;
        font-size: 15px;
    }

/* line 248, ../scss/modules/_blocks.scss */
.cube-insta {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}

    .cube-insta a {
        display: table-cell;
        vertical-align: middle;
    }


    /* line 254, ../scss/modules/_blocks.scss */
    .cube-insta .social-icon {
        padding: 8px;
        text-align: center;
        border-radius: 2px;
    }
        /* line 258, ../scss/modules/_blocks.scss */
        .cube-insta .social-icon i {
            font-size: 60px;
            color: #222222;
        }

/* line 266, ../scss/modules/_blocks.scss */
.cube-instagram-api {
    background-color: #111111;
    height: auto;
    text-align: center;
    padding: 0;
}

/* line 273, ../scss/modules/_blocks.scss */
.cube-video {
    background-color: #cc0000;
    height: 312px;
    text-align: center;
    padding: 100px 45px;
}
    /* line 279, ../scss/modules/_blocks.scss */
    .cube-video h4 {
        color: #ffffff;
        font-weight: 600;
    }
    /* line 284, ../scss/modules/_blocks.scss */
    .cube-video img {
        margin: 24px auto 0 auto;
    }

/* line 3, ../scss/modules/_sections.scss */
.search_bar {
    height: 80px;
    padding-top: 22px;
    background-color: #8dc73f;
    color: #ffffff;
}

/* line 11, ../scss/modules/_sections.scss */
.map-results .results {
    padding-top: 15px;
    color: #333333;
    text-align: center;
}

/* line 19, ../scss/modules/_sections.scss */
.cleaning {
    margin-top: 30px;
}

    .cleaning .btn-pink {
        background-color: #8dc73f;
        color: #ffffff;
        margin-top: 4px;
    }
    /* line 22, ../scss/modules/_sections.scss */
    .cleaning h4 {
        color: #8dc73f;
        text-transform: uppercase;
        font-size: 23px;
    }
    /* line 28, ../scss/modules/_sections.scss */
    .cleaning p {
        color: #333333;
    }
    /* line 32, ../scss/modules/_sections.scss */
    .cleaning ul, .cleaning li {
        padding-left: 0;
    }

    .cleaning .form-container {
        background-color: #eeeeee;
        padding: 7% 8%;
        border-radius: 6px;
        border-bottom: 5px solid #B5B3B3;
    }

    .cleaning .submit-btn-container {
        text-align: center;
    }

        .cleaning .submit-btn-container .submit-btn {
            background-color: #ffffff;
            padding: 6px 30px;
            border-bottom: 3px solid #CECECE;
            margin-top: 15%;
        }

/* line 39, ../scss/modules/_sections.scss */
.warranty ul, .warranty li {
    list-style: decimal;
    margin-bottom: 15px;
}

/*added by Dilushika*/
.warranty p {
    color: #333333;
}


.abouts-us {
    min-height: 380px;
    text-align: center;
    background: url("../media/1054/aboutus_bg.jpg") no-repeat;
    background-size: cover;
    padding-top: 3%;
    padding-bottom: 3%;
    margin-top: 30px;
}

    .abouts-us h2 {
        color: #044796;
        margin-bottom: 30px;
        font-weight: bold;
    }
    /* line 58, ../scss/modules/_sections.scss */
    .abouts-us p {
        color: #333333;
        /*font-weight: 700;*/
        font-weight: 400;
    }

.abouts-us-cubes p {
    font-weight: 100;
    color: #ffffff;
}

/* line 65, ../scss/modules/_sections.scss */
.abouts-us-cubes h4 {
    font-weight: 700;
    color: #ffffff;
}
/* line 69, ../scss/modules/_sections.scss */
.abouts-us-cubes .cube-about-awards {
    background-color: #8dc73f;
    min-height: 262px;
    padding: 34px;
    text-align: center;
}
/* line 76, ../scss/modules/_sections.scss */
.abouts-us-cubes .cube-about-manuals {
    background-color: #044796;
    min-height: 262px;
    padding: 34px;
    text-align: center;
}
/* line 83, ../scss/modules/_sections.scss */
.abouts-us-cubes .cube-about-research {
    background-color: #475562;
    min-height: 262px;
    padding: 34px;
    text-align: center;
}

/* line 93, ../scss/modules/_sections.scss */
.members .clients img {
    margin: 0 auto;
}

/* line 100, ../scss/modules/_sections.scss */
.year14 {
    background-color: #8dc73f;
    min-height: 262px;
    padding-top: 116px;
    text-align: center;
}
    /* line 106, ../scss/modules/_sections.scss */
    /*modified by Dilushika*/
    .year14 p, .year14 a {
        margin-top: 80px;
        color: #000;
        font-weight: 700;
        display: block;
    }

/* line 113, ../scss/modules/_sections.scss */
.year15 {
    background-color: #660099;
    min-height: 262px;
    padding-top: 116px;
    text-align: center;
}
    /* line 119, ../scss/modules/_sections.scss */
    /*modified by Dilushika*/
    .year15 p, .year15 a {
        margin-top: 80px;
        color: #000;
        font-weight: 700;
        display: block;
    }

/* line 128, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.commercial-awards {
    background: url("../media/img/award_cat/commercial_bg.jpg") no-repeat;
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 136, ../scss/modules/_sections.scss */
    .commercial-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        position: relative;
        top: 90px;
    }
    /* line 142, ../scss/modules/_sections.scss */
    .commercial-awards .cat-footer {
        padding: 6px 15px;
        height: auto;
        background-color: rgba(146, 79, 140, 0.6);
        color: #ffffff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        top: 168px;
        position: relative;
    }
        /* line 153, ../scss/modules/_sections.scss */
        .commercial-awards .cat-footer a {
            color: #ffffff;
            text-decoration: none;
        }
            /* line 158, ../scss/modules/_sections.scss */
            .commercial-awards .cat-footer a:hover {
                color: #333333;
            }

/* line 166, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.resident-awards {
    background: url("../media/img/award_cat/resident_bg.jpg") no-repeat;
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 174, ../scss/modules/_sections.scss */
    .resident-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        position: relative;
        top: 90px;
    }
    /* line 180, ../scss/modules/_sections.scss */
    .resident-awards .cat-footer {
        padding: 6px 15px;
        height: auto;
        background-color: rgba(205, 74, 126, 0.6);
        color: #ffffff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        top: 168px;
        position: relative;
    }
        /* line 191, ../scss/modules/_sections.scss */
        .resident-awards .cat-footer a {
            color: #ffffff;
            text-decoration: none;
        }
            /* line 196, ../scss/modules/_sections.scss */
            .resident-awards .cat-footer a:hover {
                color: #333333;
            }

/* line 202, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.masonary-awards {
    /*background: url("../media/img/award_cat/borland_bg.jpg") no-repeat;*/
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 210, ../scss/modules/_sections.scss */
    .masonary-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        top: 133px;
        position: relative;
    }
    /* line 216, ../scss/modules/_sections.scss */
    .masonary-awards .cat-footer {
        padding: 6px 15px;
        height: auto;
        background-color: rgba(111, 149, 78, 0.6);
        color: #ffffff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        top: 247px;
        position: relative;
    }
        /* line 227, ../scss/modules/_sections.scss */
        .masonary-awards .cat-footer a {
            color: #ffffff;
            text-decoration: none;
        }
            /* line 232, ../scss/modules/_sections.scss */
            .masonary-awards .cat-footer a:hover {
                color: #333333;
            }

/* line 238, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.landscape-awards {
    /*background: url("../media/img/award_cat/bruce_bg.jpg") no-repeat;*/
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 246, ../scss/modules/_sections.scss */
    .landscape-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        top: 133px;
        position: relative;
    }
    /* line 252, ../scss/modules/_sections.scss */
    .landscape-awards .cat-footer {
        padding: 6px 15px;
        height: auto;
        background-color: rgba(100, 150, 172, 0.6);
        color: #ffffff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        top: 247px;
        position: relative;
    }
        /* line 263, ../scss/modules/_sections.scss */
        .landscape-awards .cat-footer a {
            color: #ffffff;
            text-decoration: none;
        }
            /* line 268, ../scss/modules/_sections.scss */
            .landscape-awards .cat-footer a:hover {
                color: #333333;
            }

/* line 274, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.rooftile-awards {
    background: url("../media/img/award_cat/rooftile_bg.jpg") no-repeat;
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 282, ../scss/modules/_sections.scss */
    .rooftile-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        top: 90px;
        position: relative;
    }
/* line 288, ../scss/modules/_sections.scss */
.cat-footer {
    padding: 6px 15px;
    height: auto;
    background-color: rgba(177, 76, 20, 0.6);
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    top: 237px;
    position: relative;
}
    /* line 299, ../scss/modules/_sections.scss */
    .cat-footer a {
        color: #ffffff;
        text-decoration: none;
    }
        /* line 304, ../scss/modules/_sections.scss */
        .cat-footer a:hover {
            color: #333333;
        }

/* line 310, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.roof-awards {
    background: url("../media/img/award_cat/robin_bg.jpg") no-repeat;
    background-size: cover;
    height: 220px;
    text-align: center;
    padding: 0;
    position: relative;
}
    /* line 318, ../scss/modules/_sections.scss */
    .roof-awards h4 {
        margin: 0 15px;
        color: #ffffff;
        position: relative;
        top: 90px;
    }
    /* line 324, ../scss/modules/_sections.scss */
    .roof-awards .cat-footer {
        padding: 6px 15px;
        height: auto;
        background-color: rgba(183, 61, 38, 0.6);
        color: #ffffff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        top: 168px;
        position: relative;
    }
        /* line 335, ../scss/modules/_sections.scss */
        .roof-awards .cat-footer a {
            color: #ffffff;
            text-decoration: none;
        }
            /* line 340, ../scss/modules/_sections.scss */
            .roof-awards .cat-footer a:hover {
                color: #333333;
            }

/* line 347, ../scss/modules/_sections.scss */
.new-entry {
    height: 220px;
    background-color: #8dc73f;
    padding: 100px 20px 20px 20px;
    text-align: center;
}

/* line 354, ../scss/modules/_sections.scss */
.existing-entry {
    height: 220px;
    background-color: #ff6600;
    padding: 30px;
    text-align: center;
    color: #ffffff;
}
    /* line 361, ../scss/modules/_sections.scss */
    .existing-entry .login {
        background-color: #043D80;
        color: #000000;
        text-transform: uppercase;
        border: 0;
        font-weight: 700;
        font-size: 20px;
        width: 100%;
    }
        /* line 370, ../scss/modules/_sections.scss */
        .existing-entry .login:hover {
            background-color: #333333;
            color: #ffffff;
        }

/* line 376, ../scss/modules/_sections.scss */
.view-category {
    height: 220px;
    padding: 100px 20px 20px 20px;
    text-align: center;
}

/* line 384, ../scss/modules/_sections.scss */
.carousel-awards {
    background-color: #ffffff;
    text-align: center;
    background-size: cover;
    background-position: center;
}

    /* line 391, ../scss/modules/_sections.scss */
    .carousel-awards .item img {
        background-size: cover;
        background-position: center;
        display: block;
        width: 100%;
    }

    /* line 398, ../scss/modules/_sections.scss */
    .carousel-awards .owl-carousel p {
        text-align: left;
        color: #222222;
        position: absolute;
        padding: 15px;
        left: 0px;
        top: 0px;
        z-index: 1;
        background-color: rgba(255, 255, 255, 0.7);
        margin-top: 20px;
        width: 100%;
    }

/* line 414, ../scss/modules/_sections.scss */
.bios h5 {
    text-transform: uppercase;
    color: #000000;
    line-height: 1.47em;
    font-weight: 700;
}
/* line 421, ../scss/modules/_sections.scss */
.bios p {
    color: #000000;
}

.bios .tab_content i {
    margin-bottom: 25px;
    display: block;
}

/* line 428, ../scss/modules/_sections.scss */
/*modified by Dilushika*/
.think-awards {
    /*height: 600px;*/
    background-color: #cccccc;
}

    /*added by Dilushika*/
    .think-awards img {
        width: 100%;
    }

/* line 434, ../scss/modules/_sections.scss */
.awards-nav .hover:hover {
    background-color: rgba(0, 0, 0, 0.9);
}
/* line 437, ../scss/modules/_sections.scss */
.awards-nav .cat {
    background-color: #8dc73f;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 448, ../scss/modules/_sections.scss */
.awards-nav .enter-nw {
    background-color: #660099;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 459, ../scss/modules/_sections.scss */
.awards-nav .bios {
    background-color: #ff6600;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 470, ../scss/modules/_sections.scss */
.awards-nav .showcase {
    background-color: #339933;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 481, ../scss/modules/_sections.scss */
.awards-nav .booklet {
    background-color: #cc0000;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 492, ../scss/modules/_sections.scss */
.awards-nav .videos {
    background-color: #006699;
    height: 280px;
    width: 100%;
    text-align: center;
    padding-top: 118px;
    padding-left: 80px;
    padding-right: 80px;
    color: #ffffff;
}
/* line 503, ../scss/modules/_sections.scss */
.awards-nav h4 {
    margin-top: 15px;
}
/* line 507, ../scss/modules/_sections.scss */
.awards-nav p {
    color: #333333;
}
/* line 510, ../scss/modules/_sections.scss */
.awards-nav .founder {
    font-weight: 700;
    line-height: 1em;
}

/* line 520, ../scss/modules/_sections.scss */
.content p {
    color: #333333;
}

/* line 526, ../scss/modules/_sections.scss */
.padding {
    padding: 15px 20px;
}

/* line 531, ../scss/modules/_sections.scss */
.tabs h3 {
    color: #ffffff;
    margin-top: 15px;
}
/* line 532, ../scss/modules/_sections.scss */
.tabs h4 {
    font-size: 14px;
}
/* line 533, ../scss/modules/_sections.scss */
.tabs h5 {
    /*color: #000000;*/
    font-weight: 900;
}

/* line 536, ../scss/modules/_sections.scss */
.tab_last {
    border: 0;
}

/* line 541, ../scss/modules/_sections.scss */
ul.tabs li:hover {
    background-color: #191919;
    color: #ffffff;
}

/* line 546, ../scss/modules/_sections.scss */
ul.tabs li.active {
    color: #ffffff;
    display: block;
    opacity: 0.9;
}
/*.tabs .tab-block{
    display:table !important;
}

.tabs li.tab-block{
    cursor:pointer;
}

.tabs .tab-block .padding{
    height:100%;
    display:table-cell;
    vertical-align:middle;
}

.tabs .tab-block .padding h4{
   vertical-align:middle;
       display: inline;
}*/

.sub-menu {
    display: none;
    background-color: #cccccc;
    color: #333333;
    height: auto;
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
}

ul.tabs li:hover {
    background-color: #191919;
    color: #ffffff;
}

ul.tabs li.active {
    color: #ffffff;
    display: block;
    opacity: 0.9;
}

    ul.tabs li.active .sub-menu {
        display: block;
    }

.tab-block {
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.green {
    background-color: #8dc73f;
}

.gray {
}

    .gray .front {
        top: 40px;
    }

    .gray .back {
        margin-top: -30%;
    }

        .gray .back a h5 {
            color: #fff;
        }

.tab-block-yellow {
    background-color: #D4CB03;
}

.blue {
    background-color: #044796;
}

.light-gray {
    background-color: #949494;
}

.dark-gray {
    background-color: #475562;
}

.yellow {
    background-color: #D4CB03 !important;
}

.white {
    background-color: #FFFFFF;
}

.green:hover {
    background-color: #6D9A31 !important;
}

.blue:hover {
    background-color: #002A5D !important;
}

.light-gray:hover {
    background-color: #BBBBBB !important;
}

.dark-gray:hover {
    background-color: #2C3640 !important;
}

.title-green {
    color: #8dc73f;
}

.title-blue {
    color: #044796;
}

.title-yellow {
    color: #D4CB03;
}

.title-dark-gray {
    color: #475562;
}

.tab0 {
    background-color: #111111;
    min-height: 80px;
    text-align: center;
    padding: 20px;
}

/* line 558, ../scss/modules/_sections.scss */
.tab1 {
    background-color: #8dc73f;
    height: 100%;
    text-align: center;
}

/* line 564, ../scss/modules/_sections.scss */
.tab2 {
    background-color: #475562;
    height: 100%;
    text-align: center;
}

/* line 570, ../scss/modules/_sections.scss */
.tab3 {
    background-color: #044796;
    height: 100%;
    text-align: center;
}

/* line 577, ../scss/modules/_sections.scss */
.tab4 {
    background-color: #044796;
    height: 100%;
    text-align: center;
}

/* line 584, ../scss/modules/_sections.scss */
.tab5 {
    background-color: #BBBBBB;
    height: 100%;
    text-align: center;
}

/* line 591, ../scss/modules/_sections.scss */
.tab6 {
    background-color: #475562;
    height: 100%;
    text-align: center;
}

/* line 598, ../scss/modules/_sections.scss */
.tab7 {
    background-color: #ff6600;
    height: 100%;
    text-align: center;
}

/* line 604, ../scss/modules/_sections.scss */
.tab8 {
    background-color: #660099;
    height: 100%;
    text-align: center;
}

/* line 612, ../scss/modules/_sections.scss */
ul.tabs li:hover {
    background-color: #191919;
    color: #ffffff;
}

/* line 617, ../scss/modules/_sections.scss */
ul.tabs li.active {
    color: #ffffff;
    display: block;
    opacity: 0.9;
}

/* line 624, ../scss/modules/_sections.scss */
.tab_container {
    background: #ffffff;
}

/* line 628, ../scss/modules/_sections.scss */
.tab_content {
    padding: 20px;
    display: none;
}

/* line 633, ../scss/modules/_sections.scss */
.tab_drawer_heading {
    display: none;
}

.mobile-sub-menu {
    display: none;
}

@media screen and (max-width: 1024px) {
    ul.tabs h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {

    .mobile-sub-menu {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    /* line 638, ../scss/modules/_sections.scss */
    ul.tabs h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {

    .mobile-sub-menu {
        display: block;
    }

    /* line 644, ../scss/modules/_sections.scss */
    .tabs {
        display: none;
    }

    /* line 647, ../scss/modules/_sections.scss */
    .tab_drawer_heading {
        background-color: #ccc;
        color: #fff;
        border-top: 1px solid #333;
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        font-size: 18px;
        height: 60px;
        padding: 18px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
    }

    /* line 666, ../scss/modules/_sections.scss */
    .d_active {
        background-color: #666;
        color: #ffffff;
        font-size: 18px;
        opacity: 0.9;
    }
}
/* line 677, ../scss/modules/_sections.scss */
.tab_container hr {
    border: solid thin #333333;
}
/* line 680, ../scss/modules/_sections.scss */
.tab_container h5 {
    color: #333;
    font-weight: 900;
}

.privacy-policy p {
    line-height: 1.47em;
    padding-bottom: 18px;
    border-bottom: solid 1px #eeeeee;
}

.privacy-policy p, .privacy-policy h4 {
    color: #333333;
    margin: 18px 0 15px;
}

.privacy-policy h2 {
    color: #8dc73f;
    margin-bottom: 30px;
}

.privacy-policy ul, .privacy-policy li {
    list-style: decimal;
    margin-bottom: 15px;
}

.hover_green:hover {
    background-color: #339933;
    cursor: pointer;
    text-decoration: none;
}

h5 {
    margin-top: 20px;
    font-weight: 800;
}

h4 {
    color: #ffffff;
}


.hover_blue:hover {
    background-color: rgba(0,102,153,0.7);
    cursor: pointer;
    text-decoration: none;
}


.hover_green:hover {
    background-color: rgba(51, 153, 51, 0.7);
    cursor: pointer;
    text-decoration: none;
}

.hover_purple:hover {
    background-color: #A263C1;
    cursor: pointer;
    text-decoration: none;
}


.hover_orange:hover {
    background-color: rgba(255,102,0,0.7);
    cursor: pointer;
    text-decoration: none;
}


.hover_red:hover {
    background-color: rgba(204,0,0,0.7);
    cursor: pointer;
    text-decoration: none;
}

.technical ul.tabs li h5 {
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    margin: 8px;
}

.technical ul.tabs li {
    border-right: solid 2px #333333;
    height: 32px;
    width: auto;
}

    .technical ul.tabs li:hover {
        background-color: #ffffff;
        color: #8dc73f;
        cursor: pointer;
    }

    .technical ul.tabs li.active {
        color: #8dc73f;
        display: block;
    }

@media screen and (max-width: 1024px) {
    .technical ul.tabs h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .technical .tabs {
        display: none;
    }

    .technical .tab_drawer_heading {
        background-color: #ffffff;
        color: #333333;
        border-top: 1px solid #ffffff;
        margin: 0;
        padding: 18px;
        display: block;
        cursor: pointer;
        font-size: 18px;
        height: 60px;
        opacity: 1;
    }

    .technical .d_active {
        background-color: #eee;
        color: #8dc73f;
        font-size: 18px;
        opacity: 0.9;
    }
}

.technical .nav-panel {
    margin-bottom: 3%;
    margin-top: 3%;
}

.technical .pdf-container {
    text-align: center;
    margin-top: 4%;
    min-height: 250px;
}

    .technical .pdf-container .pdf-name {
        display: block;
        margin-top: 5px;
        color: #333333;
        text-transform: none;
        font-weight: 500;
    }

    .technical .pdf-container .email-link {
        display: block;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        color: #8dc73f;
        font-weight: 700;
    }

    .technical .pdf-container .download-link {
        display: block;
        font-size: 14px;
        cursor: pointer;
        text-transform: uppercase;
        color: #337ac6;
        font-weight: 700;
    }

.faq p {
    color: #333333;
}

.faq h2 {
    font-weight: 700;
    color: #8dc73f;
}

.faq .panel-title {
    color: #8dc73f;
}

.faq .question-container {
    margin-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
}

.contact .loading-message-container {
    text-align: center;
    float: none;
    margin-top: 3%;
}

.loading-message-container {
    margin-left: 3%;
    display: block;
    float: left;
    font-weight: bold;
    background-color: #DADADA;
    padding: 2% 4%;
}

.notification-container {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 3%;
    font-weight: bold;
}

#notification-container-error {
    background-color: #FF8B8B;
}

#notification-container-success {
    background-color: #7ED464;
}

.showcases .nav-tabs {
    border-bottom: 0;
    margin-bottom: 15px;
}

    .showcases .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #8dc73f !important;
        font-weight: 700;
        border: 0;
    }

    .showcases .nav-tabs > li > a {
        color: #333333 !important;
        font-weight: 700;
    }

/* used for sidebar tab/collapse*/
@media (max-width: 991px) {
    .showcases .visible-tabs {
        display: none;
    }
}

@media (min-width: 992px) {
    .showcases .visible-tabs {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .showcases .hidden-tabs {
        display: none !important;
    }
}

.videos .nav-tabs {
    border-bottom: 0;
    margin-bottom: 15px;
}

    .videos .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #8dc73f !important;
        font-weight: 700;
        border: 0;
    }

    .videos .nav-tabs > li > a {
        color: #333333 !important;
        font-weight: 700;
    }

.award-videos .tab-content a.btn {
    color: #ffffff;
}

    .award-videos .tab-content a.btn:hover {
        text-decoration: underline;
    }

.award-videos .tab-content a.active:active {
    color: #000000;
}


/* used for sidebar tab/collapse*/
@media (max-width: 991px) {
    .videos .visible-tabs {
        display: none;
    }
}

@media (min-width: 992px) {
    .videos .visible-tabs {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .videos .hidden-tabs {
        display: none !important;
    }
}


.contact {
    padding-top: 40px;
}

    .contact .btn-pink {
        background-color: #8dc73f;
        color: #ffffff;
        margin-top: 4px;
    }

    .contact h4 {
        color: #8dc73f;
    }

    .contact p {
        color: #333;
    }

.contact-form {
    /*padding: 15px;*/
    border-radius: 18px;
}

    .contact-form input {
        margin: 3px 0;
        height: 40px;
    }

    .contact-form textarea {
        margin: 3px 0;
    }

.contact-slider {
    height: 400px;
    background-color: #efefef;
}

.social .list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    margin: 10px;
}

    .social .list-inline li {
        background-color: #333333;
        margin: 2px;
        padding: 8px;
        width: 36px;
        height: 36px;
        text-align: center;
        border-radius: 2px;
    }

        .social .list-inline li i {
            font-size: 20px;
            color: #ffffff;
        }

        .social .list-inline li:hover {
            background-color: #8dc73f;
            cursor: pointer;
        }

.media h3 {
    color: #8dc73f;
}

.media .main-story h4 {
    color: #333333;
}

.more-media,
.search-results {
    margin: 15px 0;
    height: auto;
    background-color: #F9F9F9;
    border-radius: 8px;
    padding: 15px;
}

.media h4 {
    color: #8dc73f;
}

.media h5 {
    color: #333333;
    font-weight: 900;
}

.media p {
    color: #333;
    line-height: 1.47em;
}

.main-story {
    border-bottom: solid 1px #333333;
    /*height:390px;*/
    padding-bottom: 3%;
}

.media-image {
    background-color: #cccccc;
    /*height: 140px;*/
    width: 100%;
    margin-bottom: 15px;
}

    .media-image img {
        width: 100%;
    }


.search input,
.search button {
    height: 40px;
}

.search .input-group {
    margin-bottom: 15px;
}

.scroll-aboutus-brickcleanwarranty {
    height: 800px;
    overflow: scroll;
    overflow-x: hidden;
}

.img-aboutus-brickcleanwarranty {
    background-color: #cccccc !important;
    height: 800px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.coming-soon {
    color: #8dc73f;
    padding: 5% 0% 2% 42%;
}

.scroll-whybrick-lc {
    height: 530px;
    overflow: scroll;
    overflow-x: hidden;
}

/*iframe#twitter-widget-0 {
    height: 480px !important;
}*/

.brickCleaners-item p {
    color: black !important;
}

.brickCleaners-itemDiv {
    display: block;
    margin-bottom: 6%;
}

.brickCleaners p {
    color: black !important;
}

.brickCleaners-item .brickCleaners-item-sub p {
    color: #8dc73f !important;
}

.ceo-Modal-set p {
    color: #000000 !important;
}

.ceo-Modal-set h5 {
    color: #8dc73f !important;
}

.logo {
    margin-top: 58px;
    margin-left: 10px;
    margin-right: 10px;
}

.awards .award-block {
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.awards .think-brick-award-block {
    background: url('../media/1055/think-brick-awards.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.awards .golden-trowel-award-block {
    background: url('/media/1057/golden-trowel-awards.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.awards .award-block .layer {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.awards .award-block .link {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-left: 15px;
}

    .awards .award-block .link a {
        line-height: 78px;
        color: #ffffff;
        font-weight: bold;
    }

.golden-trowel-award .img-container {
    height: 444px;
}

    .golden-trowel-award .img-container img {
        width: 100%;
        height: 100%;
    }

.think-brick-awards .img-container {
    height: 592px;
}

    .think-brick-awards .img-container img {
        height: 100%;
    }

.text-black {
    color: #000000;
}

.text-white {
    color: #ffffff;
}

/*HOME PAGE GRID STYLES*/
/* BASE - Base Styles */
/* LAYOUT - Page layouts styles */
/* MODULES - Modules Styles */

.grid-item--height1 {
    height: 159px;
}

.grid-item--height2 {
    height: 636px;
}

.grid-item--height3 {
    height: 318px;
}

.grid-item--height4 {
    height: 954px;
    overflow: hidden;
}

.grid {
    background: #EEE;
    max-width: 100%;
}

    /* clearfix */
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

/* ---- grid-item ---- */

.grid-item {
    float: left;
}


@media only screen and (min-width : 1366px) and (max-width : 1600px) {

    .grid-item--height1 {
        height: 110px;
    }

    .grid-item--height2 {
        height: 440px;
    }

    .grid-item--height3 {
        height: 220px;
    }

    .grid-item--height4 {
        height: 660px;
    }
}


@media only screen and (min-width : 1024px) and (max-width : 1365px) {

    .grid-item--height1 {
        height: 90px;
    }

    .grid-item--height2 {
        height: 360px;
    }

    .grid-item--height3 {
        height: 180px;
    }

    .grid-item--height4 {
        height: 540px;
    }
}

@media only screen and (min-width : 320px) and (max-width : 768px) {

    .grid-item--height1 {
        height: 110px;
    }

    .grid-item--height2 {
        height: 440px;
    }

    .grid-item--height3 {
        height: 220px;
    }

    .grid-item--height4 {
        height: 660px;
    }

    .xs-insta {
        height: 440px !important;
    }
}
/*i-pad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .mass-enhance-cal-img {
        height: 620px;
    }
}
/* i-phone 5 and 5s Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .mass-enhance-cal-img {
        height: 330px;
    }
}
/*i-phone 5 and 5s Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .mass-enhance-cal-img {
        height: 500px;
    }
}
/*i-phone 6 Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .mass-enhance-cal-img {
        height: 600px;
    }
}
/*i-phone 6+ Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .mass-enhance-cal-img {
        height: 600px;
    }
}

.home .main-block {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}

    .home .main-block .content-container {
        display: table-cell;
        vertical-align: middle;
    }

.home .block-awards-main {
    background: url('../media/1053/awards-block-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.home .block-our-members img {
    display: block;
    margin: auto;
}

.mass-enhance-cal-img {
    background: url('../media/commonImg/2017_05_31_CMAA_website_banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.no-horizontal-padding {
    padding-left: 0;
    padding-right: 0;
}

#twitter-widget-0 {
    height: 100%;
}

.customisable-highlight {
    font-size: 1.5rem;
}

.category .container-block {
    background-size: cover;
    height: 300px;
    text-align: center;
    padding: 0;
    position: relative;
}

.logo-box {
    height: 220px;
    display: table;
}

.logo-image {
    display: table-row;
    vertical-align: bottom;
    text-align: center;
    margin: auto;
    height: 100%;
}

    .logo-image img {
        margin: auto;
    }

.logo-box .logo-content {
    height: 80px;
}

.sydney-build li {
    list-style: disc;
}

.home .bgimage {
    background: url('../media/Fire resistance tile_cmaa-no-text.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
}

.bgimage .front h4 {
    text-transform: uppercase;
}

.bgimage .front {
    margin: 20%;
}

.bgimage .back a {
    color: #fff;
}

.engineering-pavement-software .header {
    background-color: #8dc73f;
    text-align: center;
    height: 44px;
}

    .engineering-pavement-software .header h4 {
        line-height: 44px;
    }

.engineering-pavement-software .engineering-pavement-software-container {
    background-image: url('../media/commonImg/eps_background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}

.engineering-pavement-software .content-section {
    background: #fff; /* For browsers that do not support gradients */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.19), rgba(255,255,255,255));
    padding: 7% 6% 3% 6%;
}

@media screen and (max-width: 992px) {
    .engineering-pavement-software .engineering-pavement-software-container {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .engineering-pavement-software .design-pave-log-container {
        text-align: center;
        margin-top: -4%;
        margin-bottom: 5%;
    }
}


.engineering-pavement-software .content-section p {
    font-weight: bolder;
    color: #000;
}

.engineering-pavement-software .content-section .booklet-pdf-download {
    background-color: #8dc73f;
    border-radius: 10px;
    height: 83px;
    width: 222px;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

    .engineering-pavement-software .content-section .booklet-pdf-download a {
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        display: table-cell;
        vertical-align: middle;
    }

.engineering-pavement-software .form-section {
    background-color: rgba(255, 255, 255, 0.42);
    border-radius: 10px;
    padding: 4%;
    margin: 4% 4% 4% 4%;
}

    .engineering-pavement-software .form-section h4 {
        color: #000;
        text-align: center;
    }

    .engineering-pavement-software .form-section .form-control {
        border-radius: 0;
    }

.engineering-pavement-software .error, .engineering-pavement-software #recaptcha-validation-error {
    color: red;
}

.engineering-pavement-software #accept-terms-and-conditions-label {
    cursor: pointer;
    text-decoration: underline;
}

.engineering-pavement-software .loader-message {
    width: 100%;
    background-color: #e8e8e8;
    padding: 2%;
}

#terms-and-conditions-modal h4 {
    color: #000;
}

.engineering-pavement-software #design-pave-portal-register-btn {
    background-color: #8dc73f;
    color: #fff;
    padding: 8px 50px;
    font-size: 17px;
}

.approved-installer-program .header {
    background-color: #8dc73f;
    text-align: center;
    height: 44px;
}

    .approved-installer-program .header h4 {
        line-height: 44px;
    }

.approved-installer-program .description-section {
    margin-top: 4%;
    margin-bottom: 2%;
}

.approved-installer-program .modules-section {
    background-image: url('../media/commonImg/approved-installer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}

    .approved-installer-program .modules-section .module {
        margin: 5% 0;
    }

        .approved-installer-program .modules-section .module .module-header {
            height: 50px;
            background-color: #8dc73f;
        }

            .approved-installer-program .modules-section .module .module-header .module-no, .approved-installer-program .modules-section .module .module-header .module-title {
                float: left;
                color: #fff;
                text-transform: uppercase;
                line-height: 50px;
                padding-left: 4%;
                font-weight: bold;
            }

            .approved-installer-program .modules-section .module .module-header .module-no {
                width: 32%;
                background-color: #044796;
            }

            .approved-installer-program .modules-section .module .module-header .module-title {
                background-color: #8dc73f;
            }

            .approved-installer-program .modules-section .module .module-header .triangle-shape {
                width: 0;
                height: 0;
                border-top: 50px solid #044796;
                border-right: 53px solid transparent;
                float: left;
            }


        .approved-installer-program .modules-section .module .module-body {
            height: 250px;
        }

            .approved-installer-program .modules-section .module .module-body .module-img, .approved-installer-program .modules-section .module .module-body .module-description {
                float: left;
            }

            .approved-installer-program .modules-section .module .module-body .module-img {
                width: 32%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: cover;
            }

            .approved-installer-program .modules-section .module .module-body .module-description {
                width: 68%;
                height: 100%
            }

                .approved-installer-program .modules-section .module .module-body .module-description .cut {
                    overflow: hidden;
                    padding: 0 0 30px;
                    height: 100%;
                }

                .approved-installer-program .modules-section .module .module-body .module-description .cut-bd {
                    padding: 15px 15px 0;
                    position: relative;
                    background-color: rgba(255, 255, 255, 0.5);
                    height: 100%;
                    color: #000;
                }

                    .approved-installer-program .modules-section .module .module-body .module-description .cut-bd:before {
                        content: "";
                        width: 100%;
                        height: 30px;
                        position: absolute;
                        top: 100%;
                        right: 30px;
                        background: rgba(255, 255, 255, 0.5);
                    }

                    .approved-installer-program .modules-section .module .module-body .module-description .cut-bd:after {
                        content: "";
                        width: 0;
                        height: 0;
                        margin-left: -30px;
                        position: absolute;
                        top: 100%;
                        left: 100%;
                        border: 15px solid rgba(255, 255, 255, 0.5);
                        border-right: 15px solid transparent;
                        border-bottom: 15px solid transparent;
                    }

@media screen and (max-width: 576px) {
    .approved-installer-program .modules-section .module .module-header .triangle-shape {
        display: none;
    }

    .approved-installer-program .modules-section .module .module-body .module-img {
        display: none;
    }

    .approved-installer-program .modules-section .module .module-body .module-description {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .approved-installer-program .modules-section .module .module-header .module-no, .approved-installer-program .modules-section .module .module-header .module-title {
        width: 100%;
        float: none;
    }

    .approved-installer-program .modules-section .module .module-header {
        height: auto;
    }
}