@charset "utf-8";

body {
    background: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #000;
    line-height: 22px;
    width: 100%;
}

.top-bar {
    padding-top: 5px;
    padding-bottom: 4px;
    background: #65646A;
    border-bottom: 1px solid #65646A;
    line-height: 20px;
    color: #fff;
    margin-bottom: 5px;
}

#contact, #contact a, #contact a:hover {
    color: #fff;
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
    line-height: 1.2em;
    text-decoration: none;
    padding-top: 5px;
}

#contactLP, #contactLP a, #contactLP a:hover {
    color: #000;
    font-size: 1.3em;
    text-align: right;
    font-weight: bold;
    line-height: 1.2em;
    text-decoration: none;
    padding-top: 15px;
}

#menu {
    padding-left: 0px;
}

    #menu ul {
        margin-top: -8px;
        margin-bottom: -5px;
        padding: 0;
        list-style: none;
        position: relative;
        float: right;
    }

    #menu li {
        float: left;
    }

    #menu ul a, menu ul a:focus, menu ul a:active {
        display: inline-block;
        padding: 0;
        font-size: 0.8em;
        text-decoration: none;
        color: #fff;
        text-align: center;
        border-right: inset 1px #fff;
        width: 58px;
    }

        #menu ul a:hover {
            display: inline-block;
            padding: 0;
            font-size: 0.8em;
            text-decoration: none;
            color: #d3222a;
            background: #fff;
            text-align: center;
            border-right: inset 1px #fff;
            width: 58px;
        }

    #menu #login {
        z-index: 5;
    }

    #menu #profile {
        z-index: 6;
    }

    #menu #callback {
        z-index: 7;
    }

    #menu #login, #menu #profile, #menu #callback {
        border-right: 1px solid #ddd;
        -moz-box-shadow: 1px 0 0 #fff;
        -webkit-box-shadow: 1px 0 0 #fff;
        box-shadow: 1px 0 0 #fff;
    }

    #menu #login-content, #menu #profile-content, #menu #callback-content {
        color: #000;
        display: none;
        position: absolute;
        top: 48px;
        right: 0;
        z-index: 999;
        background: #fff;
        padding: 5px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
        box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
        -moz-border-radius: 5px 0 5px 5px;
        -webkit-border-radius: 5px 0 5px 5px;
        border-radius: 5px 0 5px 5px;
    }

        #menu #login-content a, #menu #profile-content a, #menu #callback-content a {
            border: none;
            color: #d3222a;
            text-decoration: underline;
            width: 125px;
            text-align: left;
        }

        #menu #profile-content a {
            padding-left: 0px;
            padding-top: 10px;
            height: 35px;
        }

            #menu #login-content a:hover, #menu #profile-content a:hover, #menu #callback-content a:hover {
                background-color: transparent;
            }

    #menu li #login-content {
        right: 0;
    }

    #menu li #profile-content {
        right: 0;
        width: 63%;
        z-index: 9999;
    }

    #menu li #callback-content {
        right: 0;
        width: 88%
    }

.logo {
    text-align: right;
}

.navigation {
    background: #fff;
    margin: 0px;
    padding: 0px;
    z-index: 99999;
    height: 48px;
    border-bottom: solid 1px #e4e4e4;
}

.mainNav, .mainNav > li.showhide {
    z-index: 4;
    background: #fff;
}

    .mainNav li > a, .mainNav > li.showhide span {
        color: #3f3d3d;
    }

    .mainNav > li:hover > a, .mainNav .dropdown li:hover > a {
        color: #555;
        background: #ffffff;
    }

    .mainNav li a:hover strong {
        color: #ffffff;
    }

    .mainNav li a.color1, .mainNav li a.color2, .mainNav li a.color3, .mainNav li a.color4, .mainNav li a.color5, .mainNav li a.color6, .mainNav li a.color7, .mainNav li a.color8, .mainNav li a.color9, .mainNav li a.color10, .mainNav li a.color-special, .mainNav li a.color-crm {
        border: solid 1px #e4e4e4;
    }

        .mainNav li a.color1:hover {
            background: #EF5F21;
            color: #fff;
        }

        .mainNav li a.color2:hover {
            background: #d3222a;
            color: #fff;
        }

        .mainNav li a.color3:hover {
            background: #00adb2;
            color: #fff;
        }

        .mainNav li a.color4:hover {
            background: #fc8717;
            color: #fff;
        }

        .mainNav li a.color5:hover {
            background: #0095cd;
            color: #fff;
        }

        .mainNav li a.color6:hover {
            background: #00405d;
            color: #fff;
        }

        .mainNav li a.color7:hover {
            background: #26BC85;
            color: #fff;
        }

        .mainNav li a.color8:hover {
            background: #9CB43A;
            color: #fff;
        }

        .mainNav li a.color9:hover {
            background: #00677C;
            color: #fff;
        }

        .mainNav li a.color10:hover {
            background: #D5331D;
            color: #fff;
        }

    .mainNav li a.color-special {
        color: #d3222a;
    }

        .mainNav li a.color-special:hover {
            background: #672626;
            color: #fff;
        }

    .mainNav li a.color-crm, .mainNav li a.color-crm:hover {
        color: #fff;
        background: #0c97be;
    }

