.btn,

.btn:hover,

.btn:focus{

	outline:none;

	text-decoration:none;

}

button,

button:hover,

button:focus{

	outline:none;

	text-decoration:none;

}

.img-responsive{

	width:100%;

	height:auto;

}

.section-heading{

	margin:0;

}

.ap-space{

	padding:50px 0;

}

.navbar-brand{

	padding:0;

	height:auto;

}

.navbar-brand img {

  width: 150px;

  height: auto;

}

.ap_menu{

	margin:0;

	border:0;

	border-bottom:1px solid rgba(0,0,0,0.2);

}

.ap_menu .navbar-nav li a {

  color: #333;

  font-size: 16px;

  font-weight: 600;

  padding: 35px 10px;

  text-transform: uppercase;

}

.ap_menu .navbar-nav li.active a:hover,

.ap_menu .navbar-nav li.active a {

  background-color: #337ab7;

  color:#fff;

}

.ap_menu .navbar-nav li a:hover,

.ap_menu .navbar-nav li.dropdown.open a {

  background-color: #337ab7;

  color:#fff;

}

.ap_menu .navbar-nav .dropdown-menu {

	padding:0;

}

.ap_menu .navbar-nav li.dropdown.open .dropdown-menu li a {

  background-color: #fff;

  color:#333;

}

.ap_menu .navbar-nav li.dropdown.open .dropdown-menu li a:hover {

  background-color: #337ab7;

  color:#fff;

}

.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100% !important;margin-top:-2px;margin-left:-1px; margin-right:-130px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}

.dropdown-submenu>a:after{display:block;content:"";float:right;width:0;height:0;border-color:transparent; font-weight:bold; border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:-1px;margin-right:0px; font-size:20px;}



.ap_menu .dropdown-menu li a {

  padding: 10px;

}

.slider-next,

.slider-prev{

	background-image:none !important;

	background-color:rgba(0,0,0,0.4);

	padding:0;

	text-align:center;

	color:#fff;

	height:40px;

	width:40px;

	padding-top:0px;

	font-size:30px;

}

.ap-slider{

	margin:0;

}

.ap-slider .overlay{

	background-color:rgba(0, 0, 0, 0.6);

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	right:0;

}

.ap-slider .carousel-caption {

  left: 0 !important;

  padding-bottom: 30px;

  right: 0 !important;

  top: 20% !important;

  border: inherit !important;

  color:#fff;

}

.ap-slider .ap-demo,

.ap-slider .ap-buy {

  border: 2px solid #fff;

  color: #fff;

  font-size: 36px;

  font-weight: bold;

  height: 100px;

  margin-left: 30px;

  padding-top: 20px;

  width: 250px;

}

.ap-slider .ap-demo:hover,

.ap-slider .ap-buy:hover {

  border: 2px solid #337ab7;

  background-color: #337ab7;

  color: #fff;

}

.ap-slider h1{

	font-size:72px;

}

.ap-slider p{

	font-size:24px;

}

.ap-slider .swiper-pagination-bullet {

  background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;

  border: 5px solid rgba(0, 0, 0, 0.4);

  border-radius: 100%;

  display: inline-block;

  height: 30px;

  opacity: 0.8;

  width: 30px;

}

.ap-slider .swiper-pagination-bullet-active {

  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

  opacity: 1;

}

.ap-slider .swiper-pagination-bullets{

  bottom: 50px;

}



.service-icon {

  border: 1px solid #ccc;

  color: #444;

  float: left;

  font-size: 42px;

  height: 80px;

  margin-right: 15px;

  padding-top: 10px;

  text-align: center;

  width: 80px;

}

.service-text{

	padding-left:80px;

}

.service-text h2{

	margin:0;

	margin-bottom:20px;

	font-size:24px;

}

.service-text p{

	margin:0;

	font-size:16px;

}

.ap-serv {

  padding: 20px 0;

}

.booking-text{

	padding:40px;

}

