/*
Theme Name: bathfitternation

*/

body{

  margin: 0;

  padding: 0;

}
select option{
	font-size: 18px;
    color: #716d6d;
}
body , h1 , h2 ,h3 ,h4 , h5 ,h6 ,label , span , p , a , option, select{
  font-family: Gotham-Book!important;
}
body, html, .main {

  height: 100%;


}

#header {
    position: fixed;

    width: 100%;

    z-index: 999;

    background: #fff;

    display: block;

    -webkit-box-shadow: 0px -1px 6px 2px #808080;

    -moz-box-shadow: 0px -1px 6px 2px #808080;

    box-shadow: 0px -1px 6px 2px #808080;

    top: 0;

}
.contact-block {
    position: absolute;
    right: 30px;
    top: 8px;
    color: #4D8B92;
    font-weight: bold;
}
#header .navbar-brand img{

  width: 150px;

}

#header ul.navbar-nav li a{

  font-size: 15px;

  font-weight: bold;

  color: #4D8B92;

  padding: 10px 15px;

  outline: none;

}

#banner-sec{

  background-color: #829093;

  margin-top: 95px;

  position: relative;

}
#banner-sec #top-slider img{
  width: 100%;
} 

#banner-sec .top-form{
  position: absolute;
  right: 30px;
  top: 30px;
  width: 350px;
}

.formbox {

  background-color: rgba(255,255,255,0.80);

  width: auto;

  color: rgba(77,139,146,1.00);

  border-radius: 15px;

  padding-top: 10px;

  padding-right: 10px;

  padding-bottom: 10px;

  padding-left: 10px;

  text-align: center;

  box-shadow: 0px 1px 4px #808080;
}



/*slider-css*/

.slider{

  padding: 30px 15px;

}

.slider .owl-dots {

    display: none;

}

.slider .owl-theme .owl-nav [class*="owl-"] {

    color: #303030;

    font-size: 18px;

    margin: 5px;

    padding: 0px 7px 5px;

    background: #D6D6D6;

    display: inline-block;

    cursor: pointer;

    border-radius: 3px;

    line-height: 30px;

}

.tab-sec .carousel-indicators{
  position: relative;
  margin-top: 30px;
  margin-bottom: 0;
}
.tab-sec .carousel-indicators li{
  width: 140px;
  height: 95px;
  border:none;
  opacity: 1;
  position: relative;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, .2);
  border: 5px solid #fff;
}
.tab-sec .carousel-indicators li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0,160,175,0.7);
    transition: all 177ms cubic-bezier(0.39, .575, .565, 1);
}
.tab-sec .carousel-indicators li.active::before {
  content: "";
  background-color: transparent;
}
#bath .first {
    background-image: url("./images/b12_thumb.jpg");
  }
#bath .second {
    background-image: url("./images/b22_thumb.jpg");
  }
#bath .third {
    background-image: url("./images/b32_thumb.jpg");
  }
#bath .forth {
    background-image: url("./images/b42_thumb.jpg");
  }

  #shower .first {
    background-image: url("./images/s12_thumb.jpg");
  }
#shower .second {
    background-image: url("./images/s22_thumb.jpg");
  }
#shower .third {
    background-image: url("./images/s32_thumb.jpg");
  }

  #tub-to-conversion .first {
    background-image: url("./images/c12_thumb.jpg");
  }
#tub-to-conversion .second {
    background-image: url("./images/c22_thumb.jpg");
  }
#tub-to-conversion .third {
    background-image: url("./images/c32_thumb.jpg");
  }
  #tub-to-conversion .forth {
    background-image: url("./images/c42_thumb.jpg");
  }

.tab-sec{

    padding-top: 30px;

    background-color: #F3F3F3;

}

.tab-sec button > p{

  margin-top: 15px;

  margin-bottom: 0;

}

.tab-sec .tablink {

  background-color: transparent;

  color: #303030;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 10px;

  font-size: 17px;

  width: 33.33%;

}



.tab-sec .active.tablink{

  color: #303030;

  position: relative;

}

.tab-sec .active.tablink::before {

    content: "\25BC";

    position: absolute;

    left: 50%;

    transform: translate(-50%,0);

    bottom: -18px;

    color: #fff;

}



/* Style the tab content (and add height:100% for full page content) */

.tab-sec .tabcontent {

  color: #000;

  display: none;

  padding: 0px 0px 30px;

  height: auto;

  clear: both;

  background-color: #F3F3F3;

  position: relative;

  top: 30px;

}

.tab-sec .tabcontent .col-lg-12.col-sm-12{

  padding: 0;

}

.tab-sec .active.tablink {

    box-shadow: 0px 8px 15px #808080;

}

.product-slider { padding: 45px; }



.product-slider #carousel { border: 4px solid #1089c0; margin: 0; }



.product-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }



.product-slider #thumbcarousel .item { text-align: center; }



.product-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }



.product-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }



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



.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }



.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }



.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }

.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }



.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }


#contact {

    background-color: #5f6a69;

    padding: 20px;

    color: #fff;

    margin-top: 30px;

}
#contact .navbar-brand img{
  width: 120px;
  margin-top:45px;
}
#contact p{

  font-size: 14px;
  margin-bottom: 0;
  margin-top: 20px;

}
#contact ul {

  padding: 0;

  text-decoration: none;

  list-style: none;

  margin-bottom: 0;
}
#contact ul li{

  display: inline-block;

  padding: 20px;

}
#contact ul li a{

  color: #fff;

}
#contact .social-icons .fa{
    width:30px;
    margin:0 15px;
    color:#eee;
    font-size: 40px;
}