.megamenu {
    margin-bottom: 0px;
    padding: 0;
    width: 100%;
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 1em;
}

    .megamenu li {
        margin-bottom: -8px;
        display: inline;
    }

    .megamenu > li > a {
        height: 48px;
        float: left;
        padding: 8px 12px;
        text-decoration: none;
        font-size: 1em;
    }

        .megamenu > li > a:after {
            content: attr(data-description);
            display: block;
            font-size: 10px;
            font-weight: 400;
            line-height: 0;
            margin-top: 5px;
            margin-bottom: 2px;
            text-transform: none;
        }

    .megamenu > li.active > a {
        background: #e4e4e4;
        border: solid 1px #e4e4e4;
    }

    .megamenu > li.right {
        float: right;
    }

    .megamenu > li > .megapanel {
        position: absolute;
        display: none;
        background: #ffffff;
        box-shadow: 0px 2px 4px #777;
        width: 100.2%;
        top: 48px;
        left: -1px;
        z-index: 99;
        padding: 20px 30px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .megamenu .megapanel ul {
        margin: 0;
        padding: 0;
    }

.megapanel .row {
    width: 100%;
}

    .megapanel .row .col1, .megapanel .row .col2, .megapanel .row .col3, .megapanel .row .col4, .megapanel .row .col5, .megapanel .row .col6, .megapanel .row .colsp {
        display: block;
        width: 100%;
        min-height: 20px;
        float: left;
        margin-left: 2.127659574468085%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .megapanel .row [class*="col"]:first-child {
        margin-left: 0
    }

    .megapanel .row .col1 {
        width: 18.15%
    }

    .megapanel .row .col2 {
        width: 31.914893617021278%
    }

    .megapanel .row .col3 {
        width: 48.93617021276595%
    }

    .megapanel .row .col4 {
        width: 65.95744680851064%
    }

    .megapanel .row .col5 {
        width: 82.97872340425532%
    }

    .megapanel .row .col6 {
        width: 100%
    }

    .megapanel .row .colsp {
        width: 14.85%
    }

.megamenu > li.showhide {
    display: none;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #555;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    background: #eee;
    background: -moz-linear-gradient(top,#eee 0,#dbdbdb 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#dbdbdb));
    background: -webkit-linear-gradient(top,#eee 0,#dbdbdb 100%);
    background: -o-linear-gradient(top,#eee 0,#dbdbdb 100%);
    background: -ms-linear-gradient(top,#eee 0,#dbdbdb 100%);
    background: linear-gradient(to bottom,#eee 0,#dbdbdb 100%);
}

    .megamenu > li.showhide span.title {
        margin: 15px 0 0 25px;
        float: left
    }

    .megamenu > li.showhide span.icon1:after {
        position: absolute;
        content: "";
        right: 25px;
        top: 15px;
        height: 3px;
        width: 25px;
        font-size: 50px;
        border-top: 3px solid #333;
        border-bottom: 3px solid #333;
        z-index: 1
    }

    .megamenu > li.showhide span.icon2:after {
        position: absolute;
        content: "";
        right: 25px;
        top: 27px;
        height: 3px;
        width: 25px;
        font-size: 50px;
        border-top: 3px solid #333;
        border-bottom: 3px solid #333;
        z-index: 1
    }

.h_nav h4 {
    border-bottom: 1px solid rgb(236, 236, 236);
    font-size: 1em;
    color: #000;
    line-height: 1.5em;
    margin-bottom: 3%;
}

    .h_nav h4.top {
        margin-top: 3%;
    }

.h_nav ul li {
    display: block;
}

    .h_nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 0.9em;
        color: #555;
        padding-bottom: 1.3em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.h_nav ul.TS li a:hover, .h_nav ul.TS li a:hover strong {
    color: #d3222a;
    text-decoration: underline;
    font-weight: bold;
}

.h_nav ul.EC li a:hover, .h_nav ul.EC li a:hover strong {
    color: #00adb2;
    text-decoration: underline;
    font-weight: bold;
}

.h_nav ul.TT li a:hover, .h_nav ul.TT li a:hover strong {
    color: #fc8717;
    text-decoration: underline;
    font-weight: bold;
}

.h_nav ul.GL li a:hover, .h_nav ul.GL li a:hover strong {
    color: #00405d;
    text-decoration: underline;
    font-weight: bold;
}

.h_nav ul.HL li a:hover, .h_nav ul.HL li a:hover strong {
    color: #26BC85;
    text-decoration: underline;
    font-weight: bold;
}

.h_nav ul.CR li a:hover, .h_nav ul.CR li a:hover strong {
    color: #d3222a;
    text-decoration: underline;
    font-weight: bold;
}

.slide-TS {
    background-image: url(../images/slider/thermaskirt.jpg);
}

.slide-EC {
    background-image: url(../images/slider/easyclean.jpg);
}

.slide-TT {
    background-image: url(../images/slider/thermatwin.jpg);
}

.slide-offer {
    background-image: url(../images/slider/thermaskirt-skirting-heating-for-conservatory.png);
}

.slide-testimonial {
    background-image: url(../images/slider/thermaskirt-unobtrusive-heating-system.jpg);
}

.slide-solutions {
    background-image: url(../images/slider/solutions.png);
}

slide-modularheating {
    background-image: url(../images/slider/thermaskirt-unobtrusive-heating-system.jpg);
}

.slide-modularheating {
    background-image: url(../images/slider/Modular-heating-system.png);
}

.slide-thermostat {
    background-image: url(../images/slider/thermiser-digital-thermostat.png);
}

.slide-installers {
    background-image: url(../images/lp/thermaskirt-installers.png);
}

.slide-TSE {
    background-image: url(../images/slider/electric-skirting-board-heating.png);
}

.slide-gray-bg {
    background-image: url(../images/lp/gray-bg-lp.png);
}

.img-solutions {
    margin: 0;
    padding: 0;
    border: none;
}

.carousel-TS, .carousel-EC, .carousel-TT, .carousel-AQ {
    background: rgba(255,255,255,0.9);
    padding: 10px;
}

.carousel-TS {
    border: solid 1px #d3222a;
}

.carousel-EC {
    border: solid 1px #00acb3;
}

.carousel-TT {
    border: solid 1px #f78f1e;
}

.carousel-AQ {
    border: solid 1px #019cd2;
}

.carousel-INS {
    background: transparent;
    padding: 10px;
    border: solid 4px #fff;
    line-height: 1.3;
    font-size: 1.7em;
}

.text-special {
    color: #fff;
    font-size: 1.7em;
}

.text-highlight {
    background: #fff;
    color: #000;
    margin-left: 8%;
    margin-right: 8%;
}

.btn-TS, .btn-TS:hover {
    background-color: #d3222a;
}

.btn-EC, .btn-EC:hover {
    background-color: #00acb3;
}

.btn-TT, .btn-TT:hover {
    background-color: #f78f1e;
}

.btn-AQ, .btn-AQ:hover {
    background-color: #019cd2;
}

    .btn-TS, .btn-TS:hover, .btn-EC, .btn-EC:hover, .btn-TT, .btn-TT:hover, .btn-AQ, .btn-AQ:hover {
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 5px;
    }

.shaddow-TS, .shaddow-EC, .shaddow-TT, .shaddow-AQ, .shaddow-red {
    position: absolute;
    margin-bottom: -8px;
    margin-right: 8px;
    background: transparent;
    width: 120px;
    height: 120px;
    bottom: 0;
    right: 0;
}

.shaddow-TS {
    border-bottom: solid 8px #d3222a;
    border-right: solid 8px #d3222a;
    z-index: -100;
}

.shaddow-EC {
    border-bottom: solid 8px #00acb3;
    border-right: solid 8px #00acb3;
    z-index: -101;
}

.shaddow-TT {
    border-bottom: solid 8px #f78f1e;
    border-right: solid 8px #f78f1e;
    z-index: -102;
}

.shaddow-AQ {
    border-bottom: solid 8px #019cd2;
    border-right: solid 8px #019cd2;
    z-index: -103;
}

.shaddow-red {
    margin-right: -8px;
    border-bottom: solid 8px #d3222a;
    border-right: solid 8px #d3222a;
    z-index: -104;
}

.enquiry-panel {
    min-height: 400px;
    height: 550px;
    background-image: url(../images/MIB.png);
    background-repeat: no-repeat;
    background-position: right top;
    border: solid 1px #000;
}

#products {
    background: linear-gradient(#fff,#e7e7e7);
}

    #products img {
        border: solid 1px #000;
    }

#profiles {
    background: linear-gradient(#fff,#e7e7e7);
}

    #profiles img {
        border: solid 1px #000;
    }

.video-container {
    position: relative;
    padding-bottom: 74%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



.social {
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 5px;
}

.social-share {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.social-share li {
    display: inline-block;
    vertical-align: middle;
}

    ul.social-share li a {
        display: inline-block;
        color: #fff;
        background: #404040;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 2px;
    }

        ul.social-share li a:hover {
            background: #000;
            color: #fff;
        }

.icon-social {
    border: 0;
    color: #fff;
    border-radius: 100%;
    display: inline-block !important;
    width: 36px;
    height: 36px;
    line-height: 36px !important;
    text-align: center;
    padding: 0;
}

    .icon-social.icon-facebook {
        background: #4f7dd4;
    }

        .icon-social.icon-facebook:hover {
            background: #789bde;
        }

    .icon-social.icon-twitter {
        background: #5bceff;
    }

        .icon-social.icon-twitter:hover {
            background: #8eddff;
        }

    .icon-social.icon-google-plus {
        background: #dc422b;
    }

        .icon-social.icon-google-plus:hover {
            background: #e36957;
        }

    .icon-social.icon-youtube {
        background: #ce332d;
    }

        .icon-social.icon-youtube:hover {
            background: #da5954;
        }




.torus-features {
    font-size: 1.2em;
    font-weight: bold;
}

.LSpacing {
    margin-left: 80px;
}

.RSpacing {
    margin-right: 80px;
    letter-spacing: 1px;
}

#section1 {
    background: linear-gradient(#fff, #e7e7e7);
    padding-bottom: 10px;
}

#section2 {
    background: linear-gradient(#fff, #e7e7e7);
    padding-bottom: 10px;
}

#section3 {
    background: linear-gradient(#fff, #e7e7e7);
    padding-bottom: 10px;
}

#tree_view ul {
    background-color: transparent;
    float: left;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 100;
}

#tree_view li {
    float: left;
    position: relative;
    list-style: none;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 10px;
}

    #tree_view li li {
        float: left;
        position: relative;
        list-style: none;
        -webkit-transition: .5s;
        transition: .5s;
        width: 220px;
        padding: 8px;
        line-height: 15px;
    }

#tree_view a {
    display: block;
    text-decoration: none;
    color: #000;
}

#tree_view ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0px;
    visibility: hidden;
    opacity: 0;
    border: solid 1px #C0C0C0;
}

    #tree_view ul ul ul {
        left: 100%;
        top: 0;
        background: #fff;
    }

#tree_view li:hover {
    background: #E7E7E7;
}

    #tree_view li:hover li {
        background: #fff;
    }

