/*
Theme Name: Drainpro
Author: Smith Brothers Media
Version: 1.0.0
Author URI: http://www.smithbrothersmedia.com.au/
Description: This theme is a custom development by Smith Brothers Media.
*/

.attr-col {
  margin: 110px 0 0;
  float: left;
  width: 200px;
}

.attr-col ul {
  background: #f4f4f4;
  font-weight: bold;
  font-size: 13px;
  border: 1px solid #d6d6d6;
  border-width: 1px 0px 1px 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.attr-col ul li {
  text-align: right;
  padding: 0 10px;
  border-bottom: 1px solid #d6d6d6;
  line-height: 45px;
  display: block;
}

.attr-col ul li.last {
  border-bottom: none;
}

.pt-table {
  padding-left: 200px;
  display: block;
  position: relative;
}

.pt-body {
  padding: 10px 0 0;
}

.pt-rows li {
  display: block;
  overflow: hidden;
  background: #fff;
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 1px solid #d9d9d9;
}

.pt-rows li span {
  width: 24%;
  text-align: center;
  float: left;
  border-right: 1px solid #d9d9d9;
  display: block;
  line-height: 45px;
  height: 45px;
}

.pt-rows li.title {
  background: #666;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  border-bottom: 2px solid #555;
  border-width: 0 0 2px;
}

.pt-rows li.title span {
  line-height: 50px;
  height: 50px;
  border: none;
  padding: 0 1px;
  text-shadow: 2px 2px #444;
}

.pt-rows li.fees {
  border-bottom: 1px solid #ccc;
}

.pt-rows li.fees span {
  line-height: 48px;
  height: 48px;
  background: #f7f7f7;
  font-size: 34px;
  font-weight: 700;
  font-family: Georgia, Arial, sans-serif;
  color: #4172a5;
  text-shadow: 2px 2px #fff;
}

.pt-rows li span.pt-yes {
  background: url(yes-no.gif) no-repeat center 12px;
}

.pt-rows li span.pt-no {
  background: url(yes-no.gif) no-repeat center -38px;
}

.pt-rows li.fin {
  border-bottom: 2px solid #d9d9d9;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 85px;
}

.pt-rows li span.pt-3x {
  width: 72%;
  float: left;
  text-align: center;
  border: none;
}

.pt-special {
  width: 23%;
  position: absolute;
  right: 0;
  top: 0;
}

.pt-special .pt-rows {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #a2b7ca;
  background: #f4faff;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-bottom: 10px;
}

.pt-special .pt-rows li {
  border-width: 0 0 1px;
  background: transparent;
}

.pt-special .pt-rows li.title {
  height: 58px;
  margin: 1px;
  background: #d0ebfe;
  color: #2a719d;
  font-size: 30px;
  line-height: 65px;
  text-align: center;
  border-bottom: 1px solid #bfd4e6;
  border-width: 0 0 1px;
  text-shadow: 2px 2px #e6f5ff;
}

.pt-special .pt-rows li.fees {
  border-bottom: 1px solid #bcd8ec;
}

.pt-special .pt-rows li.fees span {
  background: #ecf6fe;
}

.pt-special .pt-rows li.fin {
  border: none;
  text-align: center;
}

.pt-special .pt-rows li span {
  border: none;
  width: 100%;
}

.pt-special .pt-rows li.fin .big-button {
  background: #3a8bd0;
  top: 22px;
}

.pt-special .pt-rows li.fin .big-button:hover {
  background: #50a6ef;
}


.big-button {
  font-size: 24px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  padding: 10px 20px;
  background: #4a980d;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #407718;
  text-decoration: none;
  position: relative;
  top: 18px;
}

.big-button:hover {
  color: #fff;
  -moz-box-shadow: 0 0 20px #fffc00;
  -webkit-box-shadow: 0 0 20px #fffc00;
  box-shadow: 0 0 20px #fffc00;
  background: #6fbb2f;
}

.big-button:active {
  position: relative;
  top: 19px;
}


@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}

.attr-col {
  float: left;
  margin: 110px 0 0 0;
  max-width: 200px;
}


a.google-review {
  color: #fff;
  font-weight: 600;
}

div#gform_wrapper_1 {
  padding: 15px;
  display: block;
  clear: both;
  background-color: #D0DFE5;
}

div#gform_wrapper_1 form#gform_1 input,
div#gform_wrapper_1 form#gform_1 textarea,
div#gform_wrapper_1 form#gform_1 select {
  font-style: normal;
  font-weight: 400;
  border: 0;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #fff;
}

input#gform_submit_button_1 {
  width: 120px;
  display: block;
  margin: -25px auto;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0px;
  background-color: #555;
  position: relative;
  z-index: 9;
}

.drain-price h3,
.drain-price h4 {
  text-align: center;
}

.drain-price h3 {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 600;

}

.navigation.hidden-xs ul li {
  padding: 0;
}

.well.call-to-action-well {
  border-radius: 0px;
  border: 0px;
  background: #d0dfe5;
}

.drain-price h5 {
  font-weight: 700;
  margin: 0;
}

a.btn.btn-action.btn-book:hover {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}

a.btn.btn-action.btn-book {
  background: #488ea9;
  border-radius: 0px;
  border: 1px solid #478ea9;
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 800;
  margin: 15px 0;
}

.drain-price tr:last-child {
  font-weight: 700;
}

.drain-price tr:last-child td {
  padding-top: 20px;
  padding-bottom: 20px;
}

.drain-price tr:last-child:hover {
  background: #333;
  color: #fff;

}

.drain-price tr:first-child td {
  padding: 15px 10px 5px 10px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #488ea9;
}

.table-striped>tbody>tr:nth-child(odd) {
  background-color: #d0dfe5;
  color: #333;
}

td.drainpro-col:after {
  content: " ";
  height: 2px;
  width: 100%;
  display: inline-block;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 -8px 0;
}

td.drainpro-col {
  position: relative;
  background: rgba(72, 142, 169, 1);
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  border-left: 15px solid rgba(72, 142, 169, 1);
  border-right: 15px solid rgba(72, 142, 169, 1);
  border-top: 15px solid rgba(72, 142, 169, 1) !important;
  border-bottom: 15px solid rgba(72, 142, 169, 1) !important;
}

td.plumber1-col {
  background: rgba(72, 142, 169, 0.7);
}

td.plumber2-col {
  background: rgba(72, 142, 169, 0.4);
}

td.plumber3-col {
  background: rgba(72, 142, 169, 0.4);
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++ NEW CSS STYLES TO BE KEPT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
ul.vertical-nav li {
  position: relative;
}

.menu-service-menu-container ul li a:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
}

ul.vertical-nav li:last-child a:after {
  content: "";
  background: transparent;
}

.menu-service-menu-container ul li a:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
}

ul.nav.navbar-nav li a:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #488ea9;
  position: absolute;
  right: 0;
  top: 0;
}

/* =========== SLIDE OUT CONTENT AREA =========== */
no #slideoutForm {
  /*EDIT AS NEED*/
  background-color: #fff;
  box-shadow: 0px 7px 37px rgba(0, 0, 0, 0.48);
  width: 100%;

  /*DO NO CHANGE*/
  position: absolute;
  display: none;
  z-index: 9999999999999 !important;
}

