/*-------------------------------------------------------------------------------------------------//
	Theme Name:		RYNO Child Theme
	Theme URI:		http://rynoss.com/
	Description:	RYNO Child Theme
	Author:			Ryno SS - Jerad Shepherd
	Author URI:		http://www.rynoss.com
	Template:		theme-3
	Text Domain:	ryno-theme-three-child
	Version:		1.0.0
/*-------------------------------------------------------------------------------------------------*/

	@import url("../theme-3/style.css");


/*-------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* boilerplate style updates & fixes */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* conversion template revisions */
				/*------------------------------------------------------- */
					.pop-out-form .sidebar-form {
						padding-top: 15px;
					}

					.pop-out-form .sidebar-form h2 {
						margin-bottom: 15px;
					}

					.pop-out-form .sidebar-form .wpcf7-textarea {
						height: 41px;
					}

					.page-template-page-conversion .conversion-content-three p,
					.page-template-page-conversion-map .conversion-content-three p {
						font-size: 20px;
					}

					.text-shadow-box {
						font-weight: initial;
					}

					.page-template-page-conversion .conversion-page-reviews .review-content,
					.page-template-page-conversion-map .conversion-page-reviews .review-content {
						font-size: 22px;
					}

					.stars svg {
						width: .9em !important;
					}

					@media only screen and (min-width: 768px) {
						.page-template-page-conversion .conversion-page-reviews .review-content,
						.page-template-page-conversion-map .conversion-page-reviews .review-content {
							font-size: 30px;
						}

						.stars svg {
							width: 1.125em !important;
						}
					}

			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
					/* animate-on-scroll horizontal overflow fix
					/*-------------------------------------------------------------------------------------------------*/
						body.home{
							overflow-x: hidden;
						}

					/*-------------------------------------------------------------------------------------------------*/
					/* wordpress contact form 7 ajax loading graphic style fix
					/*-------------------------------------------------------------------------------------------------*/
						div.wpcf7 .ajax-loader{
							display: block;
							margin: 0 auto;
						}

				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
					/* ornament style fixes
					/*-------------------------------------------------------------------------------------------------*/
						.ornament{
							position: relative;
							text-align: center;
						}
						.ornament img{
							display: inline-block;
							margin: auto;
						}
						.ornament .ornament-line{
							display: none;
						}

				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
					/* social icons updated widget styles */
					/*-------------------------------------------------------------------------------------------------*/
						svg:not(:root).svg-inline--fa{
							max-width: 100%;
						}
						.social-icons.social-icons-improved{
							display: inline-table;
							margin: 0 auto;
							padding: 0;
							padding-left: 0;
							padding-right: 0;
						}
						.social-icons.social-icons-improved li{
							display: table-cell;
							float: none;
							width: auto;
						}
						.social-icons.social-icons-improved a{
							display: block;
							margin: 0 0.125em;
							border-radius: 50%;
							width: 2em;
							height: 2em;
							line-height: 1;
							border-radius: 0;
							padding: 20% 0;
							text-align: center;
							text-decoration: none;
							transition: background 0.125s, border 0.125s, color 0.3125s;
						}
						.social-icons.social-icons-improved a:hover{
							box-shadow: none;
							transition: background 0.0625s, border 0.0625s, color 0.1875s;
						}
				/*-------------------------------------------------------------------------------------------------*/
					/*-----------------------------------------------------------------------------------------*/
					/* social icons base font size */
					/*-----------------------------------------------------------------------------------------*/
						.social-icons.social-icons-improved li{
							font-size: 20px;
						}
						.social-icons.social-icons-improved li *,
						.social-icons.social-icons-improved a{
							font-size: 1em;
						}
					/*-----------------------------------------------------------------------------------------*/
					/* social icons color scheme */
					/*-----------------------------------------------------------------------------------------*/
						.social-icons.social-icons-improved a{
							background: #212d62;
							border: 0px solid #fd8b02;
						}
						.social-icons.social-icons-improved a:hover{
							background: #212d62;
							border-color: #212d62;
						}
						.social-icons.social-icons-improved li *{
							color: #fff;
						}
						.social-icons.social-icons-improved a:hover *,
						.social-icons.social-icons-improved a:hover{
							color: #fff;
						}
					/*-------------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------------*/
							/* Grow Rotate */
							.social-icons.social-icons-improved a {
							  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
							  -webkit-transition: all 0.36s !important;
							  transition: all 0.36s !important;
							}
							.social-icons.social-icons-improved a:hover, .social-icons.social-icons-improved a:focus, .social-icons.social-icons-improved a:active {
							  -webkit-transform: scale(1.1875) rotate(4deg);
							  transform: scale(1.1875) rotate(4deg);
							  -webkit-transition: all 0.12s !important;
							  transition: all 0.12s !important;
							}
					/*-------------------------------------------------------------------------------------------------*/

				/*-------------------------------------------------------------------------------------------------*/
					/*-----------------------------------------------------------------------------------------*/
					/* navigation fixes & updates - desktop */
					/*-----------------------------------------------------------------------------------------*/
						/* desktop navigation styling fixes & updates */
						@media (min-width: 992px){
							/* active-child-menu display bugfix for resize from mobile to desktop */
							.main-navigation > li.has-dropdown.active-child-menu > ul{
								display: none;
							}
							.main-navigation > li.has-dropdown.active-child-menu:hover > ul{
								display: block;
							}

							/* dropdown indicator icon revision on large screens & up */
							.main-navigation > li.has-dropdown::after{
								display: none;
							}
							.main-navigation > li.has-dropdown > a::after{
								content: "\20\f107";
								line-height: 0;
								font-size: 0.9375em;
								vertical-align: baseline;
								font-family: "font awesome 5 pro";
							}

							/* ensure dropdown lists always show as attached to bottom of nav bar */
							.main-navigation  li.has-dropdown > ul{
								top: 100%;
								left: 0;
								right: auto;
								min-width: 100%;
							}
							/* ensure rightmost dropdown is right-aligned to prevent from overflowing viewport at some screen widthss */
							.main-navigation > li.has-dropdown:last-child > ul{
								left: auto;
								right: 0;
							}

							/* normalize padding for nav links at all levels */
							.main-navigation > li.has-dropdown > ul > li > ul li a,
							.main-navigation > li.has-dropdown > ul > li > a,
							.main-navigation > li.has-dropdown > a,
							.main-navigation > li > a{
								padding: 19px 14px;
								line-height: 1;
							}
							/* boost right padding on dropdown menu links for visual comfort */
							.main-navigation > li.has-dropdown > ul > li > ul li a,
							.main-navigation > li.has-dropdown > ul > li > a{
								padding: 1em 14px;
								padding-right: 24px;
							}
						}

						/* set nav link font sizes at various desktop-or-larger increments */
						@media (min-width: 992px){
							.main-navigation > li.has-dropdown > ul > li > ul li a,
							.main-navigation a{
								font-size: 13px;
							}
						}
						@media (min-width: 1024px){
							.main-navigation > li.has-dropdown > ul > li > ul li a,
							.main-navigation a{
								font-size: 14px;
							}
						}
						@media (min-width: 1200px){
							.main-navigation > li.has-dropdown > ul > li > ul li a,
							.main-navigation a{
								font-size: 16px;
							}
						}

						.main-navigation > li.has-dropdown > ul > li.has-dropdown a:after{
							font-size: inherit !important;
							line-height: 1;
							top: auto;
							left: auto;
							right: 0.875em;
							bottom: auto;
						}

					/*-----------------------------------------------------------------------------------------*/
					/* mobile header & mobile navigation fixes & updates */
					/*-----------------------------------------------------------------------------------------*/
						@media (max-width: 991.98px){
							.mobile-sticky .mobile-header{
								position: sticky;
								top: 0;
							}
							.mobile-sticky .nav-bar{
								z-index: 100;
							}
							.mobile-nav-name{
								cursor: pointer;
							}
							.mobile-header{
								position: relative;
								z-index: 1000;
							}
							.nav-bar{
								position: fixed;
								z-index: 49;
								top: 0;
								width: 100%;
								overflow-y: auto;
								max-height: 100%;
							}
							.nav{
								top: auto;
								margin-top: 80px;
								padding: 0.50em 0.625em 0.75em;
							}
							.menu-active{
								position: relative;
							}
							.main-navigation li.has-dropdown::after{
								cursor: pointer;
								right: 0;
								width: 1.125em;
								font-size: 15px;
								text-align: center;
							}
							.main-navigation a, .main-navigation li.has-dropdown::after{
								line-height: 1;
								padding: 1em 0;
								top: 0;
								right: 0;
							}
							.main-navigation a{
								padding-left: 0.750em;
								padding-right: 0.750em;
								margin-right: 2.375em;
							}
							.main-navigation li a:hover{
								background: rgba( 0,0,0,0.05625 );
							}
							.main-navigation li ul{
								padding-left: 1.375em;
							}
						}

					/*-----------------------------------------------------------------------------------------*/
					/* mobile buttons fixes & upates */
					/*-----------------------------------------------------------------------------------------*/
						.mobile-cta__button:hover{
							text-decoration: none;
						}
						.mobile-cta__button{
							height: 100% !important;
							display: flex;
							align-items: center;
							justify-content: center;
						}
						@media (max-width: 479.98px){
							.mobile-cta__button{
								font-size: 18px;
							}
						}
						@media (max-width: 359.98px){
							.mobile-cta__button{
								font-size: 16px;
							}
						}

						.mobile-cta__button--bottom{
							font-size: 30px;
							line-height: 1.5;
							display: block;
						}
						@media (max-width: 575.98px){
							.mobile-cta__button--bottom{
								font-size: 21px
							}
						}
						@media (min-width: 576px){
							.mobile-cta__button--bottom{
								font-size: 27.5px
							}
							.mobile-cta__button--right,
							.mobile-cta__button--left{
								font-size: 22.5px
							}
						}