#tree_view li li:hover {
    background: #E7E7E7;
}

    #tree_view li li:hover li {
        background: #fff;
    }

#tree_view li li li:hover {
    background: #E7E7E7;
}

#tree_view li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.sectionHeight {
    min-height: 360px;
}

#conatcat-info {
    background: linear-gradient(#fff, #e7e7e7);
    padding: 20px 0;
    border-top: 2px solid #e7e7e7;
}

#bottom {
    background: linear-gradient(#e7e7e7, #fff);
    font-size: 14px;
}

    #bottom h3 {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 30px;
        text-transform: uppercase;
        font-size: 22px;
        color: #000;
    }

    #bottom ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #bottom ul li {
            display: block;
            padding: 5px 0;
        }

            #bottom ul li a {
                color: #808080;
            }

                #bottom ul li a:hover {
                    color: #d3222a;
                }

    #bottom .widget {
        margin-bottom: 0;
    }

#footer {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    background: #2e2e2e;
}

    #footer a {
        color: #fff;
    }

        #footer a:hover {
            color: #fff;
        }

    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #footer ul > li {
            display: inline-block;
            margin-left: 15px;
        }

.scrollup, .scrollup:hover {
    width: 70px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    left: 40px;
    z-index: 100;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #d3222a;
    border-radius: 10%;
    font-size: 0.8em;
    display: none;
}

.bgc {
    background-color: #e7e7e7;
    color: #000;
}

.bgCol {
    background-color: #ffffcc;
    color: #000;
}

.enquiry-ins {
    border: solid 4px #c0c0c0;
    background: #eae9e9;
}

#feature {
    background: linear-gradient(#fff, #e7e7e7);
    padding-bottom: 10px;
}

.features {
    padding: 0;
}

.feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
}

    .feature-wrap h2 {
        margin-top: 10px;
    }

    .feature-wrap .pull-left {
        margin-right: 25px;
    }

    .feature-wrap i {
        font-size: 48px;
        height: 110px;
        width: 110px;
        margin: 3px;
        border-radius: 100%;
        line-height: 110px;
        text-align: center;
        background: #fff;
        color: #d3222a;
        border: 3px solid #ffffff;
        box-shadow: inset 0 0 0 5px #f2f2f2;
        -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
        -webkit-transition: 500ms;
        -moz-transition: 500ms;
        -o-transition: 500ms;
        transition: 500ms;
        float: left;
        margin-right: 10px;
    }

        .feature-wrap i:hover {
            background: #d3222a;
            color: #fff;
            box-shadow: inset 0 0 0 5px #d3222a;
            -webkit-box-shadow: inset 0 0 0 5px #d3222a;
            border: 3px solid #d3222a;
        }

.tab-wrap {
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.tab-content {
    padding: 15px;
}

    .tab-content p {
        text-align: justify;
    }

    .tab-content h2 {
        margin-top: 0;
    }

    .tab-content img {
        border-radius: 16px;
    }

    .tab-content ul.list-checked {
        margin: 0 0 0 25px;
        padding: 0;
    }

        .tab-content ul.list-checked li {
            margin: 0;
            padding: 5px;
            font-size: 0.9em;
            list-style: none;
            list-style-image: url(../images/tick.png);
        }

#recent-works .col-xs-12.col-sm-4.col-md-3 {
    padding: 0;
}

#recent-works {
    background: #fff;
    padding-bottom: 25px;
}

.recent-work-wrap {
    position: relative;
}

    .recent-work-wrap a:hover {
        text-decoration: none;
    }

    .recent-work-wrap img {
        width: 100%;
        border: solid 1px #C0C0C0;
        box-shadow: 0px 0px 2px 2px #C0C0C0;
        border-radius: 3px;
    }

    .recent-work-wrap .recent-work-inner {
        top: 0;
        background: transparent;
        opacity: .8;
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
    }

        .recent-work-wrap .recent-work-inner h3 {
            margin: 0;
        }

            .recent-work-wrap .recent-work-inner h3 a {
                font-size: 16px;
                font-weight: bold;
                color: #fff;
            }

        .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
            font-size: 14px;
            color: #fff;
        }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        padding: 25px;
        padding-top: 45px;
    }

        .recent-work-wrap .overlay .preview {
            bottom: 0;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            border-radius: 0;
            background: transparent;
            text-align: center;
            color: #fff;
        }

    .recent-work-wrap:hover .overlay {
        opacity: 1;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        padding: 25px;
        padding-top: 45px;
    }

        .recent-work-wrap .overlay-ec .preview {
            bottom: 0;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            border-radius: 0;
            background: transparent;
            text-align: center;
            color: #fff;
        }

    .recent-work-wrap:hover .overlay-ec {
        opacity: 1;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        padding: 25px;
        padding-top: 45px;
    }

        .recent-work-wrap .overlay-tt .preview {
            bottom: 0;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            border-radius: 0;
            background: transparent;
            text-align: center;
            color: #fff;
        }

    .recent-work-wrap:hover .overlay-tt {
        opacity: 1;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        padding: 25px;
        padding-top: 45px;
    }

        .recent-work-wrap .overlay-aq .preview {
            bottom: 0;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            border-radius: 0;
            background: transparent;
            text-align: center;
            color: #fff;
        }

    .recent-work-wrap:hover .overlay-aq {
        opacity: 1;
    }

