@charset "utf-8";
/* CSS Document */

		#intro::before {
		position: absolute;
		bottom: -260px;
		content: '';
		background: url(../img/sersearch.png) no-repeat 0 0;
		background-size: auto;
		width: 100%;
		height: 618px;
		background-size: 38%;
		transition: .5s;
		z-index: 1;
	}
	
	.search-result-bar { margin-top: 123px !important; }
	.search-result-bar  p { font-size:30px;   font-family: 'Barlow', sans-serif; color:#000;}
	.map-lg-fixed{
		margin-top: 173px;
	}
	#searchitemswrapper .position-relative {position: relative !important; height: auto !important;}
	
	.card-img-overlay { position:relative;}
	
	.salons_pic_mid {
    height: 210px;
    overflow: hidden;
    width: 100%;
    text-align: center; }

.card-img-overlay { text-align: center;}

.card-hover-overlay .card-img-overlay h3  { margin-bottom:5px;}
.card-hover-overlay .card-img-overlay h3 a .fa-check-circle { display:none; }

.card-hover-overlay .card-img-overlay {  padding: 10px 10px 15px 10px; }
.card-hover-overlay .card-img-overlay p { margin-bottom:0;}

.card-img { width:100%;  }
 
.card-hover-overlay .card-img-overlay h3 a { color:#e86a8d;}	
.card-hover-overlay .card-img-overlay p { color:#000 !important;}
.card-hover-overlay .card-img-overlay { background:none !important;}

.card-footer { border-top:0; padding:0; text-align:center; }

.card-footer ul {margin-bottom: 30px;}
.card-footer li { float:none !important; display:inline-block; margin-left: 0 !important;}

.cardbooking a {
     background:  #3fc1c9;
 	color: #fff;
    font-size: 18px !important;
    padding: 5px 25px;
     display: block;
    font-weight: 500;
 }
 
.cardbooking a:hover {  background:  #351420; } 

.salons_pic01 { background-size:cover !important; position:relative;}


.salons_pic01  .salons_pic_inner {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 3px solid  #cbbcbc;
    overflow: hidden;
    display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
}


.park_setions_sale { width:100%; border-bottom:1px solid #ddd; padding-bottom: 100px;}
.content_div_white h2 {font-weight: 500 !important; font-size: 24px!important; margin: 10px 0!important;}
.about-content h2 { margin-bottom: 50px; }

 

.main_contentiner { 
 	  
    background: url(../img/services-bg.jpg) no-repeat top center  !important;
	 background-size: cover !important;
	 z-index: 9;
	 }
	 
	 
	
	
	/* ========================= */
	#tabbooknow .nav > li a,
	#login-book-now .form-group input[type="text"].form-control, 
	#login-book-now .form-group input[type="password"].form-control, 
	#signupform_booknow .form-group input[type="text"].form-control, 
	#signupform_booknow .form-group input[type="password"].form-control,
	#tabbooknow .modal-header p,
	.signin-column .btn-form-default,
	.forgot-password a,
	.signin-column .redirect-bottom p  {  font-family: 'Barlow', sans-serif !important;}
	
	#tabbooknow .modal-content {overflow: visible !important;}
	
	.signin-column .btn-form-default  { font-weight: 700;}
	
	#tabbooknow  .signin-column .form-login { width: 100%; }
	
	#tabbooknow .modal-header { background: none !important; }
   
 	#tabbooknow .modal-header .info-salon h4 {
    color:  #351420 !important;
    font-family: 'Barlow', sans-serif;
    font-size: 38px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px; 
	position:relative;
	z-index: 99; }
	
	
	#tabbooknow .modal-header .info-salon p { color:#14100a !important; font-family: 'Barlow', sans-serif; margin-bottom:0;}
	#tabbooknow .modal-content { background:none !important; }
	#tabbooknow .modal-header  {padding:0 !important;}
	
	.info-salon  { background:#fff; padding: 20px 15px 30px 15px;}
	
	.wizard .nav-tabs li p {font-weight: 400;}
	
	.wizard .nav-tabs > li a {width: 42px; height: 42px; line-height: 42px;}
	.connecting-line {top: 23px;}
	.wizard .nav-tabs li p { color:  #fff !important; font-weight: 400 !important;} 
	
	
	#tabbooknow .modal-header .close {font-size: 35px;}

	.modal-backdrop.show { opacity: 0.8; }
 
   .wizard .nav-tabs  li.step1 a { background:url(../img/s5.png) no-repeat center center #e8678b !important; background-size: 18px !important; }
   
   .wizard .nav-tabs  li.step2 a { background:url(../img/s1-h.png) no-repeat center center #fff !important; }
   .wizard .nav-tabs  li.step2.active  a { background:url(../img/s1.png) no-repeat center center #fff !important; }
   
   .wizard .nav-tabs  li.step3 a { background:url(../img/s2-h.png) no-repeat center center #fff !important; }
   .wizard .nav-tabs  li.step3.active  a { background:url(../img/s2.png) no-repeat center center #fff !important; }

   
   .wizard .nav-tabs  li.step4 a { background:url(../img/s3-h.png) no-repeat center center #fff !important; background-size: 18px !important;}
   .wizard .nav-tabs  li.step4.active  a { background:url(../img/s3.png) no-repeat center center #fff !important; background-size: 18px !important;}
   
   .wizard .nav-tabs  li.step5 a { background:url(../img/s4-h.png) no-repeat center center #fff !important; background-size: 16px !important; }
   .wizard .nav-tabs  li.step5.active  a { background:url(../img/s4.png) no-repeat center center #fff !important; background-size: 16px !important; }
   
   /**/
   
   .boxservice {box-shadow: rgba(0, 0, 0, 0.0) 0 0 0px 0px !important; border:1px solid #ddd; padding: 0px 5px !important;}
   .boxservice.checked {background:#dbdbdb !important;} 
   .servicename { color:#000 !important; line-height: 24px !important; margin: 6px 0 0 0 !important;}
   .serviceprice  span { color: #e8678b !important; display:block;}
   
   .boxservice,
   .boxservice p,
   .boxservice span { font-family: 'Barlow', sans-serif;}
   
   
   #tabbooknow #step2.tab-pane { background:  #fff !important; }
   .categoties-name { font-size: 18px !important; padding: 10px 15px 10px 0px !important;  font-family: 'Barlow', sans-serif !important; margin-bottom: 0; text-align:left !important;}
   
   .boxservice .col-2-v2  {
    border-left: 1px solid  #ddd;
    padding: 15px 7px; }
	
	.boxservice.checked span {color: #e8678b !important;  }
	
	#tabbooknow .boxservice .form-control,
	#tabbooknow .boxservice .btn {border: 0 !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important; border-radius: 0px !important; background:none !important; color:#000 !important; }
	
 	
	#tabbooknow .modal-header { border:0 !important;}
	
	.searchinvalid_holder { padding:10px 80px !important;}
	
	.searchinvalid  {
     position: absolute;
    top: 11px;
    right: 81px;
    border: 0;
    padding: 3px 21px;
    height: 32px;
	background:#3fc1c9;
	color:#fff !important;
	cursor:default !important;

}

.searchinvalid_holder   .form-control { border: 1px solid #ccc !important; border-radius: 0!important; box-shadow: inset 0 0px 0px rgba(0,0,0,.075)!important;}


.msg-next-time  {
    display: block !important;
    position: absolute;
    top: -127px;
    right: -300px;
    height: 677px;
	width: 300px;
	background:url(../img/popbg.jpg) no-repeat left top !important; background-size:cover !important;
	font-family: 'Barlow', sans-serif;
}


.msg-next-time h2 { color: #fff; margin-bottom: 0 !important; font-size: 36px !important; font-weight:500 !important;}
.msg-next-time h3 { 
	display:inline-block !important; margin-bottom:30px; background:#fee4eb !important; 
	border-radius:30px !important; padding: 4px 11px 7px 11px; font-size: 16px !important; }
   
#tabbooknow .modal-header .info-salon h4 { font-family: 'Barlow', sans-serif;}	
.msg-next-time p { font-family: 'Barlow', sans-serif !important; font-size:20px !important;}

.msg-next-time button { margin-top:10px; border-radius:0 !important; font-family: 'Barlow', sans-serif !important;}

#tabbooknow #step3 {
     margin-top: -5px !important;
}
.timepicker-box-booknow { padding-bottom: 5px;}

.timepicker-box-booknow .timepicker-dayname-booknow,
.text-available-hour,
.timepicker-contents-booknow .timepicker_content_hour_booknow > div a,
.timepicker-box-booknow .timepicker-daynumber-booknow.currentDaySelect span,
.text-available-hour span,
.text-guide,
.text-guide h3,
.text-guide h4 { font-family: 'Barlow', sans-serif !important;}

.timepicker-contents-booknow .timepicker_content_hour_booknow > div a { background: #fff !important; border:1px solid #ddd !important}


#step3 .msg-next-time {height: 693px;}


.timepicker-contents-booknow {height: 404px; overflow: auto;}

#step4 {height: 549px; overflow: auto; background: #fff !important;}


.flex-row-technician .contact-box.center-version > .boxchecked { background: #fff !important;
	border:1px solid #ddd !important; font-family: 'Barlow', sans-serif !important;}
.flex-row-technician .contact-box.center-version > .boxchecked.active {
    background: #ebebeb !important;
	border:1px solid #ddd !important;
}

#step4 .boxchecked .icon-circle i { color: #351420 !important;}
#step4  .boxchecked h3 strong { font-family: 'Barlow', sans-serif !important; color: #351420 !important;}

#step4 .flex-row-technician  .col-lg-6 {max-width: 48%; float: left;}

.button_next_right a { font-family: 'Barlow', sans-serif !important; color: #fff !important; font-size:18px; margin: 0 20px;}

.button_next_right { margin-top:15px;}

#step5 {height: 520px; overflow: auto; background: #fff !important;}
#step5  .msg-next-time { height: 647px;}


.box-content-step5 .title-step5 , .box-content-step5 { text-align:left;  font-family: 'Barlow', sans-serif !important; }

#tabbooknow .row, #tabbooknow .row span, .payment-lable-step5 label { font-family: 'Barlow', sans-serif !important; }

.box-content-step5  { background:#f8f6f6 !important; border:1px solid #f2d3d3 !important;}

.box-content-step5 .title-step5 { color:#351420 !important; font-size:20px !important; margin-bottom: 15px !important; }

.box_content_step5 { 	background:url(../img/promos.jpg) no-repeat right top !important; background-size:cover !important; border:0 !important; }
.proms_div {
    margin-right: 200px;
    position: relative;
	padding-right: 100px;
}

#step5 .proms_div .form-control { border:0 !important; border-radius:0 !important;  font-family: 'Barlow', sans-serif !important;}
#step5 .proms_div  .btnpromo-booknow { cursor:pointer; position:absolute; right:0; top:0; border:0 !important; border-radius:0 !important; margin: 0; font-family: 'Barlow', sans-serif !important; background:#fff !important; color:#000 !important;}
#step5 .proms_div  .btnpromo-booknow:hover  {background:#351420 !important; color:#fff !important;} 
#apply-code h2 { color:#fff !important; margin-bottom:0px !important;}

#apply-code .hasError  { color:#fff !important;}

.box-content-step505 { min-height: 355px;} 



.connecting-line { background: #3fc1c9 !important;  height: 3px !important;}

.timepicker-contents-booknow {padding: 15px 15px 5px 15px !important;}
#tabbooknow .row-service {margin-left: 10px !important;}
#tabbooknow  .technician-list { margin:15px !important;}

/* */
 
 
@media only screen and (max-width: 992px) { 
 
	#tabbooknow  .wizard > div.wizard-inner {width: 100% !important;}
	.connecting-line  {width: 100% !important;}
	#tabbooknow .modal-content-booknow {  margin-left: 0; }
	#tabbooknow  .info-salon {width: 100% !important;}
	
	.msg-next-time { position: relative !important; top: 0 !important; right: 0!important; height: auto !important; padding: 30px 10px !important; width:100% !important;}
	.msg-next-time h2 { margin-top: 20px !important; }
	
	#tabbooknow  { padding-right:0 !important;}
	#tabbooknow #step1.tab-pane { height:auto !important;}
	#tabbooknow #step2.tab-pane { height:auto !important;}
	#tabbooknow #step3.tab-pane { height:auto !important;}
	#tabbooknow #step4.tab-pane { height:auto !important;}
	#tabbooknow #step5.tab-pane { height:auto !important;}
 }



@media (max-width: 767px) {
	#intro {
    height: auto !important;
    padding: 80px 0 80px 0 !important;  
}

.inner-container .map-lg-fixed {
    height: auto !important;
    margin-top: 0 !important;
}

.pagination { display:block !important;}
	.map-lg-fixed{
		display: none;
	}
}

#intro { height: 550px;}
		
		@media only screen and (max-width: 767px) { 
			#intro { height: auto !important;}
		}