/*
 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("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/static/optimized/rev-542948f/petersassociateshvac.com/wp-content/themes/theme-3/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
.smaller .header-logo img {
	width: auto;
}

html {
	max-width: 100vw !important;
	overflow-x: hidden;
}

.content-area ul:not(.accordion) {
	margin-bottom: 20px;
}

.sidebar-form input[type=submit] {
	width: 180px;
}

.social-icons a {
	font-size: .8rem;
}

.ornament img {
	max-width: 85px;
	padding: 5px;
}

.ornament-line {
	top: -33px;
}

a.hover-opacity:hover img {
	-webkit-filter: opacity(.5);
	filter: opacity(.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.button {
	height: 48px;
	line-height: 48px;
}

.button.large {
	height: 58px;
	line-height: 58px;
	font-size: 24px;
	padding: 0 40px;
}

.accordion {
	margin-bottom: 30px;
	margin-left: 0;
}

.accordion .accordion-navigation>a {
	background: #e3421a;
	color: #fff;
	font-size: 24px;
	position: relative;
}

.accordion .accordion-navigation>a:hover, .accordion .accordion-navigation.active>a {
	background: #000;
}

.accordion .accordion-navigation.active a:after {
	content: "-";
	position: absolute;
	right: 30px;
	top: 8px;
	font-size: 2rem;
}

.accordion .accordion-navigation a:after {
	content: "+";
	position: absolute;
	right: 30px;
	top: 8px;
	font-size: 2rem;
}

.accordion-navigation.active > p {
	display: none;
}

.accordion .content.active {
	border: 1px solid #85d6e7;
	padding: 20px 30px;
}

.home .content-area ul:not(.accordion) {
	margin-left: 27px;
}

.home .content-area ul:not(.accordion) li::before {
	margin-left: -20px;
	margin-right: 8px;
}

.trust-branding-logos {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.trust-branding-logos div {
	margin: 10px 30px;
}

.review-logos {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

.review-logos div {
	margin: 10px;
}

.page-header {
	padding-top: 90px;
	padding-bottom: 160px;
	position: relative;
}

.page-header h1 {
	color: #000;
	font-size: 50px;
	font-weight: 700;
	max-width: 62.5rem;
	margin: 0 auto;
	padding: 0;
	text-transform: capitalize;
}

.page-header + .content-wrapper {
	margin-top: -6%;
	padding-top: 9%;
	padding-bottom: 6%;
	background: linear-gradient(to bottom, #65cbe1 0%, #fff 10%, #fff 100%);
}

h2, h3, h4, h5, h6 {
	font-weight: 700;
	text-transform: capitalize;
}

.header {
	padding: 0;
}

.header-region {
	max-width: 62.5rem;
	margin: 0 auto;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 25px 0 45px;
}

.header-box {
	-webkit-flex-basis: 34%;
	flex-basis: 34%;
}

.header-text {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
	color: #e4491d;
	margin-top: 5px;
	margin-bottom: 10px;
}

.header-text span {
	display: block;
}

.header-text svg {
	float: left;
	margin: 2px 7px 25px 0;
}

.phone-number {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	text-transform: uppercase;
}

.header .button {
	border: 2px solid #fff;
}

.header .button img {
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.nav-bar {
	background: transparent !important;
}

.nav {
	padding-left: 0;
	padding-right: 0;
}

#intro-section {
	position: relative;
}

.lennox-system {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: 0 auto;
}

#ctas-section {
	background: linear-gradient(to bottom, #65cbe1 0%, #fff 50%, #fff 100%);
	margin-top: -10%;
	padding-top: 16%;
	padding-bottom: 60px;
}

.ctas-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.cta-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 265px;
	height: 395px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.cta-box.heating {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/heating-cta-bg.png");
}

.cta-box.heating.nitro-lazy {
	background-image: none !important;
}

.cta-box.cooling {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/cooling-cta-bg.png");
}

.cta-box.cooling.nitro-lazy {
	background-image: none !important;
}

.cta-box.smart-home {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/smart-home-cta-bg.png");
}

.cta-box.smart-home.nitro-lazy {
	background-image: none !important;
}

.cta-box.water-heaters {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/water-heaters-cta-bg.png");
}

.cta-box.water-heaters.nitro-lazy {
	background-image: none !important;
}

.cta-box:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.cta-title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase;
	color: #fff;
	max-width: 150px;
	margin: 0 auto;
	text-align: center;
}

.home .content-wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

.homepage-content h1 {
	font-size: 40px;
	margin-bottom: 0;
}

.homepage-content h1 span {
	display: block;
}

.homepage-content h1 + .underline {
	max-width: 350px;
	height: 8px;
	margin: 0 auto 30px;
	background-color: #85d6e7;
}

.homepage-content h2 {
	font-size: 36px;
	margin-bottom: 25px;
}

.homepage-content h3 {
	font-size: 28px;
	margin-bottom: 25px;
}

.homepage-content ul li {
	line-height: 1.9;
}

.homepage-content.one {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/starburst-slanted-with-van-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 816px;
}

.homepage-content.one.nitro-lazy {
	background-image: none !important;
}

.homepage-content.one > .row {
	padding-top: 10%;
}

.homepage-content.two {
	padding-top: 30px;
	padding-bottom: 220px;
}

.homepage-content.two p {
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 0;
}

.homepage-content.two img {
	margin: 0 40px;
}

.homepage-content.three {
	background-color: #347ed3;
}

.homepage-content.three h3 {
	margin-top: 50px;
}

.text-wrapper {
	max-width: 1000px;
	padding: 45px 70px;
	margin: 0 auto;
	position: relative;
	top: -100px;
	background-color: #347ed3;
	border-radius: 10px;
}

.services-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-top: -100px;
}

.services-box {
	-webkit-flex-basis: 25%;
	flex-basis: 25%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding: 0 60px 85px;
}

.services-box.air-flow {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/airflow-services-bg.jpg");
}

.services-box.air-flow.nitro-lazy {
	background-image: none !important;
}

.services-box.heating {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/heating-services-bg.jpg");
}

.services-box.heating.nitro-lazy {
	background-image: none !important;
}

.services-box.systems {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/system-services-bg.jpg");
}

.services-box.systems.nitro-lazy {
	background-image: none !important;
}

.services-box.smart-house {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/smart-house-services-bg.jpg");
}

.services-box.smart-house.nitro-lazy {
	background-image: none !important;
}

.services-list li {
	font-size: 19px;
	line-height: 1.9;
}

.services-list ul li:before {
	content: "" !important;
	font-weight: 400 !important;
	color: #fff !important;
}

.services-img {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 88px;
	margin-bottom: 30px;
}

.services-box ul {
	margin: 0 auto !important;
}

.services-box.air-flow ul {
	max-width: 250px;
}

.services-box.heating ul {
	max-width: 140px;
}

.services-box.systems ul {
	max-width: 230px;
}

.services-box.smart-house ul {
	max-width: 260px;
}

.homepage-content.four {
	padding-top: 110px;
	background: linear-gradient(to bottom, #bebebe 0%, #fff 100%);
}

.homepage-content.four h3 {
	color: #000;
}

.homepage-content.four .row > img {
	position: absolute;
	right: 4%;
}

.homepage-content.four p {
	max-width: 615px;
}

.homepage-content.four h2 + a img {
	margin-bottom: 20px;
}

.homepage-content.four ul li:before {
	content: "" !important;
	font-weight: 400 !important;
	color: #e25219 !important;
}

.standout {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500;
	max-width: 640px;
	margin-bottom: 45px;
}

.homepage-content.five {
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/slanted-orange-bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 565px;
}

.homepage-content.five.nitro-lazy {
	background-image: none !important;
}

.homepage-content.five > .row {
	padding-top: 160px;
	max-width: 800px;
}

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white ul {
	color: #fff;
}

.postscript-contact h2, .postscript-cities h3 {
	font-size: 50px;
	line-height: .82;
	font-weight: 700;
	color: #347ed3 !important;
	text-transform: capitalize;
}

.postscript-contact {
	padding-top: 0;
	height: 518px;
}

.contact-header {
	max-width: 805px;
	margin: 0 auto;
	background-color: #85d6e7;
	border-radius: 10px;
	padding: 30px 0 0;
}

.contact-wrapper {
	position: relative;
	top: -90px;
}

.contact-wrapper .row {
	max-width: 450px;
	margin: 0 auto;
}

.postscript-contact h2 {
	margin-bottom: 20px;
}

.postscript-cities {
	min-height: 475px;
	padding-top: 60px;
	padding-bottom: 200px;
}

.postscript-cities h3 {
	margin-bottom: 40px;
}

.ryno-cities .ryno-column {
	padding-left: 45px;
}

.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 select.wpcf7-form-control.wpcf7-select {
	background-color: #c2ebf3 !important;
	color: #494949;
	height: 46px;
	margin-bottom: 10px;
}

.postscript-contact .wpcf7-submit {
	margin-top: 10px;
}

.ryno-cities .ryno-column li, .ryno-cities .ryno-column li > a {
	font-size: 18px;
}

.ryno-cities .ryno-column li > a {
	-webkit-transition: none;
	transition: none;
}

.ryno-cities .ryno-column li > a:hover {
	border-bottom: 3px solid #000;
}

.ryno-bullets li:before {
	font-family: "Font Awesome 5 Pro";
	content: "";
	font-weight: 600;
}

.footer-main {
	padding: 0;
}

.footer-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 62.5rem;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 60px;
}

.footer-title {
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 15px;
}

p.footer-address {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.footer-phone {
	font-size: 24px;
	font-weight: 700;
	color: #e25219 !important;
}

.footer-main ul {
	list-style-type: none;
	position: relative;
	left: 5px;
}

.footer-main ul li {
	float: none;
	width: 100%;
	font-size: 16px;
	margin-bottom: 17px;
}

.footer-main ul li a {
	font-weight: 400;
}

.footer-main ul li a:hover span {
	color: #e25219 !important;
}

#menu-footer-menu > li > a:before {
	font-family: "Font Awesome 5 Pro";
	content: "";
	font-size: 12px;
	font-weight: 600;
	position: relative;
	top: -1px;
	right: 5px;
}

.custom-social-icons {
	position: relative;
	left: -12px;
	padding-top: 5px;
	padding-bottom: 40px;
}

.custom-social-icons a {
	font-size: 26px;
}

.custom-social-icons .fa-inverse {
	color: #347ed3;
}

.custom-social-icons .fa-inverse:hover {
	color: #e25219;
}

p.copyright {
	padding-top: 0;
}

.copyright a {
	color: #000 !important;
}

.site-by {
	display: inline;
}

.main-contact-form div>label, .main-contact-form legend {
	background-color: transparent;
}

.main-contact-form fieldset {
	border-color: #aaa;
}

.page-template-page-contact .footer-main {
	background: transparent !important;
	background-color: transparent !important;
	background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/footer-bg.png") !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: cover !important;
	margin-top: -60px;
}

.page-template-page-contact .footer-main.nitro-lazy {
	background-image: none !important;
}

.page-template-page-contact .footer-wrapper {
	padding-top: 170px;
	padding-bottom: 20px;
}

.postscript-contact div.wpcf7 .ajax-loader {
	display: block;
}

.content-area ul.pricing-table {
	margin-left: 0;
}

ul.pricing-table .title {
	font-family: "Poppins", sans-serif;
	font-size: 1.2rem;
}

ul.pricing-table li::before {
	display: none;
}

/* VERTICAL TIMELINE ON ABOUT US PAGE */
* {
	box-sizing: border-box;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: "";
	position: absolute;
	width: 6px;
	background-color: #77d1e5;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
.container {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
}

/* The circles on the timeline */
.container::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12.5px;
	background-color: #77d1e5;
	border: 4px solid #ff9f55;
	top: 20px;
	border-radius: 50%;
	z-index: 1;
}