.portfolio-items, .portfolio-filter {
    list-style: none outside none;
    margin: 0 0 40px 0;
    padding: 0;
}

    .portfolio-filter > li {
        display: inline-block;
    }

        .portfolio-filter > li a {
            background: none repeat scroll 0 0 #e9e5e5;
            font-size: 14px;
            font-weight: 400;
            margin-right: 20px;
            transition: all 0.9s ease 0s;
            -moz-transition: all 0.9s ease 0s;
            -webkit-transition: all 0.9s ease 0s;
            -o-transition: all 0.9s ease 0s;
            border: 1px solid #F2F2F2;
            outline: none;
            border-radius: 3px;
        }

            .portfolio-filter > li a:hover, .portfolio-filter > li a.active {
                color: #fff;
                background: #d3222a;
                border: 1px solid #d3222a;
                box-shadow: none;
                -webkit-box-shadow: none;
            }

    .portfolio-items > li {
        float: left;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.portfolio-item {
    margin: 0;
    padding: 0;
}

body > section {
    padding: 70px 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

h1 {
    font-size: 32px;

}

h2 {
    font-size: 20px;
}

    h2 a {
        font-size: 20px;
        text-decoration: none;
    }

        h2 a:hover {
            font-size: 20px;
            text-decoration: none;
        }

h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

    h3 a:hover {
        text-decoration: none;
    }

h4 {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 7px;
}

a {
    color: #d3222a;
    text-decoration: none;
    -webkit-transition: color 300ms, background-color 300ms;
    -moz-transition: color 300ms, background-color 300ms;
    -o-transition: color 300ms, background-color 300ms;
    transition: color 300ms, background-color 300ms;
}

    a:hover, a:focus {
        color: #111;
        text-decoration: underline;
        outline: none;
    }

hr {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #fff;
}

.imgBorder {
    padding: 0px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 3px #C0C0C0;
    overflow: hidden;
}

.btn-primary {
    background: #d3222a;
    color: #fff;
    border-radius: 4px;
    border: none;
}

    .btn-primary:hover, .btn-primary:focus {
        background: #d3222a;
        outline: none;
        box-shadow: none;
    }

.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
}

    .btn-transparent:hover {
        border-color: rgba(255, 255, 255, 0.5);
    }

.no-margin {
    margin: 0;
    padding: 0;
}

.LRMargin {
    margin-left: 8px;
    margin-right: 8px;
}

.setMargin {
    margin-top: 25px;
    margin-bottom: -15px;
}

.marginBottom {
    margin-bottom: 44px;
}

.no-wrap {
    white-space: nowrap;
}

.divClear {
    clear: both;
}

.clear {
    height: 0;
    padding: 0;
    line-height: 0;
    clear: both;
}

.xclass {
    position: absolute;
    z-index: 1;
    display: none;
    border: 1px solid #eae9e9;
}

.medium {
    font-size: medium;
    font-weight: bold;
}

.large {
    font-size: large;
    font-weight: bold;
}

.x-large {
    font-size: x-large;
    font-weight: bold;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.rightFloat {
    float: right;
}

.alignMiddle {
    vertical-align: middle;
}

.noBorder {
    border-style: none;
    border: none;
}

.retrieve {
    vertical-align: middle;
    border-style: none;
    float: right;
}

.popup {
    padding: 1px;
    width: 99%;
    background: #fff;
}

.modalBackground {
    background-color: #D5D8D8;
    filter: alpha(opacity=50);
    opacity: 0.8;
}

.modalPopup {
    background-color: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    width: 250px;
}

    .modalPopup h1 {
        font-size: 1.2em;
        font-weight: bold;
        padding: 5px;
        color: #fff;
        text-transform: uppercase;
        background: #77AF6A;
        border: 1px solid #eae9e9;
    }

    .modalPopup h2 {
        font-size: 1.1em;
        font-weight: bold;
        padding: 5px;
        color: #000;
    }

    .modalPopup h3 {
        font-size: 1.0em;
        font-weight: bold;
        padding: 5px;
        color: #000;
    }

    .modalPopup p {
        padding: 5px;
        color: #000;
    }

        .modalPopup p a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
        }

            .modalPopup p a:hover {
                text-decoration: underline;
                color: #000;
                font-weight: bold;
            }

.greenBG {
    background-color: #00ff00;
}

.orangeBG {
    background-color: #ff9900;
}

.redBG {
    background-color: #ff0000;
}

.text-grey {
    color: #65646a;
}

.text-green {
    color: #00ff00;
}

.text-orange {
    color: #ff9900;
}

.text-red {
    color: #d3222a;
}

.text-white {
    color: #fff;
}

.text-TS {
    color: #d3222a;
}

.text-EC {
    color: #00adb2;
}

.text-TT {
    color: #fc8717;
}

.text-AQ {
    color: #0095cd;
}

.text-GL {
    color: #00405d;
}

.text-HL {
    color: #26BC85;
}

#thermaSkirt {
    background: transparent;
    padding-bottom: 20px;
    padding-top: 20px;
}

.TSstrip {
    height: 0px;
    width: 100%;
    border-bottom: solid 4px #d3222a;
    margin-bottom: 18px;
}

#easyClean {
    background: transparent;
    padding-bottom: 20px;
    padding-top: 20px;
}

.ECstrip {
    height: 0px;
    width: 100%;
    border-bottom: solid 4px #00adb2;
    margin-bottom: 18px;
}

#thermaTwin {
    background: transparent;
    padding-bottom: 20px;
    padding-top: 20px;
}

.TTstrip {
    height: 0px;
    width: 100%;
    border-bottom: solid 4px #fc8717;
    margin-bottom: 18px;
}

.borderBottomGray {
    height: 0px;
    width: 55px;
    border-bottom: solid 4px #c0c0c0;
    margin-bottom: 15px;
}

.borderBottomRed {
    height: 0px;
    width: 55px;
    border-bottom: solid 4px #d3222a;
    margin-bottom: 15px;
}

.rowHeight {
    height: 10px;
}

.signInHeader {
    font-size: 14px;
    margin-top: 0px;
}

#googlemaps img {
    max-width: none;
}

.center {
    text-align: center;
    padding-bottom: 55px;
}

    .center h2 {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 20px;
    }

.media > .pull-left {
    margin-right: 20px;
}

.media > .pull-right {
    margin-left: 20px;
}

.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.transparent-bg {
    background-color: transparent !important;
    margin-bottom: 0;
}

.alignRight {
    margin: 5px 5px 5px 15px;
    border: 2px solid #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 4px #C0C0C0;
    overflow: hidden;
    padding: 2px;
    float: right;
}

.alignLeft {
    margin: 5px 15px 5px 5px;
    border: 2px solid #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 4px 4px #C0C0C0;
    overflow: hidden;
    padding: 2px;
    float: left;
}

