/*
Theme Name: The Bathroom Pro
Author: True Blue Websites
Author URI: http://truebluewebsites.com.au
*/


/* =========== TOOLS =========== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400,800,700);
/* --- OVERRIDING GUTTERS --- */
ul.list-unstyled.list-testimonial li:before{content: " " !important;}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  width: 100%;
  display: block;
}
.step-overlay {
   padding: 45px;
  background-color: rgb(18, 22, 25);
  text-align: center;
  font-size: 36px;
  color: rgb(247, 163, 122);
  z-index: 9;
  background-blend-mode: overlay;
  position: relative;
opacity:1;
 -webkit-transition: opacity 2s; /* Safari */
    transition: opacity 2s;
}
.our-process .step {
  padding: 0px !important;
position:relative;
margin-bottom:15px;
}
.text {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
height: 100%;
  text-align: center;
  padding: 20px;
  background-image: url('assets/images/service-bg.png');
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.text h3{
  font-weight: 100;
  text-shadow: 1px 1px 1px rgb(253, 253, 253);
}
.step-overlay:hover {
  opacity: 0;
cursor:pointer;
}
span.number {
position:relative;
font-weight: 100;
  color: rgb(241, 102, 33);
  font-size: 28px;
  margin: 0;
  display: inline-block;
  padding: 10px 0 10px 0;
  min-width: 50px;
  text-align: center;
  width: 100%;
}
.step{
padding:0px;
}

.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;
}

@media (max-width: 768px) {

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

}

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

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

.list-social li {
  padding: 0;
}
a.btn.btn-social {
  background-color:rgb(241, 102, 33);
  color: #000;
}
.btn-social {
  padding: 0;
  margin: 0 6px;
  display: block;
  border: none;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.45);
  border-radius: 100% !important;
  font-size: 21px;
}

.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 =========== */
.wpcf7-not-valid {
  background-color: rgb(247, 163, 122);
}
.menu-footer-container ul.nav>li>a{
float:left;
position:static;
display:inline;
padding:5px;
}
.menu-footer-container ul.nav>li>a:before {
  content: "|";
  position: absolute;
  display: inline-block;
  margin-left: -8px;
}
.menu-footer-container ul.nav li:first-child a:before{
content:"";
}
.lowerfooter {
  background-color: #05090D;
padding:25px 0 0 0;
font-size:11px;
border-top:1px solid #7B8B9A;
}
.footer {
  background-color: #121619;
padding:35px 0;
color:#F4854D;
}
.menu-footer-container {
  margin-top: 25px;
}
.why-us {
  background-color: #1E2226;
  padding: 50px 0;
  text-align: center;
  color: #fff;
}
.why-us h4{
	font-size: 16px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 60px;
    text-transform: uppercase;
    font-style: italic;
    margin-left: 10px;
    margin-right: 10px;
}
.why-us {
  background-color: #1E2226;
}

.why-us .showcasewrap h2{    margin-bottom: 80px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    margin-top: 40px;}

.owl-item {
  padding: 0 10px;
}
.content .col-sm-8 ul li:before {
  content: url("assets/images/check.png");
  position: absolute;
  left: 15px;
}
.content ul {
  list-style-type: none;
}
img.img-quote {
  float: left;
  margin: 0 5px 10px 0;
}
.review-body {
  font-style: italic;
  font-size: 18px;
  font-weight: 300;
line-height:1.4;
}
.sidebartestimonialwrap a {
  color: #000;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
}
.sidebartestimonialwrap h3 {
  font-size: 24px;
  font-weight: 700;
}
div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
  float: left;
}
.tab-contact {
  border: 1px solid #F16621;
}
.nav li.active:last-child a {
  margin-right: -1px;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
  border-bottom-color: transparent;
  color: #fff;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
  border: 0px solid #ddd;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.tab-content {
  padding: 10px 10px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color:#fff;
  cursor: default;
  background-color: #F7A37A;
  border: 0px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified>li>a {
  border-bottom: 1px solid transparent;
  border-radius: 0;
  color: #000;
}
.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 0px solid transparent;
  border-radius: 4px 4px 0 0;
}
.service-tiles {
 /* background-image: url('assets/images/service-bg.png');*/
    background-size: 300px;
padding:50px 0px;
}
.service-tiles h2, .service-tiles h3 {
  text-align: center;
}
.service-tiles h2
{
    font-size: 34px;
  font-weight: 700;
  margin-top: 40px;
}
.service-tiles .row{text-align: center;}
.service-tiles h3{  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;}

.service-tiles .col-sm-3 h4 {
  color: #fff;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 0px;
}
.service-tiles .col-sm-3{
  text-align: center;
  padding: 30px 0px;
}
.col-sm-3 .service{
width:220px;
height:220px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
margin:auto;
}

.col-sm-3 .service img{
margin-top:35px;
}

