:root {
	--secondary-color: #071537;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header-main .logo{margin-left: 30px !important;margin-right: 0 !important;}
.header-main .flex-right.hide-for-medium{padding-right: 5px;}
.header-wrapper:not(.stuck) .header-main{margin-top: 20px;}
.header-wrapper:not(.stuck) .header-main .header-inner{position: relative;z-index: 1;}
.header-wrapper:not(.stuck) .header-main .header-inner::before{content: '';display: block;position: absolute;left: 15px;right: 15px;top: 0;z-index: -1;height: 100%;background-color: #fff;border-radius: 40px;}
.header-main .nav>li>a{font-weight: 400;color: var(--secondary-color);}
.header-main .nav>li.current-menu-item>a{color: var(--primary-color);}
.header-main .top-divider{opacity: 0;}
.nav>li.html{font-size: 1em !important;}
.nav:not([class*="nav-size-"]):not([class*="header-contact"])>li>a{font-size: .88em !important;}
.nav-spacing-xlarge>li{margin: 0 23px !important;}
.nav-line-bottom>li>a::before{height: 2px !important;}
.header-nav{-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;}
.has-dropdown .icon-angle-down{opacity: 1 !important;margin-left: 9px !important;}
.has-dropdown .icon-angle-down::before{content: '';display: block;width: 11px;height: 7px;background: url("../img/heat-flow-hvac-chevron-down.svg") no-repeat 0 0;}
.header-contact a{font-weight: 700 !important;font-size: 18px !important;color: var(--secondary-color) !important;}
.header-contact a .icon-phone::before{content: '';display: block;width: 20px;height: 20px;background: url("../img/heat-flow-hvac-phone.svg") no-repeat 0 0;}
.header-contact>li>a>i+span{margin-left: 10px !important;}
@media (min-width: 1200px) and (hover: hover){
    .header-contact a:hover .icon-phone::before{-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
}
@media (max-width: 1600px){
	.nav-spacing-xlarge>li{margin: 0 15px !important;}
}
@media (max-width: 1366px){
	.header-main .logo{width: 230px !important;}
	.nav-spacing-xlarge>li{margin: 0 10px !important;}
	.nav:not([class*="nav-size-"]):not([class*="header-contact"])>li>a{font-size: .8em !important;}
}
@media (max-width: 1199px){
    .header .hide-for-medium{display: none;}
	.header .show-for-medium{display: block !important;}
	.medium-logo-center .flex-left{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;}
	.medium-logo-center .flex-right{-webkit-box-flex: 1;-ms-flex: 1 1 0px;flex: 1 1 0;-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;}
	.medium-logo-center .logo{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;text-align: center;}
	.header-main .show-for-medium.flex-right{padding-right: 30px;}
	.header-contact{padding-top: 10px !important;padding-bottom: 10px !important;}
}
@media (max-width: 549px){
	.header-main .logo{margin-left: 20px !important;}
	.header-main .show-for-medium.flex-right{padding-right: 20px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FLICKITY SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.flickity-page-dots{bottom: -49px !important;height: 9px;}
.flickity-page-dots .dot{width: 9px !important;height: 9px !important;border: none !important;background-color: #E2E6E7 !important;opacity: 1 !important;margin: 0 22px !important;vertical-align: top;}
.flickity-page-dots .dot.is-selected{background-color: transparent !important;-webkit-box-shadow: 0 0 0 3px var(--primary-color);box-shadow: 0 0 0 3px var(--primary-color);}
@media (max-width: 549px){
	.flickity-page-dots{bottom: -30px !important;}
	.flickity-page-dots .dot{margin: 0 15px !important;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HERO SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.hero-slider{overflow: hidden;}
.hero-slider .res-text{font-size: 1em;}
.hero-slider .banner h1, .hero-slider .banner h2{font-size: clamp(29px, 4.2vw, 55px) !important;letter-spacing: .05em;line-height: 1.1;margin-top: 0;margin-bottom: .31em;}
.hero-slider .banner p{margin-top: 0;margin-bottom: 0;}
.hero-slider .banner p:not(.uppercase){margin-bottom: 1.6em;}
.hero-slider .banner p.uppercase{margin-bottom: .56em;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button{width: 110px !important;height: 110px !important;background-color: rgba(255,255,255,.5) !important;-webkit-box-shadow: none;box-shadow: none !important;bottom: auto !important;top: 50% !important;opacity: 1 !important;-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button::before{content: '';display: block;position: absolute;top: 50%;margin-top: -9px;width: 12px;height: 18px;background: url("../img/heat-flow-hvac-chevron-left.svg") no-repeat 0 0;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button,.hero-slider .slider-nav-reveal .flickity-prev-next-button:hover{margin-top: -5px !important;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button.previous{left: -55px !important;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button.previous::before{right: 41px;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button.next{right: -55px !important;}
.hero-slider .slider-nav-reveal .flickity-prev-next-button.next::before{left: 41px;-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);transform: scaleX(-1);}
.hero-slider .slider-nav-reveal .flickity-prev-next-button svg{display: none;}
.hero-slider .flickity-page-dots{bottom: 20px !important;display: none;}
@media (min-width: 1200px) and (hover: hover){
	.hero-slider .slider-nav-reveal .flickity-prev-next-button:hover{background-color: rgba(255,255,255,.7) !important;}
}
@media (max-width: 849px){
	.hero-slider .banner p.uppercase{font-size: 14px;}
}
@media (max-width: 549px){
	.hero-slider .flickity-page-dots{display: block;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GET A QUOTE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.get-quote{margin-top: -112px;margin-bottom: -133px;z-index: 21;}
.get-quote .col-inner{overflow: hidden;}
.get-quote .col-inner::before,.get-quote .col-inner::after{content: '';display: block;position: absolute;top: 50%;background-repeat: no-repeat;background-position: center;width: 78px;height: 215px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.get-quote .col-inner::before{left: 0;background-image: url("../img/heat-flow-hvac-get-quote-icon-left.png");}
.get-quote .col-inner::after{right: 0;background-image: url("../img/heat-flow-hvac-get-quote-icon-right.png");}
.get-quote h2, .get-quote .quote{display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: auto;margin-bottom: 30px !important;}
.get-quote h2::before, .get-quote .quote::before{content: '';display: block;-ms-flex-negative: 0;flex-shrink: 0;width: 22px;height: 30px;background: url("../img/heat-flow-hvac-title-icon.svg") no-repeat 0 0;margin-right: 10px;}
.get-quote .get-quote-box>p{background-color: #fff;border-radius: 99px;padding: 0 2px;margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.get-quote .wpcf7-form{margin-bottom: 0;}
.get-quote .wpcf7-form-control-wrap{border-left: 1px solid #DADCE1;padding-top: 2px;padding-bottom: 2px;max-width: 25%;-webkit-box-flex: 1;-ms-flex: 1 1 25%;flex: 1 1 25%;}
.get-quote .wpcf7-form-control-wrap:first-child{border-left: none;}
.get-quote .wpcf7-form-control-wrap input,.get-quote .wpcf7-form-control-wrap select{background-color: transparent !important;border: none;margin-bottom: 0;-webkit-box-shadow: none !important;box-shadow: none !important;height: 50px !important;}
.get-quote input[type=submit]{width: 125px;height: 50px;border: none;border-radius: 0 99px 99px 0;font-size: 16px;margin: 0;}
.get-quote .wpcf7 .wpcf7-not-valid-tip{position: absolute;opacity: 1;font-size: 12px;}
.get-quote .wpcf7 form .wpcf7-response-output{margin-bottom: 0;font-size: 14px;}
@media (min-width: 1200px){
	.get-quote .wpcf7-spinner{position: absolute;right: -30px;top: 15px;margin: 0;background-color: #fff;}	
	.get-quote .wpcf7-spinner::before{background-color: black;}
}
@media (max-width: 1199px){
	.get-quote .get-quote-box p{-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 20px;padding: 0 0 20px;}
	.get-quote .wpcf7-form-control-wrap{border-left: none;max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;border-bottom: 1px solid #DADCE1;}
	.get-quote .wpcf7-form-control-wrap:nth-child(2n+2){border-left: 1px solid #DADCE1;}
	.get-quote .wpcf7-form-control-wrap input,.get-quote .wpcf7-form-control-wrap select{padding: 0 20px;}
	.get-quote input[type=submit]{border-radius: 99px;margin: 20px auto 0;display: block;}
	.get-quote .wpcf7-spinner{right: -165px;top: auto;bottom: 32.5px;margin: 0 auto;left: 0;}
}
@media (max-width: 849px){
	.get-quote .get-quote-box p{display: block;}
	.get-quote .wpcf7-form-control-wrap{max-width: 100%;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body{line-height: 1.7 !important;}
.uppercase,h6,th,span.widget-title,.nav-uppercase>li>a{letter-spacing: 0 !important;}
h2{font-size: clamp(29px, 4.2vw, 45px) !important;letter-spacing: .05em;line-height: 1.1 !important;margin-bottom: .42em !important;}
.list li{margin-left: 0 !important;margin-bottom: 0.5em;padding-left: 25px;list-style: none;position: relative;}
.list li:last-child{margin-bottom: 0;}
.list li::before{content: '';display: block;position: absolute;left: 0;top: 10px;width: 5px;height: 5px;border-radius: 100%;background-color: var(--primary-color);}
@media (min-width: 1200px) and (hover: hover){
	.list li a{-webkit-transition: color .3s;transition: color .3s;}
	.list li a:hover{color: var(--primary-color);}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTON */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header-button .button,.btn{padding: 0 1.875em !important;margin-bottom: 0 !important;line-height: 4.391em !important;min-height: 4.391em !important;letter-spacing: 0 !important;}
.header-button .button.is-small,.btn.is-small{font-size: .94em !important;}
.header-button .button:not(.is-outline),.btn:not(.is-outline){border: none !important;}
.header-button .button.is-outline,.btn.is-outline{line-height: 4.14em !important;min-height: 4.391em !important;}
@media (min-width: 1200px) and (hover: hover){
	.plain.back-to-top{-webkit-transition: .3s;transition: .3s;}
	.header-button .button.secondary:hover,.btn.secondary:hover{background-color: var(--primary-color) !important;-webkit-box-shadow: none !important;box-shadow: none !important;}
	.header-button .button.secondary.is-outline:hover,.btn.secondary.is-outline:hover{background-color: var(--secondary-color) !important;}
}
@media (max-width: 1366px){
	.header-button .button,.btn{padding: 0 1.5em !important;}
}
@media (max-width: 1199px){
	.header-button .button{width: 100%;}
	.header-button .button,.btn{padding: 0 1.2em !important;}
}
@media (max-width: 549px){
	.header-button .button.is-small,.btn.is-small{font-size: .8em !important;}
}