 

<style type="text/css">
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}


/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* RYNO Styles */
body {
  background: #ffffff;
  font-size: 0.875rem;
  font-family: 'Montserrat', sans-serif; !important;
  color: #383838;
}

.content-area p,
.content-area div,
.content-area ul {
  font-size: 1.095rem;
  line-height: 1.55rem;
}

.clear {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;;
  font-weight: bold;
  margin-top: 0;
}

h1,
h2.blog-title {
  color: #ffffff;
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 2.25rem;
  text-align: center;
}

.content-area h1 {
  color: #242424;
  font-size: 2.15rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: left;
}

h1.home-title {
  color: #242424;
  font-size: 2.55rem;
  font-weight: bold;
  line-height: 2.95rem;
  margin-bottom: 20px;
  text-align: left;
}

h2 {
  color: #242424;
  font-size: 1.95rem;
  line-height: 2.35rem;
  margin-bottom: 10px;
}

h3 {
  color: #242424;
  font-size: 1.375rem;
  font-weight: bold;
}

h4 {
  color: #dd3333;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.25em;
}

h5 {
  color: #81d742;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25em;
}

h6 {
  color: #1e73be;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.25em;
}

p, 
ul,
ol {
  font-size: 0.875rem;
  line-height: 1.190rem;
}

a,
a:link,
a:visited {
  color: #dc0021;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
}

a:hover {
  color: #be0003;
}

a.btn,
button,
.button {
  border-radius: 3px;
  color: #ffffff !important;
  display: block;
  font-family: 'Roboto', sans-serif;;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  width: 100%;
}

