/* ========================= */
	#tabbooknow .tab-content{
		margin-top: 0;
	}
	#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,
	
	#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-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; 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 button.close {font-size: 35px;}

	.modal-backdrop.show { opacity: 0.8; }

	.wizard .nav-tabs  li.step1 a { background:url(../img/s5-h.png) no-repeat center center #fff !important; }
	.wizard .nav-tabs  li.step1.active  a { background:url(../img/s5.png) no-repeat center center #e8678b !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,

   
   
   #tabbooknow #step2.tab-pane { background:  #fff !important; }
   .categoties-name { font-size: 19px !important; padding: 10px 15px 10px 0px !important; margin-bottom: 0; text-align:left !important; color: #e81751; width: 100%}
   
   .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: -118px;
    right: -300px;
    height: 668px;
	width: 300px;
	background:url(../img/popbg.jpg) no-repeat left top !important; background-size:cover !important;
}


.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 .form-inline {
		background-color: rgba(255, 252, 227, 0);
		border-radius: 2px;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0);
		padding: 5px 0 0 0;
	}
	#tabbooknow .form-inline::after, #tabbooknow .form-inline::before{
		display: none;
	}

.msg-next-time p { font-size:20px !important;}

.msg-next-time button { margin-top:10px; border-radius:0 !important;}

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

.timepicker-contents-booknow .timepicker_content_hour_booknow > div a,
.timepicker-contents-booknow .timepicker_content_hour_booknow > div a { background: #fff; border:1px solid #ddd !important}
	#step1 .msg-next-time,
	#step2 .msg-next-time,
	#step3 .msg-next-time,
	#step4 .msg-next-time,
	#step5 .msg-next-time {
		height: 669px;
	}

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

	#step2, #step3,  #step4, #step5 {height: 550px; overflow-y: hidden; background: #fff !important;}

	#step4{
		overflow-y: scroll
	}

.flex-row-technician .contact-box.center-version > .boxchecked { background: #fff !important;
	border:1px solid #ddd !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 { color: #351420 !important;}

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

.button_next_right a { color: #fff !important; font-size:18px; margin: 0 20px;}

.button_next_right { margin-top:15px;}



.box-content-step5 .title-step5 , .box-content-step5 { text-align:left; }
.box-content-step5  { background:#f8f6f6 !important; border:1px solid #f2d3d3 !important;}

.box-content-step5 .title-step5 { color:#351420 !important; font-size:16px !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; }
#step5 .proms_div  .btnpromo-booknow { cursor:pointer; position:absolute; right:0; top:0; border:0 !important; border-radius:0 !important; margin: 0; background:#fff !important; color:#000 !important;}
#step5 .proms_div  .btnpromo-booknow:hover  {background:#351420 !important; color:#fff !important;} 
#apply-code h2 { color:#351420 !important; margin-bottom:0px !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;}
	#tabbooknow .modal-header button.close{
		right: 0px;
		top: -10px;
	}
	#tabbooknow .modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
		box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
	}
	.modal-backdrop.in{
		opacity: .8;
	}
	#tabbooknow .row-footer .alert.alert-danger{
		border-radius: 0;
	}
	#tabbooknow .modal-content-booknow{
		margin-left: -150px;
	}
	#tabbooknow .modal-content-booknow  { margin-left: -150px;}
	#tabbooknow  .wizard > div.wizard-inner {width: 1000px;}
	#tabbooknow  .info-salon {width: 700px;}
	.connecting-line  {height: 3px !important;}
	#tabbooknow .modal-header button.close {right: -300px;}
	.underline__highlight_b {
		display: inline-block;
		position: relative;
		z-index: 1;
		padding-bottom: 0px;
	}
	.underline__highlight_b:before {
		content: '';
		position: absolute;
		background: #3fc1c9;
		bottom: 4px;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 8px;
	}
	#tabbooknow  .info-salon h4{
		font-size: 38px;
	}
	.boxservice .col-2-v2  {
		border-left: 1px solid  #ddd;
		padding: 15px 7px; }
	.boxservice .col-1-v2 {
		width: 80%;
		float: left;
	}
	.boxservice .col-2-v2 {
		width: 20%;
		float: right;
		text-align: right;
	}
	.boxservice.checked p{
		background-color: #dbdbdb !important;
	}
	.msg-next-time p.emailphone{
		font-size: 16px !important;
	}
	.msg-next-time h3.rolename {
		display: inline-block !important;
		margin-bottom: 30px;
		background: #fee4eb !important;
		border-radius: 30px !important;
		padding: 5px 11px 5px 11px;
		font-size: 16px !important;
		color: #222;
	}
	.text-available-hour {
		background-color: #eee;
		padding: 5px;
		text-align: center;
	}
	.timepicker-box-booknow .timepicker-daynumber-booknow.currentDaySelect span {
		background: #F49DB5;
		color: #fff;
	}
	#tabbooknow .info-salon{
		height: 118px;
	}
/* */

@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 only screen and (max-width: 768px){
		#tabbooknow .modal-header .info-salon h4{
			font-size: 23px !important;
		}
		.underline__highlight_b:before{
			height: 3px;
		}
		#tabbooknow .info-salon{
			height: auto;
			padding: 10px 15px 10px 15px;
		}
		#tabbooknow .msg-next-time{
			display: none !important;
		}
		#tabbooknow .connecting-line {
			width: 85% !important;
		}
		#tabbooknow .wizard .nav-tabs li p{
			margin-bottom: 5px;
		}
		#tabbooknow .modal-header button.close {
			right: 15px !important;
			top: 3px;
		}
		#tabbooknow .wizard .nav-tabs > li a {
			width: 38px !important;
			height: 38px !important;
			line-height: 38px !important;
		}
		#tabbooknow .connecting-line {
			top: 20px !important;
		}
		#tabbooknow .infocustomer {
			height: auto;
		}
		.flex-row-technician .contact-box.center-version > .boxchecked .img-circle{
			width: 60px !important;
			height: 60px !important;
			margin-top: 0px !important;
			margin-bottom: 0px !important;
			border-radius: 50% !important;
		}
		.button_next_right_cus_footer{
			background: #fff;
			margin-top: 0;
			border: none;
			padding: 10px 0;
		}
		.row-footer{
			text-align: center !important;
		}
		.flex-row-technician .contact-box.center-version h3{
			margin-top: 20px;
		}
		#tabbooknow .imgloader{
			height: 2000px;
		}
		.button_next_right_cus{
			background: linear-gradient(to bottom right, #64C2C0 40%, #9EFBD3 100%);
			padding: 10px 0;
			text-align: left;
		}
		.button_next_right_cus a{
			color: #fff !important;
		}
		.button_next_right_cus a.next{
			float: right;
		}
	}
	@media (max-width: 568px){
		#payment-content-box-right {
			margin-bottom: 0;
		}
	}