@charset "utf-8";
/* CSS Document */


html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.5;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    float: none !important;
}

table, th, td {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

:focus {
    outline: 0;
}

* {box-sizing: border-box; -mox-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

html {
  scroll-behavior: smooth;
}


@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.eot');
    src: url('../fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-SemiBold.woff') format('woff'),
        url('../fonts/Oswald-SemiBold.ttf') format('truetype'),
        url('../fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
	font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Bold.eot');
    src: url('../fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Bold.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Bold.woff') format('woff'),
        url('../fonts/BarlowCondensed-Bold.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff'),
        url('../fonts/Oswald-Regular.ttf') format('truetype'),
        url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Light.eot');
    src: url('../fonts/BarlowCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Light.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Light.woff') format('woff'),
        url('../fonts/BarlowCondensed-Light.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Light.svg#BarlowCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Thin.eot');
    src: url('../fonts/BarlowCondensed-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Thin.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Thin.woff') format('woff'),
        url('../fonts/BarlowCondensed-Thin.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Thin.svg#BarlowCondensed-Thin') format('svg');
    font-weight: 100;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-ExtraLight.eot');
    src: url('../fonts/BarlowCondensed-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-ExtraLight.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-ExtraLight.woff') format('woff'),
        url('../fonts/BarlowCondensed-ExtraLight.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-ExtraLight.svg#BarlowCondensed-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff'),
        url('../fonts/Oswald-Medium.ttf') format('truetype'),
        url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: local('../fonts/BarlowCondensed-SemiBold.eot');
    src: url('../fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-SemiBold.woff') format('woff'),
        url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;font-display:swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/BarlowCondensed-Medium.eot');
    src: url('../fonts/BarlowCondensed-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BarlowCondensed-Medium.woff2') format('woff2'),
        url('../fonts/BarlowCondensed-Medium.woff') format('woff'),
        url('../fonts/BarlowCondensed-Medium.ttf') format('truetype'),
        url('../fonts/BarlowCondensed-Medium.svg#BarlowCondensed-Medium') format('svg');
    font-weight: 500;
    font-style: normal;font-display:swap;
}

/*	
font-family: 'Barlow Condensed'; 200,300,400,500,600
font-family: 'Oswald'; 400,500
*/

body {background:#ecf2f4; font-family: 'Barlow Condensed'; font-weight: 300;   font-size: 100%; position: relative; z-index: 0}
.sitewrapper {max-width:1720px;width:94%;margin:0 auto;text-align: center; padding: 0}


header {width: 100%; clear: both; position: absolute;z-index: 2; min-height: 198px;}

.webp header {background: url('../images/header-gradient.png.webp')repeat-x 0 0; }
.no-webp header {background: url('../images/header-gradient.png')repeat-x 0 0; }

body.menuopen header {position: fixed; z-index: 10;}
body.menuopen .scrollTop{display: none}

a.logo{float: left; max-width: 280px; display: inline-block; margin: 10px 0 0}
a.logo img{width: 100%}

ul.toplinks {width: 850px;float: right;padding: 30px 0 0 0;margin: 0;}
ul.toplinks li{width: auto; float: left; display: inline-block; border-radius: 30px; background: #fff; margin: 0 0 0 20px; padding: 10px 15px; font-size: 16px; font-family: 'Oswald'; font-weight: 500; text-transform: uppercase; box-shadow: 0 0 5px rgba(0,0,0,0.5); transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.toplinks li:hover{background: #1477bd; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.toplinks li a{color: #1477bd;text-decoration: none;display: inline-block;; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;
}
ul.toplinks li:hover a{color: #fff; ;transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

ul.toplinks li span{background: url('../images/image-sprite.png')no-repeat -10px -2px;width: 20px;height: 20px;display: inline-block;margin: 0 10px 0 0; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.toplinks li:hover span{background: url('../images/image-sprite.png')no-repeat -10px -44px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

ul.toplinks li:last-child{padding:0}
ul.toplinks li:last-child span{width: 43px;height: 43px;background: url('../images/image-sprite.png')no-repeat -44px 8px; margin: 0 2px}
ul.toplinks li:last-child:hover span{background: url('../images/image-sprite.png')no-repeat -44px -34px;}

body.menuopen ul.toplinks li:last-child span{background: url('../images/image-sprite.png')no-repeat -84px 8px}
body.menuopen ul.toplinks li:last-child:hover span{background: url('../images/image-sprite.png')no-repeat -84px -30px}
/*body.menuopen {overflow: hidden}*/

.toplinks.menudropdownlink{display: none}

/*menu slide open close style*/

.sitemenudiv {max-width: 1440px; margin: 200px auto 0; clear: both}
.sitemenudiv .menutitle{color: #fff; font-size:50px; text-align: left; line-height: 100%}

.sitemenudiv ul{width: 100%; float:left; margin:40px 0 0 0; padding: 0}
.sitemenudiv ul li{width: 100%; float:left; margin: 0 0 30px 0; padding: 0 0 0 30px; list-style: none; text-align: left; text-transform: uppercase; font-size: 16px; font-family: 'Oswald'; position: relative;z-index:0;  }

.sitemenudiv ul li:before{content: ''; position: absolute;z-index:0; background: url('../images/image-sprite.png')no-repeat -10px -44px; width: 20px; height: 20px; left: 0px; top: -2px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.sitemenudiv ul li:hover:before, .sitemenudiv ul li.activepg:before{left: 0px; top: -2px; background: url('../images/image-sprite.png')no-repeat -10px -76px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.sitemenudiv ul li a{color: #fff; text-decoration: none; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.sitemenudiv ul li:hover a, .sitemenudiv ul li.activepg a{color: #ee2d35; text-decoration: none; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

.mainmenu_left {width: 36%; float:left; /*border-right: 1px solid rgba(255,255,255,0.1); */margin: 0 4% 0 0}
.mainmenu_left ul li{width: 50%}
.mainmenu_coolinglink, .mainmenu_heatinglink {width: 30%;float: left;position: relative;z-index: 0;}
.mainmenu_coolinglink:before {content: ''; position: absolute;z-index: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.1); top: 0; left: -60px}


/*cart slide open */
.carttrigger {margin:0;}
aside {width: 100%; position: fixed; top: 0; right: 0; background: rgba(42, 42, 42, 0.91); margin: 0; padding: 0; z-index: 1; height: 0; transition: 1s ease all; top: -280%}
aside.slide	{right:0px; height: 100vh; width: 100%; top: 0; z-index: 9;}
a.closemenu {float: right;width: 40px;margin: 10px 0 0 0; display: none}
aside.slide a.closemenu {display: block}
.sidemenudiv {width: calc(100% - 50px);float: left;padding: 0;}
.sidemenudiv ul {width: 100%;float:left;margin: 0;padding: 30px 0 20px;border-bottom:1px solid #586e80;}
.mainmenu_coolinglink .menutitle {color: #1477bd;}
.mainmenu_heatinglink .menutitle {color: #ee2d35;}


.slidetitle {font-size: 53px;color: #303030;text-decoration: none;margin: 0;text-align: left;width: 100%;position: relative;z-index: 0; padding: 0 0 0 35px}


aside .featuresslider_container {width: 100%;float: left;position: absolute;z-index: 0;background: rgba(20,20,20,0.7);margin: -90px 0 0 0;bottom: 0;}
.featuresslider_container {width: 100%; float:left; position: relative;z-index: 0; background:rgba(42,42,42,0.7); margin: -90px 0 0 0}
.menufeatureslider {width: 100%; float:left; clear: both; text-align: center}
.menufeatureslider .featurediv {float:left; display: inline-block}
.menufeatureslider .featurediv dl{width: 100%; float:left; text-align: center; display: table; padding: 10px 0}
.menufeatureslider .featurediv dl dt{width: auto; display: inline-block; font-size: 48px; color: #fff; font-weight: 500; font-family: 'Oswald'; margin: 0 15px 0 0; vertical-align: middle}
.menufeatureslider .featurediv dl dt sup{float:right; margin: 0 0 0 5px}
.menufeatureslider .featurediv dl dd{width: auto; display: inline-block; font-weight: 400; color: #fff; font-size: 18px; line-height: 22px; text-align: left; font-family: 'Barlow Condensed'; vertical-align: middle}



/*feature slider styles */
.featuresslider_container {width: 100%; float:left; position: relative;z-index: 0; background:rgba(42,42,42,0.7); margin: -90px 0 0 0}
.featureslider {width: 100%; float:left; clear: both; text-align: center}
.featurediv {float:left; display: inline-block}
.featurediv dl{width: 100%; float:left; text-align: center; display: table; padding: 10px 0}
.featurediv dl dt{width: auto; display: inline-block; font-size: 48px; color: #fff; font-weight: 500; font-family: 'Oswald'; margin: 0 15px 0 0; vertical-align: middle}
.featurediv dl dt sup{float:right; margin: 0 0 0 5px}
.featurediv dl dd{width: auto; display: inline-block; font-weight: 300; color: #fff; font-size: 19px; line-height: 22px; text-align: left; font-family: 'Barlow Condensed'; vertical-align: middle}

.sectiontitle {font-size: 50px;color: #323232;font-weight: 200;text-decoration: none;margin:0 0 50px 0;text-align: center;width: 100%;position: relative;z-index: 0;line-height: 100%}
.sectiontitle:after {content: '';width: 400px;height: 1px;background: #e1e1e1;position: absolute;z-index: -1;left: -193px;bottom: 4px;}

.featuresslider_container .slick-next:before {content: '\f054'!important; display:none}
.featuresslider_container .slick-prev:before {content: '\f053'!important; display:none}




/*brand section styles*/
.brand_sec {width: 100%; float:left; clear: both ;padding: 120px 0 80px; border-bottom: 1px solid #dfdfdf; background: #fff}


.brand_left {width: 30%; float:left; padding: 60px 0 0 85px}
.brand_left .sectiontitle{text-align: left;margin-bottom: 50px}
/*.brand_left .sectiontitle:after{left:-220px}*/
.brand_left span{text-align: left; float:left; font-size: 30px; color: #323232; font-weight: 300; line-height: 35px;} 

.brandlogo_right {width: 60%; float:right; padding: 0 85px 0 0}
.brandlogo_right ul{width: 100%; float:left}
.brandlogo_right ul li{width: 25%; float:left; list-style: none; margin: 0 0 45px}






/* cooling service style */
.coollingserv_sec {width: 100%; float:left; clear: both ; position:relative; z-index:0; padding: 0 0 120px 0; background: #fff; overflow: hidden}
/*.service_content {width: 48%; display: inline-block; padding: 75px 0 0 0;}*/
.service_content {width: calc(100% - 876px);display: inline-block;padding: 75px 0 0 0;}
.service_img {position: relative;z-index: 0; top: 0;}
.service_img.fright {right: -90px;}
.service_img.fright img{width: 100%}
.service_img.fleft img{width: 100%}

.service_content p {font-size: 20px;color: #4a4a4a;margin: 20px 0 0 0;}

.coollingserv_sec .sectiontitle{text-align: left; color: #1477bd}
.coollingserv_sec .sectiontitle:after {background: #d0e4f2;left: -88px;}

ul.serviclist_ul {width: 100%; float:left; clear: both; margin: 40px 0 40px}
ul.serviclist_ul li {width: 46%;float: left;margin: 0;display: inline-block;border-bottom: 1px solid #d7d7d7;padding: 0;display: table;transition: all ease-out 0.3s!important;
    -webkit-transition: all ease-out 0.3s!important;
    -moz-transition: all ease-out 0.3s!important;
    -ms-transition: all ease-out 0.3s!important;
}

ul.serviclist_ul li:nth-child(even) {float: right;}



ul.serviclist_ul li:hover {background: #1477bd; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

ul.serviclist_ul li.noborder{border:0px solid #fff}
ul.serviclist_ul li a{display: block; float:left; padding:20px 0; width: 100%}
ul.serviclist_ul li span{width: 46px; height: 43px; display: inline-block; float:left; display: table-cell; margin: 0 20px 0 10px; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.serviclist_ul li span .blueicon{display: block; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.serviclist_ul li span .whiteicon{display: none; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

ul.serviclist_ul li:hover span .blueicon{display:none; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.serviclist_ul li:hover span .whiteicon{display: block; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

ul.serviclist_ul li p{float:left; font-size: 22px; color: #1477bd; font-weight: 400; display: table-cell; vertical-align: middle; padding:5px 0 0; margin: 0; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
ul.serviclist_ul li:hover p{color: #fff; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

a.redbtn.texturebluebtn {background: url(../images/ft-img-repeat.jpg)repeat 0 0; float: left;}
.heatingserv_sec a.redbtn.texturebluebtn {background: url(../images/red-texture-btn-bg.png)repeat 0 0; float: left;}


/* heating service style */
.heatingserv_sec {width: 100%; float:left; clear: both ; position:relative; z-index:0; margin: 0; background: #fff; overflow: hidden}
.service_img.fleft {right: inherit;left: -91px;}

.heatingserv_sec .sectiontitle {text-align: left; color: #ee2d35;}

.heatingserv_sec .sectiontitle:after {content: '';width: 413px;height: 1px;background: #fcd5d7;position: absolute;z-index: -2;left: -95px;}

.locationbox {position: relative}
.locationsec .sectiontitle:after {left: -160px;}
.locationsec .locationbox:before{position: absolute;content: '';right: 0;bottom: 0;height: 100%;background: url(../images/contact-gradient.png)no-repeat bottom;width: 1px;}
.testimonialhome_section .sectiontitle:after {left: -160px;}


/*whychoose_sec styles */
.whychoose_sec {width: 100%; float:left; background: #fff; clear: both ; border-top: 1px solid #dfdfdf; padding: 85px 0; overflow: hidden}
.whychoose_left {width: 50%; float:left;}
.whychoose_left .sectiontitle{text-align: left; font-size: 43px; color: #1477bd; font-weight:300; text-transform: uppercase; margin: 0 0 60px 0}
.whychoose_left .sectiontitle:after{display: none}

.whychoose_left dl {width: 100%; float:left; clear: both; display: table; margin: 0 0 70px 0; -ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex; -webkit-flex-wrap:wrap;-moz-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap; }
.whychoose_left dl dt{width: 75px; float:left; display: table-cell; vertical-align: middle;text-align: left}
.whychoose_left dl dd{width: calc(100% - 80px); float:left; border-left: 1px solid #ff0000; text-align: left; padding: 0 30% 0 25px; font-size: 18px; font-weight: 300; line-height: 23px;}
.whychoose_left dl dd span{display: block; font-size: 24px; color: #444444; font-weight:500; line-height: 100%; margin: 0 0 5px 0}



.whychoose_right {width: 50%; float: right}
.whychoose_right ul{width: 100%; float: right; position: relative;z-index: 0}
.whychoose_right ul:after {content: '';width: calc(100% + 150px);position: absolute;z-index: -1;background: #ecf2f4;height: 100%;top: 0;left: 0;}
.whychoose_right ul:before {content: '';width: calc(100% + 150px);position: absolute;z-index: 0;background: #ccd7db;height: 1px;top: 50%;left: 0;}
.whychoose_right ul li{width: 50%; float:left; padding: 60px 0; text-align: center; list-style: none; border-left: 1px solid #ccd7db;font-size: 20px;line-height: 24px;}
.whychoose_right ul li p
{
    text-align: center;
}
.whychoose_right ul li:nth-child(odd){border-left: 0px solid #ccd7db}
.whychoose_right ul li img{display: block; margin: 0 auto}
.whychoose_right ul li span{display: block; text-align: center; font-size: 48px; font-weight: 600; color: #ee2d35;line-height: 50px;margin-bottom: 10px;}
.whychoose_right ul li span sup{margin: 0 0 0 5px; display: inline-block; line-height: 100%;}



/*location section style */
.locationsec {width: 100%; float:left; clear: both; padding: 90px 0 300px; background: #fff;}
.locationsec .sectiontitle{text-align: left}

.location_container {width: 100%; float:left; clear: both; margin:50px 0 0 0; }
.locationbox img{margin: 0 auto 10px}
.locationbox span{display: block; margin: 0 auto; font-size: 22px; color: #2e2e2e; font-weight: 400; margin: 0 0 10px 0}
.locationbox p{font-weight: 300; font-size: 16px; color: #707070; text-align: center; line-height: 20px; margin: 0; font-weight: 400}
.locationbox a{text-align: center; font-size: 20px; color: #1477bd; font-weight: 500; text-decoration: none; margin: 15px 0 5px 0; display: inline-block}
.locationbox a:hover{ color: #ee2d35;}




hr.twopx{width: 100%; float:left; clear: both; border: 0px solid red; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #fff; height: 2px; margin:40px 0 20px}


/*wide cta style */
.widecta {width: 100%; float:left; clear: both; text-align: center; padding:50px 0}
.widecta.white {background: #fff;}
.widecta.blue {background: url('../images/ft-img-repeat.jpg')repeat 0 0;}

.ctatext {font-size: 30px; color: #4f4f50; font-weight: 400;margin-bottom: 20px;line-height: 100%}
.widecta.blue .ctatext{color: #fff}
.widecta .btnbar {width: 100%; float:left; clear: both; text-align: center; margin: 10px 0 0 0}
a.redbtn{font-size: 24px; font-weight: 500; font-family: 'Oswald';color: #fff; background: #ee2d35; border: 2px solid #fff; text-decoration: none; text-transform: uppercase; padding: 12px 30px; border-radius: 40px; display: inline-block;position: relative;overflow: hidden;z-index: 0}



/*footer styles */
footer  {width: 100%; float:left; clear: both}
.ft_link_section {width: 100%;float: left;clear: both;background: url(../images/ft-img-repeat.jpg)repeat 0 0;padding: 70px 0 30px 0;}
.ftlogo {float: left; text-align: center; display: block}
.ftphone {display: block; font-size: 42px; color: #fff; font-weight: 400; text-align: left; width: 100%; float:left; text-decoration: none;}
p.note {font-size: 18px; color: #fff; text-decoration: none; clear: both; width: 100%; padding: 0; line-height: 26px; margin: 10px 0 10px; display: block; float: left;}


.ftleft_info {width: 310px; float:left}
.ftright_links {width: calc(100% - 450px);float: right;}

footer .fttitle{width: 100%;float:left;clear: both;font-size: 22px;color: #fff;font-weight: 300;text-align: left;margin: 0 0 8px 0;}

.ft_quicklinks {width: 30%;float: left;margin: 0 11% 0 7%;}
.ftright_links ul{width: 100%;float:left;clear: both;padding: 7px 0 0 20px;}
.ftright_links ul li{width: 50%;float:left;list-style: disc;text-align: left;color: #fff;margin: 0 0 7px 0; font-size: 18px}
.ftright_links ul li a{color: #fff; text-decoration: none}
.ftright_links ul li:hover a,.ftright_links ul li.activepg a{text-decoration: underline;font-weight: 400}
.ftphone:hover{color: #ee2d35}

.ft_coolinglink,.ft_heatinglink {width: calc(49% - 300px);float:left;}
.ft_coolinglink ul li,.ft_heatinglink ul li{width: 100%; float:left; list-style: disc; text-align: left; color: #fff}
.breadcrumbs > li > a:hover {
text-decoration: underline;
}

.ft_social_section {width: 100%; float: left; clear: both; background: #0b6fb6;}
.ft_social_section img.fleft {margin: 26px 0 30px;}

.ft_social_section ul{width: auto; float:right; border: 1px solid #2a8fd6; background: #1477bd; margin: 30px 0 0 0}
.ft_social_section ul li{display: inline-block; float:left; padding: 0; margin: 0; border-right: 1px solid #2a8fd6;}
.ft_social_section ul li:last-child{border: 0px solid #2a8fd6;}
.ft_social_section ul li a{color: #fff; font-size: 20px; font-weight: 400; text-decoration: none; padding: 20px 30px; display: inline-block;position: relative;z-index: 0}


.ft_copyright_section {width: 100%; float: left; clear: both; background: #fff; padding:10px 0}
.ft_copyright_section p{font-size: 16px; color: #6c6c6c; font-weight: 400; display: block; text-align: center}

ul.sociallinks {float:right; list-style:none; border: }

/*inner page styles */
.innertop .sitewrapper,.innerpg .sitewrapper{text-align: inherit;position: relative}
.webp .innertop{background: url(../images/inner-banner.jpg.webp)no-repeat;min-height: 334px;padding-top: 300px}
.no-webp .innertop{background: url(../images/inner-banner.jpg)no-repeat;min-height: 334px;padding-top: 300px}

.breadcrumbs > li {padding:4px 55px 4px 0;position: relative;color: #fff;font-weight:300;display: inline-block;font-size: 16px;line-height: 100%;text-transform: capitalize;vertical-align: top;}
.breadcrumbs > li:not(:last-child):before {content:"\f105"; font-family: "Font Awesome 5 Free";-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;line-height:16px;font-weight: 900;vertical-align: middle;position: absolute;top:5px;right:15px;background: #fff;color:#ef3b3c;border-radius: 50%;font-size: 12px;height: 16px;width: 16px;text-align: center}
.breadcrumbs > li >a{line-height: 100%;display: block;color: #fff;text-decoration: none}
.breadcrumbs > li:last-of-type{padding-right: 0}
/*.breadcrumbs > li >a:hover{color:#ff8a00;}*/
.webp .innerbanner{background: url(../images/breadcrumb-repeat.jpg.webp);padding: 10px 0}
.no-webp .innerbanner{background: url(../images/breadcrumb-repeat.jpg);padding: 10px 0}

.innerpg{padding: 100px 0}

.form-control{width: 100%;padding:12px;border:1px solid #e1e1e1;border-radius:0;height:48px;background-color:#fff;font-size: 16px;color:#4a4a4a;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;font-family: 'Barlow Condensed'; font-weight: 400}
textarea{resize: none;height: auto !important;font-family: 'Barlow Condensed'; font-weight:400;min-height:180px;overflow: hidden;margin:0}
.form-group {margin-bottom: 15px;}
.width50 {width: 50%;padding-left: 15px;padding-right: 15px;position: relative;float: left;}
.row {margin-left: -15px;margin-right: -15px;}
.clearfix { display: block; }
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0;}
.clearfix:after ,.row:after{ clear: both;}
.clearfix:before,.clearfix:after,.row:before,.row:after {  display: table;  content: " ";}
.clearfix{clear: both;}
::-webkit-input-placeholder {color:#4a4a4a;font-family: 'Barlow Condensed'; font-weight: 400;}
::-moz-placeholder {color:#4a4a4a;font-family: 'Barlow Condensed'; font-weight: 400;}
:-ms-input-placeholder {color:#4a4a4a;font-family: 'Barlow Condensed'; font-weight: 400;}


a, button {
    color: inherit;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    cursor: pointer;
}

.btnsubmit {font-size: 24px;color: #fff;background: url(../images/breadcrumb-repeat.jpg);border-radius: 30px;line-height: 100%;font-family: 'Oswald';font-weight: 500;text-transform: uppercase;padding: 13px 52px;cursor: pointer;border:0;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.btnsubmit:hover{background: url(../images/black-texture.png);}
.btnbox{text-align: right;padding-top: 15px}
.heading{text-transform: capitalize;font-size: 50px;line-height: 41px;color: #1477bd;font-weight: 200;position: relative;margin-bottom: 50px}
.heading:before{position: absolute;content: '';left:-90px;bottom: 0;background: rgba(20,119,189,0.2);width: 90px;height: 1px}
.heading span{display: inline-block;position: relative;border-bottom: 1px solid rgba(20,119,189,0.2)}
.ptag p{font-size: 20px;color: #4a4a4a;line-height: 30px;margin-bottom:30px}
.ptag p a{display: inline-block;color: #ee3031;text-decoration: none;font-weight: 400}
.ptag p a:hover{text-decoration: underline}
.innerlist {
    list-style: none;
    margin-bottom: 20px;
}
.innerlist li{font-size: 20px;color: #4a4a4a;line-height: 30px;position: relative;padding-left:28px;margin-bottom: 10px}
.innerlist li:before{position: absolute;content: '';left: 0;background: #1477bd;border-radius: 50%;height: 10px;width: 10px;top:10px}
.headsm{font-size: 24px;color: #444;font-weight: 500;margin-bottom: 15px;}
.pgleft{float: left;width: calc(100% - 470px);padding-right: 105px}
.pgright{float: right;width: 470px;position: sticky;top: 0;}
.pgright >ul{list-style: none}
.sidecta{background: url(../images/sidebar-bg.jpg)no-repeat bottom center;height: 566px;border-width:2px 1px 1px 1px;border-style: solid;border-color: #444 #ebebeb #ebebeb #ebebeb;text-align: center;padding: 55px 45px;margin-bottom: 50px}
.sidecta p {font-size: 20px;color: #4a4a4a;position: relative;line-height: 26px;text-align: center;max-width: 300px;margin: 0 auto;}
.sidebtn{background: url(../images/black-texture.png);color: #fff;text-transform: uppercase;display: block;text-decoration: none;border-radius: 30px;font-family: 'Oswald';font-weight: 500;font-size: 24px;line-height: 100%;padding:16px 25px;margin-top: 30px;position: relative;z-index: 0;overflow: hidden}
.pgright .whychoose_left{width: 100%;float: none}
.pgright .whychoose_left .sectiontitle{margin: 0 0 20px 0}
.pgright .whychoose_left dl{float: none;margin: 0;padding: 30px 0}
.pgright .whychoose_left dl:not(:last-child){border-bottom: 1px solid #d4d9db}
.pgright .whychoose_left dl dd{padding-right: 0}


.sidebtn:before,a.redbtn:before,.ft_social_section ul li a:before{position: absolute;content: '';left: 0;bottom: 0;margin: auto;top:0;background: url(../images/ft-img-repeat.jpg);height: 0;width: 100%;border-radius: inherit;opacity: 0;z-index: -1; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
a.redbtn:before,.ft_social_section ul li a:before{background: url(../images/black-texture.png)}
.sidebtn:hover:before,a.redbtn:hover:before,.ft_social_section ul li a:hover:before{opacity: 1;height: 100%}



/*Scroll top*/
.scrollTop {position: fixed;right: 0;bottom: 100px;border-radius: 0;background: #ef3125;opacity: 0;height: 40px;width: 40px;line-height: 36px;text-align: center;font-size: 22px;color: #fff;z-index: 10; border: 1px solid #ffffff}



.flex-container {-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;}
.wrap{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap;}

/*	
font-family: 'Barlow Condensed'; 200,300,400,500,600
font-family: 'Oswald'; 400,500
*/

/* ==========================================================================
Helper classes
========================================================================== */
.fleft{float:left!important}
.fright{float:right!important;}
.bold{font-weight:bold}
.align_center{text-align:center!important}
.align_right{text-align:right!important}
.align_left{text-align:left!important}
p{margin: 0;text-align:left;}
.txt-white  {color:#ffffff}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    clear: both;
    width: 100%;
}
.thank-you {
    text-align: center;
}
.thank-you p {
    font-size: 22px;
    text-align: center;
}

.quote_page fieldset .brandlabel,.quote_page fieldset .coolType,.quote_page fieldset .heatType{
    display: none;
}
body.menuopen{
    position: fixed;
    width: 100%;
}
.home ul.serviclist_ul {
    height: auto !important;
}

p.home_text span
{
    color: #ee2d35;
    font-weight: 700;
}
.whychoose_right ul li p.home_text span
{
        font-size: 20px;
    line-height: 24px;
}
.hdcall-list {
    text-align: center;
}
.hdcall-list li {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 0 40px;
    text-align: center;
    position: relative;
	    font-family: 'Oswald';
   
}


.topheader li a {
    position: relative;
    color: #fff;
    padding: 9px 5px;
    display: inline-block;
    line-height: 100%;text-decoration: none;
}
.topheader li a:hover{text-decoration: underline;}
.topheader li:not(:last-child)::after {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    /*top: 1px;*/
	top: 4px;
    z-index: 1;
    width: 1px;
    /*height: 100%;*/
	height: 86%;
	transform: rotate(15deg);-webkit-transform: rotate(15deg);
    right:0;
}
.topheader li:first-child::after{content: none;}
.topheader li:first-child{padding: 0 0 0 40px;}
 .topheader {
    background-color: #1477bd;
    height: 40px;
    width: 100%;
}
.down-button {
    position: relative;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px;text-decoration: none;
    padding: 5px 10px;
    display: none;
    z-index: 10;
}
.topheader .container{
	max-width: 1750px;
	padding-left: 15px;padding-right: 15px;margin: 0 auto
}

.headsm.cap{text-transform: uppercase;}
.headsm.cap span{color: #ef3125;}