a.btn-default,
button,
.button {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #dc0021 0%, #b40000 100%);
  background: -webkit-linear-gradient(top,  #dc0021 0%, #b40000 100%);
  background: linear-gradient(to bottom,  #dc0021 0%, #b40000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0021', endColorstr='#c8000d',GradientType=0 );
}

a.btn-secondary,
button.secondary,
.button.secondary {
  background: #111599;
  background: -moz-linear-gradient(top,  #111599 0%, #000071 100%);
  background: -webkit-linear-gradient(top,  #111599 0%, #000071 100%);
  background: linear-gradient(to bottom,  #111599 0%, #000071 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111599', endColorstr='#000185',GradientType=0 );
}

a.btn-alert,
button.alert,
.button.alert {
  background: #f0081e;
  background: -moz-linear-gradient(top,  #f0081e 0%, #c80000 100%);
  background: -webkit-linear-gradient(top,  #f0081e 0%, #c80000 100%);
  background: linear-gradient(to bottom,  #f0081e 0%, #c80000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0081e', endColorstr='#dc000a',GradientType=0 );
}

a.btn-default:hover,
button:hover,
.button:hover,
a.btn-default:focus,
button:focus,
.button:focus {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #b40000 0%, #dc0021 100%);
  background: -webkit-linear-gradient(top,  #b40000 0%,#dc0021 100%);
  background: linear-gradient(to bottom,  #b40000 0%,#dc0021 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40000', endColorstr='#dc0021',GradientType=0 );
}

a.btn-secondary:hover,
button.secondary:hover,
.button.secondary:hover {
  background: #000185;
  background: -moz-linear-gradient(top,  #000071 0%, #111599 100%);
  background: -webkit-linear-gradient(top,  #000071 0%,#111599 100%);
  background: linear-gradient(to bottom,  #000071 0%,#111599 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000071', endColorstr='#111599',GradientType=0 );
}

a.btn-alert:hover,
button.alert:hover,
.button.alert:hover {
  background: #dc000a;
  background: -moz-linear-gradient(top,  #c80000 0%, #f0081e 100%);
  background: -webkit-linear-gradient(top,  #c80000 0%,#f0081e 100%);
  background: linear-gradient(to bottom,  #c80000 0%,#f0081e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c80000', endColorstr='#f0081e',GradientType=0 );
}

form input.cf-text,
form .cf-textarea,
form select {
  border: 1px solird #ccc;
  box-shadow: none;
}

form select {
  background-color: #fff !important;
}

form textarea {
  resize: none;
}

textarea[rows] {
  height: 0;
}

div.wpcf7 img.ajax-loader {
  bottom: 0;
  position: absolute;
}

div.wpcf7-response-output {
  bottom: -5px;
  margin: 0;
  position: absolute;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  margin: 0;
}

form p {
  margin-bottom: 1rem;
}

.wpcf7-not-valid-tip {
  width: 10rem;
}

::-webkit-input-placeholder {
 color: #ffffff;
 opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
 color: #ffffff;  
 opacity: 1;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #ffffff;  
 opacity: 1;
}

:-ms-input-placeholder {  
 color: #ffffff;   
 opacity: 1;
}

/* Sink */
.hvr-sink {
  position: relative;
  margin-top: 0;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  margin-top: 8px !important; 
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
}
  
/* Header */
.header {
  background-color: #ffffff;
  background-image: url();
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 1.1875rem 0rem ;
}

.header__phone {
	text-align: center;
}

.header__phone p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

.header__phone strong {
	color: #dc0021;
}

.header__phone span {
	display: inline-block;
	margin-right: 15px;
}

.top-cta-btn {
  margin-bottom: 1.5rem }

.top-cta-btn a {
  background: #111599;
  background: -moz-linear-gradient(top,  #111599 0%, #dc0021 100%);
  background: -webkit-linear-gradient(top,  #111599 0%,#dc0021 100%);
  background: linear-gradient(to bottom,  #111599 0%,#dc0021 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111599', endColorstr='#dc0021',GradientType=0 );
  border: 1px solid #00007b;
  border-radius: 5px;
  -moz-box-shadow:
	0px -1px 3px rgba(190,255,255,0.5), 
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  -webkit-box-shadow:
	0px -1px 3px rgba(190,255,255,0.5),
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  box-shadow:
	0px -1px 3px rgba(190,255,255,0.5),
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  display: block;
  padding: 0.1875rem 0rem ;
}

.top-cta-btn a:hover {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #dc0021 0%, #111599 100%);
  background: -webkit-linear-gradient(top,  #dc0021 0%,#111599 100%);
  background: linear-gradient(to bottom,  #dc0021 0%,#111599 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0021', endColorstr='#111599',GradientType=0 );
}

.top-cta-btn a:active {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #b40000 0%, #000071 100%);
  background: -webkit-linear-gradient(top,  #b40000> 0%,#000071 100%);
  background: linear-gradient(to bottom,  #b40000 0%,#000071 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40000', endColorstr='#000071',GradientType=0 );
  box-shadow: inset 0 0 rgba(0,0,0,.75), inset 0 2px 9px 1px rgba(0,0,0,.75);
}

.top-cta-title {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.top-cta-title svg {
  margin-right: 5px;
  margin-top: 10px;
}

.header-phone-text {
  color: #231f20;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.header-phone-number,
.header-phone-number a {
  color: #dc0021;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 38px;
}

.header-phone-inner {
  position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

/* Navigation */
.nav-container {
	position: relative;
}

.nav {
	background: #fff;	
	left: -115%;
  padding: 0 15px 30px;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 30;
}

@media only screen and (min-width: 992px) {
	.nav {
		left: 0;
    padding-bottom: 0;
		position: relative;
		top: 0;
	}
}

@media only screen and (min-width: 1135px) {
  .nav {
     padding: 0 60px 0;
  }
}

.main-navigation {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	width: 100%
}

@media only screen and (min-width: 992px) {
	.main-navigation {
		flex-direction: row;
		padding: 0;
	}
}

.main-navigation,
.main-navigation li {
	list-style: none;
	position: relative;
	z-index: 1
}

.main-navigation > li {
	position: relative
}

@media only screen and (min-width: 992px) {
	.main-navigation > li > a {
		padding: 15px 10px;
	}
}

.main-navigation a {
	color: #636466;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	position: relative;
	text-transform: uppercase;
	text-transform: uppercase
}

@media only screen and (min-width: 992px) {
	.main-navigation a {
    font-size: 15px;
		white-space: nowrap
	}
}

@media only screen and (min-width: 1600px) {
  .main-navigation a {
    font-size: 20px;
  }
}

.main-navigation a:hover {
	color: #dc0021;
	text-decoration: none
}

.main-navigation > li > li > a {
	display: block;
	padding: 15px 20px
}

.main-navigation > li > li > a[href="#"]:hover {
	cursor: default
}

.main-navigation > li.has-dropdown > ul {
	background: #fff;
	margin: 0 0 15px 55px
}

@media only screen and (min-width: 992px) {
	.main-navigation > li.has-dropdown > ul {
		display: none;
		margin-left: 0;
		padding-left: 0;
		position: absolute;
		top: 45px
	}
}

.main-navigation > li.has-dropdown > a:after {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	position: relative;
	right: -2px
}

@media only screen and (min-width: 992px) {
	.main-navigation > li.has-dropdown ul li.has-dropdown > a {
		padding-right: 25px
	}
}

.main-navigation > li.has-dropdown ul li.has-dropdown > a:after {
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	font-size: 12px;
	position: relative;
	right: -2px
}

@media only screen and (min-width: 992px) {
	.main-navigation > li.has-dropdown ul li.has-dropdown > a:after {
		content: "\f105";
		position: absolute;
		right: 15px;
		top: 10px
	}
}

.main-navigation > li.has-dropdown ul li.has-dropdown:hover ul {
	display: block
}

@media only screen and (min-width: 992px) {
	.main-navigation > li.has-dropdown > ul > li > a {
		display: block;
		font-weight: 400;
		padding: 10px 15px;
		white-space: nowrap
	}
}

@media only screen and (min-width: 992px) {
	.main-navigation > li.has-dropdown > ul > li > ul {
		display: none;
		left: 100%;
		margin-left: 0;
		padding-left: 0;
		position: absolute;
		top: 0
	}
}

.main-navigation > li.has-dropdown > ul > li > ul > li > a {
	font-size: 14px;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px
}

@media only screen and (min-width: 992px) {
	.main-navigation > li:hover > ul {
		display: block
	}
}

.mobile-nav-name {
	font-size: 25px;
	font-weight: bold;
	margin-right: -8px;
	text-transform: uppercase
}

.menu-active {
	left: 0;
	transition: all 0.3s ease
}

.hamburger {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 15px;
	text-transform: none;
	transition-duration: 0.15s;
	transition-property: opacity, filter;
	transition-timing-function: linear
}

.hamburger:hover {
	opacity: 1
}

.hamburger-box {
	display: inline-block;
	height: 25px;
	position: relative;
	top: 3px;
	width: 40px
}

.hamburger-inner {
	display: block;
	margin-top: -2px;
	top: 50%
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	background: #636466;
	border-radius: 4px;
	height: 4px;
	position: absolute;
	transition-duration: 0.15s;
	transition-property: transform;
	transition-timing-function: ease;
	width: 40px
}

.hamburger-inner::before,
.hamburger-inner::after {
	content: " ";
	display: block
}

.hamburger-inner::before {
	top: -10px
}

.hamburger-inner::after {
	bottom: -10px
}

.hamburger.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease
}

.hamburger.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease
}

.hamburger.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

@media only screen and (min-width: 992px) {
	.mobile-phone-icon,
	.hamburger,
	.mobile-nav-name {
		display: none
	}
}

/* SLIDER */
.slider {
  backface-visibility: hidden;
  height: auto;
  margin-bottom: -7px;
  position: relative;
  transform: translate3d(0px, 0px, 0px);
  width: 100%;
  z-index: 1;
}

.slider img {
  height: auto;
  width: 100%;
}

.cycle-slideshow,
.slide {
  width: 100% !important;
  
}

/*Weather*/
#wpc-weather .today {
	display: none;
}

/* Arrows */
.cycle-prev,
.cycle-next {
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  display: block;
  font-size: 1.875rem;
  height: 2.813rem;
  line-height: 0;
  opacity: 0;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  width: 2.813rem;
  z-index: 101;
}

.cycle-slideshow:hover .cycle-prev,
.cycle-slideshow:hover .cycle-next {
  opacity: .75 !important;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
}

.cycle-prev {
  left: 20px;
}

.cycle-next {
  right: 20px;
}

ul.slides {
  list-style: none;
  margin: 0;
  width: 100%;
}

/* Page Title */
.page-title {
  background: url(https://paceresidential.com/wp-content/uploads/2019/05/PaceHeatingAir_PageTitleBG.jpg) no-repeat center center;
  background-size: cover;
  padding: 2.5rem;
}

/*CTA Bar*/
.cta-bar {
  background: #dc0021;
  background: ;
  background: -moz-linear-gradient(left,  0%,  100%);
  background: -webkit-linear-gradient(left,  0%,  100%);
  background: linear-gradient(to right,  0%,  100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=1 );
  padding: 1.0625rem 0rem ;
  position: relative;
  z-index: 2;
}

.cta-bar a {
  background: #111599;
  background: -moz-linear-gradient(top,  #111599 0%, #000071 100%);
  background: -webkit-linear-gradient(top,  #111599 0%, #000071 100%);
  background: linear-gradient(to bottom,  #111599 0%, #000071 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111599', endColorstr='#000185',GradientType=0 );
  border: 1px solid #00007b;
  border-radius: 5px;
  -moz-box-shadow:
	0px -1px 1px -1px rgba(190,255,255,0.5), 
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  -webkit-box-shadow:
	0px -1px 1px -1px rgba(190,255,255,0.5),
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  box-shadow:
	0px -1px 1px -1px rgba(190,255,255,0.5),
	inset 0 1px 2px rgba(255,255,255,0.5); /*top internal highlight*/
  color: #fff;
  display: inline-block;
  font-size: 1.4375rem;
  padding: 0.3125rem 2.25rem ;
}

.cta-bar a:hover {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #000071 0%, #111599 100%);
  background: -webkit-linear-gradient(top,  #000071 0%,#111599 100%);
  background: linear-gradient(to bottom,  #000071 0%,#111599 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000071', endColorstr='#111599',GradientType=0 );
}

.cta-bar a:active {
  background: #dc0021;
  background: -moz-linear-gradient(top,  #b40000 0%, #000071 100%);
  background: -webkit-linear-gradient(top,  #b40000> 0%,#000071 100%);
  background: linear-gradient(to bottom,  #b40000 0%,#000071 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b40000', endColorstr='#000071',GradientType=0 );
  box-shadow: inset 0 0 rgba(0,0,0,.75), inset 0 2px 9px 1px rgba(0,0,0,.75);
}

/* Content Area */
.content-wrapper {
  padding: 3.4375rem 0rem ;
}

.post-listing {
  border-top: 1px solid #dddddd;
  padding: 20px 0;
}

.content-area .post-listing:first-child {
  border-top: 0 none !important;
  padding-top: 0;
}

/* Areas We Serve */
.postscript-cities {
  background: #111599 no-repeat center bottom;
  background-image: url(https://paceresidential.com/wp-content/uploads/2019/05/PaceHeatingAir_AreasWeServeBG.png);
  background-size: cover;
  color: #ffffff;
  margin-bottom: 0;
  padding: 2.5rem 0rem 4.375rem ;
  position: relative;
}

.postscript-cities h3 {
  color: #ffffff;
  font-size: 2.875rem;
  font-weight: 900;
  line-height: calculateRem(50px);
  margin: 0rem 0rem 2.25rem 0rem ;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0,0,0,.25);
}

.postscript-inner {
  padding: 0rem 0rem 0.625rem 0rem ; 
}

/*.city-list {
  padding-left: 8.34%;
} */

.ryno-cities .ryno-column {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}
.ryno-cities .ryno-column li > a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}

.ryno-cities .ryno-column li > a:hover {
  color: #ffffff;
}

.postscript-two {
  background: #dc0021 no-repeat;
  background-image: url();
  background-size: cover;
  background: ;
  background: -moz-linear-gradient(left,  0%,  100%);
  background: -webkit-linear-gradient(left,  0%,  100%);
  background: linear-gradient(to right,  0%,  100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=1 );
  box-shadow: 0 6px 10px 3px rgba(0, 0, 0, 0.5);  
  padding: 2.375rem 0rem ;
  position: relative;
  z-index: 3;
}

.postscript-two h2 {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 0;
  padding: 1.875rem 0;
  text-align: center;
  text-transform: uppercase;
}

.postscript-two p {
  color: #ffffff;
  margin-bottom: 0;
}

.postscript-two .ps-two-widget div:first-of-type {
  margin-top: 2.25rem
}

.trust-branding p {
  line-height: 1em;
} 

#trust-branding-logos {
	display: flex;
	align-items: center;
}

#trust-branding-logos div {
	width: 100%;
}

/*Change margin on left sidebar*/
.left-sidebar aside {
	margin-right: 8.33333% !important;
	margin-left: 0 !important;
}

/* Footer */
.footer-top {
  background-color: #111599;
  background-image: url(https://paceresidential.com/wp-content/uploads/2019/05/PaceHeatingAir_FooterBG.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 3.125rem 0rem ;
  border-bottom: 7px solid #dc0021;
}

.footer-box, 
.footer-box h2 {
  border-radius: 6px 6px 0 0;
}

.footer-box h2.footer-box-header {
  background: #191919;
  border-radius: 6px 6px 0 0;
  color: #ffffff;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 0;
  padding: 0.3125rem 0rem ;
  text-align: center;
}

.footer-box-content {
  background: #383838;
  background: ;
  background: -moz-linear-gradient(left,  0%,  100%);
  background: -webkit-linear-gradient(left,  0%,  100%);
  background: linear-gradient(to right,  0%,  100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=1 );
  padding: 1.25rem ;
  border-radius: 0 0 6px 6px;
}

.footer-top h2,
.footer-top p,
.footer-top a {
  color: #ffffff;
}

.footer-top a {
  font-weight: bold;
}

.footer-top a:hover {
  text-decoration: underline;
}

.footer-main {
  padding: 1.25rem 0rem ;
  position: relative;
  z-index: 4;
}

.footer-main ul.social-icons {
  list-style: none;
  margin: 0 auto 10px;
}

.footer-main ul.social-icons li {
  display: inline;
}

.footer-main ul.social-icons svg {
	margin: 0 5px;
	color: #111599;
}

.footer-main ul.social-icons li a:hover {
  color: #000185;
}

.footer-main p.copyright {
  margin-bottom: 0;
  text-align: center;
}

.footer-main .copyright a {
  color: #383838;
  font-weight: bold;
  text-decoration: none;
}

.footer-main .copyright a:hover {
  text-decoration: underline;
}

/*Footer Contact Form*/

footer .name > input:nth-child(1) {
  width: 47%;
  margin-right: 11px;
  display: inline-block;
}

footer .wpcf7-tel {
  width: 47%;
  display: inline-block;
}

footer-first footer-content p {
  text-align: left;
}

footer input, footer textarea {
  color: #000;
  max-width: 100%;
  border: 1px solid #406425;

}

footer input[type="tel"],footer input[type="email"], footer input[type="text"]{
  height: 24px!important;
}

footer .wpcf7 p {
  color: #000;
}

footer .wpcf7 br{
  display: none;
}

::-webkit-input-placeholder {
 color: #a8a8a8;
   font-style: italic;
}

:-moz-placeholder { /* Firefox 18- */
 color: #a8a8a8;
   font-style: italic;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #a8a8a8;
   font-style: italic;
}

:-ms-input-placeholder {  
 color: #a8a8a8;
   font-style: italic;
}  

footer textarea {
  height: 40px;
}

footer .wpcf7-submit {
  background: #ffffff;
  color: #111599;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 0.925rem;
  padding: 3px 0px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  width: 100%;
  border: none;
  border-radius: 6px;
}

footer .wpcf7-submit:hover {

  background: none;
  border: 2px solid #ffffff;
  color: #ffffff;
}

div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok {
  background: #fff;
}

div.wpcf7-response-output {
  margin: 0em;
  padding: 0em .5em;
}


/* Products Section */
.product-table tr > td:first-child {
width: 25%;
}

.products-grid > li {
  position: relative;
}

.product-overlay {
  position: absolute;
  width: 91%;
  z-index: 2;
}

.products-grid > li a {
  box-sizing: border-box;
  color: #fff;
  display: block;
  padding: 5%;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  visibility: hidden;
}

.products-grid > li:hover a {
  background: #dc0021;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  visibility: visible;
}

.products-grid > li img {
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
}

/*Contact Page Form*/
.main-contact-form .cf-text, .main-contact-form .cf-textarea {
  background-color: #eaeaea;
  border: 0.0625rem solid #b8b8b8;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  width: 100%; 
}
	
.main-contact-form .cf-textarea {
  height: 4.6875rem; 
}
	
.main-contact-form div > label, .main-contact-form legend {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase; 
}
	
.main-contact-form div > label, .main-contact-form legend {
	color: #4d4d4d;
}
	
.main-contact-form .wpcf7-list-item-label {
	color: #4d4d4d;
	font-size: 0.9rem;
}
	
.main-contact-form fieldset br {
  display: none; 
}
	
.main-contact-form fieldset p {
  margin: 0; 
}

.main-contact-form .wpcf7-list-item {
  clear: both;
  display: block; 
}

.main-contact-form .wpcf7-list-item input[type="checkbox"] {
  margin-bottom: 0; 
}

.main-contact-form .wpcf7-list-item-label {
  font-weight: bold; 
}

.main-contact-form input[type="submit"] {
  background: none;
  border: 2px solid #dc0021;
  color: #dc0021;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 0.625rem;
  padding: 10px 0px;
  padding: 0.62522rem 0rem;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;;
  width: 100%; 
}

.main-contact-form input[type="submit"]:hover {
  background: #dc0021;
  color: #fff; 
}

/* Coupons */
.coupon {
  background: #f5f5f5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #f5f5f5 0%, #cfcfcf 100%);
  background: -webkit-linear-gradient(top,  #f5f5f5 0%,#cfcfcf 100%);
  background: linear-gradient(to bottom,  #f5f5f5 0%,#cfcfcf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cfcfcf',GradientType=0 );
  -moz-background-clip: padding;     /* Firefox 3.6 */
  -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  background-clip: padding-box;
  border: 3px dashed #dc0021;
  margin-bottom: 1.875rem;
  text-align: center;
}

.coupon-inner {
  background-image: url();
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.coupon-text h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
}

.coupon-text {  
  box-sizing: border-box;
  padding: 1.875rem ;
}

p.coupon-details {
  font-size: 1rem;
  margin: 0 auto 20px;
  width: 75%;
}

p.coupon-disclaimer {
  font-size: 0.6875rem;
}

.coupon-text button {
  display: inline-block;
  margin: 0 auto;
  width: 33.34%
}

/* Weather */
#wpc-weather {
  color: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
}

#wpc-weather .now, 
#wpc-weather .short_condition { 
  display: none !important;
}

.forecast .first, .forecast .second, .forecast .third {
  float: left;
  width: 33% !important;
}

#wpc-weather .day,
#wpc-weather .symbol,
#wpc-weather .temp_min,
#wpc-weather .temp_max {
  display: block !important;
  float: none !important; 
  margin-right: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

#wpc-weather .day {
  font-size: 1.25rem;
  font-weight: bold;
}

#wpc-weather .forecast .climacon {
  font-size: 3.125rem;
  margin: 0.9375rem 0rem ;
}

#wpc-weather p {
  margin: 0;
}

#wpc-weather .forecast .temp_min {
  display: none !important;
}

#wpc-weather .temp_max,
#wpc-weather .forecast .day {
  font-size: 1.25rem;
}

#wpc-weather .temp_max::after {
  font-size: 1.875rem !important;
}

/* Blog styling */
.content-area .post-listing {
	border-bottom: 1px solid #ccc;
	padding: 30px 0;
}
.content-area .post-listing:last-child {
	border-bottom: none;
}
article.post .date {
	margin-bottom: 15px;
}
article.post {
	text-align: center;
}
.single article.post {
	text-align: left;
}
.single-post-h2 {
	margin-bottom: 25px;
}
.view-article {
	display: none;
}

/*Products Table Rebuilt with Foundations grid*/
.ryno-products-table {
	border: 1px solid #ddd;
}
.ryno-products-table .row {
	margin: 0!important;
}
.ryno-products-table .ryno-dark-row {
	background-color: #F9F9F9;
}
.ryno-products-table .row {
	padding-top: 13px;
}
.ryno-flex-center {
	min-height: 185px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
}

.footer-form-name {
	width: 47% !important;
	margin-right: 11px !important;
	display: inline-block !important;
}
.ryno-cities .ryno-column {
	padding-left: 30px;
}

footer .wpcf7-tel {
	width: 100%;
} 

/* 404 Error Page */
.error404 h3 {
	margin:18px 0;
}
.error404 input[type="search"], .search-no-results input[type="search"] {
	border:3px solid #b1b1b1;
}
.error404 ul.primary-pages, .search-no-results ul.primary-pages {
	list-style-type: none;
	margin-left: 0;
}
.error404 ul.primary-pages li, .search-no-results ul.primary-pages li {
	margin-bottom:10px;
}
.error404 ul.primary-pages li a, .search-no-results ul.primary-pages li a {
	color: #dc0021}
.error404 input[type="search"], .search-no-results input[type="search"] {
	border: 3px solid #b1b1b1;
	display: inline-block;
	width: 90%;
}
.error404 .search-wrap input[type="submit"] {
	background: none;
	height: 36px;
}
.error404 .search-wrap input[type="submit"]:hover {
  background: #ccc;
	color: #fff;
	cursor: pointer;
}
ul.right-column {
	float: left;
	width: 45%;
}
ul.left-column {
	float: left;
	width: 45%;
}


/* Media Queries */

/* 1024px */
@media screen and (max-width: 64em) {
  .footer-form-name {
	  width: 100% !important;
	  margin-bottom: 16px !important;
   }
  .footer .wpcf7-tel {
	  width: 100%;
  }
  .scrolling-side-button {
	  display: none !important;
  }
  .ryno-cities .ryno-column {
	  padding-left: 10px;
  }
  .sidebar iframe {
	  max-width: 100%;
	  display: block;
	  margin: auto;
  }
  .ryno-button {
	  margin: 0 auto 25px;
  }
  .alignleft {
	float: none;
	margin: 0px auto;
	padding-bottom: 15px;
	display: block;
  }
  .alignright {
	float: none;
	margin: 0px auto;
	padding-bottom: 15px;
	display: block;
  }
}

@media screen and (min-width: 40em) and (max-width: 64em) {
  .postscript-cities {
	  padding-left: 20px;
	  padding-right: 20px;
  }
  .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-dropdown > a {
	  padding: 0 9px !important;
	  font-size: 12px;
  }
  aside.sidebar.medium-3.medium-offset-1.columns {
	  margin-left: 0 !important;
	  width: 33%;
  }
  .top-cta-title {
	font-size: 13px;
  }
  .cta-title {
	line-height: 1;
	margin-bottom: 7px;
  }
  .cta-text {
	height: 230px;
	margin-top: -75px;
	padding: 80px 10px 0;
  }
}

/* 767px */
@media screen and (max-width: 48em) {
  .back-to-top {
	display: none !important;
  }
  .ryno-button {
	  width: 180px;
  }
  .top-cta-btn {
	width: 100%;
	margin-bottom: 5px;
  }
}

/* 640px */
@media screen and (max-width: 40em) {
  .header-logo img,
  .header-phone-inner {
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
  .header-logo {
	justify-content: center;
  }
  .home-prefix-box a {
	margin-top: 0;
  }
  .contact-bar {
	background: none;
	box-shadow: none;
  }
  .contact-bar .button {
	width: 100%;
  }
  .contact-bar-right h2,
  .contact-bar-right p.disclaimer {    
	text-align: center;
  }
  .contact-bar-right .button {
	float: none;
  }
  .contact-bar-right form {
	float: none;
	width: 100%;
  }
  .city-list .city-column {
	margin-bottom: 0;
  }
  .footer-box {
	margin-bottom: 20px;
  }
  .temp_min {
	margin-left: 0 !important;
  }
  .ryno-cities .ryno-column {
	margin: -5px 0 0;
  }
  .cta-bar a {
	width: 90%;
  }
  .top-bar {
	height: 2.8rem;
  }
  h1, h2.blog-title {
	font-size: 2rem;
  }
  .postscript-two {
	background-image: none; 
  }
  .postscript-cities {
	display: none;
  }
  .header-logo img {
	margin-bottom: 1.25rem !important;
  }
  .top-cta-btn {
	margin-bottom: 10px;
  }
  .phone-number-top {
	padding: 10px;
  }
  .footer-box-content {
	height: auto !important;
  }
  #home_prefix {
	padding-bottom: 20px;
  }
  .home-prefix-box {
	margin-bottom: 45px;
  }
  .cta-text {
	padding: 90px 10px 0;
  }
  .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-dropdown > a {
	line-height: 1rem;
  }
  aside {
	display: none;
  }
}
</style>