i.fa.fa-chevron-up {
  /*EDIT AS NEED*/
  font-size: 30px;
  margin: 25px;
  color: rgb(0, 64, 108);
}

/* =========== ~SLIDE OUT CONTENT AREA =========== */



/*+++++++++++++++++++++++++++++++++++++++++++++++++++ ~NEW CSS STYLES TO BE KEPT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* --- OVERRIDING GUTTERS --- */

.container {
  padding-right:  !important;
  padding-left:  !important;
}

.row {
  margin-right:  !important;
  margin-left:  !important;
}

.row .col-xs-1,
.row .col-sm-1,
.row .col-md-1,
.row .col-lg-1,
.row .col-xs-2,
.row .col-sm-2,
.row .col-md-2,
.row .col-lg-2,
.row .col-xs-3,
.row .col-sm-3,
.row .col-md-3,
.row .col-lg-3,
.row .col-xs-4,
.row .col-sm-4,
.row .col-md-4,
.row .col-lg-4,
.row .col-xs-5,
.row .col-sm-5,
.row .col-md-5,
.row .col-lg-5,
.row .col-xs-6,
.row .col-sm-6,
.row .col-md-6,
.row .col-lg-6,
.row .col-xs-7,
.row .col-sm-7,
.row .col-md-7,
.row .col-lg-7,
.row .col-xs-8,
.row .col-sm-8,
.row .col-md-8,
.row .col-lg-8,
.row .col-xs-9,
.row .col-sm-9,
.row .col-md-9,
.row .col-lg-9,
.row .col-xs-10,
.row .col-sm-10,
.row .col-md-10,
.row .col-lg-10,
.row .col-xs-11,
.row .col-sm-11,
.row .col-md-11,
.row .col-lg-11,
.row .col-xs-12,
.row .col-sm-12,
.row .col-md-12,
.row .col-lg-12 {
  padding-right:  !important;
  padding-left:  !important;
}

/* --- IMAGES (RESPONSIVE) --- */

.main img {
  display: block;
  max-width: 100%;
  height: auto;
}

.main img.alignleft {
  float: left;
  margin: 0 20px 10px 0;
}

.main img.alignright {
  float: right;
  margin: 0 0 10px 20px;
}

.main img.aligncentre {
  margin: 0 auto;
}

/* --- VIDEO (RESPONSIVE) --- */

.videowrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.videowrap iframe,
.videowrap object,
.videowrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- MAP (RESPONSIVE) --- */

.mapwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 15px;
}

.mapwrap iframe,
.mapwrap object,
.mapwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- SOCAL (RESPONSIVE) --- */

.socialwrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.socialwrap iframe,
.socialwrap object,
.socialwrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- GALLERY (RESPONSIVE) ---*/