.booking-pics .img-thumbnail{

	padding:0;

	border:0;

	position:relative;

	box-shadow: 0 0 5px rgba(0,0,0,0.5);

	display:block;

}

/* Appearance */

.ap-apperance {

  margin: 0;

  box-shadow: 0 0 5px rgba(0,0,0,0.5);

  padding-top: 10px;

}

.ap-steps {

  display: inline-block;

  padding: 10px;

  width: 100%;

  border-bottom: 2px solid #ddd;

}

.ap-steps-detail {

  padding: 0 15px;

}

   .ap-steps .ap-step1,

   .ap-steps .ap-step2,

   .ap-steps .ap-step3,

   .ap-steps .ap-step4,

   .ap-steps .ap-step5,

   .ap-steps .ap-step6{

	  width:16%;

	  display:inline-block;

	  float:left;

  }

  .ap-steps label {

  padding-left: 10px;

  font-size: 18px;

}

   .ap-steps .ap-step1 span,

   .ap-steps .ap-step2 span,

   .ap-steps .ap-step3 span,

   .ap-steps .ap-step4 span,

   .ap-steps .ap-step5 span,

   .ap-steps .ap-step6 span{

	border: 1px solid #ddd;

    display: inline-block;

    height: 20px;

    margin: 5px;

    width: 95%;

    background-color: #ddd;

    border-radius: 5px;

  }

 .service-form label {

  margin-bottom: 15px;

  font-size: 18px;

}

.service-form {

  border: 0 none !important;

  margin: 0;

  padding-top: 0;

  margin-top: 10px !important;

}

  .ap-category,

  .ap-service,

.ap-employee,

.ap-avaiable,

.ap-dates,

.ap-day,

.ap-start-dates,

.ap-end-dates {

  padding-bottom: 10px;

  padding-top: 10px;

}

.service-form .ap-day label {

  margin-bottom: 5px;

}

.ap-step-link .step-left{

	background-color: #337ab7 !important;

	color: #fff !important;

	float:left;

	font-size:18px;

	padding:8px 20px;

	border:0;

	margin: 15px 0;

}

.ap-step-link .step-right {
 

  background-color: #337ab7!important;

  border: 0 none;

  color: #fff !important;

  float: right;

  font-size: 18px;

  margin: 10px 0;

  padding: 8px 20px;

}

.ap-step-link {

  border-top: 2px solid #ddd;

  display: inline-block;

  width: 100%;

  padding: 5px 15px;

  margin-top: 10px;

}

.theme-apperance .panel-heading {

  background-color: #337ab7;

  color: #fff;

  font-size: 24px;

  padding: 5px 15px;

}

.ap-steps .complete span,

.ap-steps .active span{

  background-color: #337ab7;

  color: #fff;

}

.ap-option {

    padding: 15px;

    display: inline-block;

}

.ap-tracker{

	width:25%;

	float:left;

}

.ap-calendar{

	width:25%;

	float:left;

}

.ap-timeslots{

	width:25%;

	float:left;

}

.ap-employe{

	width:25%;

	float:left;

}



.ap-days {

  list-style: none;

  padding: 0;

  display: block;

}

.ap-days li {

  display: inline-block;

  text-align: center;

}

.ap-days span {

  display: block;

}

/* .ap-days label {

  border: 1px solid #337ab7;

  background-color:#337ab7;

  height: 25px;

  margin: 10px 0 0;

  padding: 0;

  width: 25px;

} */

.ap-days input[type=checkbox] {

    display:none;

  }



.ap-days  input[type=checkbox] + label

   {

      border: 1px solid #337ab7;

	  background-color:#337ab7;

	  height: 28px;

	  margin: 10px 0 0 0;

	  padding: 0;

	  width: 28px;

   }

   

.ap-days   input[type=checkbox]:checked + label

    {

       border: 1px solid #337ab7;

	  background-color:#337ab7;

	  height: 28px;

	  margin: 10px 0 0 0;

	  padding: 0;

	  width: 28px;

    }