@media(max-width: 991px){
  #header .container{
    max-width: 100%;
  }
  #header ul.navbar-nav li a{
    font-size: 12px;
    padding: 10px 10px;
  }
}

.textwidget h1 , .textwidget h2 {
  font-size: 42px;
  
    font-weight: 600;
    color: #024d71;
    margin-bottom: 25px;
    letter-spacing: 2px;
      
}
.textwidget h3{
  
    font-weight: 600;
    color: #024d71;
}

/* contact-page */

#text-banner {
  position: relative;
  margin-top: 95px;
}
#text-banner::before {
  content: "";
  position: absolute;
 /* background-color:rgba(0,0,0,0.1);*/
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
#text-banner .textwidget h1 {
      position: absolute;
    bottom: 20px;
    left: 90px;
    font-size: 70px;
    color: #024d71;
    font-weight: bold;
    z-index: 99;
    width: auto;
    font-size: 42px;
}

#contact-form form{
  background-color: #eee;
  padding: 50px;
  margin-top: 20px;
}
#contact-form form span{
  font-size: 20px;
  color: #4D8B92;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 5px;
 
}
#contact-form form .form-group{
/*  width: 50%;
  float: left;
  padding: 0 10px;*/
}
#contact-form form .form-group label{
  font-size: 14px;
  color: #4D8B92;
  font-weight: bold;
  width: 100%;
}
#contact-form form .form-group select{
  width: 100%;
  height: 40px;
  color: #484848;
    font-size: 16px;
}
#contact-form form .form-group input{
  /*padding: 10px;
  height: 40px;
  width: 100%;
      font-size: 14px;*/
}
#contact-form form p label{
  font-size: 18px;
  color: #4D8B92;
  font-weight: bold;
  width: 100%;
  padding:0 10px;
}
#contact-form form p label textarea{
  width: 100%;
}
#contact-form form .wpcf7-submit{
  border: 2px solid;
  background-color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 35px;
  color: #4D8B92;
}
#contact-form {
  padding: 50px 15px;
}

@media(max-width:575px){
  #contact-form form .form-group{
    width: 100%;
  }
  #contact-form form{
    padding: 15px;
  }
  #text-banner h1{
    font-size: 32px;
  }
}

.promise-section{
  margin-top: 20px;
}
.mission-section,.vision-section , .values-section{
  margin: 30px 20px;
}

.point{
  margin: 0px 0 20px 20px;

    width: 90%;
    padding-bottom: 20px;
    line-height: 1.5;
    font-size: 18px;
   
    color: #406565;
    font-weight: 400;
}
.textwidget p {
  margin: 1px 0 0px 20px;

    width: 100%;
    padding-bottom: 20px;
    line-height: 1.5;
    font-size: 18px;
   
    color: #406565;
    font-weight: 500;
}

.WarBadge {
    margin-top: 120px;
    padding-top: 40px;
}
.centered {
    text-align: center;
}

span.wpcf7-not-valid-tip{
        font-size: 13px!important;
        color: red!important;
}

.wpcf7-date{
      border: 1px solid #a7a2a2;
}

 .form-group-1 label{
font-size: 14px;
    color: #4D8B92;
    font-weight: bold;
    width: 100%;
  }
.form-group-1{
    width: 33.33%;
    float: left;
    padding: 0 10px;
  }

.form-group-1 span input{
  width: 100%;
padding: 2px 15px;
font-size: 16px;
}

.sub-btn{
  align-items: center;
  width: 100%;
  clear: both;
}
.sub-btn input{
  margin: 0 auto;
    position: relative;
    left: 45%;
    top: 42px;
}

.textwidget p a{
  color: #406565;
}
.Bath-list li {
  list-style: none;
  color:#406565;
  margin-left: 21px;
}

.Bath-list{
padding-left: 15px;

}

.selection-pro{
  color: #024d71;
}

.hide{
  display: none;
}
.fades{
  display: none;
}

#section-2{
  margin-top: 60px;
}

#faq-section-2{
 margin-top: 60px;
}


.about-section{
  width: 100%;
    background-size: cover;
    background-position: right;
    height: 489px;
    background-repeat: no-repeat;
}

#faq-section-2 .textwidget h5{
  font-size: 22px;
  color: #024d71;
  font-family: GothamMedium!important;
}

.speech-bubble p{
  position: relative;
  border: 1px solid #4d8b92;
  border-radius: .4em;
  padding: 10px 20px;
}

.speech-bubble p:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 4%;
  width: 0;
  height: 0;
  border: 16px solid transparent;
  border-top-color: #4d8b92;
  border-bottom: 0;
  margin-left: 0px;
  margin-bottom: -16px;
}

.speech-bubble h5{
  padding-top: 17px;
}

.carl-img img{
width: 50%;
float: right; 
}

#track{
  position: absolute;

left: 93%;

top: -16px;

font-size: 25px;
}

#wpadminbar{
  display: none;
}

@media(max-width: 767px){
	.carl-heading{
		text-align: center;
	}
	.carl-img img{
		width: 100%;
	}
}

.paregraph-1 , .paregraph-2{
  text-align: justify;
}

@media(min-width: 1550px){
  .speech-bubble p{
    font-size: 22px;
  }
  .paregraph-top-2 {
  max-width:  386px;
  }
}
@media(max-width: 1550px){
.paregraph-top-2{
	max-width:  306px;
    float: right;

}
}
.paregraph-top-2{
  max-width:  374px;
    float: right;

}



span iframe{

    top: 2px;
    
    position: fixed;
   
    right: 47px;
    
    z-index: 999;
   }


   img#trust_image_1{
    width: auto;
    /*height: 131px;*/
  }