/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SECTION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.section-content.relative:has(.decor){position: static !important;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TRUST LOGOS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.trust-logos .ux-logo-link{padding: 0 !important;}
.trust-logos .ux-logo-image{display: inline-block;-o-object-fit: contain;object-fit: contain;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ICON BOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.icon-box .icon-box-img svg, .icon-box .icon-box-img img{padding-top: 0;}
.icon-box .icon-inner{font-size: 0;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SERVICES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.services.row-small{margin-left: -5px !important;margin-right: -5px !important;}
.services.row-small>.col{padding-left: 5px;padding-right: 5px;}
.services .box-image{border-radius: 20px;}
.services .box-text::before{content: '';display: block;margin-left: auto;margin-right: auto;position: absolute;left: 0;right: 0;top: -10px;width: 21px;height: 21px;border-radius: 100%;background-color: #FC7217;border: 3px solid #fff;}
.services .box-text p{margin-top: 0;margin-bottom: 0;}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* SMALL BANNERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.sm-banners>.col>.col-inner{border-radius: 30px;height: 100%;}
.sm-banners>.col>.col-inner::before{content: '';display: block;position: absolute;right: 0;top: 50%;width: 99px;height: 271px;background: url("../img/heat-flow-hvac-small-banner-icon-right.png") no-repeat center / contain;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sm-banners>.col:nth-child(2n+2)>.col-inner::before{right: auto;left: 0;background-image: url("../img/heat-flow-hvac-small-banner-icon-left.png");}
.sm-banners>.col:nth-child(2n+2) .img{margin-left: auto;}
.sm-banners .img{max-width: 261px;}
.sm-banners .img .img-inner{border-radius: 100%;}
.sm-banners .btn{min-height: 3.137em !important;line-height: 3.137em !important;}
@media (min-width: 850px){
    .sm-banners>.col{padding-left: 5px;padding-right: 5px;}
    .sm-banners>.col>.col-inner{border-radius: 130.5px 30px 30px 130.5px;}
    .sm-banners>.col:nth-child(2n+2)>.col-inner{border-radius: 30px 130.5px 130.5px 30px;}
}
@media (max-width: 849px){
    .sm-banners .img{margin-left: auto;margin-right: auto;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* COUPONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.coupons .col-inner{-webkit-box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);}
.coupons .col-inner::before{content: '';display: block;position: absolute;left: 4px;top: 4px;right: 4px;bottom: 4px;border: 2px dashed #E2E6E7;border-radius: 20px;}
.coupons .icon-box-left .icon-box-img+.icon-box-text{padding-left: 40px;}
@media (min-width: 550px){
    .coupons.row-small .col{padding-left: 5px;padding-right: 5px;}
}
@media (max-width: 1024px){
    .coupons .icon-box-left .icon-box-img+.icon-box-text{padding-left: 20px;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* FULLWIDTH BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.fullwidth-banner::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;background: url("../img/heat-flow-hvac-small-banner-icon-left2.png") no-repeat 0 center;width: 108px;height: 282px;}
.fullwidth-banner .section-bg-overlay{opacity: 0;}
.fullwidth-banner .section-bg{max-width: 42.76vw;border-radius: 141px 0 0 141px;left: auto;}
.fullwidth-banner h2{font-size: 25px !important;}
.fullwidth-banner .btn:not(.is-outline){line-height: 3.137em !important;min-height: 3.137em !important;}
.fullwidth-banner .btn.is-outline{border-width: 1px;padding: 0 1.8125em !important;line-height: 3.01em !important;min-height: 3.137em !important;color: #fff;}
.fullwidth-banner .btn.primary.is-outline{border-color: var(--primary-color);}
@media (max-width: 1280px){
    .fullwidth-banner .section-bg{border-radius: 0;max-width: 100%;}
    .fullwidth-banner .section-bg-overlay{opacity: 1;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* TABS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.tabbed-content .nav-line-bottom>li{margin: 0;}
.tabbed-content .nav-line-bottom>li>a::before{height: 2px !important;z-index: 1;}
.tabbed-content .nav-line-bottom>li>a{color: #434D67;padding: 0 30px .9375em;line-height: 1;}
.tabbed-content .nav-line-bottom>li.active>a{color: var(--secondary-color);}
.tabbed-content .nav-line-bottom>li>a::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #E2E6E7;}
.tabbed-content .nav-line-bottom.nav-size-large>li>a{font-size: .94em;}
.tab-panels{padding-top: 2.94em;}
@media (max-width: 1024px){
    .tabbed-content .nav-line-bottom>li>a{padding-left: 20px;padding-right: 20px;}
    .tabbed-content .nav-line-bottom.nav-size-large>li>a{font-size: .75em;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.accordion-item{margin-bottom: 2px;}
.accordion-item:last-child{margin-bottom: 0;}
.accordion-title{padding-bottom: 1.21em;padding-top: 1.21em;font-size: 17px;line-height: 1.2;border: none;font-weight: 700;color: var(--secondary-color) !important;background-color: #F8F8F9;border-radius: 10px;-webkit-transition: .3s !important;transition: .3s !important;}
.accordion-title::before,.accordion-title::after{content: '';display: block;position: absolute;top: 50%;background-color: var(--secondary-color);-webkit-transition: .3s;transition: .3s;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.accordion-title::before{right: 30px;width: 14px;height: 2px;}
.accordion-title::after{right: 36px;width: 2px;height: 14px;}
.accordion-title.active{color: #fff !important;background-color: var(--primary-color);}
.accordion-title.active::before{background-color: #fff;}
.accordion-title.active::after{opacity: 0;}
.accordion-title,.accordion-inner{padding-left: 3.7em;}
.accordion-inner{padding-top: 1.1em;padding-bottom: 1.2em;}
.accordion-inner>*:last-child{margin-bottom: 0;}
.accordion .toggle{left: 25px;width: 18px;height: 18px;min-height: 18px;top: 50%;margin-top: -9px;margin-right: 0;-webkit-transform: none;-ms-transform: none;transform: none;border-radius: 0;opacity: 1;}
.accordion .toggle::before,.accordion .toggle::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-image: url("../img/heat-flow-hvac-chevron-right.svg");-webkit-transition: .3s;transition: .3s;}
.accordion .toggle::after{opacity: 0;background-image: url("../img/heat-flow-hvac-chevron-right-light.svg");}
.accordion .active .toggle::before{opacity: 0;}
.accordion .active .toggle::after{opacity: 1;}
.accordion .toggle .icon-angle-down{display: none;}
@media (max-width: 549px){
	.accordion-title{line-height: 1.3;}
    .accordion-title,.accordion-inner{font-size: 15px;}
    .accordion-title::before{right: 15px;}
    .accordion-title::after{right: 21px;}
    .accordion-title,.accordion-inner{padding-left: 2em;}
    .accordion .toggle{left: 10px;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* BORDERED GRID */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bordered-grid .col{padding-bottom: 0;}
.bordered-grid .col-inner{border-right: 1px solid #E2E6E7;padding-bottom: 3.41em;padding-left: 3%;padding-right: 3%;}
.bordered-grid .col:nth-child(n+4) .col-inner{border-top: 1px solid #E2E6E7;padding-top: 3.24em;}
.bordered-grid .text p{letter-spacing: 0.05em;}
.bordered-grid .text p:last-of-type{margin-bottom: 0;}
@media (min-width: 550px){
    .bordered-grid .col:nth-child(3n+3) .col-inner{border-right: none;}
}
@media (max-width: 549px){
    .bordered-grid .col-inner{padding-bottom: 2em;padding-left: 5%;padding-right: 5%;}
    .bordered-grid .col:nth-child(2n+2) .col-inner{border-right: none;}
    .bordered-grid .col:nth-child(n+3) .col-inner{border-top: 1px solid #E2E6E7;padding-top: 2em;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* BRANDS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.brands .col{border-right: 1px solid #E2E6E7;}
.brands .col:nth-child(n+7){border-top: 1px solid #E2E6E7;}
.brands .col-inner{padding: 1.56vw;}
.brands .ux-logo-link{padding: 0 !important;}
.brands .ux-logo-image{display: inline-block;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 550px){
    .brands .col:nth-child(6n+6){border-right: none;}
}
@media (max-width: 549px){
    .brands .col:nth-child(n+4){border-top: 1px solid #E2E6E7;}
    .brands .col:nth-child(3n+3){border-right: none;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* PROCESSES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.processes,.contact-info{padding: 0 10px;}
.processes .col,.contact-info .col{padding-left: 5px;padding-right: 5px;padding-bottom: 10px;}
.processes .col{counter-increment: num;}
.processes .col-inner,.contact-info .col-inner{border-radius: 20px;-webkit-box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);}
.processes .icon-box::before{content: counters(num, ".", decimal-leading-zero);position: absolute;right: 32px;top: 55px;letter-spacing: 0.05em;font-size: 45px;font-weight: 700;line-height: 1.1;text-transform: uppercase;color: rgba(7, 21, 55, 0.05);}
.processes .icon-box .text p:first-child{margin-bottom: .67em;line-height: inherit;}
.processes .icon-box .icon-box-img{margin-bottom: 19px;}
@media (max-width: 549px){
    .processes .icon-box::before{top: 35px;}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT INFO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.contact-info .icon-box-center .icon-box-img{margin-bottom: 19px;}
.contact-info p a{color: var(--secondary-color);}
@media (min-width: 1200px) and (hover: hover){
    .contact-info p a{-webkit-transition: color .3s;transition: color .3s;}
    .contact-info p a:hover{color: var(--primary-color);}
}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* BOTTOM BANNER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bottom-banner .section-bg{max-width: 52.08vw;left: auto;}
.bottom-banner .section-bg::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: linear-gradient(102.43deg, #F8F8F9 15.47%, rgba(248, 248, 249, 0.0614586) 92.9%, rgba(7, 21, 55, 0) 97.97%);max-width: 100%;}
@media(max-width: 1350px) {.bottom-banner .section-bg::before{background: linear-gradient(102.43deg, #F8F8F9 28.47%, rgba(248, 248, 249, 0.0614586) 92.9%, rgba(7, 21, 55, 0) 97.97%);}}
@media(max-width: 550px){.bottom-banner .section-bg{max-width: 100vw;left: auto;}}
/*------------------------------------------------------------------------------------------------------------------------------*/
/* GALLERY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.gallery{padding: 0 7px;}
.gallery .row-small:not(.row-collapse){margin-left: -5px;margin-right: -5px;}
.gallery .col{padding-right: 5px;padding-left: 5px;padding-bottom: 10px;}
.gallery .img{margin-bottom: 0;display: inline-block;vertical-align: top;}
.gallery .img .img-inner{border-radius: 20px;}

/*------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer-logo .ux-logo-link{padding: 0 !important;}
.footer-logo .ux-logo-image{-o-object-fit: contain;object-fit: contain;}
.footer-wrapper .text p a{color: inherit;}
.footer-wrapper .ux-menu-link{font-size: 16px;}
.footer-wrapper .ux-menu-link+.ux-menu-link{margin-top: 1.5em !important;}
.footer-wrapper .ux-menu-link__link{min-height: 0;padding-top: 0;padding-bottom: 0;padding-left: 24px;position: relative;line-height: 1;color: rgba(255,255,255,.8);}
.footer-wrapper .ux-menu-link__link::before{content: '';display: block;position: absolute;left: 0;top: 6px;width: 4px;height: 4px;border-radius: 100%;background-color: rgba(255,255,255,.3);}
.footer-wrapper .ux-menu.uppercase .ux-menu-link{font-weight: 700;}
.footer-wrapper .ux-menu.uppercase .ux-menu-link__link{color: #fff;}
.footer-wrapper .btn:not(.is-outline){padding: 0 !important;line-height: 3.137em !important;min-height: 3.137em !important;}
.footer-wrapper .btn.is-outline{border-width: 1px;padding: 0 1.8125em !important;line-height: 3.01em !important;min-height: 3.137em !important;color: #fff;}
.footer-wrapper .btn.primary.is-outline{border-color: var(--primary-color);}
.social-networks{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;list-style: none;margin: 0;}
.social-networks li{margin-left: 40px !important;margin-bottom: 0;}
.social-networks li:first-child{margin-left: 0 !important;}
.social-networks a{width: 20px;height: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.social-networks a svg{fill: var(--secondary-color);}
.absolute-footer{padding: 0;}
@media (min-width: 1200px) and (hover: hover){
    .footer-wrapper .text p a{-webkit-transition: color .3s;transition: color .3s;}
    .footer-wrapper .text p a:hover,.footer-wrapper .ux-menu-link__link:hover{color: var(--primary-color) !important;}
    .footer-wrapper .btn.primary.is-outline:hover{background-color: var(--primary-color) !important;}
    .social-networks a svg{-webkit-transition: .3s;transition: .3s;}
    .social-networks a:hover svg{fill: var(--primary-color);}
}
@media (max-width: 1366px){
    .footer-wrapper .ux-menu-link{font-size: 14px;}
    .footer-wrapper .ux-menu-link__link{padding-left: 18px;}
    .social-networks li{margin-left: 25px !important;}
}
@media (min-width: 1081px) and (max-width: 1366px){
    .footer-wrapper .btn.is-small{font-size: .7em !important;}
}
@media (min-width: 850px) and (max-width: 1080px){
    .footer-wrapper .section:nth-child(1)>.section-content>.row>.large-3:first-child{max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;text-align: center;padding-bottom: 30px !important;}
    .footer-wrapper .section:nth-child(1)>.section-content>.row>.large-4{max-width: 60%;-ms-flex-preferred-size: 60%;flex-basis: 60%;}
    .footer-wrapper .section:nth-child(1)>.section-content>.row>.large-3{max-width: 40%;-ms-flex-preferred-size: 40%;flex-basis: 40%;}
    .footer-wrapper .section:nth-child(1)>.section-content>.row>.large-2{max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;}
    .footer-wrapper .stack:not(.ux-menu){-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding-top: 30px;}
    .footer-wrapper .stack:not(.ux-menu) > * ~ *{margin-top: 0 !important;margin-left: var(--stack-gap) !important;}
}
@media (max-width: 849px){
    .footer-wrapper .btn.is-outline,.fullwidth-banner .btn.is-outline{padding-left: 1.2em !important;padding-right: 1.2em !important;}
    .footer-logo{display: block !important;margin-left: auto;margin-right: auto;}
    .social-networks{margin-bottom: 10px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FORM ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #434D67;opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder{color: #434D67;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #434D67;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #434D67;opacity: 1;}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection{-webkit-box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);box-shadow: 0 0 5px rgba(226, 230, 231, 0.8);border: none;height: 70px;border-radius: 35px;padding: 0 30px;color: #434D67;}
textarea{min-height: 90px;resize: vertical;padding-top: 20px;}
input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border-color: #e2e2e2;}
.submit-wrapp{position: relative;display: inline-block;vertical-align: top;}
.submit-wrapp .button{margin-right: 0;}
.submit-wrapp input[type=submit]{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;margin: 0;}
.wpcf7-form .processing *{opacity: 1;}
.wpcf7-form .processing::before{display: none;}
.wpcf7-spinner{position: absolute;right: -30px;top: 50%;margin: -12px 0 0 0;}
.wp-block-search__button{color: #fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* DECOR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.decor{position: absolute;z-index: -1;width: 16.15vw !important;height: 30.21vw;pointer-events: none;}
.decor.bottom{bottom: 0;}
.decor.right{right: 0;}
.decor.left{left: 0;}
.decor.top{top: 0;}
.decor.top-1{top: -17vw;}
.decor.top-2{top: -255px;}
.decor.top-3{top: 217px;}
.decor.top-4{top: -200px;}
.decor.top-5{top: -150px;}
.decor.top-6{top: -328px;}
.decor.top-7{top: 16px;}
.decor img{width: auto !important;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MISC */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.radius-20 .img-inner{border-radius: 20px;}
.columns-3{-webkit-columns: 3;-moz-columns: 3;columns: 3;}
@media (max-width: 549px){
    .columns-3{-webkit-columns: 2;-moz-columns: 2;columns: 2;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}
@keyframes trin{from{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{-webkit-transform: rotate3d(0,0,1,15deg);transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{-webkit-transform: rotate3d(0,0,1,0deg);transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{-webkit-transform: rotate3d(0,0,1,-15deg);transform: rotate3d(0,0,1,-15deg);}80%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);}}