/* Place the container to the left */
.about-left {
	left: 0;
}

/* Place the container to the right */
.about-right {
	left: 50%;
}

/* Add arrows to the left container (pointing right) */
.about-left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid #77d1e5;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #77d1e5;
}

/* Add arrows to the right container (pointing left) */
.about-right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid #77d1e5;
	border-width: 10px 10px 10px 0;
	border-color: transparent #77d1e5 transparent transparent;
}

/* Fix the circle for containers on the right side */
.about-right::after {
	left: -12.5px;
}

/* The actual content */
.content {
	padding: 20px 30px;
	background-color: #77d1e5;
	position: relative;
	border-radius: 6px;
}

#gallery-2 .gallery-item, #gallery-3 .gallery-item {
	float: none !important;
	margin-top: 0 !important;
	width: 100% !important;
}

#gallery-2 img, #gallery-3 img {
	border: 0 !important;
}

.custom-gallery {
	-moz-column-width: 270px;
	column-width: 270px;
	text-align: center;
}

.custom-gallery img {
	display: block;
	margin: 0 auto;
}

.custom-gallery br {
	display: none;
}

body.employment section {
	width: 100%;
}

body.employment section br {
	display: none;
}

body.employment aside {
	display: none;
}

#announcement-modal.reveal-modal {
	border: 0;
	background: #000;
	max-width: 500px;
	top: 150px;
}