.ap-days input[type="checkbox"]:checked + label::before {

  color: #fff;

  content: "\f00c";

  font-family: FontAwesome;

  font-size: 16px;

  position: absolute;

  margin-left: -8px;

}

/* .ap-days input {

  margin: 0;

  visibility: hidden;

}

.ap-days label.active:before {

  color: #fff;

  content: "\f00c";

  font-family: FontAwesome;

  margin-top: 0;

  position: absolute;

  margin-left: -2px;

  font-size: 16px;

} */

.ap-steps-detail1 p {

  font-size: 18px;

  margin: 0;

}

.stp-duration {

  font-size: 16px;

  list-style: outside none none;

  margin: 0 !important;

  padding: 0 !important;

  color: #337ab7;

}

.stp-duration li {

  border: 1px solid #337ab7;

  padding: 0;

  text-align: center;

  border-radius: 5px;

  margin: 3px 0;

  

}

.stp-duration input[type="radio"] {

   display:none;

}



.stp-duration label{

margin:0 !important;

font-weight: 500 !important;

}

.stp-duration label:before{

 content: "\f1db";

  font-family: FontAwesome;

  font-size: 16px;

  font-style: normal;

}



.stp-duration input[type="radio"]:checked + label:before { 

  content: "\f192";

  font-family: FontAwesome;

  font-size: 16px;

  font-style: normal;

}







.stp-duration .tm-value {

  background-color: #fff;

  padding: 5px 0;

  width: 100%;

  border: 0;

  border-radius: 5px;

  color: #337ab7;

  

}

.stp-duration i::before {

  content: "\f1db";

  font-family: FontAwesome;

  font-size: 16px;

  font-style: normal;

}

.stp-duration li:hover i::before {

  content: "\f192";

  font-family: FontAwesome;

  font-size: 16px;

  font-style: normal;

}

.step-time {

  padding: 5px;

}

.aps-date .tm-value{

	background-color:#337ab7;

	color:#fff;

	border-radius:0;

}

.ap-steps-detail1 .service-form {

  padding: 20px 15px;

}

.ap-steps-detail1 {

  padding: 15px ;

}

.left-page:hover,

.left-page:focus,

.right-page:hover,

.right-page:focus{

	background-color:#337ab7;

	color:#fff;

}

.home-timing {

	padding-bottom:50px;

}

.home-timing-next,

.home-timing-prev{

	background-image:none !important;

	background-color:#337ab7;

	color:#fff;

	font-size:18px;

	padding-top:5px;

	text-align:center;

	font-size:24px;

	width:40px;

	height:40px;

	top:95%;

}

.home-timing-prev{

	right:60px !important;

	left:auto !important;

}

.intl-tel-input{

	display:block;

}

.ap-steps-detail4 {

  padding: 20px;

}

.ap-steps-detail5{

	padding: 20px;

}

.step4-form .save {

  background-color: #337ab7;

  color: #fff;

  font-size: 18px;

  padding: 5px 20px;

}

.step4-form  .coupon{

	min-height:40px;

	border-radius:5px;

	border:1px solid #ccc;

	width:200px;

	padding-left:10px;

}

.step4-payment input {

  display: inline-block;

  float: left;

}

.step4-payment span {

  display: inline-block;

  float: left;

  margin-left: 10px;

  font-size:18px;

}

.step4-payment .pics {

  display: inline-block;

  height: auto;

  width: 50px;

  float: left;

  margin-left: 10px;

}

.step4-payment .mollie-pics {

  display: inline-block;

  height: auto;

  width: 90px;

  float: left;

  margin-left: 10px;

}

.step4-payment {

  margin: 10px 0;

}

.ap-steps-detail6{

	 padding: 20px;

}

.app-steps {

  margin: 10px 15px;

}

.ap-steps-detail5 .confirm-link p{

	font-size: 20px;

}