.alignCentre {
    border: 1px solid #eae9e9;
    padding: 5px;
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
    font-size: 0.8em;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.btn-performance, .btn-performance:hover {
    color: #fff;
    background-color: #019cd2;
}

.btn-thermatwin, .btn-thermatwin:hover {
    color: #fff;
    background-color: #f78f1e;
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.round {
    padding: 0px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px 4px #C0C0C0;
    overflow: hidden;
}

.accordion h2 {
    margin-bottom: 25px;
}

/*.panel-default {
    border-color: transparent;
}

    .panel-default > .panel-heading,
    .panel {
        background-color: #e6e6e6;
        border: 0 none;
        box-shadow: none;
        color: #fff;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            background: #f2f2f2;
            color: #333333;
            text-align: justify;
        }

.panel-body {
    padding: 20px 20px 10px;
    text-align: justify;
}

.panel-group .panel + .panel {
    margin-top: 0;
    border-top: 1px solid #d9d9d9;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    border-radius: 0;
}

.panel-title > a {
    color: #000;
}*/

/*.accordion-inner img {
    border-radius: 16px;
}

.accordion-inner h4 {
    margin-top: 0;
}

.accordion-inner ul.list-checked {
    margin: 0 0 0 25px;
    padding: 0;
}

    .accordion-inner ul.list-checked li {
        margin: 0;
        padding: 5px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/tick.png);
    }*/

ul.list-check {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-check li {
        margin: 0;
        padding: 5px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/tick.png);
    }

ul.list-circle {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-circle li {
        margin: 0;
        padding: 5px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/circle.png);
    }

ul.list-cross {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-cross li {
        margin: 0;
        padding: 5px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/cross.png);
    }

ul.list-pdf {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-pdf li {
        margin: 0;
        padding: 0px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/pdf.png);
    }

ul.list-word {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-word li {
        margin: 0;
        padding: 0px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/word.png);
    }

ul.list-video {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-video li {
        margin: 0;
        padding: 0px;
        font-size: 0.9em;
        list-style: none;
        list-style-image: url(../images/video.png);
    }

ul.list-none {
    margin: 0 0 0 25px;
    padding: 0;
}

    ul.list-none li {
        margin: 0;
        padding: 0px;
        font-size: 0.9em;
        list-style: none;
    }

    ul.list-none img {
        width: 12px;
    }

ol.list-terms {
    margin: 5px;
    padding: 0
}

    ol.list-terms li {
        margin: 0;
        padding: 5px;
        font-size: 1em;
        list-style: decimal;
    }

        ol.list-terms li ol {
            margin: 15px;
            padding: 0
        }

            ol.list-terms li ol li {
                margin-left: 25px;
                padding: 5px;
                font-size: 1em;
                list-style: lower-roman;
            }

                ol.list-terms li ol li ol {
                    margin: 15px;
                    padding: 0
                }

                    ol.list-terms li ol li ol li {
                        margin-left: 25px;
                        padding: 5px;
                        font-size: 1em;
                        list-style: lower-alpha;
                    }

.tableStyle {
    width: 100%;
    border: solid 1px #000;
    line-height: 20px;
    background-color: #fff;
    color: #000;
    font-size: 13px;
}

.list-inline {
    display: inline;
}
/*
-- cellpadding
th, td { padding: 5px; }
-- cellspacing
table { border-collapse: separate; border-spacing: 5px; } //setcellspacing="5"
table { border-collapse: collapse; border-spacing: 0; }   //setcellspacing="0"
-- valign
th, td { vertical-align: top; }
-- align (center)
table { margin: 0 auto; }
*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    padding: 1px;
    vertical-align: middle;
}
/*border:1px solid #000;*/
.hRow {
    background-color: #000;
    color: #fff;
    vertical-align: middle;
    text-align: left;
}

    .hRow td {
        border-right: 1px solid #fff;
    }

        .hRow td:last-child {
            border-right: none;
        }

.gRow {
    background-color: #eae9e9;
    color: #000;
    vertical-align: middle;
    text-align: left;
}

.lm {
    text-align: left;
    vertical-align: middle;
    padding: 1%;
}

.lt {
    text-align: left;
    vertical-align: top;
    padding: 1%;
}

.lb {
    text-align: left;
    vertical-align: bottom;
    padding: 1%;
}

.rm {
    text-align: right;
    vertical-align: middle;
    padding: 1%;
}

.rt {
    text-align: right;
    vertical-align: top;
    padding: 1%;
}

.rb {
    text-align: right;
    vertical-align: bottom;
    padding: 1%;
}

.cm {
    text-align: center;
    vertical-align: middle;
    padding: 1%;
}

.ct {
    text-align: center;
    vertical-align: top;
    padding: 1%;
}

.cb {
    text-align: center;
    vertical-align: bottom;
    padding: 1%;
}

/*.panel-heading.active {
    background: #000;
}

    .panel-heading.active .panel-title > a {
        color: #fff;
    }*/

a.accordion-toggle i {
    width: 45px;
    line-height: 44px;
    font-size: 20px;
    margin-top: -10px;
    text-align: center;
    margin-right: -15px;
    background: #c9c9c9;
}

/*.panel-heading.active a.accordion-toggle i {
    background: #d3222a;
    color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i {
    background: #d3222a;
    color: #fff;
}*/

.nav-tabs > li {
    margin-bottom: 0px;
    border-bottom: 1px solid #e6e6e6;
}

.nav-tabs {
    border-bottom: transparent;
    border-right: 1px solid #e6e6e6;
}

    .nav-tabs > li > a {
        background: #f5f5f5;
        color: #666;
        border-radius: 0;
        border: 0 none;
        line-height: 24px;
        margin-right: 0;
        padding: 13px 15px;
    }

    .nav-tabs li:last-child {
        border-bottom: 0 none;
    }

.nav-stacked > li + li {
    margin-top: 0;
}

.nav-tabs > li > a:hover {
    background: #000;
    color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 0;
    color: #fff;
    background: #000;
    position: relative;
}

    .nav-tabs > li.active > a:after {
        position: absolute;
        content: "";
        width: auto;
        height: auto;
        border-style: solid;
        border-color: transparent transparent transparent #000;
        border-width: 25px 22px;
        right: -44px;
        top: 0;
    }

.testimonial h2 {
    margin-top: 0;
}

.testimonial-inner {
    font-size: 14px;
}

.comment {
    font-size: 40px;
    color: #0095cd;
}

.testimonial-inner .pull-left {
    padding-right: 2px;
}

.testimonial-gap {
    margin-bottom: 22px;
    padding-bottom: 8px;
    border-bottom: solid 1px #a09e9e;
}

#about-us {
    background: transparent;
    padding-bottom: 45px;
    padding-top: 40px;
}

.about-us {
    margin-top: 110px;
    margin-bottom: -110px;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

.contact-info {
    color: #000;
}

    .contact-info i {
        width: 60px;
        height: 60px;
        font-size: 40px;
        line-height: 60px;
        color: #fff;
        background: #000;
        text-align: center;
        border-radius: 10px;
    }

    .contact-info h2 {
        margin-top: 0;
        color: #000;
    }




.gmap-area {
    background-image: url("../images/map.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: -20px;
}

    .gmap-area .gmap iframe {
        height: 350px;
        width: 350px;
        border-style: none;
    }

.gmap {
    height: 350px;
    width: 350px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.gmap-area .map-content ul {
    list-style: none;
}

.gmap-area .map-content address h5 {
    font-weight: 700;
}


#contact-page {
    padding-top: 35px;
    background: #f2f2f2;
}

    #contact-page .contact-form .form-group label {
        color: #4E4E4E;
        font-size: 16px;
        font-weight: 200;
    }

.form-group .form-control {
    margin: 0;
    padding: 5px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    border-top-left-radius: 5px 5px;
    border-bottom-left-radius: 5px 5px;
    font-size: small;
}

.form-control:focus {
    outline: 0 none;
}

textarea#message {
    resize: none;
    padding: 10px;
}

#contact-page .contact-wrap {
    margin-top: 10px;
}

#contact-team {
    padding-top: 0;
}

    #contact-team .contact-wrap {
        margin-top: 0px;
    }

    #contact-team img {
        width: 65px;
        height: 65px;
        border: 2px solid #fff;
        border-radius: 50%;
        box-shadow: 0px 0px 4px 4px #eae9e9;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }

