html, body{min-height: 100%;}
body{margin:0px;padding:0px;font-family: 'Open Sans', sans-serif; overflow-x: hidden;}
img{width:100%;}
.extra_small_text{font-size: 12px;    margin-top: 15px;}
.close_button{position: absolute;right: -26px;top: -27px;width: 35px;}

.mask_one {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(0, 0, 0, 0);}
.mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background-color: rgba(0,0,0,0.5);}


}
.purple{color: #a967aa;font-weight: bold;}
.purple_back {
    background: #A967A9;
    height: 45px;
    margin-top: -2px;
}
.changepwd {
    max-width: 600px;
    background-color: white;
    padding: 15px;
    margin: 0 auto;
    top: 20%;
    border: 6px solid #EAEAEA;
    position: fixed;
    left: 0;
    right: 0;
}
.booking1{
margin:0 auto;
margin-bottom: 10em;
}
.otpsection{
height:500px !important;
}
.bookingform {
    
    }
.locate1 {
    /* width: 100px; */
    cursor: pointer;
    /* width: 140px; */
    /* height: 30px; */
    border-radius: 5px;
}

#s_form .locate_us1 {
    margin-left: 0 !important;
    margin-bottom: 1em;
}
.nav-tab{border-bottom: solid 1px #bfbfbf;margin-top: 10px;}
.nav-tab p{    font-size: 12px;}
.locate_us{float: right;margin-top: -4px;}
.locate{float: left;width: 100px;cursor: pointer;}
.locate_us1{margin-top: 1.8em;  }
#s_form #button {
 margin-top:2em;align: right;margin-bottom: 20px;width: 200px;background-color: #A967A9;color:white;padding: 8px;  font-family: 'Open Sans', sans-serif; outline:0;
}
.fb_logo{float: left;width: 25px;    margin-left: 15px;}
.navbar-default {border: none;background:#fff;background-image:none;box-shadow: none;margin:0px;    min-height: 120px;font-size:18px;color: #000;}
.navbar-default .divide{    margin-top: 14px;font-size:18px;}
.navbar-default .navbar-nav>li>a {color: #000;}
.navbar-default .navbar-nav>li>a:hover {color: #a967aa;}
.navbar-brand>img {width: 400px;}

.thumb-center{
    padding-left: 12px;
    text-align: center;
}
.thumbnail li{
display: inline-block !important;
list-style-type: none;
}

.head{text-align: center;font-size: 44px;font-weight: 300;}
.head p{margin-top:10px;margin-bottom: 0px;}
.navigation img{width: 30px;cursor: pointer;margin: 5px;}
.banner {}
.slogan_back, .banner_back {position: relative;}
.banner_text{position: absolute;bottom: -17px;right: 0;color: #fff;max-width: 610px;    font-size: 18px}
.banner_text .btn{background: #684064;color: #fff;border-radius: 0px;    padding: 6px 12px;margin-top: 8px;}
.banner_slogan{font-family: 'Merriweather'; color: #A967A9;serif;max-width: 565px;position: absolute;right: 0px;    top: 20px;    }
.readmore{cursor: pointer;}
.banner_slogan h3{    margin: 0;font-size: 23px;}
.banner_slogan .sc_wash{    width: 210px;float: right;margin-right: 25px;margin-right: 10px;margin-top: 10px;    -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.banner_slogan .sc_wash:hover{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.banner_close_patch{    position: fixed;z-index: 901;right: 0;max-width: 500px;margin: 0 auto;margin: 0 auto;left: 0;right: 0;}
.banner_close_patch .close_button{position: absolute;right: -16px;top: -104px;width: 35px;}
.whatwe_sec{position: relative;}
.whatwe_text{position: absolute;bottom: 70px;left: 213px;font-size: 50px;font-weight: bold;color: #fff;line-height: 1;}
.scedule-text ,.full-banner-text {    background: #FFFFFF;z-index: 900;border: 10px solid #FBFBFB;border-radius: 5px;padding: 20px;height: auto;position: fixed;top: 15%;opacity: 1;max-width: 500px;margin:0 auto;left:0;right: 0;}
.scedule-text {top:20%;max-width: 410px;}
.schedule-back, .full-banner-back{position: relative;display: none;margin: 15px;}

.costom_hr{border-top: 1px solid #dadada;margin-top: 30px;}

.offer_back{background: url(../images/offer_back.png);background-position: center;background-size: cover;padding-bottom: 10px;padding-top: 15px;}

.inside .head p{margin:30px 0px;margin-top: 50px;}
.cancel{
background-color: #A967A9;
    background-color: #A967A9;
    color: white;
    margin-left: -2em;
    width: 130px;
    height: 34px;
    border-radius: 5px;
}
.otp {
    
    margin-top: 6.7em;

}

.input-group{
margin-left: -0.05em;}
/*********owl demo******/
#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
#owl-demo img{cursor: pointer;}
.offering{margin-top: 15px;    font-size:18px;}
.offering .qimg{width: 130px;float: left;margin: 0px 15px;}
.offering .text{display: table;    margin-bottom: 40px;}
.offering .head p{margin-bottom: 50px;}
.offer_back .small_text{    font-size:18px;}
.faq{margin-bottom: 30px;}
.faq_back {background: url(../images/faq_back.png);background-position: center;background-size: cover;padding-bottom: 0px;}
.faq .qimg{width: 50px;float: left;    margin: 4px 10px;}
.faq .head p{margin: 45px 0px;}
.faq .text{display: table;    font-size:18px;margin-bottom: 60px;}
.faq .mid-img{    text-align: center;margin-bottom: 40px;}
.faq .mid-img img{width: 300px;margin: 0 auto;}


.testimonial{background: url('../images/testi.png');background-size: cover;background-position: center;background-repeat: no-repeat;    height: 256px;}
.testimonial .head{margin-top: 35px;}
.costomer_sec .costomer {text-align: center;max-width: 620px;margin: 0 auto;    margin-top: -135px;}
.costomer_sec .costomer p{text-align: center;}
.costomer_sec .costomer img{width: 300px;    margin: 0 auto;}
.costomer_sec .carousel-caption {position: relative;padding: 0;right:0;left:0;text-shadow: none;color: #000;}
.costomer_sec .carousel-indicators {position: relative;margin-top: 40px;    }
.costomer_sec .carousel-indicators li {width: 15px;height: 15px;border: 1px solid #a967a9;margin: 5px;}
.costomer_sec .carousel-indicators .active {width: 16px;height: 16px;background-color: #a967a9;    margin: 5px;}
.costomer_sec .big-text{font-size: 18px;font-weight: bold;margin: 40px 0px;}
.costomer_sec .normal-text{text-align: left ! important;}

.contact_back{text-align: center;        padding: 20px 0px;}
.contact_back {background: url(../images/con_back.png);background-position: center;background-size: cover;margin-bottom: 30px;}
.contact_back .text{font-size: 18px;}
.contact_back .head p{margin-bottom: 20px;}
.contact_back img{width: 100px;margin-bottom: 20px;}
.exuser{width:260px ! important;}
.services {background: url(../images/wash_service.png);background-position: center;background-size: cover;}
.services .head p{margin: 0 auto;left: 0;right: 0;margin-top: 10px;}
.ourservice_icon{text-align: center;    margin-bottom: 40px;}
.ourservice_icon img{width: 75px;margin-top: 30px;margin-bottom: 10px;}
/*********footer************/
.footer{background: #a967a9;}
.footer-text{text-align: center;}
.footer-text p{color:#fff;margin: 0px;padding: 10px 0px;}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
	}
	
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	}
#imgdiv{
width:160px;	
float:left;

}
#reload{

margin-right:40px;
height:30px;
width:30px; 
}

/*.input-group .form-control {
	width: 90% !important;
    height: 25px !important;
    padding: 9px 0px 9px 0px !important;
    border: 1px solid !important;
	
}
*/

#myImg {
 border-radius: 5px;
 cursor: pointer;
transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

											
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place     */
 z-index: 1; /* Sit on top */
 padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
 width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
		}
		.booking .container .row .booking-section .row .col-sm-12.col-md-12 form .col-xs-12 .col-xs-12 {
	font-size: 20px;
}
.booking .container .row .booking-section .row .col-sm-12.col-md-12 form .row .col-md-12 .form-group .radio br {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


p.serif {
     font-family: 'Open Sans', sans-serif; font-weight:700;
}
form label, .btn {
  font-family: 'Open Sans', sans-serif;
}
hr {
  color:black !Important;
}


												/* Modal Content (image) */
												.modal-content {
												    margin: auto;
												    display: block;
												    width: 80%;
												    max-width: 700px;
												}

												/* Caption of Modal Image */
												#caption {
												    margin: auto;
												    display: block;
												    width: 80%;
												    max-width: 700px;
												    text-align: center;
												    color: #ccc;
												    padding: 10px 0;
												    height: 150px;
												}

												/* Add Animation */
												.modal-content, #caption {    
												    -webkit-animation-name: zoom;
												    -webkit-animation-duration: 0.6s;
												    animation-name: zoom;
												    animation-duration: 0.6s;
												}

												@-webkit-keyframes zoom {
												    from {-webkit-transform: scale(0)} 
												    to {-webkit-transform: scale(1)}
												}

												@keyframes zoom {
												    from {transform: scale(0.1)} 
												    to {transform: scale(1)}
												}

												/* The Close Button */
												.close {
												    position: absolute;
												    top: 15px;
												    right: 35px;
												    color: #f1f1f1;
												    font-size: 40px;
												    font-weight: bold;
												    transition: 0.3s;
												}

												.close:hover,
												.close:focus {
												    color: #bbb;
												    text-decoration: none;
												    cursor: pointer;
												}

												/* 100% Image Width on Smaller Screens */
												@media only screen and (max-width: 700px){
												    .modal-content {
												        width: 100%;
												    }
												}
.no{
display: block;
width:100% !important;
height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

.form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.padding-8{
padding-top:8px;
}
.book-summary .form-control{
width:100% !important;
}

.table-responsive{
margin-top:-85px;
}


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

  .banner_text {bottom: 0px;}
  .whatwe_text {bottom: 85px;}


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

  .banner_text {bottom: 110px;}
  .whatwe_text {position: absolute;bottom: 102px;left: 213px;font-size: 56px;}
  .banner_text {bottom: 20px;}


}


@media screen and (max-width: 1280px){

  .navbar-brand>img {
    width: 350px;
}
.whatwe_text {
       bottom: 25px;
    left: 175px;
}
.purple_back {
    height: 85px;
}
.banner_text {
    bottom: -54px;
}
}
@media screen and (max-width: 1200px){

.whatwe_text {
       bottom: 25px;
    left: 100px;
}

}

@media screen and (max-width: 1152px){

  .navbar-brand > img {
    width: 350px;
}
.whatwe_text {
    bottom: 23px;
    left: 97px;
}
.purple_back {
    height: 95px;}

.banner_text {
    bottom: -72px;
}


}
@media screen and (max-width: 1080px){

  .banner_text {bottom: 8px;right: 0;max-width: 485px;}
  .whatwe_text {bottom: -10px;font-size: 42px;left: 205px;}
  .banner_text {bottom: -116px;font-size: 16px;}
  .banner_slogan .sc_wash {width: 195px;margin-top: 5px;}
  .purple_back {
    height: 137px;
}
}
@media screen and (max-width: 992px){
   .navbar-brand>img {width: 220px;}
  .navbar-default {font-size: 14px;}
  .nav>li>a {padding: 15px 10px;}
  .banner_slogan {top: 5px;}
  .banner_slogan h3{font-size: 22px;}
  .banner_text {bottom: -40px;right: 0;max-width: 472px;font-size: 14px;line-height: 1.3;}
  .whatwe_text {bottom: 27px;left: 32px;}
  .purple_back {height: 65px;}
  .banner_text .btn {padding: 2px 7px}
  .locate_us {float: right;margin-top: -23px;}
  .locate_us {float: right;margin-top: -22px;}
  .offer_back .small_text {font-size: 14px;}
  .faq .text {font-size: 14px;}

}
@media screen and (max-width: 800px){

  .navbar-brand>img {width: 220px;}
  .navbar-default {font-size: 14px;}
  .nav>li>a {padding: 15px 10px;}
  .banner_slogan {top: 5px;}
  .banner_slogan h3{font-size: 22px;}
  .banner_slogan .sc_wash {width: 160px;}
  .banner_text {bottom: -50px;right: 0;max-width: 486px;font-size: 14px;}
  .whatwe_text {bottom: 5px;left: 53px;font-size: 38px;}
  .banner_text .btn {padding: 0px 7px}
  .locate_us {float: right;margin-top: -23px;    margin-bottom: 5px;}
  .nav-tab p {font-size: 11px;}
  .offering {font-size: 16px;}
  .contact_back .text {font-size: 16px;}
  .faq .text {    margin-bottom: 20px;}
  .purple_back {height: 70px;}


}

@media screen and (max-width: 768px){
   
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
    
    .navbar-default .navbar-toggle {border-color: #ddd;margin-top: 20px;}
    .banner_text {max-width: 700px;    bottom: -130px;}
    .whatwe_text {bottom: 58px;left: 20px;}
    .purple_back {height: 156px;}
    .banner_text .btn {padding: 3px 7px;}
    .full-banner-text {border: 5px solid #FBFBFB;}
    .banner_close_patch .close_button {top: -95px;}


  }
  @media screen and (max-width: 668px){
     .navbar-nav {margin: 7.5px -15px;width: 200px;position: fixed;right: 0;z-index: 999;background: white;top: 0;margin-top: 0;    border-left: 1px solid #DEDEDE;border-bottom: 1px solid #DEDEDE;}
     .nav>li {border-bottom: 1px solid #F2F2F2;}
     .whatwe_text {bottom: 58px;left: 0px;}
    .banner_slogan {
    top: -5px;
}
.banner_text {
    left: 0px;
}

  }
@media screen and (max-width: 650px){

  .purple_back {height: 218px;}
  .whatwe_text {bottom: 15px;left: 0px;}
  .banner_text {bottom: -189px;}

}
@media screen and (max-width: 580px){

  .banner {
    margin-top: 35px;
}
.banner_slogan {
    top: -40px;
}

}
@media screen and (max-width: 520px){

  .head{font-size: 26px;}
  .banner_text {bottom: -305px;}
  .whatwe_text {bottom: -36px;}
  .banner_slogan { top: -56px;}
  .banner_slogan h3 {font-size: 18px;}
  .banner {margin-top: 40px;}
  .banner_slogan .sc_wash {width: 125px;}
  .purple_back { height: 330px;}
  .whatwe_text {font-size: 26px;left: 0;}
  .banner_text .btn {padding: 2px 8px;}
  .offering .qimg {float: none;display: block;width: 100%;margin:0 auto;text-align: center;}
  .offering .qimg img{width: 120px;}
  .offering .text{text-align: center;}
  .offering .small_text{text-align: justify;}
  .contact_back .text {font-size: 14px;}
  .full-banner-text{height: 400px;overflow-y: scroll;overflow-x: hidden;padding: 5px;}
  .fb_logo {width: 25px;margin-left: 5px;}
  body::-webkit-scrollbar {width: 1em;}
  .banner_close_patch .close_button {right: -2px;top: -168px;width: 35px;}
  .faq .qimg {width: 38px;float: left;margin: 4px 5px;}
  .full-banner-text {margin: 0px 10px;}

}

@media screen and (max-width: 480px){
  .scedule-text{margin: 0px 10px;}
}

@media screen and (max-width:380px){
  .navbar-brand>img {
    width: 175px;
}
.nav-tab p {
    font-size: 10px;
}
.banner_text {
    left: 0;
    bottom: -338px;
}

.purple_back {
    height: 360px;
}
.faq .mid-img img {
    width: 100%;
}
.ourservice_icon {padding: 10px;}
.ourservice_icon img{width: 75px;}
}














/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
@media only screen and (min-device-width : 360px)and (max-device-width : 598px) {
.cancel{
    margin-top: 2em!important;
    margin-left: 5em !important;}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.bookingform{
    margin: 0 !important;
}
.locate_us1{
margin-left: 1.2em !important;
}
.cancel{
    margin-top: 2em;
    margin-left: 5em;}
	
	#imgparent{
margin-left: 4.5em !important;
}
/* STYLES GO HERE */
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 375px) {
.locate_us1{
margin-left: 11.5em !important;
margin-bottom: 1em;
}
#imgparent{
margin-left: 20.3em;
}



/* STYLES GO HERE */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.locate_us1{
margin-left: 5.8em !important;
margin-bottom: 1em;
}
.cancel{
    margin-top: 2em;
    margin-left: 5em;}
	.otpsection{
height:340px;
}
#imgparent{
margin-left: 4.5em !important;
}
}
/* STYLES GO HERE */
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 360px) {
.locate_us1{
margin-left: 5.8em !important;
margin-bottom: 1em;
}
.cancel{
    margin-top: 2em;
    margin-left: 5em;
	}
.otpsection{
height:340px;
}	
#imgparent{
margin-left: 6em;
}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) {
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape) {
/* STYLES GO HERE */
.cancel_but{margin-left: 21em;
    margin-top: -4em;}
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (orientation : portrait) {
/* STYLES GO HERE */

.cancel_but{margin-left: 21em;
    margin-top: -4em;}
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* STYLES GO HERE */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
/* STYLES GO HERE */
.cancel {
    background-color: #A967A9;
    color: white;
    width: 125px;
  margin-left: 3.5em;
}
.otp{margin-top: 3em;}
.booking1 {
    margin: 0 auto;
    margin-bottom: 9em;}
}
 
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

/* STYLES GO HERE */
.cancel{
    margin-top: -4em;
    margin-left: 20em;}
}
 
/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* STYLES GO HERE */
}