#announcement-modal img {
	width: 250px;
}

#announcement-modal h2 {
	color: #fff;
}

.postscript-cities .rsa-abc-template__row {
	column-count: 3;
}

.postscript-cities .rsa-abc-template {
	padding: 0;
}

.postscript-cities .rsa-abc-template__heading {
	font-weight: 700;
	font-size: 44px;
}

.postscript-cities .rsa-abc-template__icon {
	color: #000;
}

.postscript-cities .rsa-abc-template__city {
	font-size: 18px;
	padding: 0;
	margin-left: 10%;
}

.postscript-cities .rsa-abc-template__link {
	color: #000;
	font-weight: 900;
	transition: all 0s;
}

.postscript-cities .rsa-abc-template__link:hover {
	border-bottom: 3px solid #000;
}

.rsa-interiorpage .rsa-abc-template__icon {
	color: #e3421a;
}

.footer-main .footer-phone a {
	color: #e3421a;
}

.footer-main .footer-phone a:hover {
	color: #000;
}

@media screen and (min-width: 992px) {
	.postscript-cities .rsa-abc-template__row {
		column-count: 4;
	}
}

@media screen and (min-width: 1025px) {
	.header-wrapper {
		position: fixed;
		width: 100%;
	}
	
	.spacer {
		padding-top: 227px;
	}
	
	.smaller.header-wrapper {
		filter: drop-shadow(0 0 30px #333);
	}
	
	.smaller .header-region {
		-webkit-align-items: center;
		align-items: center;
		padding: 15px 0 0;
	}
	
	.smaller .header-text {
		display: none !important;
	}
	
	.smaller .header-logo img {
		height: 65px;
	}
	
	#menu-main-menu a {
		font-size: 17px;
		font-weight: 600;
	}
	
	#menu-main-menu > li.has-dropdown > ul {
		top: 56px;
	}
	
	#menu-main-menu > li.has-dropdown > ul > li > a {
		font-size: 14px;
		font-weight: 600;
	}
}