.widget {
    margin-bottom: 60px;
    padding-left: 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.readmore {
    margin-top: 0;
}

#publish_date {
    background: #d3222a;
    border-bottom: 5px solid #4e4e4e;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.search_box {
    background-image: url("../images/search_icon.png");
    background-position: 314px 15px;
    background-repeat: no-repeat;
    border-color: #DEDEDE;
    height: 48px;
    outline: medium none;
    box-shadow: none;
}

#error h1 {
    color: #4e4e4e;
    text-transform: uppercase;
}

.CustomerTab {
    float: left;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    border-bottom: none;
    padding: 0 10px 0 10px;
    margin-right: 5px;
    background-color: #000;
}

    .CustomerTab:hover {
        background: #CFD0CE;
        border: 1px solid #CFD0CE;
        color: #676767;
        text-decoration: none;
        font-size: 12px;
    }

#Customers #current {
    background: #d3222a;
    border: 1px solid #d3222a;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

#Categories #current {
    background: #d3222a;
    border: 1px solid #d3222a;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

#SalesOptions #current {
    background: #d3222a;
    border: 1px solid #d3222a;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

.dvBgc {
    border-radius: 8px;
    padding-bottom: 20px;
    padding-top: 15px;
    background-color: #eae9e9;
}
/*background:linear-gradient(#fff, #e7e7e7);*/
.MyTabStyle .ajax__tab_header {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    font-weight: bold;
    display: block;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        padding-left: 10px;
        margin-right: 3px;
        border: solid 1px #000;
    }

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        padding: 3px 10px 2px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #CFD0CE;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    background-color: #CFD0CE;
    color: #fff;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: White;
    border-color: #000;
}

.MyTabStyle .ajax__tab_body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 13px;
    background-color: #fff;
    border: none;
}

.photos {
    display: block;
}

    .photos ul {
        list-style: none;
        padding-left: 10px;
    }

        .photos ul li {
            display: inline;
        }

            .photos ul li a {
                display: block;
                float: left;
                padding: 3px;
                margin-right: 3px;
                margin-bottom: 3px;
                opacity: 0.75;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }

                .photos ul li a:hover {
                    opacity: 1.0;
                }

                .photos ul li a img {
                    background: #fff;
                    border-radius: 16px;
                    border: 3px solid #fff;
                    box-shadow: 0px 0px 3px 3px #C0C0C0;
                    overflow: hidden;
                    height: auto !important;
                    width: 115px;
                }

#lightbox-container-image-data-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.custom-calendar {
    background-color: #ffffcc;
    z-index: 9999999;
}

    .custom-calendar .ajax__calendar_container {
        background-color: #ffc;
        border: solid 1px #666;
        width: 175px;
        z-index: 1000;
    }

    .custom-calendar .ajax__calendar_title {
        background-color: #cf9;
        height: 20px;
        color: #333;
    }

    .custom-calendar .ajax__calendar_prev,
    .custom-calendar .ajax__calendar_next {
        background-color: #aaa;
        height: 20px;
    }

    .custom-calendar .ajax__calendar_today {
        background-color: #cff;
        height: 25px;
    }

    .custom-calendar .ajax__calendar_days table thead tr td {
        background-color: #000;
        color: #fff;
        padding: 1px;
        width: 25px;
    }

    .custom-calendar .ajax__calendar_day {
        padding: 1px;
        color: #333;
        font-weight: bold;
    }

    .custom-calendar .ajax__calendar_other .ajax__calendar_day {
        padding: 2px;
        color: #666;
        font-weight: normal;
    }

.main_menu {
    width: auto !important;
    min-width: 125px;
    background-color: #000;
    color: #fff;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    padding-left: 10px;
}

    .main_menu:hover, .main_menu:active, .main_menu:visited {
        background-color: #d3222a;
        color: #fff;
    }

.level_menu {
    width: auto !important;
    min-width: 200px;
    background-color: #eae9e9;
    color: #000;
    text-align: left;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}

    .level_menu:hover {
        width: auto !important;
        min-width: 200px;
        background-color: #d3222a;
        color: #fff;
        text-align: left;
        height: 35px;
        line-height: 35px;
        padding-left: 10px;
    }

.selected {
    background-color: #d3222a;
    color: #fff;
}

    .selected:hover {
        background-color: #d3222a;
        color: #fff;
    }

.noTopMargin {
    margin-top: -10px;
}

.h1 {
    font-size: 25px;
    text-shadow: 0px 0px #C0C0C0;
    margin-bottom: -10px;
    margin-top: 0px;
}

.h2 {
    font-size: 26px;
    color: #d3222a;
}

.h3 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}

.h4 {
    font-size: 14px;
    padding-bottom: 5px;
}

.divRadEnq {
    background-image: url("../images/lp/bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: solid 2px #d3222a;
    margin-top: 15px;
}

.dropShadow {
    text-shadow: 3px 3px #fff;
}

.setPadding {
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 35px;
    padding-right: 35px;
}

    .setPadding h2 {
        letter-spacing: 2px;
    }

.divCalculator {
    background-color: #d3222a;
    border: solid 1px #000;
    padding: 10px;
    color: #fff;
    font-size: 14px;
}

.divHeatOutput {
    background-image: url("../images/lp/profiles/bg-output.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    color: #fff;
    font-size: 14px;
}
/*.divBackground{background-image:url("../images/lp/profiles/divBackground.png");background-repeat:no-repeat;background-size:100% 100%;border:solid 2px #d3222a;}
.divHeatOutput{background:#d3222a;opacity:0.8;background-size:100% 100%;}
.divContents{padding:10px;color:#fff;font-size:14px;}*/
.addBorder {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 5px;
    background: transparent;
    border: 2px solid #000;
}

.text-normal {
    color: #000;
}


div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px
}

    div.pp_default .pp_top .pp_left {
        background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
    }

    div.pp_default .pp_top .pp_middle {
        background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x
    }

    div.pp_default .pp_top .pp_right {
        background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
    }

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

    div.pp_default .pp_expand:hover {
        background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
        cursor: pointer
    }

div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px
}

    div.pp_default .pp_contract:hover {
        background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
        cursor: pointer
    }

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative
}

    div.pp_default .pp_nav .currentTextHolder {
        font-family: Georgia;
        font-style: italic;
        color: #999;
        font-size: 11px;
        left: 75px;
        line-height: 25px;
        position: absolute;
        top: 2px;
        margin: 0;
        padding: 0 0 0 10px
    }

    div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
        opacity: 0.7
    }

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

    .pp_content_container .pp_left {
        padding-left: 20px
    }

    .pp_content_container .pp_right {
        padding-right: 20px
    }

    .pp_content_container .pp_details {
        float: left;
        margin: 10px 0 2px
    }

.pp_description {
    display: none;
    margin: 0
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

    .pp_nav p {
        float: left;
        white-space: nowrap;
        margin: 2px 4px
    }

    .pp_nav .pp_play, .pp_nav .pp_pause {
        float: left;
        margin-right: 4px;
        text-indent: -10000px
    }

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px
}

