/*created by desiptikon@gmail.com */

body{background:#fff url('../images/bg.jpg') repeat-x 0 0; margin:0; padding:0; font-size:16px; font-family: 'Open Sans', sans-serif; color:#000;}

p{padding:0 0 15px 0; margin:0;}
img {border:none; outline:none; max-width:100%; height:auto;}
a {outline-style:none; color:#1e96bd; text-decoration:none;}
/* a:hover {color:#1e96bd;} */
.fl {float:left;}	
.fr {float:right;}
.clear {clear:both; font-size:0; line-height:0;}

.wrapper{max-width:1140px; margin:0 auto;}
.display_show{display:block;}
.mobile_show{display:none;}

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

h2{margin:0 0 30px 0; padding:0; color:#2a3c4d; font-size:60px; font-family: 'Montserrat', sans-serif; font-weight:700; text-align:center;}
h2 span{font-weight:300;}
h3{margin:0 0 20px 0; padding:0; color:#2a3c4d; font-size:25px; font-family: 'Montserrat', sans-serif; font-weight:700;}

/* ======================= header ============================= */
#header{padding:15px 0;}		
#header.home{position:absolute; z-index:999; width:100%;}		
#header.head2{background:url('../images/head2.jpg') no-repeat 0 0; height:385px;}		
#header.head3{background:url('../images/head3.jpg') no-repeat 0 0; height:385px;}		
#header.head4{background:url('../images/head4.jpg') no-repeat 0 0; height:385px;}		
#header.head5{background:url('../images/head5.jpg') no-repeat 0 0; height:385px;}		
#header.head6{background:url('../images/head6.jpg') no-repeat 0 0; height:385px;}		
#header.head7{background:url('../images/head7.jpg') no-repeat 0 0; height:385px;}		
#header.head8{background:url('../images/head8.jpg') no-repeat 0 0; height:385px;}		

.menu{padding:15px 0 0 0;}
.menu ul{padding:0; margin:0; list-style:none;}
.menu ul li{float:left; position:relative;}
.menu ul li a{color:#000; font-size:18px; text-transform:uppercase; padding:0 0 5px; margin:0 12px; font-family: 'Montserrat', sans-serif;}
.menu ul li a:hover{border-bottom:solid 1px #fff; /* text-shadow: -0.5px 0 white, 0 0.5px white, 0.5px 0 white, 0 -0.5px white; */}
.menu ul li ul{display:none; position:absolute; top:25px; left:0; background:#7492a2; padding:10px; width:300px;z-index:100;}
.menu ul li:hover ul{display:block;}
.menu ul li li{float:none; margin:0 0 8px 0;}
/* .menu ul li li{margin:0 0 5px 0; width:250px;} */
.menu ul li li a{text-transform:none; margin:0;}

.home .head_info{display:none;}
.head_info{margin:84px 0 0 132px; width:361px; text-align:center; float:right;}
.head_info .or{font-size:23px; color:#2a3c4d; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase; margin:10px 0 4px;}
.head_info .phone{font-size:27px; color:#2a3c4d; font-family: 'Montserrat', sans-serif;}
.head_info .phone span{font-size:24px; font-weight:300;}
.head_info .phone a{color:#2a3c4d;}
/* #header.head8 .head_info{float:right;} */

/* ======================= content-top ============================= */
#content-top{}

/* ======================= content ============================= */
#content{}
.warm_or_cold{background:url('../images/bg1.png') no-repeat 0 0; padding:60px 0;}
.warm_or_cold .box{width:474px;}
.warm_or_cold .box img{margin:0 0 15px 0;}
.warm_or_cold .box .title{color:#2a3c4d; font-size:41px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.warm_or_cold .box p{font-size:19px; line-height:28px;}

.why_us{background:url('../images/bg2.jpg') no-repeat 0 0; padding:40px 0; background-size:cover;}
.why_us .img_box img{float:left; margin:0 85px 0 0;}
.why_us .img_box img:nth-child(3){margin:0;}

.hvac{background:url('../images/bg3.jpg') repeat 0 0; padding:50px 0;}
.hvac .wrapper{max-width:580px;}
.hvac h2{font-size:46px;}
.hvac .item{float:left; text-align:center; width:125px; margin:0 68px 20px 0;}
.hvac .item:nth-child(3){margin:0 0 20px 0;}
.hvac .item .img{line-height:78px; margin:0 0 5px 0;}
.hvac .item .img img{vertical-align: middle;}
.hvac .item .text{height:50px;}

.our_happy{background:url('../images/bg4.jpg') no-repeat 0 0; padding:40px 0;}
.our_happy h2{font-size:46px;}
.our_happy .img_box img{margin:0 78px;}

.why_choose{background:url('../images/bg5.jpg') no-repeat 0 0; padding:40px 0;}
.why_choose h2{font-size:46px;}
.why_choose ul{margin:0; padding:0; list-style:none; font-size:22px; color:#2a3c4d;}
.why_choose li{background: url('../images/ico1.png') no-repeat 0 0; padding:20px 0 0 110px; width:460px; height:96px; float:left; margin:0 55px 40px;}
.why_choose li:nth-child(2){background: url('../images/ico2.png') no-repeat 0 0;}
.why_choose li:nth-child(3){background: url('../images/ico3.png') no-repeat 0 0;}
.why_choose li:nth-child(4){background: url('../images/ico4.png') no-repeat 0 0;}
.why_choose li:nth-child(5){background: url('../images/ico5.png') no-repeat 0 0;}
.why_choose li:nth-child(6){background: url('../images/ico6.png') no-repeat 0 0;}

.service{padding:60px 0;}
.service h2{font-size:41px; text-align:left;}
.service .desc{width:692px;}
.service .desc .text{color:#ff9900; font-size:25px; font-style:italic; font-weight:700; font-family: 'Montserrat', sans-serif;}
.service .desc .text2{color:#2a3c4d; font-size:25px; font-weight:500; font-family: 'Montserrat', sans-serif;}
.service .desc .text3{color:#0988ea; font-size:16px; font-weight:700;}
.service .desc .text4{color:#2a3c4d; font-size:21px; font-weight:300; font-family: 'Montserrat', sans-serif;}
.service .desc .text4 b{font-weight:700;}
.service .desc .text5{color:#2a3c4d; font-size:20px; font-weight:700; font-family: 'Montserrat', sans-serif; text-align:center;}
.service .desc .text5 span{font-size:31px;}
.service .desc .text6{color:#2a3c4d; font-size:20px; font-weight:400; font-family: 'Montserrat', sans-serif; text-align:center;}
.service .desc img{margin:0 0 20px 0;}
.service .desc img.img{margin:-15px 0 0 0;}
.service .desc ul.list{margin:0 0 20px 15px; padding:0; color:#ff9900; font-weight:bold;}
.service .desc ul.list2{margin:0 0 20px 15px; padding:0;}
.service .desc ul.list2.width{width:270px;}

.service .soc_rat .title{color:#ff9900; font-size:44px; font-weight:bold; font-family: 'Montserrat', sans-serif; text-align:center; margin:0 0 20px 0;}
.service .soc_rat img{float:left; margin:0 39px;}
.service .ban{margin:55px 0 0;}
.service .ban .mobile_show{margin:0 0 20px 0;}
.service .content_img{float:right; margin:0 0 15px 20px;}

.service .sidebar{width:375px;}
.service .sidebar .title{margin:0 0 30px 0; padding:0; color:#2a3c4d; font-size:34px; font-family: 'Montserrat', sans-serif; font-weight:700;}
.service .sidebar .title span{font-weight:300;}
.service .sidebar ul{padding:0; margin:0; list-style:none;}
.service .sidebar li a{border-top:solid 1px #2a3c4d; display:block; font-size:26px; color:#2a3c4d; font-family: 'Montserrat', sans-serif; font-weight:300; padding:12px 0 12px 12px;}
/* .service .sidebar li:nth-child(1) a{border:0;} */
.service .sidebar li a:hover{background:#0988ea; color:#fff;}

.contact_me{background:#f9ede2; width:100%; box-sizing: border-box; padding:25px 15px; margin:0 0 50px;}
#mini_form2{max-width:733px; width:100%; margin:0 auto;}
.contact_me .input_box{max-width:180px; width:100%; float:left; margin:0 8px 0 0;}
.contact_me.min .input_box{max-width:156px;}
.contact_me input[type="text"]{height:34px; width:100%; padding:0 0 0 45px; border:solid 1px #dcba97; color:#c1a78b; font-size:15px; font-family: "Lato",sans-serif; font-weight:300; font-style:italic; box-sizing: border-box;}
.contact_me input[type="text"].bg1{background:#fff url('../images/ic_me1.png') no-repeat 10px 50%;}
.contact_me input[type="text"].bg2{background:#fff url('../images/ic_me2.png') no-repeat 10px 50%;}
.contact_me input[type="text"].bg3{background:#fff url('../images/ic_me3.png') no-repeat 10px 50%;}
.contact_me input[type="submit"]{background:#e00001; border:0; color:#fff; font-size:17px; padding:6px 30px 5px; text-transform:uppercase; font-family: 'nexa_boldregular'; cursor:pointer; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.contacts{padding:50px 0 80px;}
.contacts h2{font-size:41px;}
.contacts .contact_form{width:600px;}
.contacts .contact_form .title{font-size:25px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#2a3c4d; margin:0 0 20px 0;}
.contact_form input[type="text"]{width:100%; height:40px; padding:0 10px; margin:0 0 30px 0; font-size:16px; color:#3d4548; background:none; border:solid 1px #3d4548; font-family: 'Montserrat', sans-serif; text-align:center; border-radius:3px;}
.contact_form input[type="text"].fl{width:370px;}
.contact_form input[type="text"].fr{width:202px;}
.contact_form textarea{width:100%; height:100px; padding:10px; margin:0 0 30px 0; font-size:16px; color:#3d4548; background:none; border:solid 1px #3d4548; font-family: 'Montserrat', sans-serif; border-radius:3px;}
.contact_form input[type="submit"]{background:#ff9900; width:100%; height:40px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#fff; text-decoration:none; font-family: 'Montserrat', sans-serif; border:0; cursor:pointer; margin:10px 0 0 0; border-radius:3px;}
.contacts .cont_box{width:350px; padding:40px 0 0;}
.contacts .cont_box .title{font-size:25px; font-family: 'Montserrat', sans-serif; font-weight:700; color:#2a3c4d; margin:0 0 5px 0;}
.contacts .cont_box .title span{font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#3d4548; display:block; margin:0 0 15px 0;}
.contacts .cont_box ul{margin:0; padding:0; list-style:none; font-size:24px; color:#352f31; font-family: 'Montserrat', sans-serif;}
.contacts .cont_box ul li{background:url('../images/ic8.png') no-repeat 10px 0; min-height:43px; text-align:left; padding:5px 0 0 65px; margin:0 0 25px 0;}
.contacts .cont_box ul li:nth-child(3){background:url('../images/ic9.png') no-repeat 10px 0;}
.contacts .cont_box ul li:nth-child(2){background:url('../images/ic10.png') no-repeat 10px 0;}
.contacts .cont_box ul li a{color:#352f31;}

.down_phone{background:#ff9900; font-size:26px; text-align:center; color:#fff; padding:20px 0; font-family: 'Montserrat', sans-serif;}

.arcosha h6.acc_trigger{background:#b9b9b9;  margin:0 0 5px 0; padding:7px 0 0 25px;  font-size:23px; color:#fff; font-family: 'Montserrat', sans-serif; height:56px; border-radius:3px; cursor:pointer;}
.arcosha h6.acc_trigger span{background:#fff; color:#b9b9b9; display:inline-block; width:42px; height:42px; text-align:center; padding:7px 0 0 0; margin:0 20px 0 0; border-radius:50px;}
.arcosha h6.active{background:#3d5670; color:#fff;}
.arcosha h6.active span{background:#fff; color:#3d5670;}
.arcosha .acc_container{overflow:hidden; background:#fff;  margin:20px 0 10px 0;}
.arcosha .acc_container b{color:#000;}

.service_area{padding:50px 0 80px;}
.service_area h2{font-size:41px;}
.service_area h4{color:#3d4548; font-size:22px; margin:20px 0 10px 0; padding:0;}
.service_area p{line-height:35px; color:#3d4548; font-size:20px;}
.service_area a{font-size:20px; color:#3d4548;}
.service_area a.see_more{font-weight:bold; font-family: 'Montserrat', sans-serif; font-size:22px; color:#fcb50a;}

/* ======================= footer ============================= */
#footer{background:#1e283a; padding:25px 0;}
#footer .foot_left{color:#fff; font-size:13px; line-height:25px;}
#footer .foot_left td:first-child{padding:0 10px 0 0; color:#d0efea;}
#footer .soc{margin:20px 0 0 0;}
#footer .soc a{margin:0 0 0 20px;}


/* 404 */
.error404{padding:150px 0 100px; min-height:718px;}
.error404 .text{font-size:28px; font-family: 'Montserrat', sans-serif; color:#2a3c4d; margin:0 30px 0 0;} 
.error404 .text b{font-size:129px;}

.err_min {
	color: red;
    font-size: 11px;
}

#html-caption {
	width: 40%;
	margin: auto;
	position: absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 100;
}

#html-caption h2 {
	text-align: left;
	font-size: 43px;
	color:#2a3c4d;
	margin: 0;
}

#html-caption h3 {
	font-weight: 500;
	color:#2a3c4d;
	font-size: 33px;
}

#html-caption .group-text {
	display: flex;
	align-items: center;
}

#html-caption .group-text .p1 {
	background: #2a3c4d;
	font-size: 27px;
	padding: 5px 25px;
	box-sizing: border-box;
	color: #fff;
	max-width: 360px;
}

#html-caption .group-text .p1 span {
	color: #ffaf00;
	font-weight: bold;
}

#html-caption .group-text .or {
	margin: 0 20px;
	color: #2a3c4d;
	font-size: 24px;
	font-weight: bold;
}

#html-caption .group-text .p2 {
	color: #2a3c4d;
	font-size: 24px;
	padding: 0;
}

#html-caption .group-text .p2 span {
	font-weight: 500;
}

#html-caption .group-text .p2 strong {
	font-size: 34px;
}

.head_info {
	position: relative;
	z-index: 10;
}

.head_info:after {
	content: '';
	background: url("../images/decore.png");
	display: block;
	width: 498px; 
	height: 273px; 
	margin: auto;
	position: absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    z-index: -1;
}

.head_info .item-1 {
	border: 2.5px solid #2a3c4d;
	display: flex;
	max-width: 360px;
	padding: 5px 25px;
	align-items: center;
	max-height: 75px;
}

.head_info .item-1 img {
	margin-right: 20px;
}

.head_info .item-1 .call {
	text-align: left;
	color:#2a3c4d;
}

.head_info .item-1 .call span {
	font-weight: 500;
	font-size: 24px;
}

.head_info .item-1 .call strong {
	font-size: 32px;
	line-height: 28px;
}

.head_info .item-2 {
	background: #2a3c4d;
	font-size: 27px;
	padding: 5px 25px;
	box-sizing: border-box;
	color: #fff;
	max-width: 360px;
	max-height: 75px;
	text-align: left;
	line-height: 32px;
}

.head_info .item-2 span {
	color: #ffaf00;
	font-weight: bold;
}

.head_info .or {
	margin: 10px 0;
	display: block;
}

.service .ban {
	position: relative;
}

.service .ban .box {
	position: absolute;
	top: 0;
	right: 150px;
	background: url('../images/decore-ban.png');
	background-repeat: no-repeat;
	width: 425px;
	padding: 35px 20px 100px;
	box-sizing: border-box;
}

.service .ban .box .call {
	font-size: 30px;
	color: #352f31;
	font-weight: bold;
}

.service .ban .box .call span {
	color: #0988ea;
	font-size: 42px;
}

.service .ban .box ul {
	padding: 0;
	margin: 0;
}

.service .ban .box ul li {
	list-style: none;
	font-style: italic;
	font-weight: 900;
	color: #352f31;
	font-size: 17px;
	padding: 0 0 10px 25px;
	position: relative;
}

.service .ban .box ul li:before {
	content:'';
	display: block;
	width: 17px;
	height: 12px;
	background-image: url('../images/check-blue.png');
	position: absolute;
	top: 6px;
	left: 0;
}

/* ======================= mob settings ============================= */	
.menu_mob{padding:0; width:100%; background:#fff;}
.menu_mob a{background:#7492a2 url('../images/mob_menu_bg.png') no-repeat 95% 50%; height:49px; width:100%; display:block; font-size:17px; font-weight:600; color:#fff; padding:13px 0 0 18px;}
#menu_mob{left:0; position:fixed; top:0; width:230px; height:100%; z-index:100; background:#7492a2; overflow:scroll;}
#menu_mob ul{list-style:none; margin:0; padding:15px 20px; width:230px;}
#menu_mob ul a{color:#fff; display:block; font-size:17px; padding:0; margin:0 0 15px 0; text-decoration:none; text-transform:uppercase; font-family: 'Montserrat', sans-serif;} 
#menu_mob ul li ul{padding:0 0 10px 15px; width:100%;} 
#menu_mob ul li li a{margin:0 0 8px 0; text-transform:none;} 

.phone_mob a{color:#fff; font-size:23px; font-weight:bold; padding:9px 0 0 0; display:block;}
.mob_slider{background:url('../images/bg_mob.jpg') no-repeat 0 0; min-height:620px; color:#2a3c4d; padding:90px 25px 0;}
.mob_slider .title{font-size:43px; letter-spacing: -1px;}
.mob_slider .text{font-size:33px; margin:0 0 10px 0; letter-spacing: -1px;}
.scroll_phone{background: rgba(217, 43, 0, .85); border-bottom:solid 1px #2a3c4d; position:fixed; left:0; top:0; width:100%; font-size:39px; color:#fff; font-family: 'Montserrat', sans-serif; padding:10px 0; text-align:center;z-index:100;}
.scroll_phone span{font-size:29px; font-weight:300;}
.scroll_phone a{color:#fff;}


@media screen and (max-width : 800px){
	.display_show{display:none;}
	.mobile_show{display:block;}
	h2{font-size:48px;}
	.scroll_phone{font-size:32px;}
	
	#header{padding:15px 0 0 0;}
	#header.home{position:relative;}
	#header.head2{height:auto;}
	#header.head3{height:auto;}
	#header.head4{height:auto;}
	#header.head5{height:auto;}
	#header.head6{height:auto;}
	#header.head8{height:auto;}
	.logo{margin:0 0 10px 0;}
	.head_info{padding:20px; width:100%; margin:0;}
	.head_info .tel{display:none;}
	#header.head8 .head_info{float;none;}
	
	.warm_or_cold{padding:40px 20px;}
	.warm_or_cold .box{float:none; width:100%;}
	
	.why_us{padding:40px 20px;}
	.why_us .img_box{text-align:center;}
	.why_us .img_box img{float:none; margin:0 0 15px 0;}
	
	.hvac{padding:40px 20px;}
	.hvac .item{float:none; margin:0 auto 20px;}
	.hvac .item:nth-child(3){margin:0 auto 20px;}
	
	.our_happy{padding:40px 20px; background-size:cover;}
	.our_happy .img_box{text-align:center;}
	.our_happy .img_box img{float:none; margin:0 0 20px 0;}
	
	.why_choose{padding:40px 20px; background-size:cover;}
	.why_choose li{float:none; margin:0 auto 30px; width:100%; min-height:96px; height:auto; padding:0 0 0 110px;}
	
	.service{padding:40px 20px;}
	.service .desc{width:100%; float:none; margin:0 0 20px 0;}
	.service .desc img.img{margin:0 0 20px 0;}
	.service .desc ul.list2.width{width:100%;}
	.service .sidebar{width:100%; float;none;}
	.brands_box{padding:0 20px;}
	
	.content_img{float:none; margin:0 0 15px 0;}
	.contact_me .input_box{max-width:none;}
	.contact_me.min .input_box{max-width:none;}
	.contact_me input[type="submit"]{margin:10px 0 0 0;}
	
	.service_area{padding:40px 20px;}
	
	.contacts{padding:40px 20px;}
	.contacts .contact_form{width:100%; float:none;}
	.contact_form input.fl[type="text"]{float:none; width:100%;}
	.contact_form input.fr[type="text"]{float:none; width:100%;}
	.contacts .cont_box{width:100%; float:none;}
	
	.arcosha h6.acc_trigger{font-size:20px; padding:15px 0 0 10px;}
	.arcosha h6.acc_trigger span{margin:0 10px 0 0; display:none;}
	
	#footer{padding:20px;}
	#footer .foot_left{float:none;}
	#footer .soc{float:none;}
	#footer .soc a{margin:0 20px 0 0;}
}

.apl_drands {
    float: left;
    max-width: 218px;
    margin-left: 10px;
    margin-top: 10px;
	text-align:center;}

.our_services {padding-top:150px;}	

@media screen and (max-width : 480px) {
	.our_services {
		padding-top: 30px;
	}

	.apl_drands {
		float: none;
		margin: 10px auto;
	}

	.head_info .item-1 .call strong {
		font-size: 25px;
	}

	.head_info .item-2 {
		font-size: 22px;
	}

	.service .ban .box {
		position: static;
		background: none;
		width: 100%;
	}

	.head_info:after {
		width: auto;
	}

	.tex{
		display: block;
	} 
}