.ap-steps-detail5  .confirm {

  background-color: #337ab7;

  border: 0 none;

  color: #fff;

  font-size: 18px;

  padding: 10px 20px;

  display: inline-block;

}

.ap-demo .img-thumbnail {

  background-color: transparent;

  border: 1px solid #ddd;

  display: block;

}

.login-detail{

	margin:0;

}

.login-detail label{

	display:block;

	font-size:20px;

	text-transform:uppercase;

}

.login-detail .form-control{

	min-height:50px;

	font-size:18px;

}

.login-link {

  background-color: #337ab7;

  border: 0 none;

  color: #fff;

  font-size: 18px;

  padding: 10px 20px;

}

.login-link:hover,

.login-link:focus {

  color: #fff;

}

.ap-demo{

	max-height:1000px;

	overflow:hidden;

}

.app-feature-list {

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);

  margin: 20px 0;

  padding: 10px;

}

.app-feature-list p {

  font-size: 18px;

}

.app-feature-list ul{

  list-style:circle;

}

.app-feature-list ul li{

  width:50%;

  float:left;

   font-size: 18px;

}



.ap-breadcum {

	padding:30px 0;

	background-color:#e4e4e4;

}

.ap-breadcum .breadcum-title ul{

	list-style:none;

	display:inline-block;

	padding:0;

	margin:0;

}

.ap-breadcum .breadcum-title ul li a{

	color:#337ab7;

}

.ap-breadcum .breadcum-title ul li{

	display:inline-block;

	font-size:20px;

}

.ap-breadcum .breadcum-title ul i{

	font-size:20px;

	margin:0 5px;

}

.ap-login{

	text-align:right;

}

.ap-login .sign-up-link,

.ap-login .sign-in-link{

	font-size:20px;

	border:1px solid;

	padding:5px 10px;

	color:#fff;

	display:inline-block;

}

.ap-login .form-group{

	margin:0;

}

.ap-support label{

	font-size:20px;

	color:#555;

}

.ap-support label i{

	color:#d9534f;

	font-size:14px;

}

.ap-support .form-control{

	min-height:45px;

}

.booking-text p{

	font-size:16px;

}

/* Appearance */



.section-head {

  border-bottom: 2px solid #ddd;

}

.ap-service-detail{

	margin:0;

}

.section-title {

  border-bottom: 2px solid #337ab7;

  display: inline-block;

  bottom: -2px;

  position: relative;

}

.section-description{

	font-size:18px;

}

.step1,

.step2,

.step3,

.step4,

.step5,

.step6 {

  border-bottom: 2px solid #ddd;

  padding: 30px 0;

}

.signup-info {

  margin: 0;

  text-align: center;

}

.signup-info .new-link,

.signup-info .existing-link{

padding:5px 10px;

display:inline-block;

margin:2px 5px;	

}

.step-description {

  border-top: 2px solid #ddd !important;

  margin: 0 !important;

  margin-top: 20px !important;

  padding-top: 15px !important;

}

.step-description ul{

	list-style:none;

	padding:0;

}

.step-description ul li{

	display:block;

	padding:2px 10px;

	font-size:16px;

}

.step-description ul li i{

	color:red;

	font-size:14px;

}

.register-link{

	margin:10px 0;

}

.ap-logo{

	margin:0;

	border-bottom:2px solid #ddd;

}

.logo img {
    height: auto !important;
    width: 72px;
}



.social-info{

	text-align:right;

	padding-top:20px;

}

.social-info .social{

	display:inline-block;

	padding:0;

	margin:0;

	list-style:none;

}

.social-info .social li{
	
	background-color: #337ab7;

	display:inline-block;

	width:30px;

	height:30px;

	border:1px solid #333;

	text-align:center;

	padding:3px;

	font-size:16px;

}

.social-info .social li a i {
   
    line-height: 0px !important;
}

.social-info .social li a {

  color: #ffffff;

  box-shadow: none !important;
  

 }