#pp_full_res {
    line-height: 1 !important
}

    #pp_full_res .pp_inline {
        text-align: left
    }

        #pp_full_res .pp_inline p {
            margin: 0 0 15px
        }

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff
}

    div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
        color: #000
    }

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px
}

    .pp_top .pp_left, .pp_bottom .pp_left {
        height: 20px;
        left: 0;
        position: absolute;
        width: 20px
    }

    .pp_top .pp_middle, .pp_bottom .pp_middle {
        height: 20px;
        left: 20px;
        position: absolute;
        right: 20px
    }

    * html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
        left: 0;
        position: static
    }

    .pp_top .pp_right, .pp_bottom .pp_right {
        height: 20px;
        left: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 20px
    }

.pp_fade, .pp_gallery li.default a img {
    display: none
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

    #jquery-lightbox a img {
        border: none;
    }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    width: 250px;
    height: 250px;
}

#lightbox-container-image {
    padding: 10px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
    left: 0;
}

#lightbox-nav a {
    outline: none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
}

#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

    #lightbox-container-image-data #lightbox-image-details {
        width: 70%;
        float: left;
        text-align: left;
    }

#lightbox-image-details-caption {
    font-weight: bold;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

@media (min-width:992px) and (max-width:1199px) {
    #contact, #contact a, #contact a:hover {
        color: #fff;
        font-size: 1.1em;
        text-align: left;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 8px;
    }

    #contactLP, #contactLP a, #contactLP a:hover {
        color: #000;
        font-size: 1.1em;
        text-align: right;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 10px;
    }


    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu > li > a {
        padding: 8px 16px;
    }

    .torus-features {
        font-size: 1em;
        font-weight: bold;
    }

    .h1 {
        font-size: 22px;
    }

    .h2 {
        font-size: 20px;
    }

    .feature-wrap h2, .single-services h2 {
        font-size: 18px;
    }

    .feature-wrap h3, .single-services h3 {
        font-size: 14px;
    }

    .tab-wrap .media .parrent.pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .parrent.media-body {
        clear: both;
    }

    #portfolio .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
        font-size: 12px;
        color: #fff;
    }

    .recent-work-wrap .overlay .preview {
        line-height: inherit;
    }

    .recent-work-wrap .overlay-ec .preview {
        line-height: inherit;
    }

    .recent-work-wrap .overlay-tt .preview {
        line-height: inherit;
    }

    .recent-work-wrap .overlay-aq .preview {
        line-height: inherit;
    }

    .recent-work-wrap .overlay, .recent-work-wrap .overlay-ec, .recent-work-wrap .overlay-tt, .recent-work-wrap .overlay-aq {
        padding: 15px;
    }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #contact, #contact a, #contact a:hover {
        color: #fff;
        font-size: 1em;
        text-align: left;
        font-weight: bold;
        line-height: 1em;
        text-decoration: none;
        padding-top: 5px;
    }

    #contactLP, #contactLP a, #contactLP a:hover {
        color: #000;
        font-size: 1em;
        text-align: right;
        font-weight: bold;
        line-height: 1em;
        text-decoration: none;
        padding-top: 10px;
    }


    .navbar-nav > li {
        margin-left: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .top-number {
        padding-top: 6px;
        float: left;
        color: #fff;
        font-size: 1.2em;
    }

    #menu #login-content {
        top: 25px;
    }

    #menu #profile-content {
        top: 25px;
    }

    #menu #callback-content {
        top: 25px;
    }

    .megamenu > li > a {
        padding: 8px 8px;
    }

    .torus-features {
        font-size: 0.8em;
        font-weight: bold;
    }

    .h1 {
        font-size: 18px;
    }

    .h2 {
        font-size: 16px;
    }

    .LSpacing {
        margin-left: 25px;
    }

    .RSpacing {
        margin-right: 25px;
    }

    .carousel-INS {
        background: transparent;
        padding: 10px;
        border: solid 4px #fff;
        line-height: 1.3;
        font-size: 1.3em;
    }

    .text-highlight {
        background: #fff;
        color: #000;
        margin-left: 0%;
        margin-right: 0%;
    }

    .tab-wrap .media .parrent.pull-left, .media.accordion-inner .pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .parrent.media-body, .media.accordion-inner .media-body {
        clear: both;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }

    .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
        font-size: 12px;
        color: #fff;
    }

    .recent-work-wrap .overlay, .recent-work-wrap .overlay-ec, .recent-work-wrap .overlay-tt, .recent-work-wrap .overlay-aq {
        padding: 15px;
    }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
}

@media (max-width:768px) {
    #contact, #contact a, #contact a:hover {
        color: #fff;
        font-size: 1.1em;
        text-align: center;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 5px;
    }

    #contactLP, #contactLP a, #contactLP a:hover {
        color: #000;
        font-size: 1.1em;
        text-align: center;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 10px;
    }

    .navbar-nav > li {
        padding-bottom: 0;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-left: 0;
    }

    #menu ul a, menu ul a:focus, menu ul a:active {
        display: inline-block;
        padding: 0;
        font-size: 0.8em;
        text-decoration: none;
        color: #fff;
        text-align: center;
        width: 65px;
    }

        #menu ul a:hover {
            display: inline-block;
            padding: 0;
            font-size: 0.8em;
            text-decoration: none;
            color: #d3222a;
            background: #fff;
            text-align: center;
            width: 65px;
        }

    #menu #login-content, #menu #profile-content, #menu #callback-content {
        top: 21px;
    }

    .header {
        background: transparent;
        margin-top: 0px;
        padding-top: 18px;
        padding-bottom: 0px;
    }

    .megamenu > li {
        display: block;
        width: 100%;
        border-bottom: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

        .megamenu > li:hover, .megamenu > li.active {
            border-top: 0;
        }

        .megamenu > li > a {
            padding: 8px 12px;
        }

        .megamenu > li:hover > a, .megamenu > li.active > a {
            padding: 8px 12px
        }

    .megamenu a {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }

    .megamenu > li > .megapanel {
        position: static;
        margin-top: 50px;
    }

    .megapanel .row [class*="col"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .megapanel .row:first-child [class*="col"]:first-child {
        margin-top: 0;
    }

    .megapanel .row {
        margin-top: 0
    }

    .black {
        background: #222;
    }

    .megamenu > li.showhide span.title {
        margin: 10px 0 0 15px;
    }

    .megamenu > li.showhide span.icon1:after {
        top: 12px;
        right: 15px;
    }

    .megamenu > li.showhide span.icon2:after {
        top: 23px;
        right: 15px;
    }

    .megamenu > li.showhide {
        height: 40px;
    }

    .h_nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 0.8em;
        color: #555;
        height: 3.25em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .TS, .EC, .TT, .AQ {
        margin-top: 15px;
    }

        .TS a {
            font-size: 18px;
            text-decoration: underline;
        }

        .EC a {
            font-size: 18px;
            text-decoration: underline;
        }

        .TT a {
            font-size: 18px;
            text-decoration: underline;
        }

        .AQ a {
            font-size: 18px;
            text-decoration: underline;
        }


    .torus-features {
        font-size: 1.1em;
        font-weight: bold;
    }

    .h1 {
        font-size: 18px;
    }

    .h2 {
        font-size: 15px;
    }

    .LSpacing {
        margin-left: 0;
    }

    .RSpacing {
        margin-right: 0;
    }

    .feature-wrap h2, .single-services h2 {
        font-size: 18px;
    }

    .feature-wrap h3, .single-services h3 {
        font-size: 14px;
    }

    .media.accordion-inner .pull-left,
    .media.accordion-inner .media-body {
        clear: both;
    }

    .accordion-inner h4 {
        margin-top: 10px;
    }

    .tab-wrap .media .pull-left {
        clear: both;
        width: 100%;
    }

    .tab-wrap .media .media-body {
        clear: both;
    }

    /*.nav-tabs > li.active > a:after {
        display: none;
    }*/

    #footer .col-sm-6 {
        text-align: center;
    }

    #footer .pull-right {
        float: none !important;
    }

    .portfolio-item, #recent-works .col-xs-12.col-sm-4.col-md-3 {
        padding: 0 15px;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
    }

    .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
        font-size: 14px;
        color: #fff;
    }

    .recent-work-wrap .overlay, .recent-work-wrap .overlay-ec, .recent-work-wrap .overlay-tt, .recent-work-wrap .overlay-aq {
        padding: 15px;
    }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
}