.gallery {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.gallery .gallery-item {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857142857%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666666667%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333333%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery .gallery-item img {
  display: block;
  height: auto;
  max-width: 100%;
  border: 5px #efefef solid;
}


/* --- SOCIAL ICONS - BUTTONS --- */

.list-social {
  margin-left: 0;
}

.list-social li {
  padding: 0;
}

.modal {
  color: #444;
}

.btn-social {
  padding: 0;
  margin: 0;
  display: block;
  border: none;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
  border-radius: 100% !important;
}

.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social.active {
  color: #fff;
  -moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.btn-facebook {
  background: #3b5998;
}

.btn-twitter {
  background: #2CAAE2;
}

.btn-google-plus {
  background: #DC4B31;
}

.btn-linkedin {
  background: #00659B;
}

.btn-youtube {
  background: #ED2400;
}

.btn-pinterest {
  background: #CE2021;
}

.btn-instagram {
  background: #6B5245;
}

/* --- WIDGETS - IMAGE --- */

.widget_simpleimage .panel-heading {
  display: none;
}

.widget_simpleimage .panel-body {
  padding: 0 !important;
}

.widget_simpleimage p {
  margin: 0;
}

.widget_simpleimage img {
  display: block;
  max-width: 100%;
  height: auto;
}


/* =========== STYLES - Global =========== */

/* --- PAGE --- */

body {
  font-family: 'Open Sans', sans-serif;
}

/* --- LINKS --- */

a {
  color: #488EA9;
}

a:hover,
a:focus {}

/* --- BUTTONS --- */
.btn-full {
  width: 100%;
  border: none;
}

.btn {}

.btn-xs {}

.btn-sm {}

.btn-default {
  background-color: #488EA9;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  background-color: #555;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
}

.btn-primary {
  background-color: #555;
  color: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: #488EA9;
  color: #fff;
}

.btn-action {
  background: #488EA9;
  border: 1px solid #488EA9;
  color: white;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
  background: white;
  color: #488EA9;
}

/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {}

h1 {
  margin-top: 0;
}

/* --- LEAD --- */

.lead {}

/* --- WELL --- */

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* --- PANEL --- */

.panel {}

.panel .panel-heading {}

/* --- FORMS --- */

.form-group {
  margin-bottom: 10px;
}

.form-group .form-control {}

.form-group .form-control:focus {
  border-color: ;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group textarea.form-control {
  height: 100px;
}

/* --- WELL - TESTIMONIALS --- */

.list-testimonial li {
  margin-bottom: 20px;
}

.well-testimonial .fa {
  display: block;
  text-align: right;
  font-size: 60px;
}

.well-testimonial .review {
  font-style: italic;
  display: block;
  margin-bottom: 15px;
}

.well-testimonial .author {
  font-weight: bold;
}

/* --- LIST - TICKS --- */

.list-ticks li {}

.list-ticks li i {}


/* =========== STYLES - Sections =========== */

/* --- HEADER --- */

.logo {
  margin: 20px 0;
}

.quickcontact {
  margin-top: 40px;
}


.secondary-page-content {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  width: auto;
  background-color: #393939;
  color: #FFF;
}

/* --- BANNER --- */

.banner {
  min-height: 230px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  clear: both;
}

.contact .acf-map {
  height: 385px;
}

/* --- SLIDER --- */
.slide {
  clear: both;
}

.slide .custom-bg {
  width: 100%;
  height: 700px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slide .carousel-caption {
  padding-top: 12%;
  left: 0px;
  position: relative;
  right: auto;
}

.slide .carousel-caption h2 {
  font-size: 4rem;
  margin-bottom: 20px;
  text-shadow: 1px 1px 0px #222;
  -webkit-text-shadow: 1px 1px 0px #222;
  -moz-text-shadow: 1px 1px 0px #222;
  font-weight: 800;
  text-transform: uppercase;
  text-align: left;
}

.slide .carousel-caption h4 {
  margin-bottom: 35px;
  font-weight: 600;
  text-align: left;
  font-size: 4.5rem;
  line-height: 1.2;
}

.slide .btn-full-width {
  width: 100%;
  text-align: center;
  font-size: 24px;
  padding: 6px 0px 2px 0px;
  line-height: normal;
  margin-bottom: 5px;
}

.slide .carousel-control.left,
.slide .carousel-control.right {
  background-image: none;
  -webkit-background-image: none;
  -moz-background-image: none;
  display: none;
}

.carousel-indicators .active {
  background-color: #999;
}

.carousel-indicators li {
  border: 1px solid #999;
  background-color: #fff;
}

/* --- SHOWCASE --- */
.showcase {
  padding: 20px 0px 0px 0px;
  background-image: url('assets/images/section-bg.jpg');
  background-size: cover;
  background-position: 50% 50%;
}

.showcase h3.title {
  font-size: 2.5rem;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  text-align: left;
}

.showcaseimage {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  height: 410px;
  margin-bottom: 15px;
}

.showcase .btn {
  display: block;
  margin: 0px auto;
  text-align: center;
}

/* --- TESTIMONIAL --- */
.testimonial .carousel-caption {
  position: relative;
  left: auto;
  right: auto;
  background-color: transparent;
  line-height: 1.6;
  text-shadow: none;
  color: #fff;
  padding-bottom: 50px;
}

.testimonial h5 {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.6;
}

.testimonial .author {
  font-size: 16px !important;
  font-weight: 800;
  font-style: italic;
  margin-bottom: 20px;
}

.carousel-indicators .active {
  background-color: #488EA9;
  border-color: #488EA9;
  box-shadow: 0px 2px 4px #222;
  -webkit-box-shadow: 0px 2px 4px #222;
}

.carousel-indicators li {
  border-color: #488EA9;
}

/* --- MAIN --- */
.modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.modal .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0px !important;
}

.modal.gform_wrapper ul li.gfield {
  padding-top: 0px;
}

.modal .gform_wrapper div.validation_error {
  color: #790000;
  font-size: 12px;
  font-weight: 700;
  border-top: 2px solid #790000;
  border-bottom: 2px solid #790000;
  padding: 5px 0;
  clear: both;
  width: 100%;
  text-align: center;
}

.content {
  padding: 40px 0px;
  background-color: #fff;
}

/* --- CONTACT FORM --- */
.gform_body ul.gform_fields {
  margin: 0px;
  padding: 0px;
}

.gform_body ul.gform_fields li {
  list-style-type: none;
  padding: 3px 0px;
  margin: 0px;
}

.gform_body ul.gform_fields li label {
  margin: 0px;
  display: none !important;
}

.modal-body .gform_body ul.gform_fields li label {
  margin: 0px;
  display: inline-block !important;
}

.gform_body ul.gform_fields li input,
.gform_body ul.gform_fields li select {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px;
  height: 38px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.gform_body ul.gform_fields li input:focus,
.gform_body ul.gform_fields li select:focus,
.gform_body ul.gform_fields li textarea:focus {
  outline: none;
  box-shadow: inset 1px 1px 2px #e5e5e5;
  -webkit-box-shadow: inset 1px 1px 2px #e5e5e5;
  -moz-box-shadow: inset 1px 1px 2px #e5e5e5;
}

.gform_body ul.gform_fields li textarea {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: inset 1px 1px 2px #eee;
  -webkit-box-shadow: inset 1px 1px 2px #eee;
  -moz-box-shadow: inset 1px 1px 2px #eee;
  height: 100px;
}

.gform_footer input.gform_button {
  background-color: #444;
  color: #fff;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  padding: 5px 15px;
}

/* --- ASIDE --- */
.aside {
  background-color: #488EA9;
  color: #fff;
}

.aside .panel {
  background: transparent;
  border: 0px;
  box-shadow: 0px 0px 0px #fff;
  border-radius: 0px;
}

.aside .panel-heading h3 {
  font-weight: 800;
  font-size: 24px;
}

.aside .panel-heading {
  position: relative;
  color: #fff;
  border-bottom: 2px solid #fff;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
  background: #bfbfbf;
  border-radius: 0px;
  text-align: center;
}

.aside .panel-heading:before {
  content: url('assets/images/aside-btm-shadow.png');
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 100%;
  margin-bottom: 0;
  overflow: hidden;
  z-index: 9;
}

.aside .panel-body {
  padding: 10px 0 0 0;
  z-index: 99;
  border-bottom: 2px solid #fff;

}

.menu-service-menu-container ul {
  list-style-type: none;
  padding: 0;
}

.menu-service-menu-container a {
  color: #fff;
  font-weight: 600;
}

.menu-service-menu-container a:hover {
  color: #D0DFE5;
  text-decoration: none;
}

.aside .menu-service-menu-container ul li {
  padding: 5px 15px 5px 15px;
}

/* -- Bottom Area --*/
.bottom-wrap {
  padding: 30px 0px;
  background-color: #488EA9;
  color: #fff;
}

.bottom-wrap h4 {
  font-weight: 600;
  line-height: 1.6;
  margin: 0px;
}

.bottom-wrap h4 span,
.bottom-wrap h4 a {
  color: #555;
  font-weight: 800;
}

/* --- FOOTER --- */

.footer {
  font-size: 12px;
  color: #fff;
  background-color: #555;
  padding: 20px 0px;
  text-align:left;
}

/* =========== STYLES - Media Query =========== */

/* X SMALL - ONLY (Phone) */
@media (max-width: 320px) {
  .navbar {
    margin: 0px;
    background: inherit;
  }
}

@media (max-width: 768px) {

  /* --- NAVIGATION --- */
  .navbar {
    background: #f9f9f9;
    color: #F2F2F2;
    z-index: 1020;
  }

  .navbar a {
    font-size: 16px;
    color: #F2F2F2;
  }

  .navbar .navbar-toggle {
    border-color: #ddd;
    background: #F2F2F2;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    float: right;
  }

  .navbar .navbar-toggle .icon-bar {
    background-color: #666666;
  }

  .navbar .navbar-toggle:focus {
    border-color: #cccccc;
    background: #cccccc;
    color: #F2F2F2;
  }

  .navbar .nav>li>a:hover,
  .navbar .nav>li>a:focus {
    text-decoration: none;
    background-color: #cccccc;
    color: #666666;
  }

  .navbar-toggle {
    float: left;
    margin-left: 15px;
  }

  .slide .custom-bg {
    height: 400px !important;
  }

  .navmenu-footer {
    position: absolute;
    bottom: 7px;
    width: 100%;
    text-align: center;
    color: #888;
    font-style: italic;
  }

  .navmenu-default .navmenu-nav>li>a {
    font-weight: 600;
    text-transform: uppercase;
  }

  /* Second Level */
  .sub-menu {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 25px;
  }

  .sub-menu li {
    margin: 0px;
    padding: 10px 0px;
  }

  .sub-menu li a {
    color: #555;
    text-decoration: none !important;
  }

  /* --- HEADER --- */
  .logo img {
    margin: 0 auto;
  }

  .btn-presstocall {
    padding: 10px 20px;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .slide .carousel-caption {
    max-width: none !important;
  }

  .slide .carousel-caption h2 {
    font-size: 3rem !important;
  }

  .slide .carousel-caption h4 {
    font-size: 2rem !important;
  }

  /* --- CONTENT --- */
  .underSlide {
    height: auto;
  }

  .main {
    margin-bottom: 20px;
  }

  .gallery .gallery-item {
    width: 50%;
    /* Determines how many to show in a row */
  }

  .showcase h3.title {
    font-size: 2rem;
    height: 48px;
    text-align: center;
  }

  .showcasewrap ul li .showcaseimage {
    background-image: none !important;
    height: auto !important;
    padding: 15px;
  }

  .showcasewrap ul li {
    max-width: 100% !important;
    background-color: rgba(27, 149, 186, 0.90);
    display: inline-block;
    margin-bottom: 10px;
  }

  .showcasewrap ul li .showcasecontent {
    padding: 0px !important;
    float: none !important;
  }

  .showcasewrap ul li:nth-child(2) .showcasecontent,
  .showcasewrap ul li:first-child .showcasecontent,
  .showcasewrap ul li:last-child .showcasecontent {
    margin: 0px !important;
    height: auto !important;
  }

  .showcasewrap ul li .showcasecontent p {
    display: block;
    text-align: center;
    color: #fff;
  }

  .showcasewrap ul li:hover .showcaseimage,
  .showcasewrap ul li:hover .showcaseimage:hover {
    background-image: none !important;
  }

  .showcasewrap ul li:first-child:hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:nth-child(2):hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:last-child:hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:hover .showcasecontent a,
  .showcasewrap ul li .showcasecontent a {
    float: none !important;
    text-decoration: none;
    padding: 10px !important;
    margin-top: 15px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: #488EA9;
    border: 1px solid #fff;
  }

  /* --- FOOTER --- */
  .footer {
    text-align: left;
  }

  .page-gallery {
    width: 100%;
    height: 325px;
    margin-bottom: 5px;
  }

  .page-gallery:hover span {
    padding: 2px 12px;
    position: absolute;
    top: 35%;
    left: 45% !important;
    right: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid #fff;
    font-size: 28px;
    width: 50px;
    color: #fff;
    height: 50px;
    display: block;
  }


  .aside .quickphone {
    display: none;
  }
}

/* SMALL - UP (Tablet + Desktop + Large Desktop) */

@media (min-width: 769px) {

  /* --- NAVIGATION --- */

  /* Global */
  .navbar {
    min-height: 40px;
    border-radius: 0;
    z-index: 70;
    margin-bottom: 0px;
  }

  .navbar a {
    text-decoration: none;
    transition: all 0.2s ease;
  }

  /* First Level */
  .navbar-nav>li {
    border-right: none;
  }

  .navbar-nav>li>a {
    padding: 15px 12px 15px 12px;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    font-weight: 800;
    text-transform: uppercase;
  }

  .navbar-nav>li>a:hover,
  .navbar-nav>li>a:active,
  .navbar-nav>li>a:focus,
  .navbar-nav>li.current-menu-item>a {
    background: #1B95BA;
    color: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  }

  .navbar-nav>li.menu-item-has-children:hover {
    background: #1B95BA;
    color: #fff;
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
  }

  .navbar-nav>li.menu-item-has-children:hover>a {
    color: #fff;
  }

  /* Second Level */
  .navbar-nav ul.sub-menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0px 14px 15px rgba(0, 0, 0, 0.8);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .navbar-nav ul.sub-menu li {
    position: relative;
    float: left;
    width: 250px;
    background: #999;
    text-align: left;
    background-color: #393939;
  }

  .navbar-nav ul.sub-menu li a {
    display: block;
    padding: 10px 15px;
    background: transparent;
    color: #fff;
    font-weight: 600;
  }

  .navbar-nav ul.sub-menu li a:hover {
    background: #1B95BA;
    color: #fff;
  }

  .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

  .no-touch .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

  /* --- HEADER --- */
  .navigation {
    margin-top: 20px;
  }

  .quickcontact {
    text-align: right;
  }

  .vertical-nav {
    margin: 0px;
    padding: 0px;
  }

  .vertical-nav li {
    float: left;
    display: inline-block;
    padding: 0px;
    margin: 0px;
  }

  .vertical-nav li a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 5px;
  }

  .quickphone {
    background-color: #488EA9;
    border-radius: 35px;
    color: #fff;
    width: 100%;
    height: 52px;
    max-width: 195px;
    display: block;
  }

  .quickphone i.fa {
    border-radius: 50%;
    background-color: #fff;
    color: #488EA9;
    font-size: 34px;
    padding: 5px 10px;
    line-height: 34px;
    margin: 4px 0px 4px -10px;
    width: 46px;
  }

  .quickphone a {
    text-decoration: none !important;
  }

  .quickphone .phone_number {
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 800;
    margin: 0px -5px;
    width: 100%;
    text-align: center;
    display: block;
  }

  .quickphone .phone_number small {
    font-size: 10px;
    line-height: 10px;
    width: 100%;
    clear: both;
    text-align: center;
    float: left;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-style: italic;
  }

  .navigation .list-inline {
    margin-bottom: 0px !important;
  }

  .navigation .list-inline li:last-child {
    float: right;
  }

  .Subnavigationwrap {
    background-color: #555;
    display: block;
    padding: 10px 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin-top: 4px;
  }

  .Subnavigationwrap a {
    color: #fff;
    text-decoration: none !important;
    font-weight: 600;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
  }

  .Subnavigationwrap a:hover,
  .Subnavigationwrap a:focus,
  .Subnavigationwrap a:active {
    color: #488EA9;
  }

  .fixed-form {
    max-width: 440px;
    width: 100%;
    position: absolute;
    top: 20px;
    z-index: 99;
    background: rgba(72, 142, 169, 0.90);
    color: #fff;
  }

  .slide .carousel-indicators {
    bottom: 200px;
  }

  .underSlide {
    color: #fff;
    background-color: rgba(55, 55, 55, 0.9);
    height: 180px;
    margin-top: -180px;
    position: relative;
    z-index: 29;
    padding: 35px 20px;
  }

  /* --- Showcase --- */
  .showcasewrap ul li {
    width: 100%;
    max-width: 40%;
  }

  .showcasewrap ul li:last-child {
    max-width: 29%;
  }

  .showcasewrap ul li:first-child {
    max-width: 29%;
  }

  .showcasewrap ul li.showcaseimage {
    height: 395px;
  }

  .showcasewrap ul li:first-child .showcaseimage {
    background-size: 100%;
    height: 412px;
    background-position: right top;
  }

  .showcasewrap ul li:last-child .showcaseimage {
    background-size: 100%;
    height: 345px;
    background-position: left 0px;
  }

  .showcasecontent {
    color: #fff;
    text-shadow: 1px 1px 0px #000;
    -webkit-text-shadow: 1px 1px 0px #000;
    -moz-text-shadow: 1px 1px 0px #000;
  }

  .showcasecontent p {
    font-weight: 600;
    display: none;
    line-height: 1.4;
  }

  .showcasecontent a {
    color: #fff;
    background-color: #488EA9;
    padding: 6px 10px;
    text-decoration: none;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    font-weight: 600;
    float: left;
  }

  .showcasecontent a:hover {
    color: #ccc;
  }

  .showcasewrap ul li:nth-child(2) .showcasecontent {
    display: block;
    padding: 95px 45px 0px 45px;
    clear: both;
    float: left;
  }

  .showcasewrap ul li:nth-child(2) .showcasecontent a {
    float: left;
  }

  .showcasewrap ul li:last-child .showcasecontent {
    float: left;
    clear: both;
    padding: 40px 70px 0px 55px;
  }

  .showcasewrap ul li:first-child:hover .showcaseimage {
    background-image: url('assets/images/showcase-first-over.png') !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:nth-child(2):hover .showcaseimage {
    background-image: url('assets/images/showcase-mid-over.png') !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:last-child:hover .showcaseimage {
    background-image: url('assets/images/showcase-last-over.png') !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:first-child .showcasecontent {
    padding: 8% 24% 0% 19%;
    float: left;
    clear: both;
  }

  .showcasewrap ul li:hover .showcasecontent p {
    display: block;
  }

  .showcasewrap ul li:hover .showcasecontent a {
    float: right;
  }

  .service-list {
    padding: 0px;
    margin: 0px;
    display: block;
    width: 100%;
  }

  .service-list li {
    display: inline-block;
    float: left;
    max-width: 50%;
    width: 100%;
  }

  /* --- FOOTER --- */

  .site-credits {
    text-align: right;
  }

  .site-credits a {
    color: #fff;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
  }
}

/* MEDIUM - UP (Desktop + Large Desktop) */


/* SMALL - ONLY (Tablet) */

@media (min-width: 769px) and (max-width: 992px) {
  .showcase h3.title {
    font-size: 2rem;
    height: 48px;
    text-align: center;
  }

  .showcasewrap ul li .showcaseimage {
    background-image: none !important;
    height: 325px !important;
    padding: 15px;
  }

  .showcasewrap ul li {
    max-width: 32% !important;
    background-color: rgba(27, 149, 186, 0.90);
    display: inline-block;
  }

  .showcasewrap ul li .showcasecontent {
    padding: 0px !important;
    float: none !important;
  }

  .showcasewrap ul li:nth-child(2) .showcasecontent,
  .showcasewrap ul li:first-child .showcasecontent,
  .showcasewrap ul li:last-child .showcasecontent {
    margin: 0px !important;
    height: auto !important;
  }

  .showcasewrap ul li .showcasecontent p {
    display: block;
    text-align: center;
  }

  .showcasewrap ul li:hover .showcaseimage,
  .showcasewrap ul li:hover .showcaseimage:hover {
    background-image: none !important;
  }

  .showcasewrap ul li:first-child:hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:nth-child(2):hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:last-child:hover .showcaseimage {
    background-image: none !important;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
  }

  .showcasewrap ul li:hover .showcasecontent a,
  .showcasewrap ul li .showcasecontent a {
    float: none !important;
    padding: 10px !important;
    margin-top: 15px;
    display: block;
    text-align: center;
    border: 1px solid #fff;
  }

  .page-gallery {
    width: 100%;
    height: 125px;
  }

  .aside .quickphone .phone_number {
    font-size: 18px;
  }

  .aside .quickphone i.fa {
    font-size: 28px;
    padding: 7px 14px;
    line-height: 34px;
    margin: 4px 0px 4px -10px;
    width: 48px;
  }

  .aside .quickphone {
    height: 55px;
  }
}

/* MEDIUM - ONLY (Desktop) */

@media (min-width: 993px) and (max-width: 1200px) {
  .showcase h3.title {
    font-size: 2rem;
  }

  .showcaseimage {
    height: 365px;
  }

  .showcasewrap ul li:first-child .showcaseimage {
    height: 345px;
  }

  .showcasewrap ul li:nth-child(2) .showcasecontent {
    padding: 90px 35px 0px 35px;
  }

  .showcasewrap ul li:last-child .showcaseimage {
    background-size: 100%;
    height: 290px;
    background-position: left 0px;
  }

  .showcasewrap ul li:last-child .showcasecontent {
    padding: 20px 20px 0px 38px;
  }

  .showcasecontent p {
    font-weight: 400;
    display: block;
    line-height: 1.2;
    font-size: 12px;
  }

  .showcasecontent a {
    font-size: 12px;
    float: none;
  }

  .showcasewrap ul li:last-child .showcasecontent a {
    float: left;
    margin-left: 50px;
  }

  .aside .quickphone .phone_number {
    font-size: 18px;
  }

  .aside .quickphone i.fa {
    font-size: 28px;
    padding: 7px 14px;
    line-height: 34px;
    margin: 4px 0px 4px -10px;
    width: 48px;
  }

  .aside .quickphone {
    height: 55px;
  }

  .page-gallery {
    width: 100%;
    height: 165px;
  }
}

/* LARGE - ONLY (Large Desktop) */

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
    width: 100%;
  }

  .aside .quickphone {
    margin: 20px auto;
    height: 68px;
    max-width: 240px;
    box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    -moz-box-shadow: 1px 1px 3px #222;
  }

  .aside .quickphone i.fa {
    font-size: 38px;
    padding: 13px 17px;
    line-height: 34px;
    margin: 4px 0px 4px -10px;
    width: 64px;
  }

  .aside .quickphone .phone_number {
    font-size: 22px;
    margin: 5px -5px;
  }

  .page-gallery {
    width: 100%;
    height: 215px;
  }
}

.underSlide {
  color: #fff;
  background-color: rgba(55, 55, 55, 0.9);
  position: relative;
  z-index: 29;
  padding: 35px 20px;
}

.underSlide h1 {
  font-weight: 800;
  text-shadow: 1px 1px 0px #000;
}

.underSlide h1 span.defaultColor {
  color: #488EA9;
}

.underSlide p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.underSlide p a {
  font-style: italic;
  text-decoration: none;
}

.underSlide p a:hover {
  color: #fff;
  transition: 0.2s all;
  -webkit-transition: 0.2s all;
  -moz-transition: 0.2s all;
}


.showcasecontentwrap {
  background-color: rgba(72, 142, 169, 0.90);
  color: #fff;
  padding: 30px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  overflow: visible;
}

.showcasecontentwrap h1 {
  font-weight: 800;
  text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  -moz-text-shadow: 1px 1px 0px #000;
}

.showcasecontentwrap p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.showcasecontentwrap .btn-default {
  border-radius: 0px;
  position: relative;
  z-index: 9;
  font-weight: 600;
  box-shadow: 0px 2px 4px #222;
  -webkit-box-shadow: 0px 2px 4px #222;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 30px auto -50px auto;
  max-width: 180px;
  display: block;
  border: none;
  background-color: #488EA9;
  color: #fff;
  text-transform: uppercase;
}

.homepage-content {
  background-image: url('assets/images/content-bg.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  color: #fff;
  padding: 0px;
}

.homepage-content .filter {
  background-color: rgba(88, 88, 88, 0.76);
  padding: 40px 0px;
}

.homepage-content .main h1 {
  font-weight: 800;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
  -webkit-text-shadow: 1px 1px 0px #000;
  -moz-text-shadow: 1px 1px 0px #000;
}

.homepage-content .main ul li {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  list-style-type: none;
  padding: 5px 0px;
  list-style-image: url('assets/images/drainpro-list.png');
}

.homepage-content .main ul {
  margin: 0px;
  padding: 0px 0px 0px 25px;
}



.testimonial {
  background: rgba(72, 142, 169, 0.90);
  color: #fff;
  padding: 20px 20px 0px 20px;
}

.testimonial h2 {
  font-weight: 600;
  margin: 0px;
}

.footer .logo {
  margin: 60px 0px;
}

.footer-list-body ul {
  padding: 0px;
  margin: 0px;
}

.footer-list-body ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.footer-list-body ul li a,
.footer-list-body ul li {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  text-decoration: none !important;
  padding: 5px 0px;
}

.footer-list-body ul li a:hover {
  color: #488EA9;
}

.footer-list-body .list-social {
  margin-top: 15px;
  display: none;
}

.footer-heading h3 {
  color: #488EA9;
  border-bottom: 2px solid #488EA9;
  padding-bottom: 10px;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.main p {
  margin: 0 0 30px;
  font-size: 16px;
  color: #555;
  font-weight: 600;
  line-height: 1.6;
  text-align: justify;
}

.main h1 {
  font-weight: 800;
  color: #488EA9;
}

.acf-map {
  width: 100%;
  height: 215px;
  border: #488EA9 solid 3px;
  margin: 20px 0;
}

.quote-form {
  margin: 15px;
  display: block;
  clear: both;
  background-color: #D0DFE5;
}

.quote-form h2 {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  margin: 0px;
  padding: 15px 0px;
  font-weight: 800;
  font-size: 22px;
  background-color: #bfbfbf;
}

.quote-form .btm-shadow {
  width: 100%;
  display: block;
  height: 10px;
  background-image: url('assets/images/btm-shadow.png');
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  margin-bottom: -10px;
}

.quote-form .gform_wrapper .top_label .gfield_label {
  display: none;
}

form#gform_1 label.gfield_label {
  display: none;
}

.quote-form .gform_wrapper ul.gform_fields li.gfield {
  padding: 0px;
  margin: 0px;
  margin: 4px 0px 4px 0px !important;
}

.quote-form .gform_body {
  margin: 10px;
}

.quote-form .gform_body ul.gform_fields li input,
.quote-form .gform_body ul.gform_fields li select,
.quote-form .gform_body ul.gform_fields li textarea {
  border: none !important;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  color: #555;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.quote-form .gform_wrapper .gform_footer {
  margin: 0px auto !important;
  padding: 0px 0px 10px 0px !important;
}

.quote-form .gform_wrapper .gform_footer .gform_button {
  width: 120px;
  display: block;
  margin: -25px auto;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0px;
  background-color: #555;
  position: relative;
  z-index: 9;
}


.quote-form .gform_wrapper div.validation_error {
  color: #790000;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 0px;
  border-top: 1px solid #790000;
  border-bottom: 1px solid #790000;
  padding: 5px 0px;
  clear: both;
  width: auto;
  text-align: center;
  margin: 0px 10px;
}

.quote-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0px;
  margin-bottom: -1px;
}

.quote-form .gform_wrapper .top_label .gfield_error textarea.textarea {
  margin-bottom: -3px;
}

.quote-form .gform_wrapper .field_description_below .gfield_description {
  padding-top: 0px;
  display: none;
}

.quote-form .gform_wrapper li.gfield.gfield_error {
  border: 1px solid red;
}

.page-gallery {
  width: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  border: 4px solid #488EA9;
}

.page-gallery span {
  display: none;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}

.page-gallery:hover span {
  padding: 2px 12px;
  position: absolute;
  top: 35%;
  left: 40%;
  right: 50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 2px solid #fff;
  font-size: 28px;
  width: 50px;
  color: #fff;
  height: 50px;
  display: block;
}

.page-gallery:hover:before {
  content: '';
  width: 100%;
  display: block;
  background-color: rgba(72, 142, 169, 0.30);
  height: 100%;
}

.aside .testimonial h2 {
  display: none !important;
}

.aside .quickphone {
  margin: 20px auto;
  max-width: 240px;
  box-shadow: 1px 1px 3px #222;
  -webkit-box-shadow: 1px 1px 3px #222;
  -moz-box-shadow: 1px 1px 3px #222;
}

.main ul li {
  font-size: 16px;
  ;
  color: #555;
  list-style-type: none;
  padding: 5px 0px;
  list-style-image: url('assets/images/drainpro-list.png');
  font-weight: 900;
  line-height: 1.6;
  text-align: justify;
}

.main ul {
  margin-bottom: 30px;
  padding-left: 20px;
  font-style: italic;
}

.main ul li strong {
  color: #555 !important;
}

.main h3>strong>span {
  color: #488EA9 !important;
  padding-bottom: 30px;
  display: block;
}



/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

  /* What makes it display */
  .no-touch .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

  /* What makes it display */
  .no-touch .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-nav>li>a {
    padding: 10px 7px 10px 7px;
    font-size: 12px;
  }

  .Subnavigationwrap {
    margin: 10px 0px;
  }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

  /* What makes it display */
  .no-touch .navbar-nav li:hover>ul.sub-menu {
    display: block;
  }

}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .Subnavigationwrap {
    display: block;
    margin: 10px 0px;
  }

  .Subnavigationwrap .vertical-nav {
    margin: 0px;
    padding: 0px;
  }

  .Subnavigationwrap .vertical-nav li {
    list-style-type: none;
    display: inline-block;
    max-width: 75px;
    line-height: 12px;
  }

  .Subnavigationwrap .vertical-nav li a {
    font-size: 12px;
    line-height: 12px;
  }

  .navigation {
    height: 80px;
  }

  .quickphone {
    display: none;
  }

  .navbar {
    background: none;
  }

  .slide .quote-form {
    display: none;
  }

  .sub-menu {
    display: inline-block !important;
    position: relative !important;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0) !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  /* No need to change anything */
  .sub-menu>li {
    position: relative;
    padding: 0px;
    float: left;
    width: 100% !important;
    background: #999;
  }

  /* Edit width, background and borders */
  .sub-menu>li>a {
    display: block;
    padding: 7px 10px !important;
    background: transparent;
    color: #fff;
    font-weight: 600;
  }

  /* Edit padding, background and color */
  .sub-menu li a:hover {
    background: #eee;
    color: #488EA9;
  }

  /* Edit hover background and color */
  .menu-item-has-children:hover .sub-menu {
    display: block;
  }

  .navbar-nav>li>a {
    padding: 5px 10px;
    background-color: #555;
    margin: 10px 5px;
    border-radius: 2px;
  }

  .navbar {
    margin-top: 20px;
  }

  .page-gallery {
    height: 120px;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .navbar-nav>li>a {
    padding: 10px 7px 10px 7px;
    font-size: 12px;
  }

  .Subnavigationwrap {
    margin: 10px 0px;
  }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .Subnavigationwrap {
    display: block;
    margin: 10px 0px;
  }

  .Subnavigationwrap .vertical-nav {
    margin: 0px;
    padding: 0px;
  }

  .Subnavigationwrap .vertical-nav li {
    list-style-type: none;
    display: inline-block;
    max-width: 75px;
    line-height: 12px;
  }

  .Subnavigationwrap .vertical-nav li a {
    font-size: 12px;
    line-height: 12px;
  }

  .navigation {
    height: 80px;
  }

  .quickphone {
    display: none;
  }

  .navbar {
    background: none;
  }

  .slide .quote-form {
    display: none;
  }

  .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0px 14px 15px rgba(0, 0, 0, 0.8);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  /* No need to change anything */
  .sub-menu>li {
    position: relative;
    padding: 0px;
    float: left;
    width: 250px;
    background: #999;
  }

  /* Edit width, background and borders */
  .sub-menu>li>a {
    display: block;
    padding: 5px 10px;
    background: transparent;
    color: #fff;
    font-weight: 600;
  }

  /* Edit padding, background and color */
  .sub-menu li a:hover {
    background: #eee;
    color: #488EA9;
  }

  /* Edit hover background and color */
  .menu-item-has-children:hover .sub-menu {
    display: block;
  }

  .navbar-nav>li>a {
    padding: 5px 10px;
    background-color: #555;
    margin: 10px 5px;
    border-radius: 2px;
  }

  .navbar {
    margin-top: 20px;
  }

  .navbar-default {
    border: 0px;
  }

  .page-gallery {
    height: 120px;
  }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-nav>li>a {
    padding: 10px 7px 10px 7px;
    font-size: 12px;
  }

  .Subnavigationwrap {
    margin: 10px 0px;
  }
}

.note-box {
  background-color: #488EA9;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  width: 200px;
  padding: 5px 10px;
  font-weight: 900;
  display: block;
  margin: auto;
}

/*


   



*/
  {}

iframe[name=google_conversion_frame] {
  position: absolute;
  left: -99em;
  top: 0;
}

.content {
  padding: 20px 0;
  background-color: #EDEDED;
}

.header-brand {
  float: left;
  padding: 5px 0 5px 10px;
  width: 75%;
}

.navmenu-brand {
  text-transform: uppercase;
}

.navbar-toggle {
  margin-right: 5px;
  padding-top: 16px;
  border: 0;
  background-color: transparent;
}

.navbar .navbar-toggle .icon-bar {
  width: 40px;
  height: 3px;
  background-color: #1B95BA;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 7px;
}

.payment-icons {
  display: none;
}

/* Promo Hero Banner */
.promo-hero {
  padding: 100px 0 60px;
  background-position: center;
  background-size: cover;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
}

.promo-hero h1 {
  font-size: 6.5rem;
  letter-spacing: -3px;
  font-weight: 700;
  color: #FFCE00;
}

.promo-hero p {
  margin-bottom: 40px;
  font-size: 3rem;
  font-weight: 700;
}

.promo-hero ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.promo-hero ul li {
  display: inline-block;
  margin-right: 20px;
  padding: 0 0 10px 20px;
  font-size: 16px;
  background: url(assets/images/icons/tick.png) no-repeat left 3px;
}

.promo-phone {
  padding: 0;
  line-height: 45px;
  background-color: #D00;
  color: #FFCE00;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
}

.promo-phone a {
  font-size: 3rem;
  color: #FFCE00;
}

.phone-middle {
  margin: 0 15px 15px;
}

/* Features */
.promo-features {
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

.promo-features ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.promo-features ul li {
  display: inline-block;
  margin-right: 30px;
  padding-left: 42px;
  line-height: 60px;
  font-weight: 700;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: left center;
}

.promo-features ul li:last-of-type {
  margin-right: 0;
}

/* Specials */
.promo-specials {}

.promo-specials ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
}

.promo-specials ul li {
  line-height: 1;
  font-size: 2.5rem;
  font-weight: 700;
}

.promo-specials ul li:nth-child(2n-1) {
  padding-right: 7px;
}

.promo-specials ul li:nth-child(2n) {
  padding-left: 7px;
}

.promo-specials ul li div {
  margin-bottom: 10px;
  padding: 20px 0 0;
  color: #1B95BA;
}

.promo-specials ul li.promo-icon-none {
  text-align: center;
}

.promo-specials ul li.promo-icon-none>div {
  background-color: #FFCE00;
}

.promo-specials ul li.promo-icon-none p {
  margin-bottom: 0;
}

.promo-specials ul li.promo-icon-none p:last-of-type {
  margin-bottom: 15px;
  min-height: 30px;
}

.promo-specials ul li.promo-icon {}

.promo-specials ul li.promo-icon>div {
  background-repeat: no-repeat;
  background-position: center 15px;
  background-color: #FFCE00;
}

.promo-specials ul li.promo-icon>div>div {
  min-height: 105px;
}

.promo-specials ul li.promo-icon p {
  margin: 55px 0 0;
  text-align: center;
}

.promo-specials ul li.promo-icon p span {
  display: table-cell;
  vertical-align: middle;
}

.promo-specials ul li p {
  padding: 0 20px 0;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 700;
  color: #393939;
}

.promo-specials ul li p em {
  font-size: 6rem;
  font-weight: 800;
  font-style: normal;
  color: #D00;
}

.promo-specials ul li p em sup {
  font-size: 55%;
}

.promo-specials ul li a {
  display: block;
  margin-top: 15px;
  padding: 5px 0;
  font-size: 1.4rem;
  color: #FFF;
  background-color: #D00;
  border: 1px solid #D00;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
}

.promo-specials ul li a:hover,
.promo-specials ul li a:focus {
  color: #FFCE00;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Middle Panel */
.middle_panel {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.middle_panel h2 {
  margin: 0;
  padding: 10px;
  font-size: 3rem;
  font-weight: 600;
  color: #FFF;
  background-color: #1B95BA;
  text-align: center;
}

.middle_panel ul {
  margin: 0;
  padding: 2rem 4rem;
  list-style: none;
  background-color: #393939;
}

.middle_panel ul li {
  padding: 1.5rem 0 1.5rem 3rem;
  font-size: 2rem;
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  background: url(assets/images/icons/icon_tick_large.png) no-repeat left center;
}

.middle_panel ul li:last-of-type {
  border-bottom: 0;
}

/* Form */
.promo-form {
  margin-bottom: 4rem;
}

.promo-form h2 {
  margin: 0;
  padding: 10px 0;
  font-size: 2.2rem;
  font-weight: 600;
  color: #FFF;
  background-color: #393939;
  text-transform: uppercase;
  text-align: center;
}

.promo-form .gform_wrapper {
  margin: 0;
  padding: 7px 15px 10px;
  background-color: #FFCE00;
}

.promo-form .gform_wrapper li.gfield {
  margin-top: 5px;
  padding-right: 0;
}

.promo-form .gform_wrapper .top_label div.ginput_container {
  margin-top: 3px;
}

.promo-form .gform_wrapper .gform_footer {
  margin: 0;
  padding: 6px 0;
  text-align: center;
}

.promo-form .gform_wrapper .gform_footer input {
  height: 30px;
}

.promo-form .gform_wrapper .gform_footer input.button {
  padding: 5px 30px;
  line-height: 1 !important;
  background-color: #D00;
}


.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  padding: 0 0 15px;
  border: 0;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}

.gform_wrapper .field_description_below .gfield_description {
  padding-top: 5px;
}

.gform_wrapper ul.gform_fields 
li.gfield.gfield_error+li.gfield.gfield_error {
  margin-top: 0;
}

/* WOMO */
.womo-widget.womo-review-feed {
  width: 100% !important;
}

/* Footer */
.footer {
  line-height: 20px;
  text-align: left;
  background-color: #393939;
}

.footer .logo {
  margin: 10px 0;
}

.footer a {
  color: #FFF;
}

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

/* Footer */
.page-template-page-homepage-look .footer {
  line-height: 20px;
  text-align: left;
  background-color: #393939;
}

.page-template-page-homepage-look .footer .logo {
  margin: 10px 0;
}

.page-template-page-homepage-look .footer a {
  color: #FFF;
}

.page-template-page-homepage-look .footer a:hover,
.page-template-page-homepage-look .footer a:focus {
  text-decoration: underline;
}


/* MOBILE
*/
@media screen and (max-width:767px) {
  .promo-hero {}

  .promo-hero .container {
    padding: 0 30px;
  }

  /* Features */
  .promo-features ul {
    padding: 15px 0 15px 60px;
    text-align: left;
  }

  .promo-features ul li {
    line-height: 30px;
    background-size: 10%;
  }

  /* Specials */
  .promo-specials ul li:nth-child(4n-1) {
    clear: both;
  }

}

/* TABLET +
*/
@media screen and (min-width:768px) {


  /* Navigation */
  .row>.col-sm-8 {
    padding: 0;
  }

  .navigation {
    margin-top: 30px;
  }

  .navbar-nav {
    float: none;
    text-align: right;
  }

  .navbar-nav>li {
    float: none;
    display: inline-block;
  }

  .navbar-nav>li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #393939;
  }

  .navbar-nav>li:last-of-type:after {
    display: none;
  }

  .navbar-nav>li>a {
    margin-right: 5px;
    padding: 0 8px;
    line-height: 30px;
    font-weight: 700;
    transition: all 0.3s ease;
  }

  .navbar-nav>li>a:after {
    display: none;
  }

  .navbar-nav>li>a:hover,
  .navbar-nav>li>a:active,
  .navbar-nav>li>a:focus,
  .navbar-nav>li.current-menu-item {
    color: #FFF;
    background-color: #393939;
    transition: all 0.3s ease;
  }

  /* Sub-Navigation */
  .sub-nav {
    background-color: #1B95BA;
  }

  .sub-nav ul {
    margin-bottom: 0;
    padding: 5px 0;
    text-align: center;
  }

  .sub-nav ul li {
    display: inline-block;
    text-transform: uppercase;
  }

  .sub-nav ul li a {
    display: block;
    padding: 0 10px;
    line-height: 25px;
    font-size: 12px;
  }

  /* Promo Hero Banner */
  .promo-hero {
    padding: 40px 0 60px;
  }

  .promo-hero h1 {
    font-size: 7.5rem;
    letter-spacing: -1px;
  }

  .promo-hero ul li {
    padding: 0 0 0 20px;
  }

  /* Specials */
  .promo-specials ul li:nth-child(4n-2) {
    padding-right: 7px;
  }

  .promo-specials ul li:nth-child(4n-1) {
    padding-left: 7px;
  }


  /* Middle Panel */
  .middle_panel {
    padding-right: 7px;
  }

  .middle_panel ul {
    padding: 1rem 4rem;
  }

  .middle_panel ul li {
    padding: 1.3rem 0 1.5rem 3rem;
  }

  /* Form */
  .promo-form {
    margin-bottom: 0;
    padding-left: 7px;
  }



  /* Footer */
 #front-page-footer.footer {
    line-height: 70px; 
    text-align: right;
  }

}

@media screen and (min-width:993px) {
    {}

  /* Navigation */
  .navigation {
    margin-top: 40px;
  }

  .navigationwrap {
    text-align: right;
  }

  .navbar {
    display: inline-block;
  }

  .navbar-nav>li>a {
    padding: 0 5px;
    line-height: 30px;
  }

  .payment-icons {
    display: inline-block;
  }

  .sub-nav ul {
    padding: 0;
  }

  .sub-nav ul li a {
    padding: 0 15px;
    line-height: 50px;
  }


  /* Specials */
  .promo-specials ul li.promo-icon>div {
    background-position: center 25px;
  }

  .promo-specials ul li.promo-icon p {
    margin: 70px 0 0;
  }



  /* Middle Panel */
  .middle_panel ul {
    padding: 2rem 4rem;
  }

  .middle_panel ul li {
    padding: 1.5rem 0 1.5rem 3rem;
  }

}

@media screen and (min-width:1200px) {

  .navbar-nav>li>a {
    padding: 0 10px;
  }

  /* Specials */
  .promo-specials {}

  .promo-specials ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
  }

  .promo-specials ul li {
    margin-bottom: 10px;
    padding: 0 !important;
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 700;
    color: #1B95BA;
    background-color: #FFCE00;
  }

  .promo-specials ul li.promo-icon-none {
    text-align: center;
  }

  .promo-specials ul li.promo-icon-none p {
    margin-bottom: 0;
  }

  .promo-specials ul li.promo-icon-none p:last-of-type {
    margin-bottom: 15px;
  }

  .promo-specials ul li.promo-icon {
    background-repeat: no-repeat;
    background-position: 20px 25px;
  }

  .promo-specials ul li.promo-icon>div {
    background-position: 20px 21px;
  }

  .promo-specials ul li.promo-icon>div>div {
    display: table;
    padding: 0;
    min-height: 80px;
  }

  .promo-specials ul li.promo-icon p {
    display: table-cell;
    padding-left: 12rem;
    vertical-align: middle;
  }

  .promo-specials ul li.promo-icon p span {
    display: table-cell;
    vertical-align: middle;
  }

  .promo-specials ul li div {
    margin-bottom: 0;
    padding-top: 14px;
  }

  .promo-specials ul li p {
    padding: 0 20px 0;
    line-height: 1;
    font-size: 2.5rem;
    font-weight: 700;
    color: #393939;
  }

  .promo-specials ul li p em {
    font-size: 10rem;
    font-weight: 800;
    font-style: normal;
    color: #D00;
  }

  .promo-specials ul li p em sup {
    font-size: 55%;
  }

  .promo-specials ul li a {
    display: block;
    margin-top: 15px;
    padding: 5px 0;
    font-size: 2rem;
    color: #FFF;
    background-color: #D00;
    border: 1px solid #D00;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
  }

  .promo-specials ul li a:hover,
  .promo-specials ul li a:focus {
    color: #D00;
    background-color: #FFF;
    text-decoration: none;
    transition: all 0.3s ease;
  }


}

/* Gravity Form */
.v-hidden{
 display:none !important
}

/*.name-field input{*/
/*	width:48% !important*/
/*}*/