 

<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: 'Roboto', sans-serif; !important;
  color: #383838;
}

.clear {
  clear: both;
}

h1, h2, h3 {
  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;
}

h1.home-title,
.content-area h1 {
  color: #242424;
  font-size: 2.15rem;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: left;
}

h2 {
  color: #242424;
  font-size: 1.75rem;
  line-height: 1.25em;
  margin-bottom: 10px;
}

h3 {
  color: #242424;
  font-size: 1.375rem;
  font-weight: bold;
}

p, 
ul,
ol {
  font-size: 0.875rem;
  line-height: 1.190rem;
}

a,
a:link,
a:visited {
  color: #01388a;
  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: #001a6c;
}

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: #17c3f1;
  background: -moz-linear-gradient(top,  #17c3f1 0%, #009bc9 100%);
  background: -webkit-linear-gradient(top,  #17c3f1 0%, #009bc9 100%);
  background: linear-gradient(to bottom,  #17c3f1 0%, #009bc9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c3f1', endColorstr='#03afdd',GradientType=0 );
}

a.btn-secondary,
button.secondary,
.button.secondary {
  background: #48cdf2;
  background: -moz-linear-gradient(top,  #48cdf2 0%, #20a5ca 100%);
  background: -webkit-linear-gradient(top,  #48cdf2 0%, #20a5ca 100%);
  background: linear-gradient(to bottom,  #48cdf2 0%, #20a5ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48cdf2', endColorstr='#34b9de',GradientType=0 );
}

a.btn-alert,
button.alert,
.button.alert {
  background: #17c3f1;
  background: -moz-linear-gradient(top,  #17c3f1 0%, #009bc9 100%);
  background: -webkit-linear-gradient(top,  #17c3f1 0%, #009bc9 100%);
  background: linear-gradient(to bottom,  #17c3f1 0%, #009bc9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c3f1', endColorstr='#03afdd',GradientType=0 );
}

a.btn-default:hover,
button:hover,
.button:hover {
  background: #17c3f1;
  background: -moz-linear-gradient(top,  #009bc9 0%, #17c3f1 100%);
  background: -webkit-linear-gradient(top,  #009bc9 0%,#17c3f1 100%);
  background: linear-gradient(to bottom,  #009bc9 0%,#17c3f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bc9', endColorstr='#17c3f1',GradientType=0 );
}

a.btn-secondary:hover,
button.secondary:hover,
.button.secondary:hover {
  background: #34b9de;
  background: -moz-linear-gradient(top,  #20a5ca 0%, #48cdf2 100%);
  background: -webkit-linear-gradient(top,  #20a5ca 0%,#48cdf2 100%);
  background: linear-gradient(to bottom,  #20a5ca 0%,#48cdf2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a5ca', endColorstr='#48cdf2',GradientType=0 );
}

a.btn-alert:hover,
button.alert:hover,
.button.alert:hover {
  background: #03afdd;
  background: -moz-linear-gradient(top,  #009bc9 0%, #17c3f1 100%);
  background: -webkit-linear-gradient(top,  #009bc9 0%,#17c3f1 100%);
  background: linear-gradient(to bottom,  #009bc9 0%,#17c3f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bc9', endColorstr='#17c3f1',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(https://northernairplumbing.com/wp-content/uploads/2015/12/header-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 1.1875rem 0rem ;
}

.header-logo,
.header-phone {
  transform-style: preserve-3d;
}

.header-logo img {
  position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);;
}

.header-phone {
  text-align: right;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; 
}

.top-cta-btn {
  margin-bottom: 1.5rem }

.top-cta-btn a {
  background: #2c7bbe;
  background: -moz-linear-gradient(top,  #2c7bbe 0%, #01388a 100%);
  background: -webkit-linear-gradient(top,  #2c7bbe 0%,#01388a 100%);
  background: linear-gradient(to bottom,  #2c7bbe 0%,#01388a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7bbe', endColorstr='#01388a',GradientType=0 );
  border: 1px solid #0e5da0;
  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: #01388a;
  background: -moz-linear-gradient(top,  #01388a 0%, #2c7bbe 100%);
  background: -webkit-linear-gradient(top,  #01388a 0%,#2c7bbe 100%);
  background: linear-gradient(to bottom,  #01388a 0%,#2c7bbe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01388a', endColorstr='#2c7bbe',GradientType=0 );
}

.top-cta-btn a:active {
  background: #01388a;
  background: -moz-linear-gradient(top,  #001062 0%, #045396 100%);
  background: -webkit-linear-gradient(top,  #001062> 0%,#045396 100%);
  background: linear-gradient(to bottom,  #001062 0%,#045396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001062', endColorstr='#045396',GradientType=0 );
  box-shadow: inset 0 0 rgba(0,0,0,.75), inset 0 2px 9px 1px rgba(0,0,0,.75);
}

.top-cta-btn a h2 {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}

.top-cta-btn a h2 .fa {
  font-size: 1.875rem;
  padding-right: 10px;
  position: relative;
  top: 5px;
}

.phone-number-top h2 {
  color: #000000;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 3px;
  text-transform: uppercase;
}

.phone-number-top h3,
.phone-number-top h3 a {
  color: #000000;
  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-bar {
  -webkit-box-shadow: 0px 9px 14px -4px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 9px 14px -4px rgba(0,0,0,0.5);
  box-shadow: 0px 9px 14px -4px rgba(0,0,0,0.5);
  position: relative;
  z-index: 3;
}

.nav-bar.contain-to-grid, .top-bar {
  background: #01388a;
}

.top-bar {
  height: 2.375rem;
  line-height: 2.375rem;
}

.top-bar-section li.active:not(.has-form) a:not(.button), 
.top-bar-section li:not(.has-form) a:not(.button){
  line-height: 2.375rem;
}
  
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
  background: none;
}

.top-bar-section > ul > li:last-child {
  border-right: 0 none;
}

.top-bar-section ul li > a {
  color: #ffffff !important;
  font-family: 'Roboto', sans-serif;;
  font-size: 0.875rem;
  font-weight: 500 !important;
}

.top-bar-section .has-dropdown > a::after {
  display: none;
}

.top-bar-section .main-navigation li.active > a,
.top-bar-section .main-navigation a:hover,
.top-bar-section ul li:hover:not(.has-form) > a {
  background: none !important;
  color: #93dcf2 !important;
  text-decoration: none;
}

.top-bar-section li:not(.has-form) a:not(.button), 
.top-bar-section .has-dropdown > a {
  padding: 0 1.25rem !important;
}

.top-bar-section .main-navigation .dropdown li.active > a {
  background: #1867aa !important;
  color: #ffffff !important;
}

.top-bar-section .dropdown > .menu-item > a {
  -webkit-box-shadow: inset 0 9px 14px -9px rgba(0, 0, 0, 1);
  -moz-box-shadow: inset 0 9px 14px -9px rgba(0, 0, 0, 1);
  box-shadow: inset 0 9px 14px -9px rgba(0, 0, 0, 1);
}

.top-bar-section .dropdown > .menu-item ~ .menu-item > a {
  box-shadow: none; 
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #2c7bbe;
  font-size: 0.875rem;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
  background: #3ec3e8 !important;
  color: #ffffff !important;
} 

.top-bar-section ul li.has-dropdown .dropdown {
  display: block;
  opacity: 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;;
  visibility: hidden;
}

.top-bar-section ul li.has-dropdown:hover > .dropdown {
  opacity: 1;
  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;;
  visibility: visible;
}

/* 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;
  
}

/* 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://northernairplumbing.com/wp-content/uploads/2016/03/pagetitlebg.jpg) no-repeat center center;
  background-size: cover;
  padding: 2.5rem;
}

/* Home Prefix */
#home_prefix {
  background: #fff;
  padding: 3.125rem 0;
  position: relative;
}

.rotate img {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  overflow: hidden;
}

.rotate:hover img {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.cta-text{
  margin-top:-75px;
  padding:33% 10px 0;
  color:#fff;
  background-color:#000000;
  height:200px;
  border-radius:6px;
}

.cta-text h2 {
  color: #fff;
  font-size: 1.5rem;
}

.cta-text p {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.cta-button a {
  background: #2c7bbe;
  background: -moz-linear-gradient(top,  #2c7bbe 0%, #045396 100%);
  background: -webkit-linear-gradient(top,  #2c7bbe 0%, #045396 100%);
  background: linear-gradient(to bottom,  #2c7bbe 0%, #045396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7bbe', endColorstr='#1867aa',GradientType=0 );
  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: block;
  margin: -25px auto 0;
  padding: 0.625rem 0rem ;
  text-shadow: 1px 1px 1px rgba(0,0,0,.75);
  text-transform: uppercase;
  width: 84%;
}

.cta-button a:hover {
  background: #01388a;
  background: -moz-linear-gradient(top,  #045396 0%, #2c7bbe 100%);
  background: -webkit-linear-gradient(top,  #045396 0%,#2c7bbe 100%);
  background: linear-gradient(to bottom,  #045396 0%,#2c7bbe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045396', endColorstr='#2c7bbe',GradientType=0 );
}

.cta-button a:active {
  background: #01388a;
  background: -moz-linear-gradient(top,  #001062 0%, #045396 100%);
  background: -webkit-linear-gradient(top,  #001062> 0%,#045396 100%);
  background: linear-gradient(to bottom,  #001062 0%,#045396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001062', endColorstr='#045396',GradientType=0 );
  box-shadow: inset 0 0 rgba(0,0,0,.75), inset 0 2px 9px 1px rgba(0,0,0,.75);
}

.home-prefix-box p {
  margin-bottom: 0.375rem;
  text-align: center;
}

.home-prefix-box p a {
  font-size: 1rem;
}

/*CTA Bar*/
.cta-bar {
  background: #01388a;
  padding: 1.0625rem 0rem ;
  position: relative;
  z-index: 2;
}

.cta-bar a {
  background: #2c7bbe;
  background: -moz-linear-gradient(top,  #2c7bbe 0%, #045396 100%);
  background: -webkit-linear-gradient(top,  #2c7bbe 0%, #045396 100%);
  background: linear-gradient(to bottom,  #2c7bbe 0%, #045396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c7bbe', endColorstr='#1867aa',GradientType=0 );
  border: 1px solid #0e5da0;
  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: #01388a;
  background: -moz-linear-gradient(top,  #045396 0%, #2c7bbe 100%);
  background: -webkit-linear-gradient(top,  #045396 0%,#2c7bbe 100%);
  background: linear-gradient(to bottom,  #045396 0%,#2c7bbe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045396', endColorstr='#2c7bbe',GradientType=0 );
}

.cta-bar a:active {
  background: #01388a;
  background: -moz-linear-gradient(top,  #001062 0%, #045396 100%);
  background: -webkit-linear-gradient(top,  #001062> 0%,#045396 100%);
  background: linear-gradient(to bottom,  #001062 0%,#045396 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001062', endColorstr='#045396',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: #2c7bbe no-repeat center bottom;
  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%;
} */

.city-list .city-column {
  font-size: 0.9375rem;
  margin-bottom: 0.75rem;
  text-align: left;
}

.city-list .city-name > a {
  color: #ffffff;
  display: block;
  font-weight: bold;
}

.city-list .city-name > a:hover {
  text-decoration: underline;
}

.city-list .city-column .fa-map-marker {
  color: #ffffff;
  font-weight: normal !important;
  font-size: 1.125rem;
  padding-right: 0.5em;
  position: relative;
  text-decoration: none;
  top: 0; 
} 

.postscript-two {
  background: #01388a no-repeat;
  background-size: cover;
  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;
} 

/* Footer */
.footer-top {
  background-color: #2c7bbe;
  background-image: url(https://northernairplumbing.com/wp-content/uploads/2016/03/footerbg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 3.125rem 0rem ;
  border-bottom: 7px solid #01388a;
}

.footer-box, 
.footer-box h2 {
  border-radius: 6px 6px 0 0;
}

.footer-box h2.footer-box-header {
  background: #26679e;
  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: #2c7bbe;
  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;
}

.footer-main ul.social-icons li {
  display: inline-block;
  margin-right: 5px;
}

.footer-main ul.social-icons li a {
  color: #2c7bbe;
}

.footer-main ul.social-icons li a:hover {
  color: #1867aa;
}

.footer-main .fa-stack {
  height: 3rem;
  margin-bottom: 0.5rem;
  width: 3rem;
}

.footer-main .fa-stack-1x {
  font-size: 1.5rem;
  line-height: 3rem;
}

.footer-main .fa-stack-2x {
  font-size: 3rem;
}

.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: #17c3f1;
  color: #1f4474;
  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 #17c3f1;
  color: #17c3f1;
}

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: #01388a;
  -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 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 #01388a;
  color: #01388a;
  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: #01388a;
  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 #01388a;
  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;
}

/* Media Queries */
@media screen and (max-width: 936px) {
  .header-phone span {
    display: block;
  }

  .scrolling-side-button {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .top-bar-section ul {
    display: block;
  }

  .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .has-dropdown > a {
    padding: 0 0.625rem !important;
  }

  .back-to-top {
    display: none !important;
  }
}

@media screen and (max-width: 667px) {
  .header-logo img {
    margin-bottom: 2.5rem !important;
  }

  .footer .fa-stack {
    height: 2.75rem;
    margin-bottom: 1rem;
    width: 2.75rem;
  }

  .footer .fa-stack-2x {
    font-size: 2.75rem;
  }

  .footer .fa-stack-1x {
    font-size: 1.5rem;
    line-height: 1.9;
  }
}

@media screen and (max-width: 640px) {
  .header-logo img,
  .header-phone-inner {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .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 .name > input:nth-child(1),
  .footer .wpcf7-tel {
    width: 100%;
  }

  .footer .name > input:nth-child(1) {
    margin-bottom: 15px;
  }

  .footer-box {
    margin-bottom: 20px;
  }

  .temp_min {
    margin-left: 0 !important;
  }
}

/* Added by Raymond 9/16/16 */
footer input {
   padding: 0 !important;
   padding-left: 10px !important;
}
</style>