.contact-info span{

	font-size:18px;

	padding:10px;

	display:inline-block;

}

.ap-steps-detail6 .ap-heading {

  font-size: 30px !important;

  letter-spacing:inherit !important

}



.service-form p {

  font-size: 18px;

}

.contact-info {

  padding-top: 15px;

  text-align: center;

}

.ap-dashboard{

	display:block !important;

	position:relative !important;

	overflow:hidden;

	border:1px solid #ddd;

}

.ap-dashboard .form-control:focus{

	border:2px solid #337ab7 ;

}

.swiper-button-disabled {

  display: block !important;

}

.step3-form label {

  display: block;

}

.step-link {

  border:0;

  border-bottom:3px solid rgba(0,0,0,0.1);

  border-radius: 5px;

  font-size: 16px;

  padding: 4px 15px;

}

/* .ap-steps-detail1,

.ap-steps-detail2,

.ap-steps-detail3,

.ap-steps-detail4,

.ap-steps-detail5,

.ap-steps-detail6{

	text-transform:capitalize !important;

} */

.ap-steps-detail1 p,

.ap-steps-detail2 p,

.ap-steps-detail3 p,

.ap-steps-detail4 p,

.ap-steps-detail5 p,

.ap-steps-detail6 p{

	font-size:16px !important;

}

.ap-front {

   max-height:auto;

    overflow: hidden;

    padding: 20px 10px;

}



.ap-dashboard  .ap-heading{

 background-color: transparent !important;

 border:0 !important;

  border-bottom: 2px solid #333 !important;

  display: inline-block !important;

  font-size: 20px !important;

  letter-spacing: inherit !important;

  margin: 10px 0 !important;

  padding-bottom: 5px !important;

}

.ap-dashboard .instruction-heading{

 background-color: transparent !important;

 border:0 !important;

  border-bottom: 2px solid #333 !important;

  display: inline-block !important;

  font-size: 20px !important;

  letter-spacing: inherit !important;

  margin: 0 !important;

  margin-bottom: 15px !important;

  padding-bottom: 5px !important;

}

.confirm-link strong {

  font-size: 20px !important;

}



.ap-steps-detail6{

	text-align:center;

}

.ap-steps-detail6 i{

	color:green;

	font-size:60px;

	display:block;

}


/*new add*/
.contact-info span {
    font-size: 100% !important;
    padding: 0px !important;
    display: inline-block;
}

.ap-steps label {
    padding-left: 0px !important;
    font-size: 15px !important;
}

.ap-steps .ap-step1, .ap-steps .ap-step2, .ap-steps .ap-step3, .ap-steps .ap-step4, .ap-steps .ap-step5, .ap-steps .ap-step6 
{
    display: inline-block;
    float: none !important;
}

.ap-steps .ap-step1, .ap-steps .ap-step2, .ap-steps .ap-step3, .ap-steps .ap-step4, .ap-steps .ap-step5, .ap-steps .ap-step6 
{
    width:15% !important;
    display: inline-block;
    float: left;
}

.contact-info {
    padding-top: 0px !important;
    text-align: center;
	margin-top: 20px !important;
}

.social-info {
    text-align: right;
    padding-top: 0px !important; 
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.ap_validation_alert 
{
	color:red !important; 
    display: none;
    font-size: 15px !important;
}

.ap-step-link .step-right:hover, .ap-step-link .step-left:hover{
     background-image: -webkit-linear-gradient(top, #337ab7, #337ab7);  !important
     }
 #asp_booking_button{
	background-color:#337ab7 !important;
	color: #fff !important;
}
.owl-item{
	
    text-align:center !important; 
    word-wrap: initial !important;
}
.staff_appt_time{
	float:right !important;
	margin-right:10% !important;
}
.staff_appt_day{
	float:left !important;
	margin-left:10% !important;
}
@media (min-width:1200px)
{
.social-info .social 
{
    display: flex !important;
}
}