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

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

.detimg{margin: 30px 0 50px}
.detimg img{max-width: 100%;}
.detbtn a.redbtn {border: 0;}
.pgright .whychoose_left {clear: both;}

.accordion {width: 100%; float:left; margin: 0 0 40px 0}
.accordion .accordion-head{background: #fff;width: 100%;float:left;padding: 5px 20px 5px 40px;border-bottom: 1px solid #eceded;position: relative;z-index: 0;}
.accordion .accordion-head p {background: url(../images/plus-icon.png)no-repeat 0 0;width: 25px;height: 25px;position: absolute;z-index: 0;right: 15px;top: 20px;cursor: pointer;}

.accordion .accordion-head.active p {background: url(../images/plus-icon.png)no-repeat 0 0;transform: rotate(90deg);}

.accordion a{color: #fff; font-size: 36px; font-weight: 400; text-decoration: none;margin: 0}
.accordion .accordion-head.active a{color: #fff; }
.accordion .accordion-head.coolingaccordion {background: url('../images/ft-img-repeat.jpg')repeat 0 0}
.accordion .accordion-head.heatingaccordion {background: url('../images/red-texture-btn-bg.png')repeat 0 0}    
    
.accordion-body ul.serviclist_ul {margin: 0!important; background: #fff!important}
.accordion-body ul.serviclist_ul li {margin: 0; width: 100%; padding: 15px 20px}
.accordion-body ul.serviclist_ul li a{margin: 0; padding: 0}

.accordion-body ul.serviclist_ul li:hover p, .accordion-body ul.serviclist_ul li.activelist p{color: #444 !important}
.accordion-body ul.serviclist_ul li:hover {
    background: #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;
}

.accordion-body ul.serviclist_ul li span img{float:left;max-width: 100%}
.accordion-body ul.serviclist_ul li:hover span img, .accordion-body ul.serviclist_ul li.activelist span img{-webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); filter: grayscale(1);}



section.unitservice_section {width: 100%; float:left; clear: both; margin: 0 0 80px}
.unitservice_container {width: 100%; float:left; clear: both; background:url('../images/unit-service-bg-img.jpg')no-repeat  0 0; padding:60px 0 100px; text-align: center;background-size: cover}
.unitservice_container .sectiontitle{font-size: 40px; color: #fff; text-align: center; font-weight: 400;margin: 0 0 50px;line-height: 100%;padding: 0 10px}
.unitservice_container .sectiontitle:after{display: none}

.unitservice_maindiv {clear: both; padding: 0 70px; justify-content: center;}
.unitservice_box {width: calc(20% - 50px); display: inline-block; margin: 0 25px; background: #2386cc; border-radius: 10px; position: relative;z-index: 0; padding: 60px 40px 40px; text-align: center}
.unitservice_box:before {content: ''; width: 1px; position: absolute;z-index: 0; height: 30px; background: #fff; top: 0; left:50%}
.unitservice_box img{display: block; margin: 0 auto}
.unitservice_box span{color: #fff; font-size: 24px; display: block; clear: both; font-weight: 400; margin: 20px 0; line-height: 30px;}
.unitservice_box p{color: #fff; font-size:16px; display: block; clear: both; font-weight: 300; margin: 0; line-height: 20px; text-align: center}