/*-------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* global button styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
				.btn.btn-outline span{
					color: #212d62;
				}
				.btn.btn-outline{
					background-color: transparent;
					border: 5px solid #212d62;
					color: #212d62;
				}
				.btn{
					border-radius: 0;
				}
				.btn.btn-outline-rev {
					background-color: transparent;
					border: 5px solid #212d62;
					color: #fff;
				}
			/*-------------------------------------------------------------------------------------------------*/
				.cta__button--icon.service-icon::before{
					background-position: 0% center;
				}
				.cta__button--icon::before{
					position: absolute;
					top: calc( -34px / 4 );
					right: 0;
					width: 31px;
					height: 31px;
					display: block;
					content: "";
					font-size: 21px;
					background-position: 0% center;
					background-size: 200% 100%;
					background-repeat: no-repeat;
					background-image: url('/wp-content/uploads/Beyer_Icons_HeaderButtonIcons_Sprite.png')
				}
				.cta__button--icon{
					display: inline-block;
					width: 1em;
					height: 0.75em;
					line-height: 1;
					vertical-align: middle;
					position: relative;
					top: -2px;
					margin-right: 0.3125em;
				}
			/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* global header styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
				h1,h2,h3,h4,h5,h6{
					text-transform: uppercase;
				}
			/*-------------------------------------------------------------------------------------------------*/
				.home h1::after{
					display: block;
					content: "";
					height: 12px;
					width: 210px;
					background: #bcbcbc;
					margin-top: 30px;
					margin-bottom: 54px;
					position: relative;
				}
				@media (max-width: 767.98px){
					.home h1::after{
						margin-right: auto;
						margin-left: auto;
					}
				}
			/*-------------------------------------------------------------------------------------------------*/
				.home h1{
					line-height: calc( 51 / 45 );
					font-size: 45px;
					padding: 0;
					margin-bottom: 30px;
				}
				.home h2,
				h2{
					line-height: calc( 44 / 34 );
					font-size: 34px;
					margin-bottom: 30px;
				}
				@media (max-width: 767.98px){
					.home h1{
						font-size: 35px;
						margin-bottom: 30px;
					}
					.home h2,
					h2{
						font-size: 30px;
						margin-bottom: 30px;
					}
				}
			/*-------------------------------------------------------------------------------------------------*/
				.page-header h1{
					font-weight: 700;
				}
			/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* homepage unordered list styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
				.homepage-section ul li:last-of-type{
					margin-bottom: 0 !important;
				}
				.homepage-section ul li::before{
					font-family: "font awesome 5 pro";
					content: "\f14a";
					color: #212d62;
					font-size: 32px;
					margin-right: 0.25em;
					vertical-align: middle;
					line-height: 0;
					display: inline-block;
					text-indent: 0;
					margin-bottom: 4px;
					margin-top: 0px !important;
				}
				.homepage-section ul li{
					vertical-align: middle;
					text-indent: -1.75em;
					padding-left: 1.75em;
					line-height: 1.25;
					margin: 0;
					margin-bottom: 0.375em;
				}
				.homepage-section ul{
					list-style-type: none;
					padding-left: 0;
					margin-bottom: 0;
					text-align: left;
				}
				@media (max-width: 576px){
					.homepage-section ul li::before{
						font-size: 27px;
					}
				}
			/*-------------------------------------------------------------------------------------------------*/
				.experienced-hvac--list-wrapper h5,
				.why-choose-us--list-wrapper h5,
				.experienced-hvac--list-wrapper h3,
				.why-choose-us--list-wrapper h3{
					margin-bottom: 15px;
					text-align: left;
				}
			/*-------------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* header & footer section styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* template header & nav styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* main header styles
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.header__button--icon.payments-icon::before,
						.header__button--icon.payments-icon{
							display: none !important;
						}
						.header__button--icon.service-icon::before{
							background-position: 0% center;
						}
						.header__button--icon::before{
							position: absolute;
							top: calc( -34px / 4 );
							right: 0;
							width: 31px;
							height: 31px;
							display: block;
							content: "";
							font-size: 21px;
							background-position: 0% center;
							background-size: 200% 100%;
							background-repeat: no-repeat;
							background-image: url('/wp-content/uploads/Beyer_Icons_HeaderButtonIcons_Sprite.png')
						}
						.header__button--icon{
							display: inline-block;
							width: 1em;
							height: 0.75em;
							line-height: 1;
							vertical-align: middle;
							position: relative;
							top: -2px;
							margin-right: 0.3125em;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__button--service a:hover{
							border: 5px solid #0e194a;
							/* background: #0e194a !important; */
						}
						.header__button--service a{
							border: 5px solid #212d62;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__button--payments a.btn-primary.btn-outline span::before,
						.header__button--payments a.btn-outline span::before{
							font-family: "font awesome 5 pro";
							content: "\f155";
							display: inline-block;
							font-size: 1.375em;
							line-height: calc( 1 / 1.375 );
							vertical-align: text-bottom;
							margin-right: 0.250em;
						}
						.header__button--payments a.btn-primary.btn-outline:hover span,
						.header__button--payments a.btn-outline:hover span,
						.header__button--service a.btn-primary.btn-outline:hover span,
						.header__button--service a.btn-outline:hover span{
							color: #fff;
						}
						.header__button--payments a.btn-primary.btn-outline span,
						.header__button--payments a.btn-outline span,
						.header__button--service a.btn-primary.btn-outline span,
						.header__button--service a.btn-outline span{
							transition: all 0.3s;
						}
						.header__button--payments a.btn-primary.btn-outline:hover,
						.header__button--payments a.btn-outline:hover,
						.header__button--service a.btn-primary.btn-outline:hover,
						.header__button--service a.btn-outline:hover{
							background-color: transparent !important;
							background-position: 0% center;
						}
						.header__button--payments a.btn-primary.btn-outline,
						.header__button--payments a.btn-outline,
						.header__button--service a.btn-primary.btn-outline,
						.header__button--service a.btn-outline {
							background-color: transparent !important;
							background-repeat: no-repeat;
							background-size: 200% 100%;
							background-position: 100% center;
							background-image: linear-gradient( to right, rgba(34, 46, 99, 1) 0%, rgba( 34,46,99, 1) 50%, rgba( 34,46,99,0) 50% );
						}

						.header__button--service a.btn-primary.btn-outline-rev span,
						.header__button--service a.btn-outline-rev span{
							color: #fff;
						}
						.header__button--service a.btn-primary.btn-outline-rev:hover span,
						.header__button--service a.btn-outline-rev:hover span{
							color: #212d62;
						}
						.header__button--service a.btn-primary.btn-outline-rev:hover,
						.header__button--service a.btn-outline-rev:hover{
							background-color: transparent !important;
							background-position: 0% center;
						}
						.header__button--service a.btn-primary.btn-outline-rev,
						.header__button--service a.btn-outline-rev {
							background-color: transparent !important;
							background-repeat: no-repeat;
							background-size: 200% 100%;
							background-position: 100% center;
							background-image: linear-gradient( to right, rgba( 33, 45, 98, 0) 0%, rgba( 33, 45, 98, 0) 50%, rgba( 33, 45, 98, 1) 50% );
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__button a{
							padding: 12px 9px;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__button *,
						.header__button{
							transition: all 0.3s;
						}
						.header__button *{
							font-size: 19px;
							font-weight: 900;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__buttons .col .btn{
							width: 100%;
							display: block;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__telnumbers .telnumber::before{
							font-family: "font awesome 5 pro";
							font-weight: 900;
							content: "\f095";
							margin-right: 0.125em;
						}
						.header__telnumbers .telnumber{
							text-align:center;
							display: block;
							width: 100%;
							font-size: 29px !important;
							font-weight: 700;
							font-family: lato;
							margin-bottom: 9px;
							transition: all 0.3s;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header__tagline span::before{
							font-family: "font awesome 5 pro";
							font-weight: 900;
							content: "\f3c5";
							color: #212d62;
							margin-right: 0.21875em;
						}
						.header__tagline span{
							color: #898989;
							font-size: 16px;
							font-weight: 700;
							text-transform: uppercase;
						}
						.header__tagline *,
						.header__tagline{
							margin-bottom: 0;
							line-height: 1;
							transition: all 0.3s !important;
						}
						.header__tagline{
							margin-bottom: 9px;
						}
						@media (max-width: 1199.98px){
							.header__tagline span{
								font-size: 15px;
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
						@media (min-width: 992px) and (max-width: 1199.98px){
							#header-one > .container{
								max-width: 972px;
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
						.header-sticky .smaller .header-two__center img,
						.header-sticky .smaller .header__logo img{
							max-width: 72%;
						}
						.smaller .header__tagline span{
							font-size: 14px;
						}
						.smaller .header__tagline{
							margin-bottom: 1px;
						}
						.smaller .header__button--icon::before{
							top: calc( -22px / 4 );
							width: 22px;
							height: 22px;
						}
						.smaller .header__button--payments a span::before{
							font-size: 1.25em !important;
							vertical-align: middle !important;
							top: -1px;
							position: relative;
						}
						.smaller .header__button a span{
							3
						}
						.smaller .header__button a{
							padding: 3px;
							padding-bottom: 6px;
						}
						.smaller .header__telnumbers .telnumber{
							font-size: 21px !important;
							margin-bottom: 2px;
						}
					/*-------------------------------------------------------------------------------------------------*/

				/*-------------------------------------------------------------------------------------------------*/
				/* navigation styles
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						#menu-main-menu a, #menu-main-menu > li > a, .mobile-phone-icon a, .mobile-phone-icon a:link, .mobile-phone-icon a:hover, .mobile-phone-icon a:visited, .mobile-phone-icon a:focus, #menu-main-menu > li > a[href="#"]:hover, .main-navigation > li.has-dropdown::after {
							font-weight: 900;
						}
					/*-------------------------------------------------------------------------------------------------*/
						@media (min-width: 992px){
							.scrolled.nav-bar{
								background-color: rgba( 255,255,255,1 ) !important;
								box-shadow: 0 0 12px 0px rgba( 0,0,0,0.3125 );
								transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in;
								transition-delay: 0s, 0.06s;
							}
							.nav-bar{
								background-image: linear-gradient( to bottom, rgba( 255,255,255,1 ), rgba( 255,255,255,0.75 ) 60%, rgba( 255,255,255,0.4375 ) 66%, rgba( 255,255,255,0 ) ) !important;
								background-color: rgba( 255,255,255,0 ) !important;
								transition: background-color 0.15s ease-in, box-shadow 0.24s ease-in;
								transition-delay: 0.21s, 0s;
								z-index: -1;
								position: relative;
								box-shadow: 0 0 12px -12px rgba( 0,0,0,0 );
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
						@media (min-width: 992px){
							.main-navigation > li.has-dropdown > ul > li > ul li a, .main-navigation > li.has-dropdown > ul > li > a, .main-navigation > li.has-dropdown > a, .main-navigation > li > a {
								padding: 19px 9px;
								line-height: 1;
								font-size: 13.5px;
							}
						}
						@media (min-width: 992px) and (max-width: 1079.98px){
							.main-navigation > li.has-dropdown > ul > li > ul li a, .main-navigation > li.has-dropdown > ul > li > a, .main-navigation > li.has-dropdown > a, .main-navigation > li > a {
								padding: 19px 8px;
								line-height: 1;
								font-size: 13px;
							}
							.nav {
								padding-left: 4px;
								padding-right: 4px;
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* template footer styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* footer-top section styling */
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.footer__top .footer__button a.btn-outline:hover span{
							color: #fff;
						}
						.footer__top .footer__button a.btn-outline span{
							transition: all 0.3s;
						}
						.footer__top .footer__button a.btn-outline:hover{
							background-position: 0% center;
						}
						.footer__top .footer__button a.btn-outline{
							background-color: transparent;
							background-repeat: no-repeat;
							background-size: 200% 100%;
							background-position: 100% center;
							background-image: linear-gradient( to right, rgba( 34,46,99, 1) 0%, rgba( 34,46,99, 1) 50%, rgba( 34,46,99,0) 50% )
						}
						.footer__top .footer__button a:hover span{
							color: #fff !important;
						}
						.footer__top .footer__button a span{
							color: #212d62 !important;
						}
						.footer__top .footer__button a:not(.btn-outline):hover{
							background-color: #212d62;
						}
						.footer__top .footer__button a{
							display: block;
							width: 100%;
							font-size: 19px;
							font-weight: 900;
							padding-top: 24px;
							padding-bottom: 24px;
						}
						.footer__top .footer__button:last-of-type{
							margin-bottom: 0px;
						}
						.footer__top .footer__button{
							margin-bottom: 21px;
						}
						.footer__top .company-address *{
							line-height: 1.37;
						}
						.footer__top .company-address{
							margin-bottom: 30px;
							line-height: 1;
						}
						.footer__top .company-logo{
							margin-bottom: 18px;
						}
						.footer__top h5{
							font-size: 22px;
							line-height: 1;
							font-weight: 900;
							margin-bottom: 24px;
						}
						.footer__top p{
							font-size: 20px;
						}
						.footer__top{
							text-align: left;
							padding-top: 84px;
							padding-bottom: 48px;
						}
						@media (min-width: 992px){
							.footer__top h5{
								padding-top: 4.25%
							}
						}
						@media (max-width: 991.98px){
							.footer__top > .container > .row > * > *{
								max-width: 315px;
								margin-left: auto;
								margin-right: auto;
							}
							.footer__top .company-social{
								margin-bottom: 75px;
							}
							.footer__top .company-about{
								margin-bottom: 64px;
							}
							.footer__top{
								text-align: center;
								padding-top: 60px;
								padding-bottom: 48px;
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* footer-bottom section styling */
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.footer__bottom .container .row > * *,
						.footer__bottom .copyright,
						.footer__bottom{
							font-size: 15px;
							padding: 0;
							line-height: 1.375;
						}
						.footer__bottom a{
							color: #212d62;
						}
						.footer__bottom{
							padding-top: 15px;
							padding-bottom: 72px;
						}
					/*-------------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* homepage baseline content section styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* homepage hero slider/static feature image styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					@media (min-width: 992px){
						.hero{
							margin-bottom: -6.875%
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					.homepage-feature-section .btn.btn-primary > span::before{
						font-family: "font awesome 5 pro";
						content: "\f095";
						font-size: 1.0625em;
						margin-right: 0.25em;
					}
					.homepage-feature-section .btn.btn-primary:hover span{
						color: #fff;
					}
					.homepage-feature-section .btn.btn-primary span{
						color: #212d62;
						font-weight: 900;
					}
					.homepage-feature-section .btn.btn-primary:hover{
						background: #212d62;
					}
					.homepage-feature-section .btn.btn-primary{
						padding: 0.75em 0.9375em;
						font-size: 25px;
						background: transparent;
						border: 7px solid #212d62;
					}
					.homepage-feature-section .btn.btn-primary *,
					.homepage-feature-section .btn.btn-primary{
						transition: all 0.3s ease;
					}
					.mega-headline{
						font-size: 81px;
						line-height: 0.96875;
						font-weight: 900;
						color: #212d62;
						text-transform: uppercase;
						margin-bottom: 51px;
					}
					.micro-prologue{
						font-size: 28px;
						line-height: 0.875;
						font-weight: 700;
						color: #212d62;
						text-transform: uppercase;
						margin-bottom: 15px;
					}
				/*-------------------------------------------------------------------------------------------------*/
					@media (max-width: 1199.98px){
						.homepage-feature-section .btn.btn-primary{
							font-size: 24px;
						}
						.mega-headline{
							font-size: 64px;
							line-height: 0.96875;
							font-weight: 900;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 24px;
						}
						.micro-prologue{
							font-size: 22px;
							line-height: 0.875;
							font-weight: 700;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 12px;
						}
					}
					@media (max-width: 991.98px){
						.homepage-feature-section .btn.btn-primary{
							font-size: 18px;
						}
						.mega-headline{
							font-size: 48px;
							line-height: 0.96875;
							font-weight: 900;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 24px;
						}
						.micro-prologue{
							font-size: 18px;
							line-height: 0.875;
							font-weight: 700;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 12px;
						}
					}
					@media (max-width: 767.98px){
						.mega-headline{
							font-size: 47px;
							line-height: 0.96875;
							font-weight: 900;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 24px;
						}
						.micro-prologue{
							font-size: 17px;
							line-height: 0.875;
							font-weight: 700;
							color: #212d62;
							text-transform: uppercase;
							margin-bottom: 12px;
						}
					}
					@media (max-width: 575.98px){
						.homepage-feature-section .btn.btn-primary{
							padding: 0.75em 0.9375em;
							font-size: 18px;
							background: transparent;
							border: 7px solid #212d62;
						}
						.mega-headline{
							font-size: 40px;
							margin-bottom: 24px;
						}
						.micro-prologue{
							font-size: 14px;
							margin-bottom: 12px;
						}
					}
					@media (max-width: 449.98px){
						.mega-headline{
							font-size: 32px;
							margin-bottom: 18px;
						}
						.micro-prologue{
							font-size: 13px;
							margin-bottom: 8px;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					.homepage-feature-section-content-wrapper{
						position: absolute;
						top: 21.5%;
						left: 0;
						right: 0;
						bottom: 0;
						width: 100%;
						height: 100%;
					}
					.homepage-feature-section{
						position: relative;
						width: 100%;
						height: 0;
						font-family: lato, sans-serif;
						padding-top: 48%;
						background-position: center top;
						background-repeat: no-repeat;
						background-size: 100% auto;
						background-image: url('/wp-content/uploads/Beyer_HomepageFeatureImage_Desktop_BG.png');
					}
					@media (min-width: 992px){
						.homepage-feature-section{
							margin-bottom: -6.875%
						}
					}
					@media (min-width: 768px){
						.homepage-feature-section{
							margin-bottom: -4.25%
						}
					}
					@media (max-width: 767.98px){
						.homepage-feature-section-content-wrapper{
							position: absolute;
							top: 5%;
							left: 0;
							right: 0;
							bottom: 0;
							width: 100%;
							height: 100%;
							text-align: center;
						}
						.homepage-feature-section{
							padding-top: 100%;
							margin-bottom: -10%
							background-repeat: no-repeat;
							background-size: 100% auto;
							background-position: center bottom;
							background-image: url('/wp-content/uploads/Beyer-HomepageHero-mobile-bg-cropped.jpg');
						}
					}
					@media (max-width: 575.98px){
						.homepage-feature-section{
							/*padding-top: 111%;*/
						}
					}
					@media (max-width: 449.98px){
						.homepage-feature-section{
/* 							padding-top: 133%; */
						}
					}
					@media (max-width: 374.98px){
						.homepage-feature-section{
/* 							padding-top: 142%; */
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* homepage feature cta section styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.homepage-feature-cta.homepage-feature-cta--construction a::before{
						background-position-x: 0%;
					}
					.homepage-feature-cta.homepage-feature-cta--commercial a::before{
						background-position-x: 33.3333333%;
					}
					.homepage-feature-cta.homepage-feature-cta--engineering a::before{
						background-position-x: 66.6666667%;
					}
					.homepage-feature-cta.homepage-feature-cta--portfolio a::before{
						background-position-x: 100%;
					}
					.homepage-feature-cta a:hover::before{
						transform: translate( 0, -8px );
					}
					.homepage-feature-cta a::before{
						transition: all 0.3s ease-out;
						display: block;
						content: "";
						width: 151px;
						height: 132px;
						margin: auto;
						margin-bottom: 27px;
						background-repeat: no-repeat;
						background-position: left center;
						background-size: 400% 100%;
						background-image: url('/wp-content/uploads/Beyer_Icons_HomepageFeatureCTAs_Sprite.png');
					}
					.homepage-feature-cta a:hover span{
						background: #0e194a;
					}
					.homepage-feature-cta a span{
						background: #212d62;
						display: block;
						width: 100%;
						color: #fff;
						text-align: center;
						font-weight: 900;
						font-size: 19px;
						color: #fff;
						transition: background 0.3s;
						padding: 18px 9px;
						text-transform: uppercase;
					}
					.homepage-feature-cta a{
						display: block;
						margin: auto;
						width: 100%;
						max-width: 320px;
						margin-bottom: 51px;
						text-decoration: none;
					}
					@media (min-width: 992px) and (max-width: 1199.98px){
						.homepage-feature-cta a span{
							background: #212d62;
							display: block;
							width: 100%;
							color: #fff;
							text-align: center;
							font-weight: 900;
							font-size: 17px;
							color: #fff;
							transition: background 0.3s;
							padding: 18px 9px;
							text-transform: uppercase;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* main homepage content styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.home .content-area br.clear{
						display: none;
					}
					.home .content-wrapper{
						margin-bottom: 0;
						margin-top: 0;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.home .content-area,
					.homepage-section{
						text-align: center;
					}
					@media (min-width: 768px){
						.home .content-area,
						.homepage-section,
						.home h1{
							text-align: left;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					.home .content-area{
						padding-top: 48px;
						padding-bottom: 84px;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.accent-image--main-content img{
						display: block;
						width: 100%;
						max-width: 1600px;
						margin: auto;
					}
					@media (min-width: 992px){
						.accent-image--main-content img{
							box-shadow: 12px 12px 36px -2px rgba( 176,176,176,0.90 );
						}
						.accent-image--main-content::after{
							display: block;
							content: "";
							position: absolute;
							top: 2.5%;
							left: 1.25%;
							right: 1.25%;
							bottom: 2.5%;
							z-index: -1;
							background: transparent;
							box-shadow: 12px 12px 48px -2px rgba( 0,0,0,0.5625 );
						}
						.accent-image--main-content{
							position: relative;
							margin-top: 54px;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* homepage postscript cities & contact section styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* postscript cities styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.postscript-cities .ryno-cities .ryno-column li > a:hover{
						text-decoration: none;
						border-bottom: 3px solid #fff;
					}
					.postscript-cities .ryno-cities .ryno-column li > a{
						font-weight: 900 !important;
					}
					.ryno-bullets ul li::before {
						font-weight: 400;
						content: "\f3c5";
						font-family: "font awesome 5 pro";
						width: auto;
						margin: 0;
						padding: 0;
						text-indent: 0;
						margin-right: 0.25em;
						display: inline-block;
					}
					.ryno-bullets  ul li{
						padding-left: 1em;
						text-indent: -1em;
						line-height: 1.25;
						margin: 7px 0 9px;
					}
					.ryno-column{
						padding-left: 2.875em !important;
					 	padding-right: 0 !important;
					}
					.postscript-cities .ryno-cities .ryno-column {
						font-size: 20px;
					}
					.postscript-cities h3 {
						font-size: 42px;
						font-weight: 900;
						margin: 0;
						margin-bottom: 45px;
					}
					.postscript-cities{
						padding-top: 120px;
						padding-bottom: 120px;
					}
				/*-------------------------------------------------------------------------------------------------*/
					@media (max-width: 991.98px){
						.postscript-cities .ryno-cities .ryno-column li {
							font-size: 17px !important;
						}
						.postscript-cities .ryno-cities .ryno-column {
							font-size: 18px !important;
							padding-left: 1.75em !important;
						}
					}
					@media (max-width: 640px){
						.postscript-cities .ryno-cities .ryno-column {
							padding-left: 0 !important;
						}
					}
					@media (min-width: 768px) and (max-width: 991.98px){
						.postscript-cities .ryno-cities .ryno-column {
							padding-left: 5em !important;
						}
						.postscript-cities .ryno-cities .ryno-column {
							float: none;
							box-sizing: border-box;
						}
						.postscript-cities .ryno-row{
							max-height: 35em;
							flex-direction: column;
							flex-wrap: wrap;
							display: flex;
							align-items: center;
							justify-content: flex-start;
						}
						.postscript-cities .ryno-cities .ryno-column {
							flex: 0 0 43.75%;
							width: 50%;
							overflow: visible;
						}
					}
					@media (min-width: 641px) and (max-width: 767.98px){
						.postscript-cities .ryno-cities .ryno-column {
							padding-left: 3.25em !important;
						}
						.postscript-cities .ryno-cities .ryno-column {
							float: none;
							box-sizing: border-box;
						}
						.postscript-cities .ryno-row{
							max-height: 35em;
							flex-direction: column;
							flex-wrap: wrap;
							display: flex;
							align-items: center;
							justify-content: flex-start;
						}
						.postscript-cities .ryno-cities .ryno-column {
							flex: 0 0 43.75%;
							width: 50%;
							overflow: visible;
						}
					}
					@media (min-width: 576px) and (max-width: 767.98px){
						.postscript-cities .ryno-cities .ryno-column{
							padding-left: 3.50em !important;
						}
						.ryno-grid-4 .ryno-column{
							width: 50%;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					.and-more-link::before{
						display: none !important;
					}
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* postscript contact styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* custom contact section form field color scheme & sizing */
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.postscript-contact .select2-container--default .select2-selection--single .select2-selection__rendered,
						.postscript-contact .select2-container--default .select2-selection--single .select2-selection__arrow,
						.postscript-contact .select2-container--default .select2-selection--single::placeholder,
						.postscript-contact .select2-container--default .select2-selection--single,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text{
							background: transparent !important;
							color: #565656 !important;
							font-weight: 400 !important;
						}
						.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
						.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
						.postscript-contact .select2-container--default .select2-selection--single,
						.postscript-contact .select2-container--default .select2-selection--single .select2-selection__rendered
						{
							border-bottom: 2px solid #212d62;
							border-radius: 0 !important;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.postscript-contact .wpcf7-submit.btn-outline:hover {
							margin-top: 36px;
							color: #fff !important;
							background-color: #212d62 !important;
						}
						.postscript-contact .wpcf7-submit {
							margin-top: 36px;
							padding: 24px 36px;
							font-weight: 900;
							font-size: 25px;
							width: 375px;
							max-width: 100%;
							color: #212d62 !important;
						}
						.postscript-contact h2{
							font-size: 42px;
							font-weight: 900;
							margin: 0;
							margin-bottom: 21px;
						}
						.postscript-contact{
							padding-top: 96px;
							padding-bottom: 90px;
						}
						@media (max-width: 767.98px){
							.postscript-contact{
								padding-top: 90px;
								padding-bottom: 60px;
								background-repeat: no-repeat !important;
								background-size: cover !important;
								background-position: center center !important;
								background-image: url('/wp-content/uploads/Beyer_BG_ContactForm_Mobile.png') !important;
							}
						}
						@media (max-width: 767.98px){
							.postscript-contact .col-12 + .col-12{
								margin-top: 0;
							}
							.postscript-contact p:empty{
								display: none;
							}
							.postscript-contact h2{
								margin-bottom: 39px;
							}
							.postscript-contact .select2-container--default .select2-selection--single .select2-selection__rendered,
							.postscript-contact .select2-container--default .select2-selection--single .select2-selection__arrow,
							.postscript-contact .select2-container--default .select2-selection--single::placeholder,
							.postscript-contact .select2-container--default .select2-selection--single,
							.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text::placeholder,
							.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email.cf-text,
							.postscript-contact input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.cf-text,
							.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text::placeholder,
							.postscript-contact input.wpcf7-form-control.wpcf7-text.cf-text{
								margin-bottom: 1.625em;
								color: #282828 !important;
							}
						}
					/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
				/* fix contact form error message display issues */
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.postscript-contact form div.wpcf7-response-output{
							position: static;
							margin: 0;
							top: auto;
							left: auto;
							right: auto;
							bottom: auto;
						}
						.postscript-contact form span.wpcf7-not-valid-tip{
						    color: red;
						}
						.postscript-contact form .wpcf7-not-valid-tip{
						    width: 100%;
						}
						.postscript-contact form .wpcf7-validation-errors{
							color: red;

						}
						.wpcf7-not-valid-tip {
							text-align: left;
						    color: #dc3232;
						    font-size: 0.8125em;
						    font-weight: normal;
						    display: block;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.wpcf7 form .wpcf7-response-output{
							position: static;
							margin: 0;
							top: auto;
							left: auto;
							right: auto;
							bottom: auto;
						}
						.ryno-sidebar form .wpcf7-not-valid-tip {
							font-size: 12px;
							margin-bottom: -6px;
						}
						form .wpcf7-not-valid-tip {
						    color: red;
						    width: 100%;
						}
						.wpcf7-not-valid-tip {
							text-align: left;
						    color: #dc3232;
						    font-size: 0.8125em;
						    font-weight: normal;
						    display: block;
						}
					/*-------------------------------------------------------------------------------------------------*/
						.ryno-sidebar .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
							clear:right;
							float:right;
							max-width: 314px;
							background: #fff;
							line-height: 1;
							color: red;
							font-size: 15px;
							padding: 1.25em;
						}
						.ryno-sidebar form .wpcf7-not-valid-tip {
							font-size: 13.5px;
							margin-bottom: -7.5px;
						}
					/*-------------------------------------------------------------------------------------------------*/

				/*-------------------------------------------------------------------------------------------------*/
				/* normalize field spacing on sidebar form */
				/*-------------------------------------------------------------------------------------------------*/
					/*-------------------------------------------------------------------------------------------------*/
						.sidebar-form .select2-container--default .select2-selection--single,
						.sidebar-form .wpcf7-select,
						.sidebar-form .wpcf7-text{
							margin-bottom: 0;
						}
						.sidebar-form > .row > .col-12{
							margin-bottom: 16px;
						}
					/*-------------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* homepage seo content section styles */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* why choose us homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.why-choose-us::before{
						display: block;
						content: "";
						width: 578px;
						height: 592px;
						position: absolute;
						top: 50%;
						left: 0;
						transform: translate( -25%, -50% );
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						background-image: url('/wp-content/uploads/Beyer_Image_WhyChooseUsAccentImage_Desktop.png');
					}
					.why-choose-us{
						position: relative;
						border: none;
						padding-top: 111px;
						padding-bottom: 102px;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						background-image: url('/wp-content/uploads/Beyer_BG_WhyChooseUs_Desktop.png');
					}
					@media (max-width: 991.98px){
						.why-choose-us .why-choose-us--list-wrapper{
							padding: 36px;
							padding-top: 480px;
							padding-bottom: 64px;
							background-repeat: no-repeat;
							background-size: cover;
							background-position: center center;
							background-image: url('/wp-content/uploads/Beyer_BG_WhyChooseUs_Mobile.png');
						}
						.why-choose-us::before{
							top: 0;
							left: 50%;
							z-index: 1;
							transform: translate( -50%, 0 );
							background-image: url('/wp-content/uploads/Beyer_Image_WhyChooseUsAccentImage_Mobile.png');
						}
						.why-choose-us{
							padding-top: 150px;
							padding-bottom: 0;
							background-image: none;
							overflow: hidden;
						}
					}
					@media (min-width: 1200px){
						.why-choose-us::before{
							top: 50%;
							left: auto;
							right: 80%;
							z-index: 1;
							transform: translate( 0, -50% );
						}

					}
					@media (min-width: 1360px){
						.why-choose-us::before{
							top: 50%;
							left: auto;
							right: 75%;
							z-index: 1;
							transform: translate( 0, -50% );
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					@media (min-width: 1200px){
						.homepage-section.why-choose-us ul{
							columns: 2;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* experienced hvac homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					/* Grow */
					.experienced-hvac--cta-button a:hover, .experienced-hvac--cta-button a:focus, .experienced-hvac--cta-button a:active {
					  -webkit-transform: scale(1.1);
					  transform: scale(1.1);
					}
					.experienced-hvac--cta-button a{
					  -webkit-transform: perspective(1px) translateZ(0);
					  transform: perspective(1px) translateZ(0);
					  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
					}
				/*-------------------------------------------------------------------------------------------------*/
					.experienced-hvac--cta-button a span{
						color: #212d62;
					}
					.experienced-hvac--cta-button a:hover,
					.experienced-hvac--cta-button a{
						padding: 24px 36px;
						font-size: 19px;
						font-weight: 900;
						background-color: #fff !important;
					}
					.experienced-hvac--cta-button *,
					.experienced-hvac--cta-button{
						transition: all 0.3s;
					}
					.experienced-hvac--cta-button{
						margin-top: 51px;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.experienced-hvac--list-wrapper h5{
						text-align: left;
						font-weight: 900;
						color: #fff;
						font-size: 34px;
						line-height: calc( 44 / 34 );
					}
					.experienced-hvac--list-wrapper{
						box-shadow: 12px 12px 36px -2px rgba( 0,0,0,0.5625 );
						padding: 56px 64px;
						position: relative;
						top: 78px;
						text-align: left;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						background-image: url('/wp-content/uploads/Beyer_BG_ExperiencedHVAC_ListWrapper-compressed.png');
					}
					.experienced-hvac ul li a:hover{
						border-bottom: 3px solid #fff;
					}
					.experienced-hvac ul li a:hover,
					.experienced-hvac ul li a{
						text-decoration: none;
						color: #fff;
						font-weight: 900;
					}
					.experienced-hvac ul li::before,
					.experienced-hvac ul li{
						color: #fff;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.experienced-hvac blockquote{
						background-color: rgba( 33,45,98,0.36);
						color: #fff;
						font-weight: 700;
						margin-top: 42px;
						margin-bottom: 0;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.experienced-hvac{
						padding-top: 105px;
						padding-bottom: 0;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						background-image: url('/wp-content/uploads/Beyer_BG_ExperiencedHVAC_Desktop.png');
					}
					@media (max-width: 991.98px){
						.experienced-hvac blockquote{
							margin-top: 54px;
						}
						.experienced-hvac--list-wrapper{
							padding: 56px 36px;
						}
						.experienced-hvac{
							padding-top: 105px;
							position: relative;
							background-repeat: no-repeat;
							background-size: 100% auto;
							background-position: center bottom;
							background-image: url('/wp-content/uploads/Beyer_BG_ExperiencedHVAC_Mobile.png');
							position: relative
						}
						.experienced-hvac::after{
							display: block;
							content: "";
							z-index: 0;
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							background-image: linear-gradient( to bottom, rgba( 255,255,255,1) 2%, rgba( 255,255,255,0.4375) 62.5%, rgba( 255,255,255,0) 100% );
						}
						.experienced-hvac > .container{
							position: relative;
							z-index: 1;
						}
					}
					@media (max-width: 767.98px){
						.experienced-hvac--cta-button .btn{
							white-space: normal;
							line-height: 1.25;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* exceptional service homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.exceptional-service{
						margin-top: -54px;
						padding-top: 159px;
						padding-bottom: 78px;
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						background-image: url('/wp-content/uploads/Beyer_BG_ExceptionalService_Desktop.png');
					}
					@media (min-width: 992px) and (max-width: 1599.98px){
						.exceptional-service{
							background-repeat: no-repeat;
							background-size: auto 100%;
							background-position: 25% center;
						}
					}
					@media (max-width: 991.98px){
						.exceptional-service{
							margin-bottom: -3.75%;
							padding-top: 162px;
							margin-top: 0;
							padding-bottom: 81%;
							background-repeat: no-repeat;
							background-size: 100% auto;
							background-position: center 100%;
							background-image: url('/wp-content/uploads/Beyer_BG_ExceptionalService_Mobile-compressed.png');
						}
					}
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* commercial comfort homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.commercial-comfort .callout-block::after{
						display: block;
						content: "";
						position: absolute;
						top: 100%;
						left: 50%;
						transform: translate( -50%, calc( -50% + (12px / 2) ) );
						width: 98px;
						height: 63px;
						box-sizing: content-box;
						border: 12px solid #fff;
						border-width: 0 12px;
						background-color: #fff;
						background-image: url('/wp-content/uploads/Beyer_BG_Logo_Ornament_98x63.png')
					}
					.commercial-comfort .callout-block{
						text-align: center;
						position: relative;
						padding: 51px;
						background: #fff;
						border: 12px solid #212d62;
					}
					@media (max-width: 575.98px){
						.commercial-comfort .callout-block{
							border: 12px solid #212d62;
							padding: 51px 24px;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
					.commercial-comfort{
						padding-top: 90px;
						padding-bottom: 111px;
					}
					@media (max-width: 991.98px){
						.commercial-comfort{
							padding-top: 0px;
							padding-bottom: 96px;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* homepage section styles */
			/*-------------------------------------------------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/
		/*-------------------------------------------------------------------------------------------------*/
		/* internal page css style specifications */
		/*-------------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------------*/
			/* service areas page styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.page-id-767 .content-wrapper article p{
						margin-bottom: 0;
					}
					.page-id-767 .content-wrapper{
						margin-bottom: 0;
					}
				/*-------------------------------------------------------------------------------------------------*/
					.page-id-767 .postscript-cities ul li a:hover{
						border-color: #212d62 !important;
					}
					.page-id-767 .postscript-cities ul li{
						margin: 0 !important;
						margin-bottom: 0.75em !important;
					}
					.page-id-767 .postscript-cities h3{
						display: none !important;
					}
					.page-id-767 .postscript-cities *{
						color: #212d62 !important;
					}
					.page-id-767 .postscript-cities{
						padding-top: 0;
						background-image: none !important;
						background-color: transparent !important;
					}
					.page-id-767 .postscript-cities.d-none{
						display: block !important;
					}
					@media (min-width: 1200px){
						.page-id-767 .postscript-cities ul{
							padding-left: 1.5625em !important
						}
					}
					@media (min-width: 992px) and (max-width: 1199.98px){
						.page-id-767 .postscript-cities ul li{
							font-size: 18px;
						}
						.page-id-767 .postscript-cities ul{
							padding-left: 1.375em !important;
						}
						.page-id-767 .ryno-cities{
							max-width: 90%;
							margin: auto;
							padding-right: 0.75em;
						}
					}
				/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/

			/*-------------------------------------------------------------------------------------------------*/
			/* gallery page styles */
			/*-------------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------------*/
					.modal-title {
					    display: none;
					}
					#image-gallery .modal-footer {
					    display: flex;
					    align-items: flex-start;
					    justify-content: space-between;
					}
					.thumb {
					    margin-top: 15px;
					    margin-bottom: 15px;
					}
					.thumbnail {
					    display: flex;
					}
					.img-thumbnail {
					    height: auto;
					    max-height: 160px;
					    width: 100%;
					    max-width: 210px;
					    object-fit: cover;
					    margin: auto;
					}
				/*-------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------*/
/* end */


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: #212d62!important;
    margin-top: 20px!important;
}


body.mobile-sticky {
	overflow: hidden;
}