@media (max-width:480px) {
    #contact, #contact a, #contact a:hover {
        color: #fff;
        font-size: 1.1em;
        text-align: center;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 5px;
    }

    #contactLP, #contactLP a, #contactLP a:hover {
        color: #000;
        font-size: 1.1em;
        text-align: center;
        font-weight: bold;
        line-height: 1.1em;
        text-decoration: none;
        padding-top: 10px;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    #menu ul a, menu ul a:focus, menu ul a:active {
        display: inline-block;
        padding: 0;
        font-size: 0.8em;
        text-decoration: none;
        color: #fff;
        text-align: center;
        width: 65px;
    }

        #menu ul a:hover {
            display: inline-block;
            padding: 0;
            font-size: 0.8em;
            text-decoration: none;
            color: #d3222a;
            background: #fff;
            text-align: center;
            width: 65px;
        }

    #menu #login-content, #menu #profile-content, #menu #callback-content {
        top: 21px;
    }

    .header {
        background: transparent;
        margin-top: 0px;
        padding-top: 8px;
        padding-bottom: 0px;
    }

    .h_nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 0.8em;
        color: #555;
        height: 3.25em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .btn-TS, .btn-TS:hover {
        background-color: #d3222a;
    }

    .btn-EC, .btn-EC:hover {
        background-color: #00acb3;
    }

    .btn-TT, .btn-TT:hover {
        background-color: #f78f1e;
    }

    .btn-AQ, .btn-AQ:hover {
        background-color: #019cd2;
    }

        .btn-TS, .btn-TS:hover, .btn-EC, .btn-EC:hover, .btn-TT, .btn-TT:hover, .btn-AQ, .btn-AQ:hover {
            text-transform: uppercase;
            color: #fff;
            font-size: 0.7em;
            margin-bottom: 5px;
        }

    .h1 {
        font-size: 22px;
    }

    .h2 {
        font-size: 18px;
    }

    .LSpacing {
        margin-left: 0;
    }

    .RSpacing {
        margin-right: 0;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 11px;
        font-weight: bold;
        color: #fff;
    }

    .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
        font-size: 9px;
        color: #fff;
    }

    .recent-work-wrap .overlay, .recent-work-wrap .overlay-ec, .recent-work-wrap .overlay-tt, .recent-work-wrap .overlay-aq {
        padding: 8px;
    }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
}

@media only screen and (max-width:480px) {
    .top-bar {
        line-height: 28px;
    }

    #contact, #contact a, #contact a:hover {
        color: #fff;
        font-size: 1em;
        text-align: center;
        font-weight: bold;
        line-height: 1em;
        text-decoration: none;
        padding-top: 5px;
    }

    #contactLP, #contactLP a, #contactLP a:hover {
        color: #000;
        font-size: 1em;
        text-align: center;
        font-weight: bold;
        line-height: 1em;
        text-decoration: none;
        padding-top: 10px;
    }

    .logo {
        text-align: center;
    }

    #menu ul a, menu ul a:focus, menu ul a:active {
        display: inline-block;
        padding: 0;
        font-size: 0.8em;
        text-decoration: none;
        color: #fff;
        text-align: center;
        width: 65px;
    }

        #menu ul a:hover {
            display: inline-block;
            padding: 0;
            font-size: 0.8em;
            text-decoration: none;
            color: #d3222a;
            background: #fff;
            text-align: center;
            width: 65px;
        }

    #menu #login-content, #menu #profile-content, #menu #callback-content {
        top: 21px;
    }

    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .h_nav ul li a {
        text-decoration: none;
        display: block;
        font-size: 0.8em;
        color: #555;
        height: 3.25em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #main-slider .carousel .carousel-content {
        margin-top: 20px;
    }

    #main-slider .carousel .slide-margin {
        margin-top: 20px;
    }

    #main-slider .carousel .item {
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0 !important;
        opacity: 0;
        top: 0;
        position: absolute;
        width: 100%;
        display: block !important;
        height: 250px;
        -webkit-transition: opacity ease-in-out 500ms;
        -moz-transition: opacity ease-in-out 500ms;
        -o-transition: opacity ease-in-out 500ms;
        transition: opacity ease-in-out 500ms;
    }

    #main-slider .carousel h2 {
        font-size: 18px;
    }

    #main-slider .carousel h3 {
        font-size: 11px;
    }

    .btn-TS, .btn-TS:hover {
        background-color: #d3222a;
    }

    .btn-EC, .btn-EC:hover {
        background-color: #00acb3;
    }

    .btn-TT, .btn-TT:hover {
        background-color: #f78f1e;
    }

    .btn-AQ, .btn-AQ:hover {
        background-color: #019cd2;
    }

        .btn-TS, .btn-TS:hover, .btn-EC, .btn-EC:hover, .btn-TT, .btn-TT:hover, .btn-AQ, .btn-AQ:hover {
            text-transform: uppercase;
            color: #fff;
            font-size: 0.7em;
            margin-bottom: 5px;
        }

    .torus-features {
        font-size: 0.7em;
        font-weight: bold;
    }

    .LSpacing {
        margin-left: 0;
    }

    .RSpacing {
        margin-right: 0;
    }

    .recent-work-wrap .recent-work-inner h3 a {
        font-size: 11px;
        font-weight: bold;
        color: #fff;
    }

    .recent-work-wrap .recent-work-inner a, .recent-work-wrap .recent-work-inner p {
        font-size: 9px;
        color: #fff;
    }

    .recent-work-wrap .overlay, .recent-work-wrap .overlay-ec, .recent-work-wrap .overlay-tt, .recent-work-wrap .overlay-aq {
        padding: 8px;
    }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #d3222a;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-ec {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #00adb2;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-tt {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #fc8717;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }

    .recent-work-wrap .overlay-aq {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #0095cd;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
    }
}

@media only screen and (max-width:3000px) {
    .scrollup, .scrollup:hover {
        width: 70px;
        height: 55px;
        position: fixed;
        bottom: 20px;
        left: 40px;
        z-index: 100;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background: #d3222a;
        border-radius: 10%;
        font-size: 0.8em;
        display: none;
    }
}

@media only screen and (max-width:1000px) {
}

@media (max-width:1024px) {
    .megamenu > li > a {
        padding: 8px 4px;
    }
}

@media (max-width:800px) {
    .megamenu > li > a {
        padding: 8px 4px;
    }
}

.enquiryLP {
    background: #fff;
    border-radius: 5px;
}