/* New and improved site styles for FamilyHVAC 
Author: Aaron Sabatine
Date Created: 4/18/2023
*/

/* general site styles */
body{
	font-size: 18px;
	color: #363A41;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fbfbfb;
	margin: 0;
	padding: 0;
	font-family: 'Raleway', sans-serif;
	line-height: 100%;
}
a{
	color: #74ac42;
	text-decoration: none;
}
a.blue_link{
	font-size: 16px;
	font-weight: 700;
	color: #4DB3E6;
	text-decoration: underline;
	line-height: 150%;
}
p, p > span.more_content{
	line-height: 145%;
	font-weight: 500;
	margin: 0;
	color: #363A41;
}
h1, h2, h3, h4{
	margin: 0;
	padding: 0;
	line-height: 125%;
}
h3{
	font-size: 30px;
	font-weight: 800;
}
img{
	max-width: 100%;
}
#content.inner_page{
	background: #FFF;
	padding-bottom: 4rem;
}
.container-fluid *, .container *, .container-adv *, .container-fluid, .container, .container-adv{
	box-sizing: border-box;
}
.container{
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
}
.container .row{
	display: flex;
	margin-left: -1rem;
	margin-right: -1rem;
	flex-wrap: wrap;
}
.container .row .col{
	padding: 0 1rem;
}
.bg-white{
	background-color: #FFF;
}
.bg-dark-blue{
	background-color: #11254C;
}
.green{
	color: #74AC42;
}
.dark_blue{
	color: #3F4473;
}
.bold{
	font-weight: 600;
}
.bolder{
	font-weight: 800;
}
.w-100{
	width: 100%;
}
.w-90{
	width: 90%;
}
.w-75{
	width: 75%;
}
.w-70{
	width: 70%;
}
.w-65{
	width: 65%;
}
.w-60{
	width: 60%;
}
.w-50{
	width: 50%;
}
.w-45{
	width: 45%;
}
.w-40{
	width: 40%;
}
.w-35{
	width: 35%;
}
.w-33{
	width: 33%;
}
.w-30{
	width: 30%;
}
.w-25{
	width: 25%;
}
.mw-900{
	max-width: 900px;
}
.mw-1400{
	max-width: 1400px;
}
.d-none{
	display: none !important;
}
.d-flex{
	display: flex;
}
.align-center {
    align-items: center;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.copy_20{
	font-size: 20px;
}
.p-0{
	padding: 0 !important;
}
.pb-2{
	padding-bottom: 2rem;
}
.pb-3{
	padding-bottom: 3rem;
}
.pb-4{
	padding-bottom: 4rem;
}
.pb-5{
	padding-bottom: 5rem;
}
.pt-1{
	padding-top: 1rem;
}
.pt-2{
	padding-top: 2rem;
}
.pt-3{
	padding-top: 3rem;
}
.pt-4{
	padding-top: 4rem;
}
.green_line{
	background: #74AC42;
}
.iframe_resp{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.show_mobile{
	display: none;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.mb-1{
	margin-bottom: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}
.mb-4{
	margin-bottom: 4rem !important;
}
.mb-5{
	margin-bottom: 5rem;
}
.mt-1{
	margin-top: 1rem;
}
.mt-2{
	margin-top: 2rem;
}

/* form styles */
form label{
	display: block;
	font-size: 14px;
	margin: 0 1rem 1rem 0;
}
form input, form textarea{
	display: block;
	padding: 1rem;
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	border-radius: 5px;
	box-shadow: inset 0px 0px 3px #74AC42;
	margin-bottom: 1rem;
	border: none;
	width: 100%;
}
form select {
	font-size: 14px;
	font-family: "Raleway", sans-serif;
	padding: 1rem;
	border: none;
	border-radius: 5px;
	box-shadow: inset 0px 0px 3px #74AC42;
	width: 100%;
	margin-bottom: 1rem;
}
form input[type="checkbox"]{
	box-shadow: none;
	width: 20px;
}
.checkbox_holder{
	display: flex;
	align-items: flex-start;
}
.checkbox_holder input[type="checkbox"]{
	margin-right: 0.75rem;
}

/* general mobile styles */
@media (max-width: 991px){
	.container .row{
		margin-left: 0;
		margin-right: 0;
	}
	.w-md-100{
		width: 100%;
	}
	/* hide reviews at bottom */
	#rkFloatFrame-b47db74c263b0bbc85ddae9b7120ce9f{
		display: none !important;
	}
}
@media (max-width: 991px){
	.hide_mobile{
		display: none !important;
	}
	.show_mobile{
		display: block !important;
	}
	.w-sm-100{
		width: 100%;
	}
	p{
		font-size: 18px;
	}
}

/* reusable components */

/* standard green button */ 
a.btn_green_standard{
	background: linear-gradient(180deg, rgba(193, 220, 128, 0.8) 0%, rgba(193, 220, 128, 0) 100%), #74AC42;
	box-shadow: 0px 4px 8px rgba(54, 58, 65, 0.15);
	border: none;
	border-radius: 5px;
	display: inline-block;
	color: #11254C;
	margin: 0 auto;
	padding: 1.15rem 2rem;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
}
a.btn_green_standard.icon{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
}
a.btn_green_standard.icon img{
	margin-right: 0.5rem;
}

/* purple button */
.purple_button{
	display: block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: #DCF2F6;
	text-transform: uppercase;
	background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
	border-radius: 5px;
	padding: 1rem 2rem;
}

/* CTA cards */
.cta_cards_wrapper{
	max-width: 1440px;
}
.cta_cards_wrapper > h2{
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 3rem;
}
.cta_cards_wrapper .row{
	justify-content: space-between;
}
.home_page .cta_cards_wrapper .row:last-child{
	margin-top: 3rem;
}
.cta_cards_wrapper .row .cta_card, .cta_cards_wrapper .row .cta_card_mobile, .cta_cards_wrapper .row .cta_card_small{
	background: #FAFAFA;
	box-shadow: 0px -5px 0px 0px #74AC42, 0px 0px 4px 0px #363A4133, 0px -2px 4px 0px #363A4133 inset;
	border-radius: 16px;
	text-align: center;
	max-width: 400px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 0.75rem;
}
.cta_cards_wrapper .cta_card img{
	margin-bottom: 1rem;
}
.cta_cards_wrapper .cta_card h3, .cta_cards_wrapper .row .cta_card_mobile h3, .cta_cards_wrapper .row .cta_card_small h3{
	font-size: 22px;
	font-weight: 800;
	color: #11254C;
	width: 100%;
	text-align: center;
}
.cta_cards_wrapper .row .cta_card_mobile h3, .cta_cards_wrapper .row .cta_card_small h3{
	text-align: left;
}
.cta_cards_wrapper .cta_card p{
	font-size: 16px;
	font-weight: 500;
	color: #363A41;
	margin: 1rem 0;
}
.cta_cards_wrapper .row .cta_card_mobile{
	display: none;
}
.cta_card .google_reviews{
	margin-top: 1rem;
} 
.cta_card .google_reviews .stars{
	font-size: 44px;
	color: #FBBD01;
	letter-spacing: 0.15rem;
	line-height: 64%;
	margin-top: -0.5rem;
}
.cta_cards_wrapper .row .cta_card_small {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	padding: 1.5rem 1rem;
}
.cta_cards_wrapper .row .cta_card_small img.icon{
	max-width: 46px;
	max-height: 46px;
	margin-right: 1rem;
}
@media (max-width: 1500px){
	.cta_cards_wrapper .row{
		justify-content: center;
	}
	.cta_cards_wrapper .row .cta_card, .cta_cards_wrapper .row .cta_card_mobile, .cta_cards_wrapper .row .cta_card_small{
		max-width: 345px;
		padding: 2rem 1rem;
	}
}
@media (max-width: 991px){
	.cta_cards_wrapper > h2{
		font-size: 30px;
	}
	.cta_cards_wrapper .row .cta_card{
		display: none;
	}
	.cta_cards_wrapper .row .cta_card_mobile, .cta_cards_wrapper .row .cta_card_small{
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		padding: 1rem 0.5rem;
		margin-bottom: 2rem;
	}
	.cta_cards_wrapper .row .cta_card_small{
		padding: 1rem;
	}
	.cta_cards_wrapper .row .cta_card_mobile img.icon{
		max-width: 46px;
		max-height: 46px;
		margin-right: 1rem;
	}
	.home_page .cta_cards_wrapper .row:last-child{
		margin-top: 0;
	}
}

/* Hero slider area */
.hero_slider_wrapper{
	background-image: url("https://ucarecdn.com/69822b63-ffa2-44f0-990a-33f34bb8b019/-/format/auto/");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0px 15px 20px 15px;
}
.hero_slides_holder{
	padding-top: 13rem;
}
.hero_slide .mobile_slide_img{
	display:none;
}
.hero_slide .hero_slide_inner{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.hero_slide .slide_left{
	padding: 0 4rem;
	max-width: 45%;
}
.hero_slide .slide_right{
	padding: 0 6rem 0 0;
}
.hero_slide .eyebrow{
	padding: 0.25rem 0.5rem;
    background: #11254C;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 1rem 0;
    display: inline-block;
    font-weight: 800;
    letter-spacing: 0.075rem;
}
.hero_slide h1{
	font-size: 45px;
	color: #11254C;
	font-weight: 800;
}
.hero_slide h2{
	font-size: 30px;
	color: #363A41;
	font-weight: 500;
	margin: 1.5rem 0 2rem 0;
}
.hero_slide .slide_right img{
	border-radius: 200px 0;
}
.hero_slider_wrapper .tns-nav{
	position: absolute;
	z-index: 1;
	margin-top: 2rem;
	right: 4rem;
}
.hero_slider_wrapper .tns-nav button{
	cursor: pointer;
	border: 2px solid #74AC42;
	background: #FFF;
	height: 14px;
	width: 14px;
	border-radius: 20px;
	padding: 0;
	margin: 0 2px;
}
.hero_slider_wrapper .tns-nav button.tns-nav-active{
	background: #74AC42;
}
@media (max-width: 991px){
	.hero_slider_wrapper{
		background-image: url("https://ucarecdn.com/5fe4aded-8130-49c1-95d4-790fd29d0178/-/format/auto/");
		padding: 0 0 4rem 0;
	}
	.hero_slider_wrapper .tns-outer{
		text-align: center;
	}
	.hero_slides_holder{
		padding-top: 7rem;
	}
	.hero_slide .hero_slide_inner{
		flex-direction: column;
		padding-bottom: 2rem;
	}
	.hero_slide .mobile_slide_img{
		display: block;
	}
	.hero_slide .mobile_slide_img img{
		max-width: 100%;
		border-radius: 0 0 195px 195px;
	}
	.hero_slide .slide_right{
		display: none;
	}
	.hero_slide .slide_left{
		text-align: center;
		max-width: 100%;
		padding: 0 2rem;
	}
	.hero_slide h1{
		font-size: 30px;
		margin-top: 3rem;
	}
	.hero_slide h2{
		font-size: 22px;
	}
	.hero_slider_wrapper .tns-nav{
		position: relative;
		margin: 0;
		display: inline-block;
	}
}
/* END Hero slider area */

/* Hero without slider */
.hero_wrapper{
	background-image: url("https://ucarecdn.com/69822b63-ffa2-44f0-990a-33f34bb8b019/-/format/auto/");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	max-width: 1920px;
	margin: 0 auto 6rem auto;
	padding: 0px 15px 20px 15px;
}
.hero_content_mobile{
	display: none;
}
.hero_content{
	padding-top: 13rem;
	justify-content: space-around;
	align-items: center;
}
.hero_content_left{
	flex-basis: 33%;
}
.hero_content_right img{
	border-radius: 200px 0 200px 0;
}
.hero_content h1, .prod_cat_hero_content h1{
	font-size: 50px;
	color: #11254C;
	margin-bottom: 2rem;
}
.hero_content h2, .prod_cat_hero_content h2{
	font-size: 30px;
	font-weight: bold;
	line-height: 125%;
}

@media (max-width: 991px){
	.inner_page .hero_wrapper{
		background-image: url("https://ucarecdn.com/5ba895f6-fee2-47db-ad81-7c37c0296302/-/format/auto/");
		background-position: 50% 100%;
		background-size: cover;
		padding: 0 0 20px 0;
		margin: 0 auto 4rem auto;
	}
	.hero_content{
		display: none !important;
	}
	.hero_content_mobile{
		display: block;
		padding-top: 7rem;
		padding-bottom: 4rem;
	}
	.hero_content_mobile img{
		border-radius: 0 0 195px 195px;
	}
	.hero_content_mobile h1{
		color: #11254C;
		font-size: 24px;
		margin: 1.5rem auto;
		padding: 0 1rem;
	}
	.hero_content_mobile h2{
		font-size: 22px;
		font-weight: 600;
		max-width: 300px;
		margin: 0 auto;
	}
}

/* END hero without slider */

/* product category hero */
.prod_category_hero_wrapper{
	max-width: 1920px;
	margin: 0 auto 2rem auto;
	padding: 0px 15px 20px 15px;
}
.prod_cat_hero_content{
	padding-top: 13rem;
	justify-content: space-around;
	align-items: center;
	max-width: 60%;
	margin: 0 auto;
}
.prod_cat_hero_content_left{
	flex-basis: 100%;
	margin-right: 3rem;
}
.prod_cat_hero_content h1{
	font-size: 45px;
}
.prod_cat_hero_content h2{
	font-weight: 500;
}
@media (max-width: 991px){
	.prod_cat_hero_content{
		flex-direction: column;
		max-width: 100%;
	}
	.prod_cat_hero_content_left{
		margin-right: 0;
	}
	.prod_cat_hero_content h1{
		font-size: 24px;
		text-align: center;
		margin-top: 1rem;
	}
	.prod_cat_hero_content h2{
		font-size: 22px;
		font-weight: 600;
		text-align: center;
	}
}
/* END product category hero */

/* promo slider */
.promo_section{
	background-image: url("https://ucarecdn.com/15a37d39-cae9-4358-9e0d-6137dab2c693/-/format/auto/");
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-top: 8rem;
}
.inner_page .promo_section{
	background-image: none;
	padding: 4rem 0;
}
.promo_section .promo_slider_wrapper{
	max-width: 1200px;
	margin: 0 auto;
}
.promo_section .promo_slider_wrapper .tns-outer{
	position: relative;
}
.promo_section .promo_slider_wrapper .tns-controls{
	position: absolute;
	display: flex;
	width: 100%;
	justify-content: space-between;
	z-index: 2;
	top: 50%;
}
.promo_section .promo_slider_wrapper .tns-controls button{
	border: none;
	background: transparent;
	font-size: 60px;
	line-height: 36px;
	color: #363A41;
}
.promo_section .promo_slider_wrapper .tns-controls button[data-controls='prev']{
	margin-left: -3rem;
}
.promo_section .promo_slider_wrapper .tns-controls button[data-controls='next']{
	margin-right: -3rem;
}
.promo_section .promo_slider_wrapper.single #tns1 > .tns-item{
	padding-left: 20px;
}
.promo_slide_inner{
	box-shadow: 0px 0px 12px rgba(54, 58, 65, 0.15), 0px -5px 0px #74AC42;
	border-radius: 15px;
	background: #FFF;
	margin: 0.5rem 0;
	padding: 2.5rem;
}
.home_page .promo_slide_inner{
	border-radius: 15px 15px 0 0;
	margin: 0.5rem 0 0 0;
}
.promo_slide .promo_title{
	position: relative;
	margin-bottom: 2rem;
}
.promo_title h3{
	color: #3F4473;
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto;
	width: 290px;
	background: #fff;
	z-index: 2;
	position: relative;
}
.promo_title .title_line {
    width: 100%;
    height: 2px;
    background: #3F4473;
    position: absolute;
    top: 14px;
    z-index: 1;
}
.promo_content{
	display: flex;
	justify-content: center;
	align-items: center;
}
.promo_content .promo_img{
	flex-basis: 50%;
}
.promo_content .promo_img img{ max-width: 100%; }
.promo_content .promo_details{
	flex-basis: 48%;
}
.promo_details p{
	font-size: 16px;
}
.promo_details .green_line{
	height: 4px;
	width: 80px;
	margin: 1rem 0;
}
.promo_details .pricing_features{
	margin-top: 2rem;
	display: flex;
	align-items: center;
}
.promo_details .price_label{
	font-style: italic;
	font-size: 14px;
	color: #9D9D9D;
	margin: 0;
}
.promo_details .price{
	font-size: 45px;
	color: #74AC42;
	margin: 0;
}
.promo_details .price span{
	font-size: 16px;
}
.promo_details .pricing_features .pricing{
	margin-right: 3rem;
	flex-basis: 40%;
}
.promo_details .pricing_features .features img{
	margin-right: 1rem;
}
.promo_details .pricing_features .features p{
	margin: 0;
	color: #9D9D9D;
	font-size: 12px;
}
.promo_details .pricing_features .features .warranty, .promo_details .pricing_features .features .energy_star{
	display: flex;
	align-items: center;
	margin: 1rem 0;
}
.promo_slide .promo_more .more_button{
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
	background: #3F4473;
	border-radius: 0 0 15px 15px;
	padding: 1rem;
}
.promo_slide .promo_more .more_button span{
	color: #DCF2F6;
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
}
.promo_slide .promo_more .more_button img{
	margin-left: 1rem;
}
.promo_more .more_content_holder{
	box-shadow: 0px 0px 12px rgb(54 58 65 / 15%);
	border-radius: 0 0 15px 15px;
	margin-bottom: 0.5rem;
}
.promo_more .more_content_holder .container{
	padding: 2rem;
}
.promo_more .more_content_holder .container .row{
	justify-content: space-evenly;
}
.promo_slide .promo_more .more_content_holder .product_specs{
	border: 2px solid #3F4473;
	border-radius: 15px;
	padding: 0;
}
.promo_more .more_content_holder .product_specs h3{
	background: #3F4473;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	padding: 1rem;
	border-radius: 10px 10px 0 0;
}
.promo_more .more_content_holder .product_specs .row{
	border-bottom: 0.5px solid #C4C4C4;
	align-items: center;
	justify-content: flex-start;
	max-width: 92%;
	margin: 0 auto;
	padding: 1rem 0;
}
.promo_more .more_content_holder .product_specs .row .label{
	width: 30%;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
}
.promo_more .more_content_holder .product_specs .row .info{
	width: 65%;
	font-size: 15px;
	font-weight: 500;
}
.promo_more .more_content_holder .product_desc h3{
	font-size: 22px;
}
.promo_more .more_content_holder .product_desc p{
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}

.promo_slide .promo_more.expanded .more_button{
	border-radius: 0;
}

/* promo section mobile */
@media (max-width: 991px){
	.promo_section{
		background-image: url("https://ucarecdn.com/408a1449-af54-49b9-b820-a06e8215f212/-/format/auto/");
		padding-top: 5rem;
	}
	.inner_page .promo_section{
		padding-top: 2rem;
	}
	.promo_section .promo_slider_wrapper{
		margin: 0 1rem;
	}
	.promo_title .title_line, .promo_details .green_line, .promo_details .pricing_features .features, .promo_slide .promo_more{
		display: none;
	}
	.promo_section .promo_slider_wrapper .tns-controls{
		top: 100%;
	}
	.promo_section .promo_slider_wrapper .tns-controls button{
		margin-top: 0.5rem;
	}
	.promo_section .promo_slider_wrapper .tns-controls button[data-controls='next'] {
		margin-right: 1rem;
	}
	.promo_section .promo_slider_wrapper .tns-controls button[data-controls='prev']{
		margin-left: 1rem;
	}
	.promo_slide_inner{
		padding: 2rem;
	}
	.promo_slide .promo_title{
		margin-bottom: 1rem;
	}
	.promo_title h3{
		width: 100%;
	}
	.promo_content{
		flex-direction: column;
	}
	.promo_content .promo_details{
		flex-basis: 100%;
		margin-top: 2rem;
	}
	.promo_details h3{
		font-size: 18px;
	}
	.promo_details .pricing_features{
		margin: 1rem 0;
	}
	.promo_details .price{
		font-size: 20px;
	}
}

/* Why choose us block */
.why_choose_us_v3{
	background-image: url("https://ucarecdn.com/f791a797-826a-4f23-8734-7716725cce15/-/format/auto/");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	background-color: #DCF2F6;
	margin-top: 4rem;
	padding-top: 3rem;
	padding-bottom: 14rem;
}
.why_choose_us_v3 .container{
	text-align: center;
}
.why_choose_us_v3 .container .row{
	justify-content: center;
}
.why_choose_us_v3 .container .row .col{
	padding-right: 1.5rem;
}
.why_choose_us_v3 .container .row .col:last-child{
	padding-left: 1.5rem;
	padding-right: 0;
	max-width: 500px;
}
.why_choose_us_v3 .image_holder{
	text-align: center;
}
.why_choose_us_v3 .image_holder img{
	border-radius: 0 200px;
	width: 552px;
	max-width: 100%;
	box-shadow: -2px 2px 3px 1px #111;
}
.why_choose_us_v3 h2{
	color: #E5F5F8;
	font-weight: 800;
	font-size: 45px;
	text-align: left;
}
.why_choose_us_v3 ul, .why_choose_us_inside ul{
	list-style: none;
	padding-left: 0;
}
.why_choose_us_v3 ul li, .why_choose_us_inside ul li{
	padding: 20px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
	line-height: 150%;
}
.why_choose_us_v3 ul li span, .why_choose_us_inside ul li span{
	font-size: 25px;
	color: #B6E8FF;
	padding-left: 1.5rem;
}
.why_choose_us_v3 ul li img, .why_choose_us_inside ul li img{
	width: 38px;
	margin-top: 8px;
}
.why_choose_us_v3 .btn_green_standard{
	margin-top: 2rem;
}

/* why choose us mobile */
@media (max-width: 991px){
	.why_choose_us_v3{
		background-image: url("https://ucarecdn.com/6e267121-2af3-49bc-87c2-5419b3b281b9/-/format/auto/");
		padding-top: 1.5rem;
		padding-bottom: 6rem;
	}
	.why_choose_us_v3 .container .row .col:first-child{
		display: none;
	}
	.why_choose_us_v3 .container .row .col:last-child{
		padding: 0 3rem;
	}
	.why_choose_us_v3 h2{
		font-size: 36px;
		text-align: center;
	}
	.why_choose_us_v3 ul li{
		padding: 8px 0;
	}
	.why_choose_us_v3 ul li img{
		height: 24px;
		width: 24px;
	}
	.why_choose_us_v3 ul li span{
		font-size: 18px;
		padding-left: 1rem;
	}
	.why_choose_us_v3 .btn_green_standard{
		margin-top: 0;
	}
}
/* why choose us inside page - this is on the systems category pages */
.why_choose_us_inside{
	background-image: url("https://ucarecdn.com/37309202-9ebd-4b7d-9fca-56ef5f33a0de/-/format/auto/");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	background-color: #DCF2F6;
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.why_choose_us_inside .why_choose_content{
	max-width: 60%;
	margin: 0 auto;
	padding: 3rem 1rem;
}
.why_choose_us_inside h2{
	font-size: 45px;
	color: #E5F5F8;
	margin-bottom: 1rem;
}
.why_choose_us_inside p{
	color: #E5F5F8;
	font-size: 30px;
	font-weight: 700;
}
.why_choose_us_inside ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.why_choose_us_inside ul li{
	width: 44%;
}

@media (max-width: 991px){
	.why_choose_us_inside .why_choose_content{
		max-width: 100%;
	}
	.why_choose_us_inside h2{
		font-size: 36px;
	}
	.why_choose_us_inside p{
		font-size: 18px;
	}
	.why_choose_us_inside ul{
		flex-direction: column;
		flex-wrap: no-wrap;
	}
	.why_choose_us_inside ul li{
		width: 100%;
		padding: 12px 0;
	}
	.why_choose_us_inside ul li span{
		font-size: 20px;
	}
	.why_choose_content a.btn_green_standard{
		padding: 1.15rem;
	}
}

/* breadcrumb */
.breadcrumb a{
	text-transform: uppercase;
	font-size: 20px;
	color: #363A41;
	align-items: center;
}
.breadcrumb a img{
	padding-right: 0.75rem;
}
@media (max-width: 991px){
	.breadcrumb a{
		font-size: 14px;
	}
	.breadcrumb a img{
		height: 14px;
		padding-right: .25rem;
	}
}

/* END reusable components */

/* header area */

header{
	position: fixed;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	height: 160px;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all 300ms ease;
}

header .container{
	position: relative;
	z-index: 1;
	height: 100%;
	max-width: 100%;
}
header > .container > .row{
	height: 100%;/* TO DO why is this necessary? */
	margin-right: -16px;
	margin-left: -16px;
}
header .nav-bar{
	background-color: #000;
	height: 36px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 1rem;
}
header .nav-bar a{
	color: #fff;
	display: flex;
	align-items: center;
	margin-left: 1.4rem;
	transition: opacity 300ms ease;
	font-size: 13px;
	font-weight: 800;
	line-height: 100%;
	letter-spacing: 0.1rem;
}
header .nav-bar a span{
	font-size: 0.75rem;
	letter-spacing: 0.13em;
	display: block;
	margin-right: 0.3rem;
}
header .nav-bar div.nav-left a span.stars{
	color: #ffba00;
	font-size: 30px;
	padding-left: 1rem;
	margin-top: -0.2rem;
}
header .nav-bar div.nav-left a span.text{
	margin-right: 0;
}
header .nav-bar a img{
	height: 22px;
	width: auto;
	margin-right: 0.5rem;
}

/* main navigation */
header .additional-links{
	display:none; /* TO DO should this be removed? */
}
header .nav-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: calc(100% - 36px);
	width: 100%;
	background: linear-gradient(90deg, #3F4473 0%, #2081BD 100%);
	transition: background-color 300ms ease;
	padding: 0 !important;
}
header .logo{
	width: 300px;
	height: 100%;
	flex-shrink: 0;
	padding: 0 30px;
	display: flex;
	align-items: center;
}
header .logo img{
	height: 58px;
	width: auto;
	display: block;
}
header .logo a.small_logo_desktop img{
	height: 28px;
}
header .logo a:last-child{
	display: none; /* hides the dark version on desktop */
}
header .nav-toggler{
	display: none;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: 1rem;
}
header nav{
	position: relative;
	width: auto;
	height: 100%;
	white-space: nowrap;
}
header nav ul{
	width: 100%;
	height: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: 700;
	letter-spacing: 1.4px;
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 0.9625rem;
	text-transform: uppercase;
}
header nav ul li, header nav ul .nav-li{
	position: relative;
	margin: auto;
	display: flex;
	justify-content: center;
	transition: all 300ms ease;
	cursor: pointer;
}
header nav ul li{
	margin: 0 .5rem;
}
header nav ul li a, header nav ul .nav-li a{
	color: #FFF;
	padding: 1rem;
}
header nav ul li a{
	font-size: 15px;
}
header nav ul > li:not(.nav-regular-button)::before{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background-color: #74ac42;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: center left;
	transition: transform 300ms ease, -webkit-transform 300ms ease;
}
header nav ul > li:not(.nav-regular-button):hover::before, header nav ul > li:not(.nav-regular-button).active::before{
	transform: scaleX(1);
}
header nav > ul > li:not(.nav-regular-button) > a{
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.5rem 0.25rem;
}
header nav ul li svg, header nav ul .nav-li svg{
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	fill: none;
	height: auto;
	width: 10px;
	margin-left: 0.25rem;
	stroke: #fff;
	opacity: 1;
}
header nav ul li:first-child, header nav ul .nav-li:first-child{
	margin-left: 0;
}
header nav > ul > li:not(.nav-regular-button){
	display: flex;
	align-items: center;
	height: 100%;
}
header nav > ul > li.with-submenu::after{
	content: "";
	position: fixed;
	top: 0;
	left: -100vw;
	opacity: 0;
	pointer-events: none;
	width: 200vw;
	height: 100vh;
	z-index: -1;
	background-color: rgba(0, 0, 0, 0.4);
	transition: opacity 300ms ease;
}
header nav > ul > li.with-submenu.active::after {
    opacity: 1;
}
header nav ul li.with-submenu{
	margin-right: 1.5rem;
}
header nav ul li.with-submenu .submenu_top a{
	padding: .5rem 0rem .5rem .5rem;
}
header nav .nav-submenu{
	min-width: 260px;
	width: 100%;
	position: fixed;
	pointer-events: none;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	display: block;
	opacity: 0;
	padding: 20px;
	white-space: nowrap;
	align-items: stretch;
	text-shadow: none;
	padding: 0;
	margin: 0;
	list-style: none;
	padding-top: 4px;
	transition: opacity 300ms ease;
	background-color: #f5f5f5;
}
header nav .nav-submenu::before{
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background-color: #74ac42;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
header nav .nav-submenu[data-type="small"]{
	margin-left: -1rem;
}
header nav .nav-submenu.fluid{
	width: calc(100% + 400px);
	margin-left: -400px;
}
header nav .nav-submenu[data-id='systems']{
	min-height: 610px;
	width: 100%;
	margin-left: 0;
}
header nav .nav-submenu[data-id='services']{
	min-height: 259px;
	width: 100%;
	margin-left: 0;
}
header nav .nav-submenu[data-id='brands'] .nav-submenu-section{
	background: #FFF;
}
.nav-submenu[data-id='brands'] .sub img{
	max-width: 100px;
}
.nav-submenu[data-id='brands'] .sub .img_holder{
	text-align: center;
	margin-right: 1rem;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
header nav .nav-submenu.active, header nav .nav-submenu:hover{
	opacity: 1;
	pointer-events: all;
}
header nav .nav-submenu li{
	border-radius: 3px;
	justify-content: flex-start;
}
header nav .nav-submenu li:hover, header nav .nav-submenu .nav-li:hover{
	opacity: 0.5;
}
header nav .nav-submenu .nav_item{
	height: 130px;
	width: 20% !important;
	margin-bottom: 2rem;
}
header .products-menu{
	white-space: normal;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 2rem 2rem 0rem 2rem;
	max-width: 1600px;
	margin: 0 auto;
}
header .nav-submenu-more{
	border-top: 1px solid #dfdfdf;
	padding: 1rem;
	color: #74ac42;
	cursor: pointer;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	transition: opacity 300ms ease;
}
header nav .nav-submenu .nav-submenu-section li.sub:hover {
    opacity: 1;
}
header nav .nav-submenu .nav-submenu-section li.sub {
    opacity: 0.7;
    line-height: 100%;
    font-size: 14px;
    text-transform: capitalize;
}
header nav .systems-brands > .container > .row > .col:first-child{
	border-right: 2px solid #BBC1CC;
}

/* more actions menu */
header nav ul.nav-submenu[data-id='moreactions']{
	width: auto;
	right: 0px;
	left: auto;
	height: auto;
	margin-left: 0;
}
	
header .products-menu .products-menu-image{
	flex-basis: 50%;
	margin-right: 0;
	width: 100px;
	height: 100px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
header .products-menu .products-menu-image.square{
	background-size: contain !important;
}
header .products-menu li{
	width: 100%;
	height: 100%;
	margin: 0 0 0.5rem 0;
}
header .products-menu li a{
	display: flex;
	align-items: center;
}
header .products-menu li h4{
	font-size: 16px;
	flex-basis: 50%;
	padding-bottom: 0;
	color: #333333;
	padding-top: 0;
	line-height: 1.5;
	text-align: center;
}
header .products-menu li a.estimate{
	display: block;
}
header .products-menu li a.estimate h4{
	color: #74AC42;
	font-size: 22px;
	padding-bottom: 0.5rem;
}
header .products-menu li a.estimate p{
	color: #FFF;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	line-height: 150%;
}
header .products-menu .submenu-section-heading{
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .products-menu .submenu-section-heading p{
	font-size: 18px;
	text-transform: none;
	font-weight: 800;
}
header .products-menu .submenu-section-heading a{
	color: #2081BD;
	border-bottom: 1px solid #2081BD;
	font-size: 14px;
	text-transform: none;
	line-height: 125%;
}

/* brands submenu */
header .nav-submenu .systems-brands .nav_item{
	width: 50% !important;
	height: 75px;
	margin-bottom: 0.5rem;
	padding: 0 0.25rem !important;
}
header .systems-brands .products-menu-image{
	width: 70px;
	height: 50px;
	flex-basis: auto;
	margin-right: 1rem;
	background-size: contain !important;
}
header .systems-brands .nav_item .product-menu-content{
	align-items: center;
}
header .systems-brands .nav_item .product-arrow{
	height: 10px;
	width: 10px;
	background-image: url(https://ucarecdn.com/1ae9c8aa-69af-4314-8882-06328a5df0b7/-/format/auto/);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
header .systems-brands .nav_item li a{
	justify-content: space-between;
	padding: 0.5rem;
}
header .systems-brands li h4{
	flex-basis: auto;
	text-transform: none;
}

header .nav-infobar{
	display: none;
	background-color: rgba(116, 172, 66, 0.07);
	padding: 1rem 1rem;
	color: #74ac42;
	width: 100%;
	text-transform: none;
	margin-bottom: 1rem;
}
header .nav-infobar > div {
    display: flex;
    margin: 0.5rem 0;
    align-items: center;
	line-height: 175%;
}
header .nav-infobar svg {
    height: 20px;
    width: auto;
    margin-right: 1rem;
    fill: #74ac42;
}
header .nav-infobar span {
    font-size: 14px;
}
header.advanced nav ul li.with-submenu::after, header.advanced-fixed nav ul li.with-submenu::after {
    top: 160px;
    height: 100vh;
}
header.advanced .nav-row, header.advanced-fixed .nav-row {
	background-color: #fff;
	box-shadow: 0 20px 100px 0 rgba(0, 0, 0, 0.1);
}
/* removed the switch between black and white from the header because colors have been updated */
header.advanced .logo a:first-child, header.advanced-fixed .logo a:first-child {
    display: block;
}
header.advanced .logo a:last-child, header.advanced-fixed .logo a:last-child {
    display: none;
}
header.advanced .logo a.small_logo{
	margin-top: 2px;
	display: block;
}
header.advanced .logo a.small_logo img{
	width: 40px;
}
header.advanced nav ul li svg, header.advanced-fixed nav ul li svg {
	stroke: #8d8d8d;
}
header.advanced nav ul li a, header.advanced-fixed nav ul li a, header.advanced nav ul li:hover, header.advanced-fixed nav ul li:hover{
	/*color: #FFF;*/
}
header.advanced nav ul li:hover ul a, header.advanced-fixed nav ul li:hover ul a{
	color: #333;
}
header nav .nav-submenu .nav-submenu-section li.sub{
	opacity: 0.7;
	font-size: 14px;
	text-transform: capitalize;
}
header nav .nav-submenu li a, header nav .nav-submenu .nav-li a{
	color: #333;
	line-height: 100%;
}
header nav .nav-submenu .nav-submenu-section li.sub.with_arrow{
	align-items: center;
}
header nav .nav-submenu .nav-submenu-section li.sub.with_arrow .submenu_icon{
	margin-top: -8px;
	margin-left: 20px;
}
header nav .nav-submenu .nav-submenu-section li.sub.with_arrow a{
	padding: 1rem 1rem 1rem 0.5rem;
}

/* Schedule Now button for mobile */
header .additional-links{
	display: none;
	position: fixed;
	background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
	width: 100%;
	z-index: 1;
	height: 23px;
	justify-content: center;
	padding: 0;
}
header .additional-links a{
	margin-top: -1rem;
	position: absolute;
	width: 130px;
	line-height:100%;
	height: auto;
}

/* collapsed header */
header.collapsed{
	height: 78px; 
}
header.collapsed .nav-bar{
	height: 28px;
}
header.collapsed .nav-row{
	height: 50px;
}
header.collapsed .nav-bar div.nav-left a{
	margin-left: 0;
}
header.collapsed .nav-bar div.nav-left a span.stars{
	padding-left: 0;
}
header.collapsed .nav-bar div.nav-left a span.text, header.collapsed .nav-bar div.nav-right a span{
	display: none;
}

@media (max-width: 1400px){
	header nav{
		margin: 0 1rem 0 0;
	}
	header .logo img{
		height: 50px;
	}
	header nav ul{
		letter-spacing: 0px;
	}
	header nav ul li{
		margin: 0 0.25rem;
	}
	header nav ul li a{
		font-size: 14px;
	}
	header nav > ul > li:not(.nav-regular-button) > a{
		padding: 1rem 0.25rem;
	}
}

/* mobile header menu styles */
@media (max-width: 1140px){
	#template_home header .logo{
		width: 235px;
	}
	header nav{
		transform: none;
		background: transparent;
		top: 0;
		border-top: none;
	}
	header nav > ul{
		flex-direction: row;
	}
	header .logo{
		width: 215px;
	}
	header .logo a:first-child{
		display: block;
	}
	header .logo a.normal_logo img{
		width: 150px;
		height: 35px;
	}
	header nav ul > li:not(.nav-regular-button){
		border-bottom: none;
	}
}
@media (max-width: 1100px){
	header nav ul li.with-submenu{
		margin-right: 0.9rem;
	}
	header nav > ul li{
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
}
@media (max-width: 991px){
	header {
		background-color: #fff;
		height: 75px;
		width: 100%;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	header .nav-bar{
		/*display:none;*/
	}
	header .nav-bar .nav-right{
		width: 100%;
		justify-content: space-between;
	}
	header .nav-bar .nav-right a:first-child{
		margin-left: 0;
	}
	header .nav-bar .nav-left, header .nav-bar .nav-right a:last-child{
		display: none;
	}
	header .logo {
		width: 270px;
		height: 112px;
		padding-left: 1rem;
	}
	header.active .logo a:first-child {
		display: block !important;
	}
	header.active .logo a:last-child {
		display: none !important;
	}
	header .logo a.normal_logo img {
		width: 148px;
		height: auto;
	}
	header .logo a.small_logo img{
		width: 40px;
		height: 40px;
	}
	header .nav-toggler, header .nav-infobar{
		display: block;
	}
	header .nav-row{
		height: 100%;
		padding: 0 !important;
	}
	header .nav-toggler .icon-bar, header.advanced .nav-toggler .icon-bar{
		background-color: #FFF;
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}
	header .nav-toggler .icon-bar:nth-of-type(1) {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}
	header .nav-toggler.collapsed .icon-bar:nth-of-type(1) {
		transform: rotate(0);
	}
	header .nav-toggler .icon-bar:nth-of-type(2) {
		margin-top: 4px;
		opacity: 0;
	}
	header .nav-toggler.collapsed .icon-bar:nth-of-type(2) {
		opacity: 1;
	}
	header .nav-toggler .icon-bar:nth-of-type(3) {
		margin-top: 4px;
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
	}
	header .nav-toggler.collapsed .icon-bar:nth-of-type(3) {
		transform: rotate(0);
	}
	header.active nav{
		transform: translateX(0);
	}
	header nav {
		margin-left: 0;
		overflow-x: hidden;
		border-top: 1px solid #dfdfdf;
		width: 100%;
		height: calc(100vh - 112px);
		background-color: #fff;
		position: absolute;
		left: 0;
		margin-top: 0;
		top: 110px;
		padding-top: 0.75rem;
		transform: translateX(-100%);
		transition: all 300ms ease;
		overflow-y: auto;
	}
	header nav > ul {
		height: auto;
		font-size: 1rem;
		flex-direction: column;
		padding-bottom: 4rem;
	}
	header nav ul li {
		width: 100%;
		margin-left: 0;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	header nav ul > li:not(.nav-regular-button) {
		height: auto;
		border-bottom: 1px solid #dfdfdf;
		margin: 0;
		justify-content: flex-start;
	}
	header nav ul li.with-submenu {
		padding-left: 0.5rem;
		justify-content: flex-start;
		margin-right: 0;
	}
	header nav ul > li:not(.nav-regular-button):hover::before, header nav ul > li:not(.nav-regular-button).active::before {
		display: none;
	}
	header nav ul li.with-submenu::after {
		display: none;
	}
	header.active nav ul li a {
		color: #333333;
		font-size: 13px;
		line-height: 175%;
		padding: 1rem 0.5rem;
	}
	header nav > ul > li svg {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 16px;
		pointer-events: all;
		stroke: #8d8d8d;
		fill: #333333 !important;
		transform: translateY(0);
		transform-origin: center center;
		transition: all 300ms ease;
	}
	header nav > ul > li.active svg {
		transform: rotate(-180deg);
	}
	header nav .nav-submenu {
		position: relative;
		display: none;
		transform: translateY(0);
		background-color: #f8f8f8;
	}
	header nav .nav-submenu.fluid {
		width: 100%;
		margin-left: 0;
	}
	header nav .nav-submenu.active {
		display: flex;
		opacity: 1;
		flex-direction: column;
		align-items: center;
	}
	header nav .nav-submenu .nav-submenu-section li.sub a{
		padding: 1rem 2rem;
	}
	header nav > ul > li.active .nav-submenu {
		opacity: 1;
		width: 100vw;
		display: block;
	}
	header nav .nav-submenu.active .nav-submenu-section {
		width: 100%;
	}
	header nav .nav-submenu.active .nav-submenu-section li {
		justify-content: flex-start;
	}
	header .products-menu {
		flex-direction: column;
		padding: 15px 0;
	}
	header nav .nav-submenu .nav_item{
		width: 100% !important;
	}
	header .products-menu .mb-g, header .products-menu .mb-md-g {
		margin-bottom: 15px !important;
	}
	header .nav-submenu-more {
		width: 100%;
	}
	header .additional-links{
		/*display: flex;*/
		display: none;
	}
	.sticky-float{
		display: none;
	}
	
	/* systems and brand */
	header nav .products-menu .submenu-section-heading{
		margin-bottom: 0;
	}
	header nav .products-menu .submenu-section-heading a{
		font-size: 14px;
		line-height: 18px;
	}
	
	header nav .nav-submenu[data-id='systems']{
		position: relative;
	}
	header nav .nav-submenu .systems-brands .nav_item{
		width: 100% !important;
	}
	header nav .systems-brands > .container > .row > .col{
		width: 100% !important;
	}
	
	/* repair and service */
	header nav .nav-submenu[data-id='services']{
		position: relative;
	}
	
	/* other submenus */
	header nav ul li.with-submenu ul.nav-submenu[data-id='moreactions']{
		position: relative;
		margin-left: -1rem;
	}
	header nav .nav-submenu .nav-submenu-section li.heading a{
		padding: 1rem 0.5rem 0.5rem 0.5rem;
	}
	header nav .nav-submenu .nav-submenu-section li.sub a{
		padding: 0.5rem 2rem;
	}
	
	header nav .nav-submenu .nav-submenu-section li.sub.with_arrow a{
		padding: 0.5rem 1rem 0.5rem 0.5rem;
	}
}
@media (max-width: 991px){
	header nav .nav-submenu {
		padding: 0;
	}
}
@media (max-width: 768px){
	header nav {
		width: 100vw;
	}
}

/* END header area */

/* Main content area */
#article {
    max-width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
#article #content{
	box-sizing: border-box;
	position: relative;
}
/* END main content area */

/* home page styles */
.home_page .page_heading{
	margin-top: 5rem;
	margin-bottom: 4rem;
	font-weight: 500;
}
.experience_depend{
	background: #FAFAFA;
	margin-top: 4rem;
}
.experience_depend .experience_depend_content {
    width: 68%;
    background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
    padding: 2.5rem 3.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	border-radius: 5px;
}
.experience_depend_content .left_content {
    font-size: 30px;
	color: #DCF2F6;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
	line-height: 125%;
	font-weight: 600;
}
.experience_depend_content .right_content .number {
    font-size: 96px;
    font-weight: 800;
    line-height: 120%;
    color: #DCF2F6;
	margin-bottom: 2rem;
}
.experience_depend_content .right_content .number_desc {
    font-size: 22px;
    font-weight: 700;
	color: #74AC42;
	line-height: 125%;
}
.experience_depend_content .right_content .number_desc span {
    font-style: italic;
    font-size: 16px;
    font-weight: 400;
}

/* video */
#brand_video{
	padding: 0;
}
#brand_video video{
	width: 100%;
	margin: 5rem auto;
}

/* estimate */
.brand_estimate{
	max-width: 62%;
	margin: 2rem auto;
}
.brand_estimate .row{
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.brand_estimate h2{
	margin-bottom: 0.5rem;
}
.brand_estimate .phone_number{
	display: flex;
	align-items: center;
	color: #363A41;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 1rem;
	justify-content: space-around;
}
.brand_estimate .phone_number img{
	width: 40px;
}

/* brands section */
.top_brands_section{
	text-align: center;
	margin-top: 5rem;
}
.top_brands_section h2{
	font-size: 30px;
	font-weight: 800;
	margin: 2rem auto;
	max-width: 650px;
}
.top_brands_section h2.wide_green{
	font-weight: 600;
	font-size: 25px;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #74AC42;
}
.top_brands_section .logos_holder {
	display: flex;
	justify-content: center;
	margin-top: 4rem;
	align-items: center;
	flex-wrap: wrap;
}
.top_brands_section .logos_holder img {
    max-height: 114px;
    margin: 0 1.5rem;
	display: block;
}

/* testimonials section */
.tesimonials{
	background: #DCF2F6;
	padding-top: 3rem;
	padding-bottom: 4rem;
}
.tesimonials .container{
	max-width: 940px;
}
.tesimonials .stars{
	color: #FBBD01;
	-webkit-text-stroke: 1px #E1A900;
	font-size: 55px;
	letter-spacing: 3px;
	margin-bottom: 2rem;
}
.tesimonials a{
	font-weight: 800;
	font-size: 45px;
	line-height: 125%;
	color: #363A41;
	text-decoration: underline;
}
.tesimonials a:hover{
	color: #74AC42;
}
.tesimonials p.quote{
	font-size: 30px;
	font-weight: 600;
	margin: 2rem 0;
}
.tesimonials p.attribution{
	font-size: 22px;
	font-weight: 700;
}
/*.tesimonials .dots{
	margin: 2rem auto;
	width: 105px;
}*/
.tesimonials .tns-nav{
	margin-bottom: 2rem;
	margin-top: 1rem;
}
.tesimonials .tns-nav button, .repair_service_reviews .reviews_nav button{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	display: inline-block;
	margin: 0 3px;
	border: none;
}
.tesimonials .tns-nav button[data-nav="0"], .repair_service_reviews .reviews_nav button[data-nav="0"]{
	background: #EB4132;
}
.tesimonials .tns-nav button[data-nav="1"], .repair_service_reviews .reviews_nav button[data-nav="1"]{
	background: #4589F4;
}
.tesimonials .tns-nav button[data-nav="2"], .repair_service_reviews .reviews_nav button[data-nav="2"]{
	background: #31A952;
}
.tesimonials .tns-nav button[data-nav="3"], .repair_service_reviews .reviews_nav button[data-nav="3"]{
	background: #EB4132;
}
.tesimonials .tns-nav button[data-nav="4"], .repair_service_reviews .reviews_nav button[data-nav="4"]{
	background: #FBBD01;
}
.tesimonials .tns-nav button.tns-nav-active, .repair_service_reviews .reviews_nav button.tns-nav-active{
	background: #FFF;
	border: 1px solid #FBBD01;
}
.tesimonials .review_source, .repair_service_reviews .review_source{
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 16px;
	font-weight: 500;
}
.tesimonials .review_source img{
	margin-right: 1rem;
}
@media (max-width: 1440px){
	#brand_video video{
		width: 77%;
	}
}
/* home mobile styles */
@media (max-width: 991px){
	.home_page .page_heading{
		margin-top: 3rem;
		margin-bottom: 2rem;
	}
	.experience_depend{
		margin-bottom: 2rem;
		margin-top: 1rem;
	}
	.experience_depend .experience_depend_content{
		margin: 0 auto;
		flex-direction: column;
		padding: 2rem;
		text-align: center;
	}
	.experience_depend_content .right_content{
		text-align: center;
	}
	.experience_depend_content .right_content .number{
		font-size: 64px;
		margin-top: 2rem;
	}
	.experience_depend_content .right_content .number_desc{
		text-align: center;
	}
	#brand_video video{
		max-width: 100%;
		width: 91%;
		margin: 1rem auto;
	}
	.top_brands_section h2{
		font-size: 22px;
		font-weight: 700;
	}
	.top_brands_section h2.wide_green{
		font-size: 18px;
	}
	.tesimonials h2{
		font-size: 30px;
	}
	.tesimonials p.quote{
		font-size: 16px;
	}
}

/* END home page styles */

/* Systems and Replacements styles */

/* Systems and replacements top CTA section */
.estimates_process_cta_section{
	background: #2081BD;
	border-radius: 15px;
	max-width: 62%; /* this seems appropriate based on the hero and the proportion to the promo slider */
	margin: 2rem auto;
	padding: 2rem 3rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.estimates_process_cta_section h3{
	margin-bottom: 1rem;
}
.estimates_process_cta_section p{
	font-size: 25px;
}
.estimates_process_cta_section h3, .estimates_process_cta_section p{
	color: #DCF2F6;
}
.estimates_process_cta_section a{
	display: block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05rem;
	color: #DCF2F6;
	text-transform: uppercase;
	background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
	border-radius: 5px;
	padding: 1rem 2rem;
}
@media (max-width: 1390px){
	.estimates_process_cta_section a{
		margin-top: 1rem;
	}
}
@media (max-width: 991px){
	.estimates_process_cta_section{
		padding: 2rem;
		flex-direction: column;
		max-width: 90%;
	}
	.estimates_process_cta_section h3, .estimates_process_cta_section p{
		text-align: center;
	}
	.estimates_process_cta_section a{
		display: block;
		margin: 1.5rem 0 0 0;
	}
}
/* END systems top CTA */

/* systems products section */
.products_section_wrapper{
	background: #fafafa;
	padding: 2rem 1rem 4rem 1rem;
}
.products_section_wrapper .products_section{
	max-width: 1200px;
	margin: 0 auto;
}
.products_section_wrapper .products_section > .row{
	justify-content: center;
}
.products_section_wrapper .col.w-60, .products_section_wrapper .product_tiles_holder{
	flex-wrap: wrap;
	align-content: flex-start;
}
.products_section_wrapper .product_tile, .brand_products_section .product_tile{
	padding: 1rem;
	margin: 0 1rem 1rem 0;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px #363A4133, 0px -2px 4px 0px #363A4133 inset;
	/*border: 1px solid #F4F4F4;*/
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 326px;
}
.products_section_wrapper .product_tile h4, .brand_products_section .product_tile h4{
	font-size: 18px;
	font-weight: 800;
	color: #363A41;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}
.products_section_wrapper .product_tile img, .brand_products_section .product_tile img{
	border-radius: 5px;
}
.products_section_wrapper .product_tile p, .brand_products_section .product_tile p{
	font-size: 15px;
	margin: 0.25rem 0;
}
.products_section_wrapper .product_tile .pricing, .brand_products_section .product_tile .pricing{
	margin-top: 1rem;
}
.products_section_wrapper .product_tile .pricing > div, .brand_products_section .product_tile .pricing > div{
	font-size: 14px;
	color: #9D9D9D;
	font-style: italic;
}
.products_section_wrapper .product_tile .pricing > div.price, .brand_products_section .product_tile .pricing > div.price{
	font-size: 20px;
	font-weight: 600;
	color: #74AC42;
	font-style: normal;
}
.products_section_wrapper .prod_included_tile, .warranty_bar .prod_included_tile{
	width: 360px;
	max-width: 100%;
	height: 330px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0.5rem 1rem 0.5rem;
}
.products_section_wrapper .prod_included_tile .prod_included_inner, .warranty_bar .prod_included_tile .prod_included_inner{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.products_section_wrapper .prod_included_tile:hover .prod_included_inner, .warranty_bar .prod_included_tile:hover .prod_included_inner {
	transform: rotateY(180deg);
}
.prod_included_tile .prod_included_front, .prod_included_tile .prod_included_back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	background: #DCF2F6;
	border: 2px dashed #2081BD;
	border-radius: 15px;
	padding: 1rem 1.75rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.prod_included_tile .prod_included_back{
	padding: 1rem;
}
.prod_included_tile .prod_included_back{
	transform: rotateY(180deg);
}
.warranty_bar_tiles{
	max-width: 70%;
	margin: 2.5rem auto 1rem auto;
	justify-content: space-between;
}
.products_section_wrapper .prod_included_tile h4, .warranty_bar_tiles .prod_included_tile h4{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.025rem;
	text-transform: uppercase;
}
.products_section_wrapper .prod_included_tile h3, .warranty_bar_tiles .prod_included_tile h3{
	color: #2081BD;
	margin-bottom: .75rem;
	text-align: center;
}
.products_section_wrapper .prod_included_tile img, .warranty_bar_tiles .prod_included_tile img{
	margin: 1rem 0;
	max-width: 180px;
}
.products_section_wrapper .prod_included_tile p, .warranty_bar_tiles .prod_included_tile p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 1rem;
}
.products_section_wrapper .prod_included_tile p.details, .warranty_bar_tiles .prod_included_tile p.details{
	width: 100%;
	text-align: right;
	color: #363A41;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}
.products_section_wrapper .prod_included_tile p.details span, .warranty_bar_tiles .prod_included_tile p.details span{
	font-size: 22px;
	padding-left: 5px;
}
.products_section_wrapper .prod_included_tile .package, .warranty_bar_tiles .prod_included_tile .package{
	align-items: center;
	margin: 0.5rem 0;
}
.products_section_wrapper .prod_included_tile .package img, .warranty_bar_tiles .prod_included_tile .package img{
	margin: 0 1rem 0 0;
	width: 52px;
	height: 52px;
	display: block;
}
.products_section_wrapper .prod_included_tile .package h3, .warranty_bar_tiles .prod_included_tile .package h3{
	text-align: left;
	margin: 0;
}
.products_section_wrapper .prod_included_tile .prod_included_back h3, .warranty_bar_tiles .prod_included_tile .prod_included_back h3{
	font-size: 18px;
	text-align: left;
	width: 100%;
	margin-bottom: 0.5rem;
}
.products_section_wrapper .prod_included_tile .prod_included_back p, .warranty_bar_tiles .prod_included_tile .prod_included_back p{
	font-size: 14px;
	text-align: left;
	line-height: 140%;
}
.products_section_wrapper .prod_included_tile .prod_included_back ul, .warranty_bar_tiles .prod_included_tile .prod_included_back ul{
	margin-top: 0;
	padding-left: 0;
	margin-left: -5rem;
}
.products_section_wrapper .prod_included_tile .prod_included_back ul li, .warranty_bar_tiles .prod_included_tile .prod_included_back ul li{
	text-align: left;
	font-size: 14px;
}
.products_section_wrapper .prod_included_tile .prod_included_back p.details, .warranty_bar_tiles .prod_included_tile .prod_included_back p.details{
	text-align: left;
}
.products_section_wrapper .prod_included_tile .prod_included_back a.learn_more, .warranty_bar_tiles .prod_included_tile .prod_included_back a.learn_more{
	display: block;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
	text-transform: none;
	color: #363A41;
	margin-bottom: 1rem;
}
@media (max-width: 1700px){
	.warranty_bar .prod_included_tile{
		height: 410px;
	}
	.warranty_bar_tiles .prod_included_tile h3{
		font-size: 24px;
	}
}
@media (max-width: 991px){
	.products_section_wrapper .container .row .col.d-flex{
		flex-direction: column;
		align-items: center;
	}
	.products_section_wrapper .col.w-60, .products_section_wrapper .product_tiles_holder{
		justify-content: space-between;
	}
	.products_section_wrapper .product_tile{
		margin: 0 0 1rem 0;
		flex-basis: 95%;
	}
	.products_section_wrapper .product_tile h4{
		font-size: 15px;
		text-align: center;
	}
	.warranty_bar_tiles{
		flex-direction: column;
		max-width: 100%;
		align-items: center;
	}
	.products_section_wrapper .prod_included_tile h3, .warranty_bar_tiles .prod_included_tile h3{
		font-size: 25px;
	}
}

/* Air Quality product tabs */
.products_section_wrapper .products_section > .row.aq_tabs{
	max-width: 93%;
	margin: 0 auto 2rem auto;
}
.products_section .aq_tabs .tab{
	background-color: #DCF2F6;
	padding: 1rem 0;
	flex-basis: 20%;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #8A919D;
	cursor: pointer;
	transition: background-color 300ms ease;
}
.products_section .aq_tabs .tab.selected, .products_section .aq_tabs .tab:hover{
	background-color: #2081BD;
	color: #FFF;
}
.products_section_wrapper .aq_content .product_tile{
	display:none;
}
.products_section_wrapper .aq_content .product_tile.selected{
	display: flex;
}

/* Air Quality how it works */
.aq_did_you_know{
	background: #DCF2F6;
	text-align: center;
	padding: 2rem 1rem;
	margin-bottom: 1.5rem;
}
.aq_did_you_know h2{
	color: #11254C;
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 1rem;
}
.aq_did_you_know > p{
	font-size: 18px;
	font-weight: 600;
	color: #2081BD;
	margin-bottom: 2rem;
}
.aq_did_you_know .aq_fact_block{
	border-bottom: 1px solid #8A919D;
	padding-top: 2rem;
	padding-bottom: 1.5rem;
}
.aq_did_you_know .aq_fact_block:last-child{
	border-bottom: none;
}
.aq_did_you_know .aq_fact_block p{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 2rem;
}
.aq_did_you_know .aq_fact_block h3{
	font-size: 80px;
	font-weight: 800;
	line-height: 100%;
	color: #11254C;
	margin-bottom: 1.5rem;
}
@media (max-width: 991px){
	.products_section .aq_tabs .tab{
		flex-basis: 75%;
	}
}

/* Air Quality issues block */
.air_quality_issues{
	max-width: 60%;
	margin: 0 auto;
	justify-content: center;
}
.air_quality_issues > div{
	background: #2081BD;
	padding: 2rem;
	flex-basis: 52%;
}
.air_quality_issues > div h3{
	color: #DCF2F6;
}
.air_quality_issues > div ul{
	color: #FFF;
}
.air_quality_issues > div ul li{
	margin-bottom: 1rem;
}
@media (max-width: 991px){
	.air_quality_issues{
		display: none;
	}
}

/* END products section */

.brands_slider_section{
	background: #FAFAFA;
}
.brands_slider_section h2{
	max-width: 60%;
	margin: 0 auto;
	padding: 2rem 0 1rem 0;
	font-size: 38px;
	font-weight: 800;
	color: #11254C;
}
.brands_slider_wrapper{
	max-width: 60%;
	margin: 0 auto;
	padding: 0 1rem;
	background: #FFF;
	border-radius: 15px;
}
.brands_slider_wrapper .brands_slider_inner{
	display: flex;
	align-items: center;
}
.brands_slider_wrapper.no-slide .brands_slider_inner{
	justify-content: space-around;
}
.brands_slider_wrapper.no-slide .brands_slider_inner img{
	max-width: 18%;
}
@media (max-width: 991px){
	.brands_slider_wrapper{
		max-width: 80%;
		margin: 0 auto 4rem auto;
		display: none;
	}
	.brands_slider_section h2{
		font-size: 30px;
		max-width: 100%;
		padding: 4rem 0 0 0;
	}
	.brands_slider_wrapper .brands_slider_inner{
		flex-direction: column;
		padding: 1rem 0;
	}
	.brands_slider_wrapper .brands_slider_inner img{
		max-width: 225px;
	}
}

/* system replacement tiles */
.additional_system_replacement{
	margin: 4rem 0;
}
.additional_system_replacement .row{
	max-width: 65%;
	margin: 0 auto;
	justify-content: space-between;
}
.additional_system_replacement .replacement_tile > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.additional_system_replacement .replacement_tile{
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	padding: 2rem;
	width: 540px;
	max-width: 48%;
	height: 300px;
	cursor: pointer;
}
.additional_system_replacement .replacement_tile.expanded > div{
	flex-direction: column;
	align-items: flex-start;
}
.additional_system_replacement .replacement_tile.expanded > div > img{
	margin-top: 1rem;
	transform: rotate(180deg);
}
.additional_system_replacement .replacement_tile.expanded > p{
	display: none;
}
.additional_system_replacement .replacement_tile .expand_content{
	display:none;
	width: 725px;
	height: 100%;
	padding: 2rem;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	background: #DCF2F6;
	z-index: 1;
}
.additional_system_replacement .replacement_tile .expand_content p{
	color: #2081BD;
}
.additional_system_replacement .replacement_tile .expand_content a{
	padding: 0.5rem 1.5rem;
	background: #fff;
	border: 3px solid #2081BD;
	color: #363A41;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 3px;
	margin-top: 2rem;
}
.additional_system_replacement .replacement_tile.high_velocity{
	background-image: url("https://ucarecdn.com/7fe42399-06e1-41f4-8397-0d14180af4ba/-/format/auto/");
}
.additional_system_replacement .replacement_tile.oil_gas_conv{
	background-image: url("https://ucarecdn.com/36437ea8-b7cb-4c24-8b70-36bb29ee3b2f/-/format/auto/");
}
.additional_system_replacement .replacement_tile h2{
	font-size: 30px;
	font-weight: 800;
	color: #4DB3E6;
}
.additional_system_replacement .replacement_tile p{
	font-size: 18px;
	color: #FFF;
}
.additional_system_replacement_mobile{
	display: none;
	margin-top: 2rem;
}

@media (max-width: 991px){
	.additional_system_replacement{
		display: none;
	}
	.additional_system_replacement_mobile{
		display: block;
	}
	/* the styles for the mobile tiles are with the system_enhancement_tile styles.
	TO DO - should have a general class for that type of tile
	*/
}

/* warranty bar */
.warranty_bar, .warranty_bar_mobile{
	background: linear-gradient(90deg, #3F4473 0%, #2081BD 100%);
	padding: 1.5rem 1rem;
}
.warranty_bar_mobile{
	display:none;
}
.warranty_bar .warranty_bar_content, .warranty_bar_mobile .warranty_bar_content{
    align-items: center;
    max-width: 60%;
    margin: 0 auto;
    justify-content: center;
}
.warranty_bar .warranty_bar_content img{
	margin-right: 2rem;
}
.warranty_bar .warranty_bar_content h2, .warranty_bar_mobile .warranty_bar_content h2{
	color: #DCF2F6;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase;
}
.warranty_bar .warranty_bar_content h2.smaller{
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.1rem;
}

@media (max-width: 991px){
	.warranty_bar{
		display: none;
	}
	.warranty_bar_mobile{
		display: block;
		margin: 2rem 0;
	}
	.warranty_bar_mobile .warranty_bar_content{
		flex-direction: column;
		max-width: 100%;
	}
	.warranty_bar_mobile .warranty_bar_content img {
		margin-right: 0;
	}
	.warranty_bar_mobile .warranty_bar_content h2{
		text-align: center;
		font-size: 30px;
	}
	.warranty_bar_mobile .warranty_bar_content h2.smaller{
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.015rem;
		margin: 0.75rem 0 0.25rem 0;
	}
	.warranty_bar .prod_included_tile{
		height: 330px;
	}
}

/* System enhancements */
.home_system_enhancements{
	margin-top: 3rem;
}
.home_system_enhancements_content{
	max-width: 60%;
	margin: 0 auto;
}
.home_system_enhancements_content h2{
	font-size: 38px;
	font-weight: 800;
	margin-bottom: 2rem;
}
.system_enhancement_tile{
	display: flex;
	background: #F4F4F4;
	margin-bottom: 3rem;
}
.system_enhancement_tile .left{
	padding: 2rem;
}
.system_enhancement_tile p{
	font-size: 18px;
	margin: 1rem 0;
}
.system_enhancement_tile .mobile_content{
	display: none;
}
/* hide smart home for now */
.system_enhancement_tile:last-child{
	display: none;
}

@media (max-width: 991px){
	.home_system_enhancements_content{
		max-width: 100%;
	}
	.home_system_enhancements_content h2{
		font-size: 30px;
	}
	.system_enhancement_tile, .system_replacement_tile{
		align-items: center;
		box-shadow: inset 0px -2px 4px rgba(54, 58, 65, 0.2), 0px -3px 0px #74AC42;
		border-radius: 10px;
		justify-content: space-between;
	}
	.system_enhancement_tile:first-of-type, .system_replacement_tile:first-child{
		margin-bottom: 1rem;
	}
	.system_enhancement_tile > .left{
		display: none;
	}
	.system_enhancement_tile h3, .system_replacement_tile h3{
		font-size: 22px;
		color: #11254C;
	}
	.system_enhancement_tile > img{
		height: 65px;
		border-radius: 10px 0 0 10px;
	}
	.system_enhancement_tile .mobile_content, .system_replacement_tile a{
		display: flex;
		align-items: center;
		padding: 1rem;
		justify-content: space-between;
		width: 70%;
	}
	.system_replacement_tile a{
		width: 100%;
	}
}

/* licensed, certified logos */
.licensed_certified{
	max-width: 60%;
	margin: 5rem auto;
	text-align: center;
}
.licensed_certified h2{
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 3rem;
}
.certification_logos img{
	margin-right: 4rem;
	max-height: 90px;
}
.certification_logos img:last-child{
	margin-right: 0;
}

@media(max-width: 1720px){
	.licensed_certified{
		max-width: 90%;
	}
}

@media (max-width: 991px){
	.licensed_certified{
		max-width: 90%;
		margin: 4rem auto;
	}
	.licensed_certified h2{
		font-size: 22px;
	}
	.licensed_certified .certification_logos{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.certification_logos img{
		margin-right: 1rem;
		margin-left: 1rem;
		margin-bottom: 2rem;
	}
	.certification_logos img:last-child{
		margin-bottom: 0;
	}
}

/* installation and replacement details */
.installation_replacement_details{
	width: 60%;
	margin: 0 auto;
}
.installation_replacement_details h4{
	font-size: 30px;
	color: #11254C;
	margin-bottom: 1rem;
}
.installation_replacement_details p{
	font-size: 18px;
}
@media (max-width: 991px){
	.installation_replacement_details{
		width: 100%;
	}
	.installation_replacement_details h4{
		font-size: 22px;
	}
}

/* styles specific to high vbelocity and oil to gas conversion */
#content.replacements_variation_page{
	background: #FFF;
}

/* thumbnails on high velocity page */
.brand_thumbs{
	margin-bottom: 4rem;
}
.brand_thumbs .row{
	justify-content: center;
}
.brand_thumbs h3{
	font-size: 22px;
}
.high_velocity_info{
	max-width: 75%;
}
.high_velocity_info h4{
	text-transform: uppercase;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0.1rem;
}
.high_velocity_info p{
	margin-top: 1rem;
}
.high_velocity_info p strong{
	font-weight: 800;
	font-size: 22px;
}
.high_velocity_info ul li{
	line-height: 150%;
}

/* high velocity and oil to gas contact block */
.replacements_variation_page .here_for_you_block{
	background: #FCFAFA;
	max-width: 100%;
	padding: 3rem 0;
}
.replacements_variation_page .here_for_you_block .row{
	max-width: 70%;
	margin: 0 auto;
}
.replacements_variation_page .here_for_you_block .row:first-child{
	justify-content: space-between;
}
.replacements_variation_page .here_for_you_block .row .btn_green_standard{
	flex-basis: 22%;
}

@media (max-width: 991px){
	.brand_thumbs .row .col{
		width: 50%;
	}
	.brand_thumbs h3{
		font-size: 16px;
	}
	.high_velocity_info{
		max-width: 95%;
	}
	.high_velocity_info .row{
		flex-direction: column-reverse;
	}
	.high_velocity_info .row > div, .high_velocity_info .row > img{
		width: 100%;
	}
	.high_velocity_info h3{
		font-size: 22px;
	}
	.high_velocity_info h4, .high_velocity_info p strong{
		font-size: 18px;
	}
	.high_velocity_info ul{
		display: none;
	}
	.high_velocity_info.oil_to_gas ul{
		display: block;
	}
	.high_velocity_info a.read_more{
		color: #363A41;
		text-decoration: underline;
		margin: 1rem 0;
	}
	.replacements_variation_page .here_for_you_block .phone_number{
		margin-top: 0.5rem;
	}
	.replacements_variation_page .here_for_you_block .row{
		max-width: 100%;
	}
	.replacements_variation_page .here_for_you_block .row:first-child{
		flex-direction: column;
	}
	.replacements_variation_page .here_for_you_block .row .col{
		width: 100%;
	}
	.replacements_variation_page .here_for_you_block .row .btn_green_standard{
		flex-basis: 100%;
		width: 90%;
		margin: 1rem auto;
	}
}

/* oil to gas conversion page */
.replacements_variation_page .brand_estimate{
	max-width: 75%;
}
.high_velocity_info.oil_to_gas{
	margin-bottom: 3rem;
}
.high_velocity_info.oil_to_gas .row:last-child{
	margin-top: 2rem;
	justify-content: space-between;
}
/* END Systems and Replacements */

/* Service and Repair page styles */

/* 7/31/3024 - added this page class to optimize layout and styles on repair and service pages */
/*.repair_service*/

.repair_service .hero_content_left{
	flex-basis: 45%;
}
.repair_service .hero_content h1{
	font-size: 42px;
}
.repair_service .hero_content h2{
	font-size: 28px;
	font-weight: 500;
}

/* child page hero */
.service_category_hero_wrapper{
	background: #DCF2F6;
	max-width: 1920px;
	margin: 0 auto 2rem auto;
	padding: 1rem 1rem 3rem 1rem;
}
.service_cat_hero_content{
	padding-top: 13rem;
	justify-content: space-around;
	align-items: center;
	max-width: 80%;
	margin: 0 auto;
}
.service_cat_hero_content img{
	box-shadow: -20px -20px 0px #3F4473;
	border-radius: 5px;
}
.service_cat_hero_content_left{
	flex-basis: 44%;
	margin-right: 3rem;
}
.service_cat_hero_content_right{
	flex-basis: 50%;
}
.service_cat_hero_content h1{
	font-size: 42px;
}
.service_cat_hero_content h2{
	font-weight: 500;
}
@media (max-width: 991px){
	.service_cat_hero_content{
		flex-direction: column;
		max-width: 100%;
	}
	.service_cat_hero_content img{
		box-shadow: -10px -10px 0px #3f4473;
	}
	.service_cat_hero_content_left{
		margin-right: 0;
	}
	.service_cat_hero_content h1{
		font-size: 24px;
		text-align: center;
		margin-top: 1rem;
	}
	.service_cat_hero_content h2{
		font-size: 22px;
		font-weight: 600;
		text-align: center;
	}
}

/* diagnosis area */

.repair_service_diagnosis{
	max-width: 90%;
	margin: 0 auto;
}
.repair_service_diagnosis .row{
	justify-content: space-between;
}
.repair_service_diagnosis .row:last-of-type{
	margin-top: 3rem;
	align-items: center;
}
.repair_service_diagnosis .row:last-of-type .col.w-40{
	flex-direction: column;
	align-items: center;
}
.repair_service_diagnosis img.diag_badge{
	margin-bottom: 0;
}
.repair_service_diagnosis h2{
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 1rem;
}
.repair_service_diagnosis p > a.read_more{
	display: none
}
.repair_service_diagnosis p > span.more_content{
	display: block;
}
.repair_service_diagnosis p.small{
	font-size: 14px;
	margin-top: 1rem;
}
.repair_service_diagnosis h3.bigger, .repair_service_diagnosis .phone_number{
	font-size: 38px;
	font-weight: 800;
}
.repair_service_diagnosis .phone_number{
	font-size: 30px;
	line-height: 150%;
	margin-bottom: 0.5rem;
}
.repair_service_diagnosis a.btn_green_standard.icon{
	max-width: 245px;
}

/* reviews */
.repair_service_reviews{
	max-width: 70%;
	margin: 4rem auto 10rem auto;
	background: #DCF2F6;
	border-radius: 50px;
	padding: 3rem 2rem;
	position: relative;
}
.repair_service_reviews .row{
	justify-content: space-evenly;
}
.repair_service_reviews .row .col.w-30{
	flex-direction: column;
	border-right: 1px solid #4DB3E6;
}
.repair_service_reviews h3{
	font-size: 38px;
}
.repair_service_reviews .review_source{
	justify-content: flex-start;
	margin-top: 1rem;
}
.repair_service_reviews .review_source img{
	margin-right: 0.5rem;
}
.repair_service_reviews .attribution{
	font-size: 22px;
	font-weight: 700;
	margin-top: 1rem;
}
.repair_service_reviews .bottom_img {
    background-image: url("https://ucarecdn.com/bcf455e4-2bb7-4ce4-b9c4-c3dbedde2e4e/-/format/auto/");
    background-color: #FFF;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -90px;
    width: 99px;
    height: 90px;
    left: 4rem;
}
.repair_service_reviews .reviews_nav{
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	top: auto;
	margin-top: 4rem;
}

/* pricing */
.repair_service_pricing{
	background-image: url("https://ucarecdn.com/9e1fdb25-8e1a-42c8-85f2-92ae07c9f014/-/format/auto/-/quality/lightest/-/progressive/yes/");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding: 2rem 0;
}
.repair_service_pricing .repair_service_pricing_content{
	max-width: 60%;
	margin: 0 auto;
}
.repair_service_pricing img{
	height: 75px;
	width: 75px;
	margin-bottom: 0.5rem;
}
.repair_service_pricing h2{
	font-size: 38px;
	font-weight: 800;
	color: #DCF2F6;
}
.repair_service_pricing h2 .normal{
	font-weight: 400;
}
.repair_service_pricing p{
	color: #FFF;
	margin: 1rem 0;
	line-height: 150%;
	font-size: 22px;
}
.repair_service_pricing h3{
	color: #89CC4D;
	font-style: italic;
}

/* signs */
.repair_service_signs .row{
	max-width: 60%;
	margin: 4rem auto 0 auto;
}
.repair_service_signs img.mobile{
	display: none;
}
.repair_service_signs h4{
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	margin-top: 0.5rem;
}
.repair_service_signs ul{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 32px;
}
.repair_service_signs ul li{
	font-size: 18px;
	line-height: 150%;
	width: 45%;
}

/* services */
.repair_services{
	background: #FCFAFA;
	margin: 4rem auto 0 auto;
	padding: 5rem 0 3rem 0;
}
.repair_services .repair_services_content{
	max-width: 90%;
	margin: 0 auto;
	background: #FFF;
	box-shadow: 0px 0px 15px rgba(54, 58, 65, 0.15);
	border-radius: 0 0 15px 15px;
}
.repair_services .repair_services_content .row{
	padding: 2rem;
	align-items: center;
}
.repair_services h2{
	background: linear-gradient(90deg, #3F4473 0%, #2081BD 100%);
	padding: 1rem;
	text-transform: uppercase;
	color: #FFF;
	font-size: 30px;
	font-weight: 600;
	border-radius: 5px 5px 0 0;
}
.repair_services_content p{
	margin: 1rem 0;
}
.repair_services .dot_divider{
	border-bottom: 5px dotted #C4C4C4;
	margin: 0.5rem 2rem;
}
.repair_services .repair_services_content .row.other_services{
	justify-content: space-between;
	align-items: stretch;
	margin: 0;
}
.repair_services .row .repair_service_card{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-shadow: 0px -5px 0px 0px #74AC42, 0px 0px 4px 0px #363A4133, 0px -2px 4px 0px #363A4133 inset;
	border-radius: 10px;
	padding: 1rem;
	width: 49%;
}
.repair_services .row .repair_service_card.full_width{
	width: 100%;
}
.repair_service_card > div{
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.repair_service_card > div h3{
	font-size: 22px;
}
.repair_services .emergency_visit{
	max-width: 60%;
	margin: 3rem auto 0 auto;
	background: #DCF2F6;
	border: 2px dashed #4DB3E6;
	border-radius: 5px;
	padding: 1rem 1.5rem;
}
.repair_services .emergency_visit h3{
	color: #2081BD;
	margin-bottom: 1rem;
}
.repair_services .emergency_visit p{
	font-weight: 700;
}

@media (max-width: 1670px){
	.repair_service_diagnosis{
		max-width: 95%;
	}
}

@media (max-width: 1440px){
	.repair_service_diagnosis, .repair_services .repair_services_content{
		max-width: 92%;
	}
}

@media (max-width: 991px){
	.repair_service_diagnosis{
		max-width: 100%;
	}
	.repair_service_diagnosis .row{
		flex-direction: column-reverse;
		text-align: center;
	}
	.repair_service_diagnosis .row:last-of-type{
		flex-direction: column;
		margin-top: 1rem;
	}
	.repair_service_diagnosis .row:last-of-type .col.w-40{
		margin-top: 1rem;
	}
	.repair_service_diagnosis .row .col.w-60 h2, .repair_service_diagnosis .row .col.w-60 p{
		text-align: left;
	}
	.repair_service_diagnosis img.diag_badge{
		margin-top: 3rem;
	}
	.repair_service_diagnosis h2{
		font-size: 22px;
	}
	.repair_service_diagnosis h3{
		font-size: 18px;
	}
	.repair_service_diagnosis h3.bigger{
		font-size: 30px;
	}
	.repair_service_diagnosis p > a.read_more{
		display: block;
		text-align: right;
		font-weight: 500;
		margin-top: 1rem;
	}
	.repair_service_diagnosis p > span.more_content{
		display: none;
	}
	.repair_service_diagnosis a.btn_green_standard.icon{
		max-width: 100%;
		width: 90%;
	}
	.repair_service_reviews{
		max-width: 90%;
		padding: 2rem 1.5rem;
	}
	.repair_service_reviews .row .col.w-30{
		flex-direction: column-reverse;
		align-items: center;
		border-right: none;
	}
	.repair_service_reviews .row .col.w-60{
		margin-top: 1rem;
	}
	.repair_service_reviews h3{
		font-size: 30px;
		text-align: center;
	}
	.repair_service_reviews .review_source{
		margin-top: 0;
		margin-bottom: 1rem;
	}
	.repair_service_reviews .bottom_img{
		bottom: -46px;
		width: 40px;
		height: 46px;
		left: 3rem;
		background-size: contain;
	}
	.repair_service_reviews .reviews_nav{
		top: auto;
		margin-top: 3rem;
	}
	.repair_service_pricing .repair_service_pricing_content, .repair_services .repair_services_content, .repair_services .emergency_visit{
		max-width: 94%;
	}
	.repair_service_pricing h2 .normal{
		font-size: 30px;
	}
	.repair_service_pricing p{
		font-size: 18px;
	}
	.repair_service_signs .row{
		max-width: 100%;
		margin: 2rem auto 0 auto;
	}
	.repair_service_signs h3{
		margin-top: 1rem;
	}
	.repair_service_signs ul li{
		width: 100%;
	}
	.repair_service_signs img{
		display: none;
	}
	.repair_service_signs img.mobile{
		display: block;
	}
	.repair_services{
		margin: 1rem auto 0 auto;
		padding: 2rem 0;
	}
	.repair_services .repair_services_content h3{
		margin-top: 1rem;
	}
	.repair_services .repair_services_content .repair_service_card h3{
		margin-top: 0;
	}
	.repair_services .row .repair_service_card{
		width: 100%;
	}
	.repair_services .row .repair_service_card:first-of-type{
		margin-bottom: 2rem;
	}
}
@media (max-width: 630px){
	.repair_service_diagnosis, .repair_services .repair_services_content{
		max-width: 95%;
	}
}
@media (max-width: 320px){
	.repair_service_diagnosis, .repair_services .repair_services_content{
		max-width: 90%;
	}
}

/* repair service guarantee panel */
.repair_guarantee_panel{
	/*max-width: 1250px;*/
	margin: 2rem auto;
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	/*WCU background-image: url("https://ucarecdn.com/278a1bf1-9133-4951-bee5-658a853b1eb0/-/format/auto/");*/
	background-image: url("https://ucarecdn.com/ff249ecd-e80f-4315-bdd4-dce5bcf406ee/-/format/auto/");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0%;
}
.repair_guarantee_panel .main_content{
	/*WCU max-width: 72%;*/
	max-width: 60%;
}
.repair_guarantee_panel .main_content .pre_headline{
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.1rem;
}
.repair_guarantee_panel .main_content .headline{
	text-transform: uppercase;
	font-size: 72px;
	font-family: 'Raleway';
	font-weight: 800;
	line-height: 150%;
	color: #74AC42;
}
.repair_guarantee_panel .main_content .sub_headline{
	text-transform: uppercase;
	background: #4DB3E6;
	color: #FFF;
	padding: 1rem 0;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
}
.repair_guarantee_panel .main_content p{
	font-size: 28px;
	color: #FFF;
	margin: 1.5rem 0;
}
.repair_guarantee_panel .feature_holder{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2rem;
}
.repair_guarantee_panel .feature_holder:last-child{
	margin-bottom: 0;
}
.repair_guarantee_panel .feature_holder img{
	max-width: 75px;
}
.repair_guarantee_panel .feature_holder p{
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
	font-weight: 800;
	margin-top: 0.5rem;
}
.repair_guarantee_panel .feature_holder p > span{
	font-size: 28px;
}
@media (max-width: 1750px){
	.repair_guarantee_panel .main_content .pre_headline, .repair_guarantee_panel .main_content .headline, .repair_guarantee_panel .main_content .sub_headline{
		line-height: 125%;
	}
	.repair_guarantee_panel .main_content .headline{
		font-size: 64px;
	}
}
@media (max-width: 1440px){
	.repair_guarantee_panel .main_content .pre_headline{
		font-size: 26px;
	}
	.repair_guarantee_panel .main_content .headline{
		font-size: 50px;
		line-height: 110%;
		margin-bottom: 0.5rem;
	}
	.repair_guarantee_panel .main_content p{
		font-size: 24px;
	}
}
@media (max-width: 991px){
	.repair_guarantee_panel{
		flex-direction: column;
		background-position: 0 0;
		padding: 1rem;
	}
	.repair_guarantee_panel .main_content{
		max-width: 100%;
	}
	.repair_guarantee_panel .main_content .pre_headline{
		line-height: 125%;
		font-size: 16px;
		letter-spacing: 0.025rem;
		text-align: center;
	}
	.repair_guarantee_panel .main_content .headline{
		font-size: 30px;
		line-height: 115%;
		margin: 0.5rem 0;
		text-align: center;
	}
	.repair_guarantee_panel .main_content .sub_headline{
		font-size: 18px;
		padding: 0.5rem 0rem;
	}
	.repair_guarantee_panel .main_content .sub_headline span{
		display: block;
	}
	.repair_guarantee_panel .main_content p{
		font-size: 20px;
		text-align: center;
	}
	.repair_guarantee_panel .main_content a.btn_green_standard{
		display: block;
		text-align: center;
	}
	.repair_guarantee_panel .feature_icons{
		display: flex;
		justify-content: space-between;
		margin-top: 2rem;
	}
	.repair_guarantee_panel .feature_holder{
		margin-bottom: 0;
		width: 30%;
	}
	.repair_guarantee_panel .feature_holder p > span{
		font-size: 18px;
	}
}

/* END Service and Repair */

/* new Free Estimates page styles*/
#content.free_estimates{
	background: #FFF;
	display:none;
}
.estimate_intro .container, .free_estimate_init_form_wrapper .container, .estimate_identify_step .container, .estimate_overview .container, .estimate_upload_step .container{
	max-width: 1120px;
}
.intro h2{
	font-size: 40px;
	font-weight: bold;
}
.intro p{
	font-size: 22px;
	max-width: 900px;
	margin: 0 auto;
}

/* progress bar styles */
.estimate_steps, .next_steps{
	max-width: 1091px;
	margin: 7rem auto 0 auto;
	align-items: flex-start;
	justify-content: space-between;
}
.estimate_steps .system_identify, .estimate_steps .capture_images, .estimate_steps .receive_estimate{
	flex-direction: column;
	align-items: center;
	width: 228px;
	z-index: 5;
}
.estimate_steps p{
	margin: 10px 0;
}
.estimate_steps .system_identify p{
	width: 150px;
}
.estimate_steps .step_divider{
	position: absolute;
	height: 8px;
	width: 382px;
	background: linear-gradient(90deg, #3F4473 0%, #2081BD 100%);
	margin-top: 21px;
	margin-left: 139px;
}
.estimate_steps .step_divider.second{
	background: linear-gradient(270deg, #74AC42 0%, #2081BD 100%);
	margin-left: 571px;
}
.estimate_steps .step_divider.disabled{
	background: #BBC1CC;
}
/* init form styles */
.free_estimate_init_form_wrapper{
	background: #FAFAFA;
}
.free_estimate_init_form_wrapper h2{
	font-size: 30px;
}
.free_estimate_init_form_wrapper form.free_estimate_init_form{
	max-width: 1080px;
	background: #FFF;
	border-radius: 20px;
	box-shadow: 0px 0px 15px 0px #363A4126;
	padding: 2rem;
}
form.free_estimate_init_form .init_form_header{
	display: flex;
	justify-content: space-between;
}
form.free_estimate_init_form .init_form_header img{
	height: 94px;
	width: auto;
}
form.free_estimate_init_form h3{
	font-size: 22px;
}
form.free_estimate_init_form label{
	text-transform: none;
	font-weight: bold;
}
form.free_estimate_init_form input{
	background: #FFF;
	box-shadow: 0px 0px 3px 0px #74AC42 inset;
	border: none;
	border-radius: 5px;
	padding: 10px 15px;
}
form.free_estimate_init_form button{
	background: linear-gradient(180deg, rgba(193, 220, 128, 0.8) 0%, rgba(193, 220, 128, 0) 100%), #74AC42;
	box-shadow: 0px 4px 8px rgba(54, 58, 65, 0.15);
	border: none;
	border-radius: 5px;
	display: block;
	color: #FFF;
	width: 100px;
	height: 55px;
	margin: 0 auto;
	cursor: pointer;
}

/* identify and upload step general styles */
.estimate_identify_step, .estimate_overview, .estimate_upload_step{
	display:none;
	background: #FAFAFA;
	/*max-width: 1120px;
	margin: 0 auto;*/
}
.estimate_identify_step h2 > img, .estimate_upload_step h2 > img{
	margin-right: 1rem;
}
.estimate_identify_step .intro h2, .estimate_upload_step .intro h2{
	font-size: 40px;
}
.estimate_identify_step .intro p, .estimate_upload_step .intro p{
	font-size: 22px;
}

/* system buttons */
.system_type_buttons_holder{
	flex-wrap: wrap;
	align-items: flex-start;
}
.system_type_buttons_holder .system_type_button{
	width: 260px;
	height: 275px;
	padding: 1rem;
	background: #FFF;
	box-shadow: 0px 0px 15px 0px #363A4126;
	border: 1px solid #FFF;
	border-radius: 15px;
	margin: 0.35rem;
	flex-direction: column;
	justify-content: flex-end;
	cursor: pointer;
}
.system_type_buttons_holder .system_type_button:hover{
	border: 1px solid #74AC42;
}
.system_type_buttons_holder .system_type_button.selected{
	box-shadow: 0px 0px 15px rgba(54, 58, 65, 0.15), 0px -5px 0px #74AC42;
	border: 1px solid #74AC42;
}

/* estimate overview */
.estimate_overview .container{
	border: 1px solid #74AC42;
	border-radius: 15px 15px 0px 0px;
}
.estimate_overview h2{
	font-weight: 800;
	font-size: 40px;
}
.estimate_overview .container .col{
	width: 90%;
}
.estimate_overview .col.progress_bar{
	width: 95px;
	flex-direction: column;
	padding: 0 15px 0 20px;
}
.identify .progress_bar .vert_status_bar{
	height: 69%;
}
.progress_bar .vert_status_bar{
	width: 5px;
	height: 43%;
	background: linear-gradient(180deg, #3F4473 0%, #2081BD 100%);
}
.progress_bar .vert_status_bar.second{
	height: 26%;
	background: linear-gradient(360deg, #74AC42 0%, #2081BD 100%);
}
.estimate_overview .selected_type p{
	font-size: 22px;
}
.system_tile{
	width: 200px;
	padding: 1rem;
	box-shadow: 0px -5px 0px 0px #74ac42, 0px 0px 4px 0px #363a4133, 0px -2px 4px 0px #363a4133 inset;
	border: 1px solid #74AC42;
	border-radius: 15px;
	margin: 0.35rem;
	flex-direction: column;
	cursor: pointer;
}
.system_tile > div{
	text-align: center;
	font-size: 18px;
}
.estimate_overview button, .estimate_upload_step button{
	background: linear-gradient(180deg, rgba(193, 220, 128, 0.8) 0%, rgba(193, 220, 128, 0) 100%), #74AC42;
	box-shadow: 0px 4px 8px rgba(54, 58, 65, 0.15);
	border: none;
	border-radius: 5px;
	display: block;
	color: #FFF;
	text-transform: uppercase;
	padding: 0 2rem;
	font-size: 14px;
	font-family: 'Raleway';
	height: 55px;
	width: 260px;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

/* upload step */
.estimate_upload_step, .estimate_overview_final{
	display:none;
}
.upload_instructions{
	background: #363A41;
	border-radius: 15px;
	margin: 0 auto;
}
.estimate_upload_step .row.upload_instructions .col{
	padding: 0;
}
.upload_instructions .tabs{
	align-items: flex-end;
	justify-content: space-between;
}
.upload_instructions .dropdown{
	display: none;
}
.upload_instructions .image_tab{
	background: #DCF2F6;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	color: #8A919D;
	padding: 0.75rem;
	flex-basis: 20%;
	cursor: pointer;
	transition: background-color 300ms ease;
}
.upload_instructions .image_tab.selected, .upload_instructions .image_tab:hover{
	color: #FFF;
	background: #2081BD;
}
.upload_instructions .no_system{
	display: none;
	color: #eee;
	text-align: center;
	margin-top: 0;
}
.upload_instructions .image_instruction_content{
	display: none;
	background: #FFF;
	padding: 2rem 3rem;
	border-bottom: 1px solid #DCF2F6;
	border-left: 1px solid #DCF2F6;
	border-right: 1px solid #DCF2F6;
	border-radius: 0px 0px 15px 15px;
}
.upload_instructions .image_instruction_content.selected{
	display: block;
}
.upload_instructions .image_instruction_content h4{
	text-align: left;
	font-size: 22px;
	font-weight: 700;
	color: #363A41;
}
.upload_instructions .image_instruction_content p{
	font-size: 16px;
	max-width: 550px;
	line-height: 150%;
	align-items: flex-start;
}
.upload_instructions .image_instruction_content p img{
	padding-right: 0.5rem;
}
.upload_instructions .image_instruction_content .row{
	margin: 0;
	justify-content: space-between;
}
.upload_instructions .image_instruction_content .row .col{
	flex-basis: 30%;
	margin-bottom: 1rem;
}
.upload_instructions .image_instruction_content[data-system='ductless'] .row:last-child{
	justify-content: flex-start;
}
.upload_instructions .image_instruction_content[data-system='ductless'] .row:last-child .col:last-child{
	margin-right: 3rem;
}
.upload_instructions .image_instruction_content[data-system='ductless'] .row .col{
	flex-basis: 50%;
}
.upload_instructions .image_instruction_content .row .col .step_text{
	align-items: flex-start;
	padding: 0.5rem;
}
.upload_instructions .image_instruction_content .row .col .step_text span{
	font-size: 16px;
	line-height: 125%;
}
.upload_instructions .image_instruction_content .row .col .step_text .step_num{
	font-size: 20px;
	padding-right: 0.5rem;
	line-height: 100%;
}
.estimate_upload_step button{
	width: 220px;
}
.estimate_overview button.final_step{
	width: 345px;
}
.estimate_overview .back_to_identify{
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	display: inline-block;
	margin-top: 1rem;
}

/* thank you page */
.estimate_submitted{
	display: none;
}
.estimate_submitted .next_steps{
	max-width: 500px;
}
.estimate_submitted .next_steps > p{
	font-size: 25px;
}
.estimate_submitted .next_steps .next_steps_path{
	width: 50px;
	flex-direction: column;
	align-items: center;
	padding-top: 0.5rem;
}
.estimate_submitted .next_steps .next_steps_text{
	width: 85%;
}
.estimate_submitted .next_steps .next_steps_text p{
	margin: 0 0 5rem 0;
	font-size: 25px;
}
.estimate_submitted .next_steps .next_steps_path .status_green{
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background: #74AC42;
}
.estimate_submitted .next_steps .next_steps_path .status_separator{
	height: 7.75rem;
	width: 1px;
	background: #74AC42;
}
.estimate_submitted .experience_depend, .estimate_submitted .get_in_touch{
	background: #FAFAFA;
	padding-top: 5rem;
}
.estimate_submitted .experience_depend .experience_depend_content{
	max-width: 1120px;
	background: #DCF2F6;
	padding: 2rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.estimate_submitted .experience_depend_content .left_content{
	font-size: 30px;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}
.estimate_submitted .experience_depend_content .right_content .number{
	font-size: 96px;
	font-weight: 800;
	line-height: 120%;
	color: #11254C;
}
.estimate_submitted .experience_depend_content .right_content .number_desc{
	font-size: 22px;
	font-weight: 700;
}
.estimate_submitted .experience_depend_content .right_content .number_desc span{
	font-style: italic;
	font-size: 16px;
	font-weight: 400;
}

.get_in_touch_content{
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.get_in_touch_content .right_content{
	flex-basis: 33%;
	text-align: left;
}
.get_in_touch_content h2{
	font-size: 40px;
}
.get_in_touch_content p{
	font-size: 25px;
	margin-bottom: 4rem;
	margin-top: 0;
}
.get_in_touch_content a.green_button{
	background: linear-gradient(180deg, rgba(193, 220, 128, 0.8) 0%, rgba(193, 220, 128, 0) 100%), #74AC42;
	box-shadow: 0px 4px 8px rgba(54, 58, 65, 0.15);
	border: none;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #11254C;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 2rem;
	font-size: 16px;
	font-family: 'Raleway';
	width: 370px;
	height: 50px;
	margin-bottom: 1rem;
}

@media (max-width: 991px){
	.intro h2{
		font-size: 30px;
		padding: 20px 10px;
		margin-top: 2rem;
	}
	.intro h2 br, .intro p br{
		display: none;
	}
	.intro p, .estimate_identify_step .intro p, .estimate_upload_step .intro p{
		padding: 0 1rem;
		font-size: 18px;
	}
	.estimate_steps{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 3rem auto 0 auto;
		padding: 0 2rem;
	}
	.estimate_steps .system_identify, .estimate_steps .capture_images, .estimate_steps .receive_estimate{
		flex-direction: row;
		width: 320px;
		margin-top: -2px;
	}
	.estimate_steps .system_identify p{
		width: 175px;
	}
	.estimate_steps .step_divider, .estimate_steps .step_divider.second{
		position: relative;
		height: 75px;
		width: 8px;
		background: linear-gradient(180deg, #3F4473 0%, #2081BD 100%);
		margin-top: -18px;
		margin-left: 25px;
	}
	.estimate_steps .step_divider.second{
		background: linear-gradient(360deg, #74AC42 0%, #2081BD 100%);
	}
	.estimate_steps .step_divider.disabled{
		background: #BBC1CC;
	}
	.estimate_steps p{
		text-align: left !important;
		font-size: 22px;
		max-width: 250px;
		margin: 0;
		padding-left: 1rem;
	}
	form.free_estimate_init_form .init_form_header{
		flex-direction: column-reverse;
		text-align: center;
		align-items: center;
	}
	form.free_estimate_init_form label{
		font-size: 16px;
		margin: 10px 0 10px 5px;
	}
	form.free_estimate_init_form input{
		margin-bottom: 10px;
	}
	.system_type_buttons_holder .system_type_button{
		width: 47%;
	}
	.system_type_buttons_holder .system_type_button > div, .system_tile > div{
		font-size: 16px;
		text-transform: none;
	}
	.estimate_overview .container{
		width: auto;
		margin: 0 0.75rem;
	}
	.estimate_overview h2{
		font-size: 32px;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}
	.estimate_overview .container .col{
		width: 78%;
		padding: 0 5px;
	}
	.estimate_overview .container .col > .selections{
		flex-direction: column;
		align-items: flex-start;
	}
	.estimate_overview .container .col > .selections .system_type_holder, .estimate_overview .container .col > .selections .system_fuel_holder{
		flex-wrap: wrap;
	}
	.estimate_overview .col.progress_bar{
		width: 72px;
		padding: 0 5px 0 10px;
	}
	.progress_bar .vert_status_bar{
		height: 51%;
	}
	.progress_bar .vert_status_bar.second{
		height: 20%;
	}
	.identify .progress_bar .vert_status_bar{
		height: 73%;
	}
	.estimate_overview h3{
		font-size: 22px;
		padding-bottom: 0;
	}
	.estimate_overview h3:last-of-type{
		margin-top: 1rem !important;
		margin-bottom: 1rem;
	}
	.estimate_overview .selected_type p{
		font-size: 18px;
		font-weight: 700 !important;
	}
	.system_tile{
		width: 140px;
		margin: 0.5rem 0.25rem;
	}
	.system_tile > div{
		margin-bottom: 0 !important;
	}
	.upload_instructions .tabs{
		display: none !important;
	}
	.upload_instructions .dropdown_wrapper{
		position: relative;
		background: #363A41;
		height: 85px;
		display: flex;
		justify-content: center;
	}
	.upload_instructions .dropdown{
		display: block;
		position: absolute;
		background-color: #FFF;
		background-image: url("https://ucarecdn.com/261b7f3c-77cc-4318-9efc-0e5847044446/-/format/auto/");
		background-repeat: no-repeat;
		background-position: 97% 10px;
		background-size: 22px 19px;
		width: 80%;
		margin: 1rem auto;
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.upload_instructions .dropdown .dropdown_option{
		display: none;
		padding: 0.5rem 1rem;
		border-bottom: 1px solid #333;
		font-size: 16px;
		font-weight: 700;
	}
	.upload_instructions .dropdown .dropdown_option:last-child{
		border-bottom: none;
	}
	.upload_instructions .dropdown .dropdown_option.selected{
		display: block;
	}
	.upload_instructions .image_instruction_content .row{
		flex-direction: column;
	}
	.estimate_upload_step .upload_area h2{
		margin-top: 1rem;
	}
	.estimate_upload_step .upload_area p{
		margin: 1rem 0 !important;
	}
	.estimate_overview button.final_step{
		width: 280px;
	}
	
	/* thank you page */
	.estimate_submitted .next_steps{
		padding: 0 1rem;
		margin: 3rem auto 0 auto;
	}
	.estimate_submitted .next_steps .next_steps_path{
		display: none !important;
	}
	.estimate_submitted .next_steps > p{
		text-align: left !important;
		margin-bottom: 2rem;
	}
	.estimate_submitted .next_steps .next_steps_text{
		width: auto;
	}
	.estimate_submitted .next_steps .next_steps_text p{
		font-size: 18px;
		margin: 0 0 2rem 0;
		font-weight: 600;
	}
	.estimate_submitted .bottom_tiles p{
		padding: 0 1rem;
	}
	.estimate_submitted .bottom_tiles p br{
		display: none;
	}
	.experience_depend .experience_depend_content{
		flex-direction: column;
	}
	.experience_depend_content .left_content, .experience_depend_content .right_content{
		text-align: center;
	}
	.experience_depend_content .right_content .number{
		font-size: 75px;
	}
	
	.get_in_touch_content{
		flex-direction: column;
	}
	.get_in_touch_content .right_content{
		text-align: center;
	}
	.get_in_touch_content h2{
		font-size: 22px;
	}
	.get_in_touch_content p{
		font-size: 18px;
		margin-bottom: 2rem;
	}
}
/* END new Free Estimates page styles*/

/* Brand pages styles */
.brands_hero_wrapper{
	background-image: url(https://ucarecdn.com/384b93ae-5831-4519-8358-aa31a4bde9c0/-/format/auto/);
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0px 15px 60px 15px;
}

/* brand page hero */
#content.brand_page{
	background: #FFF;
}
.brands_hero_wrapper .breadcrumb{
	margin-bottom: 4rem;
}
.brands_hero_wrapper .prod_cat_hero_content_left{
	flex-basis: 35%;
}
.brands_hero_wrapper .prod_cat_hero_content_right{
	flex-basis: 65%;
}
.brands_hero_wrapper .inner_content{
	justify-content: space-around;
    align-items: center;
}
.brands_hero_wrapper .inner_content .prod_cat_hero_content_right h2{
	font-size: 50px;
	font-weight: 400;
}
.brands_hero_wrapper .inner_content .prod_cat_hero_content_right h1{
	font-size: 45px;
	font-weight: 800;
}
.brands_hero_wrapper .inner_content .prod_cat_hero_content_right p a.read_more{
	display: none;
}

.brand_features{
	background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
	padding: 1.5rem 0;
}
.brand_features .col{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.brand_features .col img{
	width: 40px;
}
.brand_features .col p{
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin: 0.5rem 0;
}
.brand_features .col .green_line{
	height: 2px;
	width: 100px;
}
.brands_list_wrapper{
	background: #FAFAFA;
	padding: 4rem 1rem;
}
.brands_list_intro{
	max-width: 60%;
	margin: 2rem auto;
}
.brands_list_intro h3, .brands_technology h3{
	font-size: 30px;
	font-weight: 600;
}
.brands_list_intro h2, .brands_technology h2{
	font-size: 38px;
	font-weight: 800;
}
.brands_list_intro .green_line, .brands_technology .green_line{
	height: 5px;
	width: 260px;
	margin: 1.5rem 0;
}
.brands_list_wrapper .brands_list{
	justify-content: center;
	max-width: 80%;
	margin: 0 auto;
}
.brands_list_wrapper .brands_list .col{
	max-width: 400px;
	display: block;
	cursor: pointer;
	text-align: center;
	padding: 1rem;
}
.brands_list .col div{
	color: #363A41;
	font-weight: 800;
	font-size: 22px;
}
.brands_technology{
	padding-top: 4rem;
}
.brands_technology .green_line{
	margin: 1.5rem auto;
}
.brands_technology .logos{
	align-items: center;
	justify-content: center;
}
.brands_technology .logos img{
	margin: 2rem 3rem 4rem 3rem;
}
.brand_video{
	position: relative;
	padding-top: 42.2%;
	max-width: 75%;
	margin: 2rem auto;
}
.brand_video img{
	width: 100%;
}
.brand_products_section_wrapper{
	background: #FAFAFA;
	padding: 2rem 0;
}
.brand_products_section_wrapper .breadcrumb{
	max-width: 1200px;
	margin: 0 auto 3rem auto;
}
.brand_products_section_wrapper .brand_products_section{
	max-width: 1200px;
	margin: 0 auto;
}
.brand_products_section_wrapper .brand_heading{
	align-items: center;
	justify-content: space-evenly;
	max-width: 50%;
	margin: 0 auto 3rem auto;
}
.brand_products_section > .row.single_product{
	align-items: center;
}
.brand_products_section > .row.product_tabs{
	max-width: 100%;
	justify-content: space-between;
	margin: 0 auto 2rem auto;
	border: 1px solid #2081BD;
	border-radius: 5px;
}
.brand_products_section .product_tabs .tab, .brand_products_section .product_tabs .tab_selector{
	background-color: #FFF;
	padding: 1rem 0;
	flex-basis: 20%;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #5B606B;
	cursor: pointer;
	transition: background-color 300ms ease;
}
.brand_products_section .product_tabs .tab:nth-of-type(2){
	border-radius: 5px 0px 0px 5px;
}
.brand_products_section .product_tabs .tab:last-child{
	border-radius: 0px 5px 5px 0px;
}
.brand_products_section .product_tabs.six .tab{
	flex-basis: 16.6%;
	font-size: 16px;
}
.brand_products_section .product_tabs.three .tab{
	flex-basis: 33.3%;
}
.brand_products_section .product_tabs .tab:hover{
	background-color: #2081BD;
	color: #FFF;
}
.brand_products_section .product_tabs .tab.selected, .brand_products_section .product_tabs .tab_selector{
	background-color: #2081BD;
	color: #FFF;
}
.brand_products_section .product_tabs .tab_selector{
	display: none;
}
.brand_products_section_wrapper .brand_products_section .row.products{
	max-width: 100%;
	margin: 0 auto;
}
.brand_products_section .product_tile{
	display: none;
	margin: 0 0 1rem 0;
	max-width: 370px;
	flex-basis: 32%;
}
.brand_products_section .product_tile.selected{
	display: flex;
}
.brand_products_section .col.w-100{
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-evenly;
	padding: 0;
}
.brand_page .warranty_bar_mobile, .replacements_variation_page .warranty_bar_mobile, .new_systems_page .warranty_bar_mobile, .product_page .warranty_bar_mobile{
	display: block;
}
.brand_free_estimate{
	max-width: 60%;
	padding: 3rem 0;
}
.brand_free_estimate .row{
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.brand_free_estimate .row > div{
	padding-left: 3rem;
}
.brand_free_estimate .row p{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 1rem;
}
.more_brands{
	background: #FAFAFA;
	padding: 3rem 0;
}
.more_brands h2{
	font-weight: 800;
	margin-bottom: 1rem;
}
.more_brands .row{
	max-width: 80%;
	margin: 2rem auto 0 auto;
	align-items: center;
	justify-content: center;
}
.more_brands .row img{
	max-width: 180px;
	margin: 0 2rem 1rem 2rem;
}
@media (max-width: 991px){
	.brand_features .col{
		margin-bottom: 2.5rem;
	}
	.brand_features .col:last-child{
		margin-bottom: 0;
	}
	.brands_list_wrapper{
		padding: 2rem 1rem;
	}
	.brands_list_intro{
		max-width: 100%;
	}
	.brands_list_intro h3, .brands_technology h3{
		font-size: 18px;
		margin-bottom: 1rem;
	}
	.brands_list_intro h2, .brands_technology h2{
		font-size: 30px;
	}
	.brands_technology{
		padding-top: 2rem;
	}
	.brands_list_wrapper .brands_list{
		max-width: 100%;
	}
	.brands_list_wrapper .brands_list .col{
		flex-basis: 50%;
	}
	.brands_list .col div{
		font-size: 18px;
	}
	.brands_technology .logos img{
		max-width: 50%;
		margin: 2rem 3rem;
	}
	.brands_hero_wrapper .breadcrumb{
		display: none;
	}
	.brands_hero_wrapper .inner_content{
		flex-direction: column;
		padding: 0 1rem;
	}
	.brands_hero_wrapper .inner_content .prod_cat_hero_content_right h2{
		font-size: 40px;
		margin-top: 1rem;
	}
	.brands_hero_wrapper .inner_content .prod_cat_hero_content_right h1{
		font-size: 30px;
	}
	.brands_hero_wrapper .inner_content .prod_cat_hero_content_right p{
		text-align: center;
	}
	.brands_hero_wrapper .inner_content .prod_cat_hero_content_right p span{
		display: none;
	}
	.brands_hero_wrapper .inner_content .prod_cat_hero_content_right p a.read_more{
		display: block;
		text-align: center;
		color: #363A41;
		cursor: pointer;
		text-decoration: underline;
	}
	.brand_video, .brand_estimate{
		max-width: 100%;
	}
	.brand_estimate{
		padding: 0 2rem;
	}
	.brand_estimate .row{
		flex-direction: column;
		margin: 0;
	}
	.brand_estimate h2{
		text-align: center;
		font-size: 30px;
		font-weight: 800;
	}
	.brand_estimate p{
		text-align: center;
		margin-bottom: 2rem;
	}
	.brand_products_section_wrapper .brand_heading{
		flex-direction: column;
		max-width: 100%;
	}
	.brand_products_section_wrapper .brand_heading h2{
		text-align: center;
		font-size: 22px;
		margin-top: 1rem;
	}
	.brand_products_section > .row.product_tabs{
		flex-direction: column;
	}
	.brand_products_section .product_tabs .tab_selector{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem;
	}
	.brand_products_section > .row.product_tabs .tab{
		display: none;
	}
	.brand_products_section > .row.product_tabs .tab_selector > img.mobile_down{
		display: block;
	}
	.brand_products_section > .row.product_tabs .tab_selector > img.mobile_up{
		display: none;
	}
	.brand_products_section .product_tile{
		margin: 0 0 1rem 0;
		flex-basis: 95%;
	}
	.brand_products_section .product_tile img{
		max-width: 70%;
		margin: 0 auto;
	}
	.brand_products_section .product_tile h4{
		font-size: 15px;
	}
	.brand_page .warranty_bar{
		display: block;
		margin: 0;
	}
	.brand_free_estimate{
		max-width: 100%;
		padding: 3rem 1rem;
	}
	.brand_free_estimate .row{
		flex-direction: column;
		margin: 0;
	}
	.brand_free_estimate .row > div{
		padding: 0 1rem;
	}
	.brand_free_estimate .row p{
		font-size: 25px;
		margin-top: 1rem;
	}
	.more_brands{
		padding: 3rem 1rem;
	}
	.more_brands .row img{
		margin: 1rem;
	}
}

/* END Brand pages styles */

/* rebate panel styles */
.rebate_panel{
	max-width: 1200px;
	margin: 0 auto;
	background: url('https://ucarecdn.com/0fb75852-7555-4658-b733-55cbe43fe7e6/-/format/auto/') 50% / cover no-repeat, linear-gradient(180deg, rgba(193, 220, 128, 0.80) 0%, rgba(193, 220, 128, 0.00) 100%), #74AC42;
	padding: 1rem;
}
.rebate_panel_inner{
	background: #FFF;
	padding: 1rem;
}
.rebate_panel_inner .top, .rebate_panel_inner .top .left_top{
	display: flex;
	align-items: center;
}
.rebate_panel_inner .top{
	justify-content: space-between;
	cursor: pointer;
}
.rebate_panel_inner .top img.rebate_icon{
	margin-right: 1rem;
}
.rebate_panel_inner .top img.expand_icon{
	width: 24px;
	float: right;
}
.rebate_panel_inner h3{
	font-size: 38px;
	font-weight: 800;
}
.rebate_panel_inner .divider{
	color: #74AC42;
	font-size: 40px;
	margin: 0 1rem;
}
.rebate_panel_inner .year{
	font-size: 38px;
	font-weight: 400;
}
.rebate_panel_inner .more_content{
	display: none;
	padding-top: 1rem;
	margin-top: 1rem;
	border-top: 1px solid #BBC1CC;
}
.rebate_panel_inner .more_content p{
	margin-bottom: 1rem;
}
.rebate_panel_inner .more_content h4{
	font-size: 20px;
	font-weight: 800;
}
.rebate_panel_inner .more_content ul li{
	line-height: 150%;
}
@media (max-width: 768px){
	.rebate_panel_wrapper.container{
		padding: 0;
	}
	.rebate_panel_inner .top img.rebate_icon{
		width: 20px;
		margin-right: 0.5rem;
	}
	.rebate_panel_inner h3, .rebate_panel_inner .year, .rebate_panel_inner .more_content h4{
		font-size: 18px;
	}
	.rebate_panel_inner .divider{
		font-size: 22px;
		margin: 0 0.5rem;
	}
	.rebate_panel_inner .top img.expand_icon{
		width: 20px;
	}
	.rebate_panel_inner .more_content p, .rebate_panel_inner .more_content ul li{
		font-size: 16px;
	}
}
/* END rebate panel styles */

/*AS - 8/4/2022 new styles for Maintenance page */
#large_bg.maintenance #intro_overlay{
	transform: translateY(250px);
}
.maintenance #intro_overlay h1{
	font-size: 85px;
}
.maintenance #intro_overlay p{
	text-transform: none;
}
.maintenance_buttons a{
	font-size: 22px;
	letter-spacing: 0.1rem;
	line-height: 175%;
	color: #FFF;
	display: block;
	padding: 1rem;
	background: linear-gradient(180deg, #2081BD 0%, #11254C 85.42%);
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 16px 0px;
}
.maintenance_buttons a span{
	font-size: 25px;
}
.maintenance_plan h2{
	font-size: 30px;
	line-height: 200%;
	font-weight: 600;
	letter-spacing: 0.2rem;
}
.maintenance_plan h2 span{
	font-size: 50px;
}
.maintenance_plan p{
	max-width: 940px;
	margin: 0 auto 5rem auto;
	font-weight: 600;
}
.maintenance_plan .note_text, .modal p.note{
	color: #6C6C6C;
	font-style: italic;
	font-size: 16px;
	margin: 1.5rem auto 0 auto;
}
.maintenance_comparison{
	margin-top: 2rem;
}
.maintenance_comparison .row{
	align-items: flex-end;
	justify-content: center;
}
.container .maintenance_comparison .col{
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1rem;
	padding: 0;
}
.maintenance_comparison .mobile_nav_arrows{
	display: none;
}
.maintenance_comparison .table_header, .maintenance_comparison .table_cell{
	line-height: 125%;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.maintenance_comparison .table_cell{
	height: 35px;
	flex-direction: row;
	font-size: 16px;
	font-weight: 600;
}
.maintenance_comparison .table_cell.bullet::before{
	content: '•';
	padding-right: 0.25rem;
}
.maintenance_plan .maintenance_comparison .col{
	padding: 0 15px;
}
.maintenance_comparison .table_cell.double_check{
	flex-direction: row;
}
.maintenance_comparison .table_header_badge{
	background: #74AC42;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 5px 5px 0 0;
}
.maintenance_comparison .table_header{
	height: auto;
	min-height: 70px;
	padding: 1rem 0;
	border-radius: 0;
	background: #2081BD;
	color: #FFF;
}
.maintenance_comparison .table_header.price{
	background: #4DB3E6;
	font-size: 30px;
	padding: 0.25rem 0;
	min-height: 54px;
}
.maintenance_comparison .table_header span{
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	padding-top: 0.5rem;
}
.maintenance_comparison .table_header p{
	font-size: 14px;
	color: #FFF;
	padding: 0 1rem;
}
.maintenance_comparison .included_heading{
	font-size: 16px;
	text-align: left;
}
.maintenance_comparison .table_cell.included_item{
	justify-content: flex-start;
	padding-left: 0.75rem;
}
.maintenance_comparison .table_cell.safety{
	background: #D2E6F2;
}
.maintenance_comparison .table_cell.monitoring.list-start{
	font-weight: 700;
	color: #74AC42;
}
.maintenance_comparison .table_cell.monitoring.list-start .badge{
	background: #74AC42;
	color: #FFF;
	border-radius: 5px;
	padding: 0.25rem;
	display: inline-block;
	margin-left: .75rem;
	line-height: 100%;
	height: 22px;
}
.maintenance_comparison .table_cell.monitoring{
	background: #F1F7EC;
}
.maintenance_comparison .table_cell.monitoring.bullet{
	padding-left: 1.15rem;
}
.maintenance_comparison .table_cell:last-child{
	border-radius: 0;
}
.maintenance_comparison .table_cell img{
	width: 20px;
}
.maintenance_comparison .table_cell img[alt='check']{
	width: 24px;
}
.maintenance_comparison .table_cell img:last-child{
	margin-left: .5rem;
}
.maintenance_plans .note_text{
	color: #6C6C6C;
    font-style: italic;
    font-size: 15px;
    margin: 1rem auto;
}
.maintenance_buttons{
	margin: 2rem 0 0 0;
    background: #F4F4F4;
    padding: 3rem 0;
}
.maintenance_comfort_watch{
	background: #DCF2F6;
	padding: 3rem 0;
}
.maintenance_comfort_watch h2{
	margin: 0 0 1rem 0;
}
.maintenance_comfort_watch p{
	margin: 2rem 0 0 0;
}
.maintenance_comfort_watch .estimate_steps{
	margin: 3rem auto 0 auto;
}
.maintenance_comfort_watch .purple_button{
	width: 115px;
	margin: 2rem auto 0 auto;
}
.comfort_watch_features{
	margin: 3rem auto 0 auto;
}
.maintenance_comfort_watch .comfort_watch_features h2{
	margin: 0 0 2rem 0;
}
.comfort_watch_features .feature_item{
	display: flex;
	justify-content: center;
	margin: 0 0 2rem 0;
}
.maintenance_comfort_watch .comfort_watch_features .feature_item p{
	margin: 1rem 0 0 0;
}
.comfort_watch_features .feature_item .feature_img img{
	margin: 0 2rem;
}
.comfort_watch_features .feature_item .feature_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.comfort_watch_features .feature_item .feature_text h3{
	margin: 1rem 0 0 0;
}
.maintenance_systems_list .systems_header{
	position: relative;
}
.maintenance_systems_list .systems_header .badge{
	position: absolute;
	top: 0;
	margin-top: -4rem;
	height: 217px;
	width: 217px;
	background-image: url(https://ucarecdn.com/ebb83f6b-e022-4828-ae76-5af9956adc7b/-/format/auto/-/quality/lightest/-/progressive/yes/);
	background-repeat: no-repeat;
}
.maintenance_systems_list .systems_header h2{
	color: #FFF;
	font-size: 24px;
	letter-spacing: 0.1rem;
	text-align: center;
	margin-top: 7rem;
	font-weight: 600;
	background: #3C3C3C;
	margin-left: 10rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-radius: 0 100px 100px 0;
	max-width: 1100px;
}
.maintenance_systems_list .checklist_item{
	display: block;
	color: #333;
	position: relative;
	box-shadow: 0px 4px 4px 0px #00000026;
	height: 130px;
	border-radius: 16px;
	background: #FFF;
	padding: 0.5rem;
}
.maintenance_systems_list .checklist_item .corner_button{
	background-image: url(https://ucarecdn.com/891386e5-1bf8-4df5-83eb-0ffb3a9de08c/-/format/auto/-/quality/lightest/-/progressive/yes/);
	background-repeat: no-repeat;
	position: absolute;
	width: 74px;
	height: 74px;
	right: 0;
	bottom: 0;
	cursor: pointer;
	display: block;
}
.maintenance_systems_list .checklist_item .corner_button img{
	position: absolute;
	width: 24px;
	height: 24px;
	margin-top: 40px;
	margin-left: 40px;
}
.maintenance_systems_list .checklist_item .system_img{
	width: 140px;
	height: 116px;
}
.maintenance_systems_list .checklist_item .system_img img{
	max-width: 100%;
	max-height: 100%;
}
.maintenance_systems_list .checklist_item .item_content{
	height: 100%;
	font-size: 18px;
	font-weight: 600;
}
.maintenance_systems_list .checklist_item .item_content span{
	font-size: 18px;
}

.green_line_100{
	height: 4px;
	width: 100px;
	background: #74AC42;
}
.green_line_164{
	height: 4px;
	width: 164px;
	background: #74AC42;
}
@media (max-width: 1400px){
	.finance_priority .content_wrapper{
		padding: 0 4rem;
	}
}
@media (max-width: 991px){
	.financing_options img.finance_logo{
		margin-top: 2rem;
	}
	.flat_rate_pricing .col.text-right{
		text-align: center;
		margin-bottom: 2rem;
	}
	.maintenance_comfort_watch{
		padding: 3rem 0 2rem 0;
	}
	.maintenance_comfort_watch p{
		margin: 1rem 0 0 0;
	}
	.maintenance_comfort_watch .capture_images p, .maintenance_comfort_watch .receive_estimate p{
		margin: 0;
	}
	.comfort_watch_features .feature_item{
		flex-direction: column;
		padding: 0 1rem;
	}
	.comfort_watch_features .feature_item:nth-of-type(2){
		flex-direction: column-reverse;
	}
	.comfort_watch_features .feature_item .feature_text{
		width: 100%;
		margin-top: 1rem;
	}
	.comfort_watch_features .feature_item .feature_text h3{
		font-size: 22px;
	}
	.comfort_watch_features .feature_item .feature_img img{
		margin: 0;
	}
	.maintenance_comparison .row{
		justify-content: center;
		margin-top: 2rem;
	}
	.container .maintenance_comparison .col{
		margin-bottom: 2rem;
		width: 100%;
	}
}
@media (max-width: 520px){
	h2.heading_40{
		font-size: 20px;
	}
	p, li, p.copy_20{
		font-size: 16px;
	}
	.maintenance_contact .container{
		padding: 0;
	}
	.maintenance_contact img.show_mobile{
		margin-bottom: 2rem;
	}
	.payment_methods_tiles{
		max-width: 75%;
	}
}

/* checklist modal styles */
.modal .modal-content.system_checklist_wrapper{
	width: 960px;
}
.modal .system_checklist_wrapper .modal-close{
	top: 20px;
	right: 20px;
}
.modal .system_checklist_wrapper .modal-close img{
	width: 23px;
	height: 23px;
}
.modal .system_checklist_wrapper .container{
	border-left: 1px solid #74AC42;
}
.modal .system_checklist_wrapper .system_image{
	padding: 0 1rem 0 3rem;
}
.modal h2.system_name{
	font-size: 25px;
	text-transform: uppercase;
	color: #74AC42;
	letter-spacing: 0.1rem;
	font-weight: 600;
}
.modal h2.system_name span{
	font-size: 18px;
	color: #2E2E2E;
	font-weight: 500;
}
.modal .system_list ul{
	margin-left: 2rem;
}
.modal .system_list ul li{
	font-size: 15px;
	padding: 0;
}

/* Infographic styles */
.maintenance_infographic .header{
	background: #11254C;
	border-radius: 18px 18px 0 0;
}
.maintenance_infographic .header h2{
	font-weight: 600;
	font-size: 36px;
	letter-spacing: 0.25rem;
}
.maintenance_infographic .header h2, .maintenance_infographic .header p{
	color: #FFF;
}
.maintenance_infographic .header p{
	max-width: 850px;
	font-weight: 600;
}
.maintenance_infographic .infographic{
	position: relative;
}
.maintenance_infographic .infographic .left_image{
	position: absolute;
	top: -1px;
}
.infographic_content .infographic_item{
	margin-top: 5rem;
	/*align-items: flex-start;*/
}
.infographic_content .infographic_item:first-child{
	margin-top: 0;
}
.infographic_content .infographic_item .info_image{
	margin-right: 3rem;
	max-width: 164px;
}
.infographic_content .infographic_item .info_text{
	max-width: 680px;
}
.infographic_content .infographic_item .info_text h3{
	background-repeat: no-repeat;
	background-position: 0px -2px;
	font-size: 30px;
	padding-left: 4rem;
	padding-top: 5px;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.infographic_content .infographic_item .info_text p{
	margin: 0;
}
.infographic_content .infographic_item.first, .infographic_content .infographic_item.seven{
	margin-left: 25rem;
}
.infographic_content .infographic_item.first h3{
	background-image: url(https://ucarecdn.com/507d8eaa-fcad-4af1-af8a-90fb66bd9584/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.second h3{
	background-image: url(https://ucarecdn.com/204b0957-f434-4ff4-94d5-2962560c2d4a/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.second, .infographic_content .infographic_item.six{
	margin-left: 21rem;
}
.infographic_content .infographic_item.three h3{
	background-image: url(https://ucarecdn.com/71619907-11cf-4cbb-886b-f5c37f8ca1c3/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.three, .infographic_content .infographic_item.five{
	margin-left: 19rem;
}
.infographic_content .infographic_item.four h3{
	background-image: url(https://ucarecdn.com/7cf6e6d4-8248-48f6-963c-39969b410285/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.four{
	margin-left: 18rem;
}
.infographic_content .infographic_item.five h3{
	background-image: url(https://ucarecdn.com/54c258d1-dd17-4ad5-85ea-e89bf3e38d49/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.six h3{
	background-image: url(https://ucarecdn.com/6ac95ec2-836f-45ea-9b0e-3758869a0a0d/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.infographic_content .infographic_item.seven h3{
	background-image: url(https://ucarecdn.com/f7011134-513c-47e6-8e52-2147845b917a/-/format/auto/-/quality/lightest/-/progressive/yes/);
}
.maintenance_infographic_mobile{
	display: none;
}

/* Contact buttons area */
.maintenance_contact{
	margin-top: 6rem;
}
.maintenance_contact h2{
	font-size: 30px;
	line-height: 150%;
	letter-spacing: 0.1rem;
	max-width: 460px;
}
.maintenance_contact p{
	max-width: 425px;
}
.maintenance_contact .contact_buttons{
	max-width: 275px;
}
.maintenance_contact .contact_buttons a{
	display: block;
	margin-bottom: 1.5rem;
	/*line-height: 34px;*/
}

/* first breakpoint for infographic */
@media(max-width:1350px){
	.maintenance_infographic .infographic .left_image{
		height: 1070px;
	}
	.maintenance_infographic .infographic .left_image img{
		max-height: 100%;
	}
	.maintenance_infographic .infographic_content{
		padding-top: 2rem !important;
	}
	.infographic_content .infographic_item{
		margin-top: 1.5rem;
	}
	.infographic_content .infographic_item .info_image{
		margin-right: 2rem;
		width: 10%;
	}
	.infographic_content .infographic_item .info_text{
		max-width: 82%;
	}
	.infographic_content .infographic_item .info_text h3{
		padding-bottom: 0.75rem;
		padding-left: 3rem;
		font-size: 17px;
		background-size: 40px 40px;
	}
	.infographic_content .infographic_item .info_text p{
		line-height: 150%;
		font-size: 18px;
	}
	.infographic_content .infographic_item.first, .infographic_content .infographic_item.seven{
		margin-left: 14rem;
	}
	.infographic_content .infographic_item.second, .infographic_content .infographic_item.six{
		margin-left: 12rem;
	}
	.infographic_content .infographic_item.three, .infographic_content .infographic_item.five{
		margin-left: 11rem;
	}
	.infographic_content .infographic_item.four{
		margin-left: 10rem;
	}
}
@media(max-width:991px and min-width:895px){
	.maintenance_infographic .infographic .left_image{
		height: 965px;
	}
}
@media(max-width:895px){
	.maintenance_infographic .infographic .left_image{
		height: 1070px;
	}
}
@media(max-width:991px){
	#large_bg.maintenance #intro_overlay {
		transform: translateY(150px);
		padding: 1.5rem;
	}
	.maintenance #intro_overlay h1{
		font-size: 2rem;
	}
	.maintenance #intro_overlay p{
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.maintenance_buttons .container{
		padding: 0 0.75rem 0 0.75rem !important;
	}
	.maintenance_buttons a{
		margin: 1.5rem 0 0.75rem 0;
		font-size: 16px;
	}
	.maintenance_buttons a span{
		font-size: 20px;
	}
	.maintenance_buttons div.col:last-child a{
		margin: 0 0 1.5rem 0;
	}
	.maintenance_plan h2, .maintenance_plan h2 span{
		font-size: 16px;
		line-height: 150%;
	}
	.maintenance_plan p{
		margin: 0 auto 1rem auto;
		font-size: 16px;
		padding: 0 1rem;
	}
	.maintenance_comparison{
		width: 340px;
		overflow-y: scroll;
		margin: 0 auto;
		padding-bottom: 1rem;
	}
	.maintenance_plan .maintenance_comparison .row{
		width: 1010px;
		margin: 0;
		flex-wrap: nowrap;
	}
	.maintenance_plan .container .row .col{
		margin: 0 8px;
		padding: 0;
		border-radius: 18px;
		box-shadow: 0px 4px 4px 0px #00000040;
		width: 33% !important;
	}
	.maintenance_comparison .mobile_nav_arrows, .maintenance_infographic_mobile .mobile_nav_arrows{
		display: block;
		width: 355px;
		position: absolute;
		margin-top: 5.5rem;
		margin-left: -0.75rem;
		z-index: 10;
	}
	.maintenance_comparison .mobile_nav_arrows .arrow_left, .maintenance_infographic_mobile .mobile_nav_arrows .arrow_left{
		float: left;
		width: 51px;
	}
	.maintenance_infographic_mobile .mobile_nav_arrows .arrow_left{
		margin-left: 1rem;
	}
	.maintenance_comparison .mobile_nav_arrows .arrow_right, .maintenance_infographic_mobile .mobile_nav_arrows .arrow_right{
		float: right;
		width: 51px;
	}
	.maintenance_comparison .table_cell{
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 0.5rem 1.5rem;
		height: auto;
	}
	.maintenance_comparison .table_cell img{
		width: 17px;
	}
	.maintenance_comparison .table_cell img[alt='check']{
		width: 25px;
	}
	.maintenance_comparison .table_cell span.show_mobile{
		font-size: 16px;
		text-align: left;
		line-height: 150%;
		max-width: 195px;
	}
	.maintenance_plan .note_text{
		margin: 1rem auto 0 auto
	}
	.infographic_content .infographic_item .info_text p{
		line-height: 125%;
		font-size: 16px;
	}
	.maintenance_systems_list .container{
		padding: 0;
	}
	.maintenance_systems_list .systems_header{
		margin-bottom: 2rem;
	}
	.maintenance_systems_list .systems_header .badge{
		width: 90px;
		height: 90px;
		margin-top: -1.5rem;
		margin-left: 1rem;
		background-size: cover;
	}
	.maintenance_systems_list .systems_header h2{
		font-size: 16px;
		margin-top: 4rem;
		padding: 0.35rem 1rem 0.35rem 6.5rem;
		font-weight: 500;
		line-height: 125%;
		margin-left: 0;
		text-align: center;
		max-width: 95%;
	}
	.modal .system_list ul li{
		line-height: 135%;
		padding-bottom: 0.75rem;
	}
	.modal .system_list{
		margin-top: 1rem !important;
	}
}
@media(max-width:768px){
	.maintenance_systems_list .container .col{
		width: 90% !important;
		margin: 0 auto;
	}
	.maintenance_infographic{
		display: none;
	}
	.maintenance_infographic_mobile{
		display: block;
		width: 100%;
	}
	.maintenance_infographic_mobile h2{
		font-size: 20px;
		letter-spacing: 0.1rem;
		font-weight: 600;
		padding: 1.5rem 1.5rem 0 1.5rem;
	}
	.maintenance_infographic_mobile .green_line_short{
		width: 33px;
		background: green;
		height: 3px;
	}
	.maintenance_infographic_mobile p{
		font-size: 16px;
		padding: 0px 1.5rem;
		line-height: 125%;
		margin-bottom: 1.5rem;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item .item_inner{
		background-image: url(https://ucarecdn.com/8bb326ce-c5bc-4a15-b349-28b887877d70/-/format/auto/-/quality/lightest/-/progressive/yes/);
		background-repeat: no-repeat;
		background-size: cover;
		width: 315px;
		height: 595px;
		position: relative;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item.right-img .item_inner{
		background-image: url(https://ucarecdn.com/055ac573-2a54-45dd-9890-b55e4b6d61e9/-/format/auto/-/quality/lightest/-/progressive/yes/);
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item .info_image img{
		margin-right: 6rem;
		margin-top: 2rem;
		max-width: 180px;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item.right-img .info_image img{
		margin-left: 7rem;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item h3{
		color: #74AC42;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		padding: 0.25rem 0;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item p{
		color: #FFF;
		font-size: 15px;
		padding: 0 1rem;
		line-height: 150%;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item .info_text{
		margin-top: 4rem;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item .info_text img{
		max-width: 62px;
	}
	.maintenance_infographic_mobile .infographic_mobile .infographic_item .info_progress{
		position: absolute;
		bottom: 20px;
		width: 100%;
	}
	.maintenance_contact{
		margin-top: 1rem;
	}
	.maintenance_contact h2{
		font-size: 25px;
		padding: 0 1rem;
		letter-spacing: 0.05rem;
		line-height: 125%;
	}
	.maintenance_contact p{
		font-size: 16px;
		padding: 0 1rem;
		margin-bottom: 2rem !important;
	}
	.maintenance_contact .contact_buttons{
		margin-bottom: 4rem;
	}
	.systems_list_holder{
		flex-wrap: wrap;
	}
}
@media(max-width:520px){
	.maintenance_systems_list .checklist_item{
		height: auto;
		padding: .5rem 2.5rem;
		border-radius: 10px;
		min-height: 55px;
		line-height: 150%;
	}
	.maintenance_systems_list .checklist_item .corner_button{
		height: 22px;
		width: 22px;
		top: 0;
		right: 24px;
		margin-top: 11px;
		background-image: url(https://ucarecdn.com/bc63c94d-4a3b-4364-81b0-cffc3f8865e9/-/format/auto/-/quality/lightest/-/progressive/yes/);
	}
	.modal .system_checklist_wrapper .system_image{
		padding: 0 1rem;
		min-width: 124px;
	}
	.modal h2.system_name{
		font-size: 20px;
	}
}
/* END maintenance page styles */

/*AS - 1/23/2026 new styles for Maintenance page */

/* hide cart stuff for now */
#cart_items{
	display:none;
}

/* footer */
.footer-adv {
	background-color: #3d3d3d;
	padding: 4rem;
}
.footer-adv .container {
	max-width: 100%;
}
.footer-adv .container .row.mt-2{
	margin-top: 2rem;
}
.footer-adv .footer-logo {
	height: auto;
	width: auto;
	max-height: 92px;
	margin-bottom: 1rem;
}
/* TO DO is this necessary? */
.footer-adv .footer-phone-button {
	display: none;
}
.footer-adv .footer-label {
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 125%;
	color: #fff;
	display: block;
	margin-bottom: 1rem;
}
.footer-adv ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-adv ul li {
	padding: 16px 0;
}
.footer-adv .footer-links a {
	font-style: normal;
	font-weight: normal;
	font-size: 1.375rem;
	color: #979797 !important;
	transition: color 300ms ease;
}
.footer-adv .footer-links a:hover {
	color: #fff !important;
}
.footer-adv .footer-socials {
	display: flex;
	align-items: center;
	color: #fff;
	justify-content: flex-end;
}
.footer-adv .footer-socials a {
	transition: opacity 300ms ease;
	margin-left: 1rem;
}
.footer-adv .footer-socials img {
	height: 48px;
	width: auto;
}
.footer-adv .footer-links {
    flex-wrap: nowrap;
}
.footer-adv .footer-links .col{
	width: 100%;
}
.footer-adv .footer-contact {
	background-color: #5b5b5b;
	border-top-left-radius: 140px;
	border-bottom-right-radius: 140px;
	padding: 2rem 4rem;
	text-align: right;
	color: #c9c9c9;
	font-size: 22px;
	line-height: 2rem;
}
.footer-adv .footer-phone {
	color: #c9c9c9;
	transition: color 300ms ease;
}
.footer-adv .footer-phone:hover {
	color: #fff;
}
.footer-adv .footer-contact span, .footer-adv .footer-contact a{
	font-size: 19px;
}
.footer-adv .footer-copyright {
	display: block;
	margin-top: 2rem;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	color: #979797;
	line-height: 150%;
}

/* footer mobile */
@media (max-width: 991px){
	.footer-adv {
		padding: 1rem;
	}
	.footer-adv .footer-logo-container{
		text-align: center;
	}
	.footer-adv .footer-logo {
		margin: 0 auto 1rem auto;
		max-width: 85%;
	}
	.footer-adv .footer-phone-button {
		padding: 0.5rem 2rem;
		border-radius: 20px;
		background-color: #74ac42;
		font-size: 19px;
		display: block;
		max-width: 220px;
		margin: 0 auto 2rem;
	}
	.footer-adv .footer-phone-button a {
		color: #fff !important;
		line-height: 125%;
	}
	.footer-adv .footer-socials {
		justify-content: center;
	}
	.footer-adv .footer-socials a {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		opacity: 0.7;
	}
	.footer-adv .footer-socials img {
		height: 28px;
	}
	.footer-adv .footer-label {
		display: none;
	}
	.footer-adv .footer-links {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
	.footer-adv .row.mt-2 > .col.w-70{
		padding: 0;
	}
	.footer-adv .footer-links .col{
		width: 49%;
		padding: 0 1rem;
	}
	.footer-adv ul li{
		text-align: left;
	}
	.footer-adv .footer-links a{
		font-size: 18px;
	}
	.footer-adv .footer-contact {
		display: none;
	}
	.footer-adv .footer-copyright {
		text-align: center;
		font-size: 11px;
	}
}

/* END footer */

/* modals */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	display: none;
	pointer-events: none;
	align-items: center;
	justify-content: center;
}
.modal .modal-content {
	position: relative;
	width: 767px;
	overflow-y: auto;
	background-color: #fff;
	padding: 1.5rem;
	max-height: 85%;
	border-radius: 25px;
	z-index: 2;
	opacity: 0;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	transition: opacity 300ms ease;
}
.modal .modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(51, 51, 51, 0.3);
	z-index: 1;
	transition: opacity 300ms ease;
}
.modal .modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	opacity: 1;
	transition: opacity 300ms ease;
}
.modal .modal-close img {
	width: 50px;
	height: 50px;
}
.modal .modal-close:hover {
	opacity: 0.5;
}
.modal.small .modal-content {
	padding: 0;
	height: auto;
	border-radius: 0;
	width: auto;
}
.modal.small .modal-close img {
	width: 14px;
	height: auto;
}
.modal.active {
	pointer-events: all;
	display: flex;
}
.modal.active .modal-overlay {
	opacity: 1;
	display: block;
}
.modal.active .modal-content {
	opacity: 1;
	transition-duration: 600ms;
}
.modal .form_heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 1.5rem 0;
}
.modal .form_heading img{
	width: 170px;
}
.modal .success, .modal .error{
	color: #74AC42;
	font-size: 22px;
	font-weight: 600;
}
.modal .error{
	color: red;
}

@media (max-width: 991px){
	.modal .form_heading{
		flex-direction: column-reverse;
		margin: 0 0 1.5rem 0;
	}
	.modal .form_heading h2{
		text-align: center;
		font-size: 18px;
		font-weight: 800;
		margin-top: 1rem;
	}
	.modal form input{
		padding: .75rem 1rem;
	}
	.modal form textarea{
		height: 80px;
	}
}

/* Book Online modal */
.sticky-float {
	position: fixed;
	right: 0;
	font-size: 16px;
	font-weight: 700;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	background: linear-gradient(90deg, rgba(193, 220, 128, 0.8) 0%, rgba(193, 220, 128, 0) 100%), #74AC42;
	box-shadow: 0px 4px 8px 0px #00000040;
	color: #11254C;
	text-transform: uppercase;
	padding: 1rem;
	letter-spacing: 0.1rem;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
	top: 200px;
	cursor: pointer;
	transition: background-color 300ms ease;
}

.sticky-float img {
	max-width: 100%;
	margin-bottom: 0.75rem;
}

.sticky-float:hover {
	background-color: #5d9030;
}

@media (max-width: 1140px) {
	.sticky-float {
		display: none;
	}
}

.sticky-modal {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	pointer-events: none;
}
.sticky-modal.active {
	pointer-events: all;
}
.sticky-modal.active .sticky-modal-overlay {
	opacity: 1;
}
.sticky-modal.active .sticky-modal-content {
	opacity: 1;
	transform: translateY(0);
	transition-duration: 450ms;
}
.sticky-modal .sticky-modal-overlay {
	position: absolute;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 300ms ease;
}
.sticky-modal .sticky-modal-close {
	position: absolute;
	font-size: 1rem;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	transition: opacity 300ms ease;
}
.sticky-modal .sticky-modal-close:hover {
	opacity: 0.5;
}
.sticky-modal .sticky-contact {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}
.sticky-modal .sticky-contact > * {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 50%;
}
.sticky-modal .sticky-contact > *:first-child {
	width: 75%;
	margin: auto;
	font-size: 2rem;
	font-weight: 600;
	transition: color 300ms ease;
}
.sticky-modal .sticky-contact > *:first-child:hover {
	color: #5d9030;
}
.sticky-modal .sticky-contact > *:first-child em {
	font-size: 2rem;
	margin-right: 1rem;
	transform: translateY(4px);
}
.sticky-modal .sticky-contact > *:nth-child(2), .sticky-modal .sticky-contact > *:nth-child(3) {
	background-color: #74ac42;
	color: #fff;
	transition: background-color 300ms ease;
}
.sticky-modal .sticky-contact > *:nth-child(2):hover, .sticky-modal .sticky-contact > *:nth-child(3):hover {
	background-color: #5d9030;
}
.sticky-modal .sticky-contact > *:nth-child(2) {
	width: calc(50% - 2px);
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.sticky-modal .sticky-modal-content {
	position: relative;
	width: 600px;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
	opacity: 0;
	transform: translateY(50px);
	background-color: white;
}

@media (max-width: 991px) {
	.sticky-modal .sticky-contact > *:first-child {
		font-size: 1.4rem;
	}
	.sticky-modal .sticky-modal-content {
		width: calc(100% - 30px);
	}
}
/* END Book Online modal */

/* mobile schedule now modal */
.modal.mobile_contact.active{
	z-index: 1;
}
.modal.mobile_contact .modal-overlay{
	display: none;
}
.modal.mobile_contact .modal-content {
	position: absolute;
	max-width: 100%;
	height: auto;
	background: linear-gradient(180deg, #3F4473 0%, #11254C 100%);
	border-radius: 0;
	top: 0;
	margin-top: 8rem;
	padding: 3rem 2rem;
	z-index: 1;
}
.modal.mobile_contact .modal-content h2{
	color: #DCF2F6;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
}
.modal.mobile_contact .mobile_contact_buttons{
	margin-top: 1rem;
	padding-top: 0;
}
.modal.mobile_contact .mobile_contact_buttons a.btn_green_standard{
	display: flex;
	max-width: 275px;
	width: auto;
	margin-bottom: 1.5rem;
	align-items: center;
	justify-content: flex-start;
}
.modal.mobile_contact .mobile_contact_buttons a.btn_green_standard:last-child{
	margin-bottom: 0;
}
.modal.mobile_contact .mobile_contact_buttons a.btn_green_standard img{
	margin-right: 1rem;
}
.modal.mobile_contact .mobile_contact_buttons a.btn_green_standard.phone img{
	width: 30px;
}
.modal.mobile_contact .modal-close{
	color: #DCF2F6;
	font-size: 22px;
	top: 20px;
	right: 18px;
}

/* END modal styles */

/* marketing form modal */

.modal.marketing_opt_in .modal-content{
	border-radius: 5px;
	padding: 0;
	margin: 0 1rem;
	width: auto;
	max-width: 400px;
}
.modal.marketing_opt_in .modal-close{
	color: #FFF;
	font-size: 14px;
	top: 5px;
}
.modal.marketing_opt_in .modal_header{
	background: #11254C;
	text-align: center;
	padding: 1rem;
}
.modal.marketing_opt_in .modal_header h3{
	color: #74AC42;
	font-size: 22px;
	font-weight: 800;
	margin: 0.25rem 0 0.5rem 0;
}
.modal.marketing_opt_in .modal_header p{
	color: #FFF;
	font-size: 14px;
	line-height: 145%;
}
.modal.marketing_opt_in .modal_form{
	padding: 1rem;
}
.modal.marketing_opt_in .modal_form form input{
	border: 1px solid #8A919D;
	box-shadow: 0px 0px 3px 0px #8A919D inset;
}
.modal.marketing_opt_in .modal_form form input[type='checkbox']{
	border: none;
	box-shadow: none;
	float: left;
	width: 14px;
}
.modal.marketing_opt_in .modal_form form label{
	margin: 0 0 0 1.5rem;
	font-size: 12px;
	color: #8A919D;
}
.modal.marketing_opt_in .modal_form .g-recaptcha{
	display: none !important;
}
.modal.marketing_opt_in .modal_form .g-recaptcha > div{
	margin: 1rem auto;
}
.modal.marketing_opt_in .modal_form form button{
	display: block;
	width: 150px;
	margin: 1rem auto 0 auto;
	padding: 0.5rem 0;
	font-family: "Raleway", sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #11254C;
	text-transform: uppercase;
	border-radius: 5px;
	border: none;
	background: #BBC1CC;
	box-shadow: 0px -2px 4px 0px rgba(54, 58, 65, 0.20) inset, 0px 2px 6px 0px rgba(54, 58, 65, 0.25);
}

/* END marketing form modal */

/* Comfort Care section (used on repair pages) */
.comfort_care_section{
	margin-top: 5rem;
	padding: 4rem;
}
.comfort_care_section .headline_details{
	max-width: 90%;
}
.comfort_care_section .headline_details h2{
	font-size: 45px;
	margin: 2rem 0;
}
.comfort_care_section .headline_details h3{
	font-size: 30px;
	font-weight: 600;
}
.comfort_care_section .headline_details .green_line_164{
	margin: 2rem 0;
}
.comfort_care_section .headline_details p.large{
	font-size: 30px;
}
.comfort_care_section .get_started{
	margin: 4rem auto 0 auto;
}
.comfort_care_section .get_started .row{
	justify-content: center;
}
.comfort_care_section .get_started h3{
	margin-bottom: 1rem;
}
.comfort_care_section .get_started .green_line_164{
	margin: 2rem 0;
}
@media (max-width:768px){
	.comfort_care_section{
		margin-top: 2rem;
		padding: 1rem;
	}
	.comfort_care_section .get_started{
		margin: 2rem auto 0 auto;
	}
	.comfort_care_section .get_started .row{
		flex-direction: column;
	}
	.comfort_care_section .get_started .row .col{
		width: 100%;
	}
	.comfort_care_section .headline_details{
		max-width: 99%;
	}
	.comfort_care_section .headline_details h2{
		font-size: 36px;
		margin: 1rem 0;
	}
	.comfort_care_section .headline_details p.large{
		font-size: 22px;
	}
	.comfort_care_section .get_started h3{
		margin-top: 1rem;
	}
}
/* END Comfort Care section */

/* =========================================================
   BASIC RESET
========================================================= */

.family-ai-launcher,
.family-ai-launcher *,
.family-ai-launcher *::before,
.family-ai-launcher *::after {
    box-sizing: border-box;
}


/* =========================================================
   LAUNCHER
========================================================= */

.family-ai-launcher {
    position: fixed;

    right: 20px;
    bottom: 16px;

    display: flex;
    align-items: flex-end;

    gap: 0;

    z-index: 2147483000;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        translateY(24px)
        scale(.96);

    transition:
        opacity .20s ease,
        transform .20s ease,
        visibility 0s linear .20s;
}


/* =========================================================
   VISIBLE
========================================================= */

.family-ai-launcher.family-ai-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform:
        translateY(0)
        scale(1);

    transition:
        opacity .30s ease,
        transform .30s ease,
        visibility 0s;
}


/* =========================================================
   FIRST ENTRANCE
========================================================= */

.family-ai-launcher.family-ai-first-entrance {
    animation:
        familyLauncherEntrance
        .75s
        cubic-bezier(.22, 1.35, .36, 1)
        both;
}


@keyframes familyLauncherEntrance {

    0% {
        opacity: 0;

        transform:
            translateY(45px)
            scale(.82);
    }

    68% {
        opacity: 1;

        transform:
            translateY(-5px)
            scale(1.025);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}

/* =========================================================
   MASCOT BUTTON
========================================================= */

.family-ai-mascot-button {
    appearance: none;
    -webkit-appearance: none;

    position: relative;

    width: 180px;

    margin: 0 0 0 -4px;
    padding: 0;

    border: 0;
    outline: 0;

    background: transparent;

    cursor: pointer;

    z-index: 3;
}

/* =========================================================
   IDLE FLOAT
========================================================= */

.family-ai-mascot-float {
    display: block;

    width: 100%;

    animation:
        familyMascotIdle
        5.5s
        ease-in-out
        infinite;
}

@keyframes familyMascotIdle {
    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-2px);
    }

}

/* =========================================================
   MASCOT STAGE
========================================================= */

.family-ai-mascot-stage {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
}

/* =========================================================
   CHARACTER
========================================================= */

.family-ai-character {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    filter:
        drop-shadow(
            0 9px 13px rgba(0, 0, 0, .17)
        );
    transform:
        scale(1);
    transform-origin:
        50% 90%;
    transition:
        transform .20s ease,
        filter .20s ease;
}


/* =========================================================
   SINGLE ANIMATED MASCOT
========================================================= */

.family-ai-mascot-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}


/* =========================================================
   CHARACTER HOVER
========================================================= */

.family-ai-mascot-button:hover
.family-ai-character {
    transform:
        scale(1.04);
    filter:
        drop-shadow(
            0 11px 17px rgba(0, 0, 0, .22)
        );
}

.family-ai-mascot-button:focus-visible {
    outline:
        3px solid #0878cf;
    outline-offset: 4px;
    border-radius: 14px;
}


/* =========================================================
   ATTENTION RING
========================================================= */

.family-ai-mascot-ring {
    position: absolute;
    right: 14px;
    bottom: 18px;
    width: 105px;
    height: 105px;
    border: 3px solid rgba(8, 120, 207, .35);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.family-ai-launcher.family-ai-waving
.family-ai-mascot-ring {
    animation:
        familyMascotRing
        1.45s
        ease-out
        1;
}

@keyframes familyMascotRing {
    0% {
        opacity: .52;

        transform:
            scale(.55);
    }
    70% {
        opacity: .14;
    }
    100% {
        opacity: 0;

        transform:
            scale(1.45);
    }
}

/* =========================================================
   SPEECH BUBBLE
========================================================= */

.family-ai-bubble {
    position: relative;
    width: 245px;
    margin-bottom: 82px;
    padding: 15px 18px 14px;
    border: 3px solid #0c315b;
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .11);
    cursor: pointer;
    transform-origin:
        right bottom;
    z-index: 5;
}

/* =========================================================
   BUBBLE ENTRANCE
========================================================= */

.family-ai-launcher.family-ai-first-entrance
.family-ai-bubble {
    animation:
        familyBubbleEntrance
        .50s
        cubic-bezier(.22, 1.25, .36, 1)
        .30s
        both;
}


@keyframes familyBubbleEntrance {
    0% {
        opacity: 0;

        transform:
            translateY(12px)
            scale(.84);
    }
    72% {
        opacity: 1;

        transform:
            translateY(-2px)
            scale(1.02);
    }
    100% {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}


/* =========================================================
   BUBBLE ATTENTION NUDGE
========================================================= */

.family-ai-launcher.family-ai-waving
.family-ai-bubble {
    animation:
        familyBubbleNudge
        1.15s
        ease
        both;
}

@keyframes familyBubbleNudge {
    0%,
    100% {
        transform:
            translateX(0);
    }

    25% {
        transform:
            translateX(-4px);
    }

    45% {
        transform:
            translateX(2px);
    }

    65% {
        transform:
            translateX(-2px);
    }
}

/* =========================================================
   BUBBLE TAIL
========================================================= */

.family-ai-bubble::after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: 25px;
    width: 27px;
    height: 27px;
    background: #ffffff;
    border-right: 3px solid #0c315b;
    border-bottom: 3px solid #0c315b;
    transform:
        rotate(-45deg);
}

/* =========================================================
   TITLE
========================================================= */

.family-ai-bubble-title {
    padding-right: 14px;
    color: #0c315b;
    font-family:
        Arial,
        Helvetica,
        sans-serif;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.12;
    text-transform: uppercase;
}

.family-ai-bubble-title span {
    color: #159447;
}

/* =========================================================
   MESSAGE
========================================================= */

.family-ai-bubble-text {
    margin-top: 7px;
    color: #26384d;
    font-family:
        Arial,
        Helvetica,
        sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

/* =========================================================
   CTA
========================================================= */

.family-ai-bubble-cta {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    padding:
        4px 0;
    color: #0878cf;
    font-family:
        Arial,
        Helvetica,
        sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
}

.family-ai-bubble-cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 2px;
    background: #0878cf;
    transform:
        scaleX(0);
    transform-origin:
        left;
    transition:
        transform .20s ease;
}

.family-ai-bubble:hover
.family-ai-bubble-cta::after {
    transform:
        scaleX(1);
}

/* CTA pulse during wave */

.family-ai-launcher.family-ai-waving
.family-ai-bubble-cta {
    animation:
        familyCtaPulse
        1.15s
        ease;
}


@keyframes familyCtaPulse {
    0%,
    100% {
        transform:
            scale(1);
    }
    40% {
        transform:
            scale(1.075);
    }
    65% {
        transform:
            scale(1);
    }
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.family-ai-bubble-close {
    position: absolute;
    top: 4px;
    right: 8px;
    z-index: 10;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #777777;
    font-family:
        Arial,
        Helvetica,
        sans-serif;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    transition:
        color .15s ease,
        transform .15s ease;
}

.family-ai-bubble-close:hover {
    color: #0c315b;
    transform:
        scale(1.12);
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
    .family-ai-launcher {
        right: 8px;
        bottom: 8px;
    }

    .family-ai-mascot-button {
        width: 122px;

        margin-left: -3px;
    }

    .family-ai-bubble {
        width: 210px;
        margin-bottom: 64px;
        padding:
            13px
            15px
            12px;
        border-width: 2px;
    }

    .family-ai-bubble::after {
        right: -12px;
        width: 22px;
        height: 22px;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }

    .family-ai-bubble-title {
        font-size: 14px;
    }

    .family-ai-bubble-text {
        font-size: 12px;
    }

    .family-ai-bubble-cta {
        font-size: 11px;
    }

    .family-ai-mascot-ring {
        width: 75px;
        height: 75px;
        right: 9px;
        bottom: 12px;
    }
}

/* Prosperous chat CSS */

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
    .family-ai-mascot-button {
        width: 103px;
    }
    .family-ai-bubble {
        width: 180px;
        margin-bottom: 54px;
    }
    .family-ai-bubble-title {
        font-size: 13px;
    }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
    .family-ai-launcher,
    .family-ai-mascot-float,
    .family-ai-character,
    .family-ai-mascot-ring,
    .family-ai-bubble,
    .family-ai-bubble-cta {
        animation:
            none !important;

        transition-duration:
            .01ms !important;
    }
}