.sec_hmbanner{position: relative;} .ol_hmbanner{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;display: flex;flex-wrap: wrap;align-items: center;padding: 80px 0}
.ol_hmbanner .container{width: 100%;}
.js_hmbanner .slick-track > li{position: relative;}
.js_hmbanner .slick-track > li:before {content: '';width: 100%;height: 100%;background:rgb(5 12 18 / 60%);z-index: 0;position: absolute;}
.olhmban_wrap{display: flex;flex-wrap: wrap;align-items: center;justify-content:center;flex-direction: column;padding: 55px 0 0;}
.hmban_title{z-index: 0;font-weight: bold;font-size: 60px;color: #FFFFFF;text-transform: capitalize;display: inline-block;position: relative;letter-spacing: 0;text-align: center;max-width: 810px;line-height: 1.2;margin: 0 0px 7px;}
.ribbon_title{color: #fff;display: block;font-size: 20px;line-height: 1;letter-spacing: 6px;font-weight: 500;text-transform: uppercase;margin: 20px auto;max-width: 70%;
padding: 12px 0 16px;position: relative;text-align: center;text-decoration: none;width: 685px;
background: -moz-linear-gradient(-115deg, rgba(50,165,216,1) 0%, rgba(51,104,155,1) 100%); 
background: -webkit-linear-gradient(-115deg, rgba(50,165,216,1) 0%, rgba(51,104,155,1) 100%); background: -o-linear-gradient(-115deg, rgba(50,165,216,1) 0%, rgba(51,104,155,1) 100%); background: -ms-linear-gradient(-115deg, rgba(50,165,216,1) 0%, rgba(51,104,155,1) 100%); background: linear-gradient(-335deg, rgba(50,165,216,1) 0%, rgba(51,104,155,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33689b', endColorstr='#32a5d8',GradientType=0 ); }
.ribbon_title::before, .ribbon_title::after { content: "";position: absolute;top: 0;border: 24px solid #e30613; z-index: -1;}
.ribbon_title::before {left: -8px;border-color: #339ed1;border-left: 8px solid transparent;}
.ribbon_title::after {right: -8px; border-color: #336a9d;border-right: 8px solid transparent;}
.banner_brand{position: absolute;bottom: -80px;right: 48px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-end;}
.banner_brand img{margin:0 10px;} .sec_mission{padding: 83px 0;} .sec_insulation{padding: 0 0 85px;}
.insulation_wrap{display: flex;flex-wrap: wrap;align-items: center;border-top: 1px solid #ededed;padding: 80px 0 0;}
.insulation_left{width: 38%;padding-right: 113px;}
.insulation_right{width: 62%;}
.insulation_list{display: flex;flex-wrap: wrap;margin: 0 -18px;}
.insulation_list li{padding: 0 18px;width: 33.33%;}
.insulation_list li:nth-child(odd){margin: 41px 0 0;}
.insulation_item{position: relative;}
.insulation_img{position: relative;}
.insulation_img:before{content: '';width: 100%;height: 100%;background: rgb(5 12 18 / 20%);position: absolute;left: 0;top: 0;}
.insulation_olay{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;}
.insulation_title{background: #fff;padding: 11px 26px 13px 20px;font-size: 24px;font-weight: bold;color: #1f2a37;line-height: 1.3;}
.insulation_info{opacity: 0;color: #fff;line-height: 1.8;font-size: 14px;}
.insulation_title{-webkit-transition: -webkit-transform 0.7s;transition: transform 0.7s;-webkit-transform: translate3d(0,330%,0);
transform: translate3d(0,330%,0);max-width: 184px;}
.insulation_info{-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;transition: opacity 0.5s, transform 0.5s;}
.insulation_item:hover .insulation_title{background: transparent;color: #fff;padding: 0 0 18px;margin: 0 0 22px;}
.insulation_item:hover .insulation_title:after {content: '';width:28px;height: 2px;background: #fff;position: absolute;left: 0;
bottom: 0;}
.insulation_item:hover .insulation_title,.insulation_item:hover .insulation_info{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.insulation_item:hover .insulation_info{opacity: 1;transition-delay: 0.4s;-webkit-transition-duration: 0.4s;}
.insulation_item:hover .insulation_olay{ padding: 30px 24px 30px 30px;background: rgb(5 12 18 / 80%);display: flex;align-items:flex-start;justify-content: center;flex-direction: column;} .sec_service{background: #fafafa;padding: 64px 0 84px;} .sec_service .item_olaybox{max-width: 273px;min-height: 230px;}
.sec_service .item_title{margin: 0 0 26px;} .sec_cta{background: #fafafa;z-index: 0;position: relative;} .sec_hmabout{margin: 65px 0 0;}
.hmabout_wrap{display: flex;flex-wrap: wrap;align-items: center;}
.hmabout_left{width: 50%;border-right: 1px solid #e8e8e8;padding-right: 146px;padding-left: 119px;}
.hmabout_right{width: 50%;padding-left: 70px;position: sticky;align-self: flex-start;top: 100px;} @media(min-width:1920px){
.js_hmbanner .slick-slide > img{width: 100%;}
}
@media(max-width:1650px){
}
@media(max-width:1550px){ .insulation_left{padding-right: 80px;}
.insulation_list{margin: 0 -12px;}
.insulation_list li {padding: 0 12px;}
.insulation_title{font-size: 22px;}
.insulation_item:hover .insulation_olay{padding: 30px 23px 30px 23px;} .js_hmbanner .slick-slide > img{  position: absolute;right: 0;bottom: 0;max-width: inherit;
left: 0;top: 0;width: 100%;object-fit: cover;z-index: -1;overflow: hidden;height: 100%;}
.ol_hmbanner {position: relative;min-height: 550px;}
}
@media(max-width:1439px){ .hmban_title{font-size: 50px;} .insulation_left {width: 100%;text-align: center;padding: 0;}
.insulation_right {width: 100%;margin: 40px 0 0;}
.insulation_list{max-width: 912px;margin: 0 auto;}
.insulation_list li:nth-child(odd) {margin: 0 0 20px;} .hmabout_left{padding-right: 60px;padding-left: 0;} .sec_service .item_olaybox{min-height: 194px;}
}
@media(max-width:1199px){ .hmban_title{font-size: 40px;max-width: 610px;} .banner_brand{bottom: 0;right: 25px;max-width: 65px;} .insulation_wrap{padding: 45px 0 0;}
.sec_insulation {padding: 0 0 44px;} .sec_service .item_olaybox{min-height: 187px;}
.sec_service{padding: 40px 0 60px;} .sec_mission {padding: 60px 0;}
}
@media(max-width:991px){ .hmban_title {font-size: 32px;max-width: 540px;}
.ol_hmbanner{min-height: 450px;}  .insulation_list li {padding: 0 5px;}
.insulation_olay {position: relative;bottom: auto;left: auto;margin: 0;}
.insulation_title,.insulation_info {;max-width: 100%;}
.insulation_title,.insulation_info,.insulation_item:hover .insulation_title, .insulation_item:hover .insulation_info{transform: none;-webkit-transform:none;transition:none;opacity: 1;margin: 0;}
.insulation_item:hover .insulation_title:after{content: none;}
.insulation_olay{background: rgb(5 12 18 / 60%);padding: 30px 23px 30px 23px;display: flex; align-items: flex-start; justify-content: center; flex-direction: column;}
.insulation_img{position: absolute;right: 0;bottom: 0;max-height: 100%;max-width: inherit;left: 0;top: 0;
width: 100%; object-fit: cover;height: 100%; z-index: -1;overflow: hidden;}
.insulation_title{padding: 0 0 18px;font-size: 18px;background: transparent;color: #fff;}
.insulation_list li{width: 50%;margin: 0 0 20px;}
.insulation_img img{width: 100%;}
.insulation_list{justify-content: center;}
.insulation_item{height: 100%;} .sec_hmabout {margin: 40px 0 0;}
.hmabout_left{padding-right: 0;width: 100%;border-right: 0;text-align: center;}
.hmabout_right {width: 100%;padding-left: 0;text-align: center;margin: 50px 0 0;position: relative;  top: auto;} .sec_service .item_olaybox {max-width: 100%;min-height: 100%;}
.sec_service .item_olaybox{flex-direction: column;align-items: flex-start;}
.sec_service .item_title {margin: 0px 0 16px;}
}
@media(max-width:767px){ .ribbon_title::before, .ribbon_title::after{content: none;}
.ribbon_title{letter-spacing: 4px;max-width: 100%;font-size: 16px;width: auto;padding: 12px 25px 16px;} .insulation_list li:last-child{width: 100%;}
.insulation_wrap {padding: 30px 0 0;}
.sec_insulation {padding: 0 0 25px;} .sec_hmabout {margin: 30px 0 0;}
.hmabout_right{margin: 40px 0 0;}
.hmabout_right > img{max-width: 400px;display: block;width: 100%;} .sec_service{padding: 25px 0 30px;} .sec_mission {padding: 40px 0;}
}
@media(max-width:575px){ .ol_hmbanner{min-height: 350px;} .olhmban_wrap{padding: 0px 0 0;}
.hmban_title {font-size: 26px;max-width: 440px;}
.ribbon_title {letter-spacing: 2px;line-height: 1.2;padding: 14px;font-size: 14px;} .insulation_list li{width: 100%;}
.insulation_olay{align-items: center;text-align: center;} .sec_service .item_title {margin: 0;}
}
@media(max-width:420px){ 
}
@media(max-width:350px){
}