.col-sm-3 .service-1 {
  background-color: #373A3D;
}
.col-sm-3 .service-2 {
  background-color: #373A3D;
}
.col-sm-3 .service-3 {
  background-color: #373A3D;
}
.col-sm-3 .service-4 {
  background-color: #373A3D;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{margin:0px 1px 0px 0px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a{padding:0px 25px !important;}
.home .the-process {
background-color: rgba(241, 102, 33, 0.8);
    position: absolute;
    margin-top: -137px;
    padding: 20px;
    height: 137px;
    z-index: 99;
    width: 100%;
}

.the-process {
   background-color: rgba(241, 102, 33, 0.8);
    padding: 20px;
    width: 100%;
    height: 137px;
}
.the-process  i.fa.fa-check {
  font-size: 40px;
}

.the-process h2 {
  font-size: 24px;
  text-transform: none;
  font-weight: 00;
  color: #fff;
  padding: 25px 0;
  margin: 0;
}
.form-group small{
    display: inline-block;
  color: #fff;
  width: 100%;
}
.form-group.col-sm-6 {
  padding: 5px 0 5px 0px;
}
.form-group.col-sm-3 {
  padding: 5px 0 5px 5px;
}
span.wpcf7-not-valid-tip{display: none !important;}
.banner-overlay .col-sm-4 form{
    background-color: rgba(55, 58, 61, 0.9);
    padding: 0;

}
.banner-overlay .col-sm-4 form{
  padding: 10px 10px;
}
.banner-overlay .col-sm-4 h3{
    margin: 0;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  background-color: rgba(30, 34, 38, 0.9);
}
.banner-overlay{
position: absolute;
  z-index: 9;
  margin-top: 30px;
  max-width: 930px;
}
.banner-overlay h1{
color:#fff; text-shadow: 2px 2px #000; margin-top:30%;  font-size:48px; font-weight:700;}

.quote-form{        margin-top: 25%;
    border: 3px solid rgb(241, 102, 33);
    box-shadow: 0px 0px 100px #000;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a{float: left;}
#mega-menu-wrap-primary #mega-menu-primary{text-align: left !important; }
.navigation {
   background-color: #1E2226;
  border-bottom: 3px solid rgb(241, 102, 33);
}
/* --- PAGE --- */

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

/* --- LINKS --- */

a {
  color: #F4854D;
  text-decoration: none;
}

a:hover,
a:focus {

}

/* --- BUTTONS --- */
.btn.btn-submit {
  background-color: #121619;
  border:1px solid #121619;
  color: #fff;
  font-weight: 800;
  padding: 15px 30px;
}
.btn.btn-submit:hover {
  background-color: #fff;
  color: #121619;
  font-weight: 800;
  padding: 15px 30px;
}
.btn-info {
  margin: 30px 0;
  color: #fff;
  background-color: #F4854D;
  border-color: #F4854D;
  font-weight: 800;
  font-size: 18px;
  padding: 20px 70px;
}
.btn-info:hover {
  color: #F4854D;
  background-color: #fff;
  border-color: #F4854D;
  font-weight: 800;
  font-size: 18px;
  padding: 20px 70px;
}
.btn-primary {
   background-color: rgb(51, 51, 51);
  border-color: none;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  padding: 10px;
}
.btn-primary:hover {
  background-color: rgb(241, 102, 33);
  border-color: #fff;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
}
.btn {

}

.btn-xs {

}

.btn-sm {

}

.btn-default {

}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {

}

.btn-action {
    background: rgb(241, 102, 33);
  color: white;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  float: right;
}

.btn-action:hover,
.btn-action:focus,
.btn-action:active,
.btn-action.active {
 background: rgb(255, 255, 255);
  color: rgb(241, 102, 33);
}

/* --- HEADINGS --- */

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

}

h1 {
  margin-top:0;
}

/* --- LEAD --- */

.lead {
  font-weight:bold;
}

/* --- WELL --- */

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

/* --- PANEL --- */

.panel {
  border-color: transparent;
background-color:transparent;
  border: 0px;
  border-radius: 0px;
}

.panel .panel-heading {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  border: 0px;
}


/* --- FORMS --- */

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

.form-group .form-control {
 border: 0px;
    border-radius: 3px;
    color: #000;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5);
}
.tab-content .form-group small {
  color: #000;
}
.input-sm, .form-group-sm .form-control{    height: 38px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 1.5;}

.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 --- */
.header{background: #05090D;}
.logo {
  margin: 20px 20px;
}

.quickcontact {
  margin-top: 70px;
}
span.quickphone {
  font-size: 22px;
  color: #F16621;
  font-weight: 500;
}
span.quickphone a{
    color: #fff;
  font-weight: 800;
}
/* --- BANNER --- */

.banner {
  margin-bottom: 0px;
 background-image: url('assets/images/service-bg.png');
}

/* --- SHOWCASE --- */

.showcase {
  margin-bottom: 20px;
}

/* --- MAIN --- */
.content h1 {
  font-weight: 800;
  font-style: italic;
}
.content {
   margin-bottom: 0px;
  background-color: #F4F5F6;
  padding: 20px 0;
}
.home .contentmain{
	background-size:cover;
	padding:0px;
	background-attachment: fixed;
}
.home .contentmain .filter{
	background-color:rgba(245,245,245,0.95);
  padding: 80px 0;
}

.contentmain {
   margin-bottom: 0px;
  background-color: #F4F5F6;
  padding: 80px 0;
}
.content .col-sm-4 {
  border-left: 1px solid #F16621;
}
/* --- ASIDE --- */

.aside .panel {

}

.aside .panel-heading {

}

.aside .panel-body {

}

/* --- FOOTER --- */

.footer {
  font-size: 12px;
  color: #F4854D;
}
ul#menu-service-areas {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/* =========== STYLES - Media Query =========== */

/* X SMALL - ONLY (Phone) */

@media (max-width: 768px) {
.text{position:static;}
.btn-info {padding:10px;}
.main img.alignleft, .main img.alignright{float:none;}
.lowerfooter{text-align:center;}
.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
  /* --- NAVIGATION --- */
  .navbar {
  background: #666666;
  color: #F2F2F2;
  }
  .navbar a {
  color: #F2F2F2;
  }
  .navbar .navbar-toggle {
  border-color: #F2F2F2;
  background: #F2F2F2;
  }
  .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;
  }

  /* Second Level */
  .sub-menu {
    display: none;
  }

  /* --- HEADER --- */
  .logo img { margin: 0 auto; }
  .btn-presstocall { padding: 10px 20px; font-size: 20px; margin-bottom: 20px; }

  /* --- CONTENT --- */
  .main { margin-bottom: 20px; }

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

}

/* 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; border:0px; }
  .navbar a { text-decoration: none; transition: all 0.2s ease; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item{background-color:rgb(241, 102, 33) !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
  /* First Level */
  .navbar-nav>li { border-right: 0px; }
  .navbar-nav>li>a  {
   padding: 15px 30px;
  color: #fff;
  font-weight: 800; }
  .navbar-nav>li>a:hover { background: #F16621; color: #fff; }

  /* Second Level */
  .navbar-nav ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; padding:0; margin: 0; list-style:none; box-shadow: 0px 2px 3px rgba(0,0,0,0.4); } /* No need to change anything */
  .navbar-nav ul.sub-menu li { position: relative; float: left; width:250px; background: #eee; border-top: 1px solid #fff; } /* Edit width, background and borders */
  .navbar-nav ul.sub-menu li a { display: block; padding: 5px 10px; background: transparent; color: #666666; } /* Edit padding, background and color */
  .navbar-nav ul.sub-menu li a:hover { background: #666666; color: #fff; } /* Edit hover background and color */
  .navbar-nav li:hover > ul.sub-menu {display:block; } /* What makes it display */

  /* --- HEADER --- */

  .quickcontact { text-align: right; }

  /* --- FOOTER --- */

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

}

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

@media (min-width: 993px) {

}

/* SMALL - ONLY (Tablet) */

@media (min-width: 769px) and (max-width: 992px) {

}

/* MEDIUM - ONLY (Desktop) */

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

}

/* LARGE - ONLY (Large Desktop) */

@media (min-width: 1200px) {

  .container { width: 960px; }

}

.home .tab-contact{display:none;}

.carousel-indicators{bottom:-30px;}

.gridbox{height:215px; width:100%; min-width:215px; margin:20px auto 20px auto; display:block; background-size: cover;text-decoration: none !important; background-position: center center; border:3px solid #ddd; overflow: hidden;}
.gridbox:hover{border:3px solid rgb(241, 102, 33); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

.gridbox .gridwrap{opacity:1; text-decoration: none !important; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; margin-top:0px; text-align: center;  padding-top:20%; width:100%; height:215px; min-width: 215px; color:#fff !important;  background-color:rgba(0,0,0,0.6);}
.gridbox:hover .gridwrap{opacity: 0; }
.gridbox .gridwrap hr{width:35%; margin:10px auto; display: block;}
.gridbox .gridwrap h4{font-weight: 700; text-transform: uppercase; width:80%; margin:auto; display:block;}
.gridbox .gridwrap p{font-style: italic;}
.gridbox:hover .gridwrap:hover{text-decoration: none !important;}


.smallgridbox{height:160px; width:100%; min-width:180px; border-radius: 2px; margin:10px auto; display:block; background-size: cover;text-decoration: none !important; background-position: center center; border:1px solid #ddd; overflow: hidden;}
.smallgridbox:hover{border:1px solid rgb(241, 102, 33); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.bannerwrap{background-size:cover; background-position: center center;     min-height: 300px;
    width: 100%;
    display: block;}

.title-wrap{margin-top:10%; background-color:rgba(0,0,0,0.8); max-width:400px; padding:15px 25px;color:#fff;}
.title-wrap h2{text-transform: uppercase; margin-top:0px; font-weight: 700;}