@media screen and (min-width: 1615px) {
	#intro-section {
		background-size: cover;
	}
	
	.homepage-content.one {
		background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/starburst-orange-bg.jpg");
		min-height: 556px;
		padding: 85px 0 150px;
		position: relative;
	}
	
	.homepage-content.one.nitro-lazy {
		background-image: none !important;
	}
	
	.homepage-content.one > .row {
		padding-top: 0;
	}
	
	.peters-van {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: -21px;
	}
	
	.peters-van img {
		-webkit-transform: rotate(4.5deg);
		transform: rotate(4.5deg);
	}
	
	.homepage-content.two {
		padding-top: 80px;
	}
}

@media screen and (max-width: 1614px) {
	.lennox-system {
		width: 500px;
	}
	
	.peters-van {
		display: none;
	}
	
	.services-box {
		padding: 0 40px 60px;
	}
	
	.services-list li {
		font-size: 17px;
	}
}

@media screen and (max-width: 1450px) {
	.homepage-content.four .row > img {
		max-width: 450px;
	}
}

@media screen and (max-width: 1250px) {
	.lennox-system {
		width: 350px;
	}
	
	.homepage-content.four p, .standout {
		max-width: 500px;
	}
	
	.homepage-content.four .row > img {
		margin-top: 100px;
	}
}

@media screen and (max-width: 1024px) {
	/* This serction was moved from the max-width: 639px section */
	.header-wrapper {
		margin-top: 63px;
	}
	
	.nav-bar {
		position: fixed;
		top: 0;
		width: 100%;
		max-height: 100%;
		overflow-y: auto;
		background-color: #000 !important;
		filter: drop-shadow(0 0 10px #333);
	}
	
	.header {
		padding: 45px 0;
	}
	
	.header-cta, .phone-wrapper {
		margin-top: 30px;
	}
	
	.phone-wrapper img {
		display: none;
	}
	
	.header-logo {
		margin-bottom: 0;
	}
	
	.header-logo .button {
		margin-top: 25px;
	}
	
	.header-bar {
		background-color: #000;
	}
	
	.header-bar-wrapper {
		max-width: 265px;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	.header-bar .header-text:nth-of-type(1) {
		font-size: 19.45px;
		color: #e4491d;
	}
	
	.header-bar .header-text:nth-of-type(2) {
		color: #fff;
		margin-top: 20px;
	}
	
	/* End section */
	.page-header + .content-wrapper {
		margin-top: -9%;
		padding-top: 14%;
	}
	
	.header-region {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		max-width: 560px;
		padding: 0;
	}
	
	.header-cta {
		-webkit-order: 1;
		order: 1;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
	}
	
	.header-logo {
		-webkit-order: 0;
		order: 0;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
	
	.phone-wrapper {
		-webkit-order: 2;
		order: 2;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
	}
	
	.header .header-text {
		color: #000;
	}
	
	.lennox-system {
		width: 280px;
	}
	
	#ctas-section {
		padding-top: 23%;
	}
	
	.ctas-wrapper {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.homepage-content.one > .row {
		padding-top: 22%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.homepage-content.one p {
		margin-bottom: 480px;
	}
	
	.homepage-content.two {
		padding-top: 0;
	}
	
	.text-wrapper {
		max-width: 670px;
	}
	
	.services-wrapper {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.services-box {
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		padding: 40px;
	}
	
	.services-box.heating {
		-webkit-order: 0;
		order: 0;
	}
	
	.services-box.air-flow {
		-webkit-order: 1;
		order: 1;
	}
	
	.services-box.systems {
		-webkit-order: 2;
		order: 2;
	}
	
	.services-box.smart-house {
		-webkit-order: 3;
		order: 3;
	}
	
	.homepage-content.four p, .standout {
		max-width: 100%;
	}
	
	.homepage-content.four .row {
		position: relative;
	}
	
	.homepage-content.four .row > img {
		width: 250px;
		right: 7%;
		bottom: -25%;
	}
	
	.homepage-content.five {
		padding-bottom: 15%;
	}
	
	.homepage-content.five > .row {
		padding-top: 210px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.contact-header {
		max-width: 580px;
	}
	
	.ryno-row {
		max-width: 640px;
	}
	
	.ryno-cities .ryno-column {
		padding-left: 25px;
		width: auto;
	}
	
	.ryno-cities .ryno-column li, .ryno-cities .ryno-column li > a {
		font-size: 15px;
	}
	
	.footer-wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.site-by {
		display: block;
	}
}

@media screen and (max-width: 700px) {
	.ryno-cities .ryno-column {
		padding-left: 12px;
	}
	
	.ryno-bullets li:before {
		content: "";
	}
}

@media screen and (max-width: 639px) {
	.content-area ul:not(.accordion) li::before {
		margin-left: -20px;
	}
	
	.content-area .medium-6:first-of-type ul, .content-area .medium-4:not(last-of-type) ul, .content-area .medium-3:not(last-of-type) ul {
		margin-bottom: 0;
	}
	
	.error404 .button.large {
		margin-bottom: 10px;
	}
	
	.button.large {
		height: auto;
		line-height: initial;
		padding: 15px 25px;
	}
	
	.columns, .column {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page-header {
		padding-top: 50px;
		padding-bottom: 75px;
	}
	
	.page-header + .content-wrapper {
		padding-top: 20%;
	}
	
	h1, .home h1, .page-header h1, .single-post-h2 {
		font-size: 34px;
	}
	
	h2 {
		font-size: 30px;
	}
	
	#ctas-section {
		margin-top: -20%;
		padding-top: 30%;
		padding-bottom: 10%;
	}
	
	.cta-box {
		width: 150px;
		height: 222px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.cta-title {
		font-size: 24px;
	}
	
	.homepage-content h2 {
		font-size: 30px;
	}
	
	.homepage-content.one {
		background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/starburst-slanted-with-van-bg-mobile.png");
		background-position: center;
	}
	
	.homepage-content.one.nitro-lazy {
		background-image: none !important;
	}
	
	.homepage-content.one > .row {
		padding-top: 40%;
		padding-bottom: 0;
	}
	
	.homepage-content.one p {
		margin-bottom: 220px;
	}
	
	.homepage-content.two {
		padding-top: 10%;
		padding-bottom: 25%;
	}
	
	.homepage-content.two img {
		margin: 0 40px 20px;
	}
	
	.homepage-content.two p {
		font-size: 20px;
	}
	
	.homepage-content.three h2 {
		display: inline-block;
		border-radius: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: -100px;
		background-color: #0d82d2;
	}
	
	.text-wrapper {
		position: initial;
		padding: 45px 25px;
	}
	
	.services-box {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
	
	.services-box.air-flow {
		-webkit-order: 0;
		order: 0;
	}
	
	.services-box.air-flow ul {
		max-width: 210px;
		margin: 0 auto 75px;
	}
	
	.services-box.heating {
		-webkit-order: 1;
		order: 1;
	}
	
	.services-box.heating ul {
		max-width: 120px;
		margin: 0 auto 50px;
	}
	
	.services-box.systems ul {
		max-width: 190px;
		margin: 0 auto 120px;
	}
	
	.services-box.smart-house ul {
		max-width: 230px;
		margin: 0 auto 50px;
	}
	
	.homepage-content.four {
		padding-top: 15%;
	}
	
	.homepage-content.four h2 {
		text-align: center;
	}
	
	.homepage-content.four .row > img {
		position: initial;
		margin: 0 auto -150px;
		padding-top: 30px;
	}
	
	.homepage-content.five {
		padding-bottom: 20%;
	}
	
	.postscript-contact {
		background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/contact-section-bg-mobile.jpg") !important;
		padding-top: 40px;
		padding-bottom: 0;
		height: auto;
	}
	
	.postscript-contact.nitro-lazy {
		background-image: none !important;
	}
	
	.postscript-contact h2, .postscript-cities h3 {
		font-size: 36px;
	}
	
	.contact-header {
		max-width: 320px;
		padding: 15px 0;
	}
	
	.contact-header {
		max-width: 330px;
		padding: 15px 0;
	}
	
	.postscript-contact .header-text {
		margin-bottom: 5px;
	}
	
	.footer-main {
		background: transparent !important;
		background-image: url("https://cdn-ilagafd.nitrocdn.com/wDjKzGLMabSDojNqqaiCrJUJWjTuHxEn/assets/images/optimized/rev-8f4b031/petersassociateshvac.com/wp-content/uploads/footer-bg-mobile.png") !important;
		background-repeat: no-repeat !important;
		background-position: center top !important;
		margin-top: -60px;
		background-color: transparent;
	}
	
	.footer-main.nitro-lazy {
		background-image: none !important;
	}
	
	.footer-wrapper {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 120px;
	}
	
	.footer-wrapper .footer-box:nth-of-type(1) {
		-webkit-order: 1;
		order: 1;
	}
	
	.footer-wrapper .footer-box:nth-of-type(2) {
		-webkit-order: 0;
		order: 0;
	}
	
	.footer-wrapper .footer-box:nth-of-type(3) {
		-webkit-order: 2;
		order: 2;
	}
	
	.footer-box {
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
	}
	
	.custom-social-icons {
		position: initial;
	}
	
	.custom-social-icons a {
		font-size: initial;
	}
	
	.custom-social-icons .fa-stack {
		font-size: 26px;
	}
	
	.footer-bottom {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.site-by {
		display: inline;
	}
	
	body.testimonials .panel strong + img {
		float: right;
		margin: 3px 0 0 7px;
	}
}

@media screen and (max-width: 600px) {
	/* Place the timelime to the left */
	.timeline::after {
		left: 31px;
	}
	
	/* Full-width containers */
	.container {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}
	
	/* Make sure that all arrows are pointing leftwards */
	.container::before {
		left: 60px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;
	}
	
	/* Make sure all circles are at the same spot */
	.about-left::after, .about-right::after {
		left: 15px;
	}
	
	/* Make all right containers behave like the left ones */
	.about-right {
		left: 0%;
	}
}

@media print {
	a[href]:after {
		content: none !important;
	}
	
	button {
		display: none !important;
	}
}

.wpcf7 p {
	margin: 0 !important;
}

#ctas-section {
	background: linear-gradient(to bottom, #72cce4 0%, #72cce4 30%, #fff 70%, #fff 100%);
}