body{
	font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
	font-family: Quicksand, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	color: #4f5962;
}

a, button, 
header,
footer ul li a:before,
.accordion .description,
.radios .custom-control-label:after,
.mainmenu > li > a:before,
footer .widget ul.widget-social li a i,
ul.services li,
.searchDesktop,
.form-group.customGroup .form-control .mapboxgl-ctrl-geocoder input[type="text"],
.form-group.customGroup.active .mapboxgl-ctrl-geocoder .geocoder-icon-search,
label.animated-label,
.singleStylist .sidebar .vcBlockSidebar,
a.btnHideSearch{
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.btn{
	-webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -ms-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}

button:focus, .btn:focus,
button:active, .btn:active{
    outline: none;
    box-shadow: none;
}

/* color */
.mainmenu ul.sub-menu a:hover,
.btn:hover,
.mainmenu > li > a:hover, 
.mainmenu > li > a:active,
.mainmenu li.hover-sf > a,
.custom-file label:hover,
footer .widget ul li a:hover,
.titleHeader,
.box_input a:hover,
.images .itemImage a,
.colorHightLight,
a.titleArticle:hover,
.vcArticles ul li a,
.vcArticles ul.infoArticle li:last-child span,
.vcBlockSidebar .blockContent a,
.btn.btnSimple:hover,
.singleContainer .pickmeup .pmu-instance .pmu-button:hover,
.dropdown .not-loading,
.iconDate .not-loading,
ul.timeAvailble li.active,
.sidebar ul.social li a:hover,
ul.ui-autocomplete li:hover,
.vcUserDashboard .block .block-title a,
.vcUserDashboard a.totalInfo:hover,
.vcUserDashboard .custom-file:hover label,
.vcUserDashboard .details > h3 > a,
td.colFullName{
	color: #FA6400;
}
ul.sidebar li a:hover,
ul.sidebar li.active > a,
.vcUserDashboard .block .block-title a.btnNewBooking:hover,
.vcUserDashboard .block .block-title ul li a,
.vcUserDashboard .block .block-title a.btnRound:hover,
.vcUserDashboard ul.services li,
.actions a,
.formActionPP ul.services li,
.vcUserDashboard a.totalInfo,
.vcUserDashboard .block .block-title a:hover,
.childService .title{
	color: #50D2C2
}
.btn,
.custom-file label,
.formActionPP .description,
.btn.btnFacebook:hover,
.btn.btnTwitter:hover,
.vcUserDashboard .block .block-title ul li a.active,
.vcUserDashboard .block .block-title ul li a:hover,
.vcUserDashboard .block .block-title ul li.active a,
footer .widget ul.widget-social li a:hover i,
.vcUserDashboard .block .block-title a.btnRound,
.vcUserDashboard ul.services li:hover,
.vcUserDashboard ul.services li.active,
.formActionPP ul.services li:hover,
.formActionPP ul.services li.active,
.imageItem a,
.vcUserDashboard span:not(.alert-success).status,
.totalPrice,
.vcUserDashboard .block .block-title a.btnNewBooking,
form.createNewBooking .datepicker--cell.-selected-,
.vcUserDashboard .custom-file label{
	color: #ffffff;
}
.mainmenu li > a,
ul.sidebar a,
ul.sub-menu a,
footer .widget ul li a,
.box_input a,
.actions a:hover,
a.titleTab,
.imageItem a:hover,
a.titleArticle,
.vcArticles ul li a:hover,
.vcBlockSidebar .blockContent a:hover,
ul.dropdowlist li a,
.sidebar ul.social li a{
	color: #4f5962;
}
.form-group label{
	color: #3b4249;
}
footer .footer-bottom,
footer .footer-bottom a,
form.createNewBooking .datepicker--cell.-current-,
form.createNewBooking .datepicker--cell,
ul.ui-autocomplete li,
.createNewBooking .totalPrice,
ul.dropdowlist > li > a,
ul.dropdowlist > li > a.active,
ul.dropdowlist > li > a:hover,
.singleContainer .pickmeup .pmu-instance .pmu-days .pmu-button{
	color: #000000;
}
.singleContainer .pickmeup .pmu-instance .pmu-button.date-not-available,
.singleContainer .pickmeup .pmu-instance .pmu-not-in-month.pmu-button,
.singleContainer .pickmeup .pmu-instance .pmu-button.date-not-available:hover{
	color: #dedede;
}
form.createNewBooking .datepicker--cell.-disabled-,
form.createNewBooking .datepicker--day-name{
	color: #ACACAC;
}

.formActionPP > .col-md-6,
.formActionPP .contentForm,
.btn:hover,
.dropdown.show:before,
.mainmenu ul.sub-menu,
.vcUserDashboard .col-md-2:first-child,
.vcUserDashboard .details h3,
.vcUserDashboard .block,
.page-checkout .block,
.header.header-sticky.sticky-area,
footer,
.stylistItem,
.articleItem,
.vcBlockSidebar,
.singleContainer,
ul.timeAvailble li.active,
.vcUserDashboard a.btnNewBooking:hover,
.createNewBooking .totalPrice,
.vcUserDashboard .custom-file:hover label{
	background: #fff;
}
.vcUserDashboard,
.single-stylist #mainContent,
body.greyBackground{
	background: #f7f8f9;
}

footer .widget ul.widget-social li a:before,
.btn, .custom-file label,
.mainmenu > li > a:before,
.vcUserDashboard .custom-file label{
	background: #FA6400;
}
.vcUserDashboard .block .block-title ul li a.active,
.vcUserDashboard .block .block-title ul li a:hover,
.vcUserDashboard .block .block-title ul li.active a,
.vcUserDashboard ul.services li:hover,
.vcUserDashboard ul.services li.active,
.formActionPP ul.services li:hover,
.formActionPP ul.services li.active,
form.createNewBooking .datepicker--cell.-selected-,
.vcUserDashboard a.btnNewBooking{
	background: #50D2C2;
}
.totalPrice{
	background: #4f5962;
}
span.colors.colorAvailable::before{
	background: #b2e38f;
}
.vcUserDashboard .custom-file label{
	border-color: #FA6400;
}

.vcUserDashboard .btn,
.btn.btnPaymentDesktop{
	border-color: #85C341;
	color: #ffffff;
	background: #85C341;
}	
.vcUserDashboard .btn,
.btn.btnPaymentMobile,
.btn.btnPayment{
	border-color: #85C341;
	color: #ffffff;
	background: #85C341;
}

.vcUserDashboard .formsAction .btn:not(.btnEndOfService),
.vcUserDashboard .createNewBooking .timeSlider .btn:not(.btnEndOfService){
	border-color: #50D2C2;
	color: #50D2C2;
	background: #ffffff;
}
.vcUserDashboard .btn:hover,
.btn.btnPaymentMobile:hover,
.btn.btnPayment:hover{
	background: #ffffff;
	color: #85C341;
}
.vcUserDashboard .createNewBooking .btn{
	background: #ffffff;
	border-color: #85C341;
	color: #85C341;
}
.vcUserDashboard .createNewBooking .btn:hover,
.vcUserDashboard .createNewBooking .btn.active{
	background: #85C341;
	color: #ffffff;
}

.vcUserDashboard .formsAction .btn:hover,
.vcUserDashboard .createNewBooking .timeSlider .btn:hover,
.vcUserDashboard .createNewBooking .timeSlider .btn.active{
	background: #50D2C2;
	color: #ffffff;
}
span.colors.colorBooked::before{
	background: #FA6400;
}

.home .header.sticky-area{
	background: #ffffff;
}

body.blog, body.search, body.archive.category, body.single{
	background: #f7f8f9;
}

.vcUserDashboard span:not(.alert-success).status{
	background: #FA6400;	
}
.vcUserDashboard span.status.up{
	background: #155724;
}
.vcUserDashboard span.status.finish{
	background: #85C341;
}
ul.timeAvailble li.booked{
	background: grey;
	border-color: grey;
	cursor: not-allowed !important;
	color: #ffffff !important;
}
.vcUserDashboard table .btn.btnAccept{
	border-color: #85C341 !important;
	color: #85C341 !important;
}
.vcUserDashboard table .btn.btnCancel{
	border-color: red !important;
	color: red !important;
}
/* font-size */
.vcUserDashboard span.status{
	font-size: 11px;
}

.vcBlockSidebar .blockContent,
.vcUserDashboard .block span.desReports{
	font-size: 12px;
	line-height: 16px;
}
.vcUserDashboard .block .block-title a{
	font-size: 13px;	
}
.mainmenu li > a,
.mainmenu li.btnCustom a,
.form-control,
.custom-radio label, .custom-file label,
footer .widget ul li,
.vcUserDashboard ul.services li,
.vcBlockSidebar .vcBlockTitle,
.vcBlockTitle.smallTitle,
ul.dropdowlist li a{
	font-size: 14px;
}
.vcArticles ul li a,
.vcArticles .blockContent,
.singleContainer .blockContent .vcBlockTitle.smallTitle,
.singleContainer .blockContent .description,
.singleContainer .blockContent .termrule,
span.searchinput{
	font-size: 14px;
	font-weight: 500
}
.vcUserDashboard .block .block-body h3,
footer .widget ul.widget-social li a,
.stylistName,
.vcBlockSubTitle,
a.titleArticle{
	font-size: 18px;
}
.vcUserDashboard .block .block-title,
.page-checkout .block .block-title,
.widget-title{
	font-size: 18px;
}
.vcUserDashboard .block .small-text{
	font-size: 20px;
}
.vcBlockTitle,
.textImageItem .blockContent{
	font-size: 24px;
	line-height: 30px;
}
.vcUserDashboard .block .big-text,
.titleHeader,
.subTitle{
	font-size: 30px;
}
.textImageItem .vcBlockTitle{
	font-size: 24px;
	line-height: 32px;
}
.textImageItem a.btn{
	background: #ffffff;
	border-color: #000000;
	color: #000000;
}
.textImageItem a.btn:hover{
	color: #FA6400;
	border-color: #FA6400;
}
.titleHeader,
.subTitle{
	line-height: 40px;
}

td.formsAction{
	text-align: center;
	min-width: 200px;
}
td.formsAction .btnDetails{
	text-decoration: underline;
	display: block;
	text-align: center;
	color: #50D2C2;
}
td.formsAction .lineBreak{
	display: block;
	height: 5px;
}
a.aCustom{
	text-decoration: none;
	color: #50D2C2;
}
.font500,
.vcUserDashboard ul.services li,
.childService .title,
a.titleTab,
.vcArticles ul.infoArticle li span{
	font-weight: 500;
}
.font600,
.form-group label,
.vcLastMessage span.userName,
span.number-rating,
.blockVerify,
a.titleTab:hover,
a.titleTab.active{
	font-weight: 600;
}
.vcUserDashboard .block .big-text,
.btn,
.mainmenu li > a,
ul.sidebar li a,
.vcUserDashboard .block .block-title,
.page-checkout .block .block-title,
.vcUserDashboard .block .block-title a,
.custom-file label,
.widget-title,
footer .widget ul li a,
footer .widget ul.widget-contact li span,
.vcBlockTitle,
.stylistName,
a.titleArticle{
	font-weight: 700;
}

.vcBlockSidebar .vcBlockTitle{
	line-height: 16px;
	margin-bottom: 0px;
}

a.titleTab,
.imageItem a,
a.titleArticle,
.vcBlockSidebar .blockContent a,
ul.dropdowlist li a{
	text-decoration: none;
}

span.status,
.actions a{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 3px 5px;
}

.actions a{
	border: 1px solid #50D2C2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 2px;
	font-size: 12px;
}
/* content */
#wrap-content{
	margin-top: 35px;
}
.noHeaderBanner #wrap-content{
	margin-top: 0px;
}

.btn, .custom-file label{
	border: 1px solid #FA6400;
	text-align: center;
	padding: 0px 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
	position: relative;
    height: 42px;
    display: inline-flex;
    align-items: center;
	justify-content: center;
}
.moredetail .btn{
	background: #FA6400;
	border-color: #FA6400;
}
.moredetail .btn:hover,
.moredetail .btn.active{
	color: #FA6400;
	background: #ffffff;
}
.vcUserDashboard .formsAction .btn{
	padding-left: 10px;
	padding-right: 10px;
}
.btn.btnRound{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0px;
}
.btn.btnAdd{
	float: right;
}
.btn.btnSimple{
	background: none;
	border-color: #4f5962;
	color: #4f5962;
}
.btn.btnSimple:hover{
	border-color: #FA6400;
}

h1, h2, h3, h4, h5, h6, .banner-title, .titleHeader {
	font-weight: 700;
	text-transform: inherit;
	text-align: inherit;
}

/* menu */
.header{
	padding-top: 11px;
	padding-bottom: 11px;
	background: #fff;
}
.home .header{
	-webkit-box-shadow: none;
    box-shadow: none;
	background: none;
}
.header.header-sticky, .home .header{
	position: relative;
    width: 100%;
    z-index: 1000;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -200px);
}
.home .header{
	position: fixed;
	opacity: 1;
	transform: translate(0, 0);
	visibility: visible;
}
.header.header-sticky.sticky-area{
	opacity: 1;
    position: fixed !important;
    visibility: visible;
    transition: all 0.4s ease;
    transform: translate(0, 0);
    animation: fadein 0.4s;
}
.admin-bar .header.header-sticky, .home.admin-bar .header{
	top: 32px;
}
.headerBanner{
	padding: 30px 0px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}
.headerBanner.headerBannerSearch{
	background-color: #ffffff;
	-webkit-box-shadow: none;
    box-shadow: none;
	padding: 0px;
}
.headerBanner.headerSearch{
	padding: 50% 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
}
.home .headerBanner.headerSearch{
	position: relative;
}
.home .headerBanner.headerSearch::before{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.35);
	content: '';
}

.headerBanner.headerSearch, .headerBanner.stylistGallery{
	-webkit-box-shadow: none;
    box-shadow: none;
}
.headerBanner.stylistGallery{
	padding: 0px;
	display: none;
}
.headerBanner.stylistGallery.active{
	display: block;
}
.headerBanner.stylistGallery ul{
	list-style: none;
	display: flex;
	margin: 15px -6px;
	padding: 0px;	
}
.headerBanner.stylistGallery ul li{
	padding-left: 3px;
	padding-right: 3px;
}
.headerBanner.stylistGallery ul li a{
	max-height: 640px;
}
.headerBanner.stylistGallery ul li:first-child a{
	border-radius: 20px 0px 0px 20px;
	overflow: hidden;
	position: relative;
}
.headerBanner.stylistGallery a[data-type="iframe"] img{
	opacity: 0;
}
.headerBanner.stylistGallery a[data-type="iframe"] video{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.headerBanner.stylistGallery ul li:last-child a{
	border-radius: 0px 20px 20px 0px;
	overflow: hidden;
}
.headerBanner.stylistGallery ul li.smaller a:first-child{
	margin-bottom: 6px;
}
.headerBanner.stylistGallery a{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
a.boxYoutube{
	position: absolute;
    bottom: -200px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    max-width: 30%;
    display: flex;
    align-items: center;
    left: 35%;
    text-decoration: none;
}
a.boxYoutube i{
	color: #FA6400;
    font-size: 50px;
    margin-right: 10px;
}
a.boxYoutube:hover i{
	color: #ffffff;
}
h2.titleSearchHeader, h1.titleSearchHeader{
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 30px;
	line-height: 34px;
}
h2.titleSearchHeader span,
h1.titleSearchHeader span{
	font-size: 18px;
	font-weight: 500;
	display: block;
	margin-top: 20px;
	line-height: 30px;
}

.mainmenu li{
	display: inline-block;
	padding: 0 10px;
}
.mainmenu li > a{
	padding: 10px 0px;
	position: relative;
	text-decoration: none;
	display: block;
}
.mainmenu li.btnCustom a{
	border: 1px solid #FA6400;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FA6400;
	color: #ffffff;
}
.mainmenu li.btnCustom a:hover{
	color: #FA6400;
	background: #ffffff;
}
.mainmenu > li > a:before{
	width: 0;
    height: 3px;
    content: "";
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}
.mainmenu li.btnCustom a:before{
	display: none;
}
.mainmenu > li > a:hover:before,
.mainmenu > li > a:active:before,
.mainmenu li.hover-sf > a:before{
	width: 100%;
}
.mainmenu li.avatarMenu{
	position: relative;
	padding-right: 50px;
}
.mainmenu li.avatarMenu img{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: calc(50% - 20px);
	right: 0px;
}
.mainmenu ul.sub-menu{
	border: 0 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-top: 0;
    text-align: left;
	min-width: 206px;
	padding: 0;
	margin: 0;
	-webkit-transition: 0.2s;
    -o-transition: 0.2s;
	transition: 0.2s;
	right: 0px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}
.mainmenu li.hover-sf ul.sub-menu{
	top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 10;
}
ul.sub-menu li{
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
ul.sub-menu a{
	padding: 15px;
}
.moredetail{
	overflow: hidden;
	display: block;
}
.moredetail label,
.moredetail .custom-control-label,
.timeTxt{
	font-weight: normal;
}
.timeSlider{
	position: relative;
	padding: 0 15px;
}
.timeSlider .owl-prev,
.timeSlider .owl-next{
	position: absolute;
	top: calc(50% - 12px);
}
.timeSlider .owl-prev{
	left: -15px;
}
.timeSlider .owl-next{
	right: -15px;
}
ul.timeAvailble{
	list-style: none;
	margin: 15px 0px;
	padding: 0px;
}
ul.timeAvailble li{
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
	height: auto;
	cursor: pointer;
}
.timeSlider ul.timeAvailble li{
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: auto;
}
.formEdit .timeSlider{
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}
.formEdit .timeSlider ul.timeAvailble li{
	display: inline-block;
	width: auto;
}
ul.breadcrumb{
	padding: 0px;
	background: none;
}
ul.breadcrumb li a{
	color: #FA6400;
	margin-right: 5px;
	text-decoration: none;
}
ul.breadcrumb li i{
	font-size: 11px;
}

/* user dashboard */
ul.sidebar{
	list-style: none;
	margin: 0px;
	padding: 15px;
	height: 100%;
}
ul.sidebar li{
	display: block;
	padding: 10px 0px;
}
ul.sidebar li ul{
	display: none;
}
ul.sidebar li ul,
ul.sidebar li ul li:last-child{
	padding-bottom: 0px;
}
ul.sidebar li.active ul{
	display: block;
}
ul.sidebar li a{
	text-decoration: none;
}
.vcUserDashboard .blockDetail{
	margin-right: 15px;
}
.vcUserDashboard > .row > .col-md-2:first-child{
	border-right: 1px solid #d8dce1;
}
.vcUserDashboard .details > h3{
	padding: 15px 30px;
	border-bottom: 1px solid #d8dce1;
	margin-left: -15px;	
}
.vcUserDashboard .block,
.vcUserDashboard .details > h3,
.vcUserDashboard form button[type="submit"]{
	margin-bottom: 30px;
}
.vcUserDashboard td form button[type="submit"],
form.formsAction button[type="submit"],
.fancybox-slide .vcUserDashboard .block
.fancybox-slide .vcUserDashboard form .form-group:last-child{
	margin-bottom: 0px;
}
.vcUserDashboard .block .block-title,
.page-checkout .block .block-title{
	padding: 30px;
	border-bottom: 1px dotted #d8dce1;
}
.vcUserDashboard .block .block-body,
.page-checkout .block .block-body{
	padding: 15px;
}
.vcUserDashboard .block .block-body .block-title{
	padding: 10px;
	margin-bottom: 10px;
}
.page-checkout .block .block-title .description{
	font-weight: normal;
	font-size: 14px;
	margin-top: 15px;
}
.vcUserDashboard .block .block-body.nopadding{
	padding: 15px 0px;
}
.vcUserDashboard .block .block-title.flex{
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.vcUserDashboard .block .block-title a,
.vcUserDashboard .details > h3 > a{
	line-height: 13px;
	text-decoration: none;	
}
.vcUserDashboard .details > h3 > a{
	font-size: 15px;
	margin-top: 12px;
}
.vcUserDashboard .block .block-body h3{
	padding: 15px;
	margin: 0px;
}
.vcUserDashboard .block .block-title ul{
	list-style: none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}
.vcUserDashboard .block .block-title ul li{
	display: inline-block;
	margin-right: 15px;
}
.vcUserDashboard .block .block-title ul li a{
	border: 1px solid #50D2C2;
	padding: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vcUserDashboard.formCancel .block .block-body h3{
	line-height: 20px;
}
.vcUserDashboard.formCancel .block .block-body .description{
	margin-bottom: 30px;
}
.widget-title{
	margin-bottom: 20px;;
}

.vcUserDashboard ul.services,
.formActionPP ul.services{
	width: 100%;
	display: block;
}
.vcUserDashboard ul.services li,
.formActionPP ul.services li{
	display: inline-block;
	border: 1px solid #50D2C2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 10px;
	margin: 5px 10px;
	cursor: pointer;
}
.vcUserDashboard ul.services li:first-child,
.formActionPP ul.services li:first-child{
	margin-left: 0px;
}
.vcUserDashboard ul.services li:last-child,
.formActionPP ul.services li:last-child{
	margin-right: 0px;
}
.vcUserDashboard .lineMsg{
	border-bottom: 1px solid #d8dce1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.vcUserDashboard .lineMsg label{
	display: block;
	font-weight: bold;
	margin-bottom: 0px;
}
.vcUserDashboard .lineMsg .avatarUser {
	margin-right: 10px;
}
.vcUserDashboard .lineMsg .justify-content-end .avatarUser {
	margin-right: 0px;
	margin-left: 10px;
}
.vcUserDashboard .lineMsg .avatarUser img{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.vcUserDashboard .messageDetail .custom-file{
	position: absolute;
	top: 0;
    right: 15px;
    width: 50px;
}
.fancybox-slide .vcUserDashboard .messageDetail .custom-file{
	top: auto;
	bottom: 0px;
	right: 0px;
}
.fancybox-slide .vcUserDashboard .block .block-body{
	border-bottom: 1px solid #d8dce1;
}
.fancybox-slide .vcUserDashboard .block .block-body:last-child{
	border-bottom: none;
}
.fancybox-slide .vcUserDashboard #dropdownListService i,
.fancybox-slide .vcUserDashboard #dropdownListStyle i{
	display: none;
}
.vcUserDashboard .messageDetail .custom-file label{
	background: none;
    border: none;
    padding: 0px;
}
.singleStylist .sidebar{
	position: sticky;
	top: 90px;
}
.totalPrice{
	font-weight: 500;
	margin: -15px -15px 15px -15px;
    padding: 15px;
	font-size: 30px;
}
.hideSearch{
	display: none;
}
a.btnHideSearch{
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	color: #4f5962;
	text-decoration: none !important;
	width: 100%;
	padding: 0 15px;
}
a.btnHideSearch.active span{
	transform: rotate(180deg);
}
.vcUserDashboard .block .block-title a.btnNewBooking{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	height: 50px;
	width: 50px;
	border: 1px solid #50D2C2;
	position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    display: inline-flex;
    font-size: 20px;
	justify-content: center;
	align-items: center;
	box-shadow: 1px 2px 5px rgb(0 0 0 / 30%);
}
.vcUserDashboard .btn.btnAdd{
	border: 1px solid #50D2C2;
	box-shadow: 1px 2px 5px rgb(0 0 0 / 30%);
	background: #50D2C2;
}
.vcUserDashboard .btn.btnAdd:hover{
	background: #fff;
	color: #50D2C2;
}
.vcUserDashboard .big-text .fas{
	font-size: 14px;
    color: #f8b42b;
}
.vcUserDashboard .boxVideo{
	border: 1px solid #d8dce1;
	position: relative;
	height: 300px;
}
.vcUserDashboard .boxVideo video,
.headerBanner.stylistGallery a video{
	width: 100%;
	height: 100%;
	object-fit: cover;	
}

.headerBanner.stylistGallery a video{
	opacity: 0;
}
.headerBanner.stylistGallery a video.active{
	opacity: 1;
}

form.createNewBooking .datepicker{
	border: none;
	width: 100%;
}
.vcUserDashboard form.createNewBooking ul.services li{
	display: block;
	border: none;
	padding: 0px;
	margin: 5px 0px;
    background: transparent;
}

/* user dashboard color */
.vcUserDashboard a.totalInfo{
	text-decoration: none;
	font-weight: bold;
}

ul.ui-autocomplete{
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 99999;
	border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border: none;
    margin: 0px;
    box-shadow: 5px 10px 10px #00000026;
	background: #ffffff;
	max-width: 300px;
	max-height: 400px;
	overflow: auto;
}
ul.ui-autocomplete li{
	display: block;
	padding: 5px;
}
.boxSeachClient .not-loading{
	position: absolute;
	right: 15px;
    top: calc(50% - 13px);
}
.createNewBooking .totalPrice,
.vcBlockTitle.totalPrice{
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	background: none;
	color: #000000;
}

.childServicesItem{
	border-bottom: 1px solid #d8dce1;
	padding: 0px 15px 15px 15px;
	margin-bottom: 15px;
}
.childServicesItem > .row{
	margin-left: 0px;
	margin-right: 0px;
}
.contentTab{
	display: none;
}
.contentTab.active{
	display: block;
	margin-top: 15px;
}
.dayHoliday{
	margin-top: 45px;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
}

.vcBlock{
	padding: 35px 0px;
}
.vcBlock.noPaddingBottom{
	padding-bottom: 0px;
}
.vcBlock.noPaddingTop{
	padding-top: 0px;
}
.vcBlock.vcTitle{
	padding-bottom: 0px;
}
.vcBlockTitle{
	margin-bottom: 15px;
}
.stylistItem, .articleItem, .vcBlockSidebar, .singleContainer{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: -10px;
}
.stylistItem{
	margin-top: 0px;
	margin-bottom: 30px;
}
.blockBlog .vcBlockSidebar{
	margin-top: 0px;
	margin-bottom: 30px;
}
.vcArticles .articleItem{
	margin-top: 0px;
}
.vcArticles .vcBlockSubTitle{
	margin-bottom: 30px;
}
.vcArticles .articleItem.listing{
	margin-bottom: 30px;
}
.stylistItem .thumbnail, .articleItem .thumbnail{
	position: relative;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	overflow: hidden;
}
.stylistItem .thumbnail .avatarUser,
.stylistItem .thumbnail .price,
.stylistItem .thumbnail::before,
.page-checkout .avatarUser,
.vcLastMessage .avatarUser{
	position: absolute;
	right: 30px;
	bottom: 15px;
	border-radius: 100%;
	overflow: hidden;
}
.stylistItem .thumbnail .avatarUser{
	border: 2px solid #ffffff;
	width: 50px;
	height: 50px;
}
.stylistItem .thumbnail .price{
	right: auto;
	left: 30px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
	bottom: 30px;
	overflow: visible;
}
.stylistItem .thumbnail::before{
	width: 100%;
	height: 100px;
	background-color: rgba(0, 0, 0, 0.5);
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 70%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 70%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 70%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.3, rgba(0, 0, 0, 0)),color-stop(0.7, rgba(0, 0, 0, 0.4)));
	content: '';
	border-radius: 0px;
	right: 0px;
	bottom: 0px;
	pointer-events: none;
}
.stylistItem .itemContainer, .articleItem .itemContainer, .vcBlockSidebar{
	padding: 15px;
}
.stylistItem .itemContainer{
	position: relative;
}
.formAjax.formDisabale{
	position: relative;
	z-index: 9;
}
.formAjax.formDisabale::before{
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	z-index: 1;
	left: 0px;
	top: 0px;
	cursor: not-allowed;
	z-index: 99999;
}
.formBookingPopup{
	height: 0px;
	overflow: scroll;
}
.formBookingPopup .lblService span{
	display: block;
}
.formBookingPopup .lblDuration span{
	margin-left: 15px;
}
.formBookingPopup .avatarUser img{
	border-radius: 100%;
}
.formBookingPopup .btnCloseForm{
	text-decoration: none;
    color: #000;
    text-align: right;
    display: block;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.formBookingPopup.active{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    background: rgba(30, 30, 30, 0.7);    
}
.formBookingPopup .lineItem{
    z-index: 999;	
    position: relative;
}
.formBookingPopup .lineItem.lineAddress{
	z-index: 9999999;
}
.formBookingPopup .lineItem.form-group .dropdown-menu{
	width: 100%;
}
.lineItem{
	border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    font-size: 12px;
}
.formBookingPopup > .container{
	padding: 15px;
	background: #ffffff;
	max-width: 600px;
	height: 90%;
	overflow: scroll;
	position: relative;
}
.formBookingPopup .lineItem .vcBlockTitle{
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
}
.formBookingPopup .lineItem .serviceDetail ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	margin-bottom: 15px;
}
.formBookingPopup .lineItem .serviceDetail ul:last-child{
	margin-bottom: 0px;
}
.formBookingPopup .lineItem .serviceDetail ul li{
	border: 1px solid #ccc;
	margin: 0 5px;
	border-radius: 5px;
}
.formBookingPopup .lineItem .serviceDetail ul li.active{
	border-color: #FA6400;
	background: rgba(250, 100, 0, 0.1);
}
.formBookingPopup .lineItem .serviceDetail ul li .custom-control{
	padding: 0px;
	margin: 0px;
}
.formBookingPopup .lineItem .serviceDetail ul li .custom-control-label::before,
.formBookingPopup .lineItem .serviceDetail ul li .custom-control-label::after{
	display: none;
}
.formBookingPopup .lineItem .serviceDetail ul li .custom-control-label{
	font-size: 14px;
	font-weight: normal;
	padding: 5px 15px;
	line-height: 18px;
}
.formBookingPopup .lineItem .serviceDetail ul li.active .custom-control-label{
	color: #FA6400;
}
.formBookingPopup .lineItem .datepicker-inline .datepicker{
	width: 100%;
}
.formBookingPopup .lineItem.totalRow,
.formBookingPopup .lineItem .serviceDetail .title{
	font-size: 14px;
	font-weight: bold;
}
.formBookingPopup .lineItem .serviceDetail .title{
	margin: 10px 0px;
}
.stylistItem .itemContainer .lineItem .serviceName{
	font-weight: bold;
    font-size: 14px;
    line-height: 14px;
}
.stylistItem .itemContainer .lineItem .btn{
	padding: 5px;
    font-size: 12px;
    height: auto;
	width: 100%;
}
.stylistItem .itemContainer .priceDetail.btn{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.stylistRating span:first-child{
	color: #f8b42b;
	font-size: 12px;
}
.stylistRating span i{
	margin-right: 5px;
}
.stylistItem .stylistRating span{
	margin-right: 5px;
}
.articleItem.listing .blockContent{
	margin-top: 30px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative;
}
.articleItem.listing .blockContent p{
	margin-bottom: 0px;
}
.articleItem.listing .blockContent::after{
	position: absolute;
	left: -15px;
	bottom: 0px;
	border-top: 1px dotted #d8dce1;
	content: '';
	width: calc(100% + 30px);
}

.imageItem{
	position: relative;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	margin-bottom: 30px;
}
.imageItem a{
	display: inline-block;
}
.imageItem .vcBlockTitle{
	position: absolute;
	bottom: 30px;
	width: calc(100% - 60px);
	left: 30px;
	margin-bottom: 0px;
}

.textAdvanceItem{
	padding: 45px 30px;
	background: rgba(255, 255, 255, 0.8);
}
.textAdvanceItem .blockContent{
	padding: 30px 0px;
}

.vcLastMessage > .row{
	margin-top: 45px;
}
.vcLastMessage .avatarUser{
	position: static;
	margin: 15px 0px 5px 0px;
	display: inline-block;
}
.vcLastMessage .blockContent{
	border: 1px solid #d8dce1;
    text-align: center;
    padding: 5px;
    position: relative;
    border-radius: 3px;
}
.vcLastMessage .blockContent::before{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #d8dce1;
    border-bottom: 0;
    margin-left: -10px;
    margin-bottom: -11px;
}
.vcLastMessage .blockContent::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin-left: -10px;
    margin-bottom: -10px;
}
.vcLastMessage span{
	display: block;
}
.vcTextImage{
	position: relative;
}
.vcTextImage .mask{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	width: 50%;
	left: 0px;
	height: 100%;
}
.vcTextImage .mask.right{
	left: auto;
	right: 0px;
}
.vcArticles ul{
	list-style: none;
	padding: 0px;
	margin: 10px 0px;
}
.vcArticles ul li{
	display: inline-block;
	padding-right: 10px;
}

.searchForm .dropdown button{
	text-align: left;
	overflow: hidden;
}
.searchForm .dropdown button::after{
	right: 12px;
    position: absolute;
    top: calc(50% - 2px);
}
.searchForm .iconDate{
	position: relative;
}
.searchForm .iconDate i{
	position: absolute;
	left: 12px;
	top: calc(50% - 7px);
}
.searchForm .iconDate input{
	padding-left: 30px;
}
.form-control.date_book[readonly]{
	background-color: #ffffff;
}
.searchForm .form-control,
.searchForm .btn{
	height: 56px;
}
.searchForm .form-control .mapboxgl-ctrl-geocoder input[type="text"]{
	height: 54px
}
.searchForm .mapboxgl-ctrl-geocoder .geocoder-icon-search{
	top: 18px;
}
span.searchinput{
	line-height: 42px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
span.searchinput i{
	margin-right: 5px;
}

form.search-form .btn{
	padding: 0 10px;
	width: 100%;
}
.singleContainer{
	margin-top: 0px;
	padding: 30px;
	box-shadow: 0 0 1px 0px #00000026;
	position: relative;
}
.singleContainer .avatarUser{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	overflow: hidden;
	display: inline-block;
}
.singleContainer .vcBlockTitle{
	margin-bottom: 5px;
	font-size: 20px;
}
.stylistAddress .stylistRating{
	margin-left: 30px;
	display: inline-block;
}
.lblStatus{
	text-transform: uppercase;
	color: #ffffff;
	background: #FA6400;
	display: inline-block;
	padding: 5px;
	font-size: 10px;
	font-weight: bolder;
	border-radius: 3px;
	line-height: 16px;
}
.lblStatus.isMobileStylist{
	background: #43CAE3;
}
.singleStylist .lblStatus{
	margin-top: 15px;
}
.stylistItem .lblStatus{
	position: absolute;
	top: 10px;
	left: 25px;
	z-index: 1;
}
.blockVerify{
	display: block;	
}
.blockVerify span:not(.d-none){
	color: #85C341;
	display: block;
}
.blockVerify span i{
	margin-right: 5px;
}
.singleContainer .blockHR{
	position: relative;
    width: calc(100% + 60px);
    border-top: 1px solid #d8dce1;
    margin-top: 30px;
    padding-bottom: 30px;
    left: -30px;
}
.singleContainer .pickmeup .pmu-instance .pmu-button:hover,
.singleContainer .pickmeup .pmu-instance .pmu-selected{
	background: none;
}
span.colors{
	margin: 0px 30px;
	position: relative;
}
span.colors::before{
	display: inline-block;
    border: 1px solid #4f5962;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    left: -30px;
}
.vcBlockSidebar .price{
	background: #FA6400;
    color: #fff;
    font-weight: 700;
    padding: 15px;
    font-size: 20px;
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: 15px;
	margin-right: -15px;
	display: none;
	border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}
.vcBlockSidebar .price.active{
	display: block;
}
.vcIconSingle img{
	margin-bottom: 15px;
}
.vcIconSingle .title{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 15px;
}
.vcIconSingle .vcBlockContent,
.custom .textImageItem .blockContent{
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}
.custom .textImageItem .vcBlockTitle{
	font-size: 20px;
	line-height: 24px;
}
ul.dropdowlist, ul.dropdowlist ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#listStyle{
	width: 100%;
}

ul.dropdowlist ul{
	margin-left: 15px;
	padding: 0px;
}
ul.dropdowlist > li > a{
	padding: 5px 10px;
	font-weight: bold;
	display: block;
}

ul.dropdowlist li a:hover,
ul.dropdowlist li a.active{
	color: #4BCEDF;
}
ul.dropdowlist > li > a:hover,
ul.dropdowlist > li > a.active,
ul.dropdowlist > li > a.current{
	background: #4BCEDF;
	color: #ffffff;
}
#listStyle ul.dropdowlist > li > a:hover{
	background: none;
	color: #000000;
}

ul.dropdowlist ul.primaryService li a::before{
	font-family: 'Font Awesome 5 Regular';
    font-weight: 400;
	content: "\f178";
	display: inline-block;
	margin-right: 5px;
}

ul.dropdowlist li ul{
	display: none;
}
ul.dropdowlist li ul.active{
	display: block;
}
.priceDetail.btn{
	padding: 2px 10px;
	height: auto;
}
.priceDetail.btn.btnAvailable{
	font-size: 14px;
	padding: 5px 2px 4px 2px;
}

ul.dropdownValueService ul{
	margin-left: 18px;
}
ul.dropdownValueService ul li .custom-radio{
	padding-left: 11px;
}
ul.dropdownValueService ul li .custom-radio .custom-control-label{
	font-weight: normal;
	font-size: 14px;
	cursor: pointer;
}
ul.dropdownValueService ul li .custom-radio .custom-control-label::before,
ul.dropdownValueService ul li .custom-radio .custom-control-input:checked~.custom-control-label::before{
	width: 20x;
	height: 20px;
	top: 0px;
}
ul.dropdownValueService ul li .custom-radio .custom-control-label::after{
    width: 10px;
    height: 10px;
    top:  5px;
    left: -15px;
}
ul.dropdownValueService ul li .custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-color: #000;
}
ul.dropdownValueService a.btnApply{
    border: 1px solid #FA6400;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    border-radius: 5px;	
    color: #FA6400;
    padding: 2px 20px
}
ul.dropdownValueService a.btnApply:hover{
	background: #FA6400 !important;
	color: #ffffff !important;
}
ul.dropdownValueService a.btnApply.btnDisable{
	pointer-events: none;
	opacity: 0.5;
}

.page-checkout .avatarUser{
	bottom: auto;
	top: 30px;
}
.page-checkout .cart-item{
	margin-bottom: 30px;
}
.page-checkout .cart-item span{
	display: block;
}
.page-checkout .cart-item.dateBlock{
	background: #e8e8e8;
    border: 1px dotted #9c9393;
    border-radius: 5px;
    padding: 10px 15px;
	position: relative;
}
.page-checkout .cart-item.dateBlock::after{
	position: absolute;
	left: 50%;
	height: 100%;
	border-right: 1px dotted #9c9393;
	content: '';	
	top: 0px;
}
.page-checkout .block .block-title::before{
	content: attr(data-number);
	border-radius: 100%;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #FA6400;
	color: #fff;
}

td.formsAction form{
	display: inline-block;
}
table .btn{
	padding: 5px;
	height: auto;
}

.sidebar ul.social{
	background: #f2f3f4;
	margin: 0px;
	list-style: none;
	display: flex;
	padding: 15px;
	justify-content: space-evenly;
}
.sidebar ul.social li a{
	text-decoration: none;
}

.termrule .d-flex i{
	font-size: 10px;
	width: 10px
}
.termrule .d-flex span{
	margin-left: 5px;
}
.question{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.question .blockContent{
	display: none;
}
.question a{
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	color: #50D2C2;
}
.question a:hover,
.question a.active{
	color: #4f5962;
}
.vcBecomeRequest.colorWhite .vcBlockTitle{
	color: #ffffff;
}
.vcBecomeRequest form{
	background: #ffffff;
	padding: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.vcBecomeRequest form .vcBlockTitle{
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #4f5962 !important;
}
.vcBecomeRequest .vcBlockTitle{
	font-size: 40px;
	line-height: 44px;
	font-weight: 700;
	margin-bottom: 25px;
}
.vcBecomeRequest .vcBlockTitle.subTitle{
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 0px;
}
.pagination a, .pagination span{
	border-radius: 50%;
    height: 40px;
    width: 40px;
    line-height: 36px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #ddd;
    text-align: center;
    color: #4f5962;
    text-decoration: none;
    font-size: 13px;
    margin: 0 2px;
}
.pagination a:hover,
.pagination .current{
	background: #FA6400;
	color: #ffffff;
}
a.btnDeleteAvatar{
	position: absolute;
    top: 15px;
    right: 15px;
    color: #FA6400;
    font-size: 20px;
}

.profilePercent{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-around;
}
.profilePercent img{
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.profilePercent .infomations,
.itemChild a.titleLink{
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.profilePercent .infomations span{
	display: block;
	font-size: 18px;
}
.stepItem .owl-item:last-child .itemChild{
	border-right: none;
}
.stepItem .owl-carousel > .itemChild,
.vcStylistFeatured .owl-carousel > .item{
	float: left;
}
.vcStylistFeatured .owl-carousel > .item{
	min-width: 360px;
	margin-right: 5px;
}
.vcStylistFeatured .owl-carousel > .item .thumbnail{
	min-height: 240px;
}
.vcStylistFeatured .owl-carousel > .item:last-child{
	margin-right: 0px;
}
.itemChild{
	border-right: 1px solid #d8dce1;
	display: flex;
	position: relative;
	align-items: center;
	flex-wrap: wrap;
	flex-flow: column;
	padding: 30px 15px;
}
.itemChild > a:not(.titleLink){
	font-size: 40px;
	color: #D5D5D5;
	text-decoration: none;
}
.itemChild a.titleLink{
	display: block;
	margin: 15px 0px;
	color: #4f5962;
}
.itemChild .toolTip{
	position: absolute;
	right: 10px;
	font-size: 10px;
	top: 0px;
	cursor: pointer;
}
.itemChild .toolTip .toolTipContent{
	background: #fff;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	position: absolute;
	right: 0px;
	border: 1px solid #d8dce1;
	width: 150px;
	padding: 5px;
	text-align: center;
	line-height: 15px;
}
.itemChild .toolTip:hover .toolTipContent{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.itemChild .done{
	color: #85c341;
	font-weight: 700;
	font-size: 13px
}
.itemChild .notDone{
	color: #dc3545;
}

.stepItem .owl-carousel .owl-controls .owl-nav .owl-prev, 
.stepItem .owl-carousel .owl-controls .owl-nav .owl-next{
	position: absolute;
	top: calc(50% - 15px);
	font-size: 30px;
}
.stepItem .owl-carousel .owl-controls .owl-nav .owl-prev{
	left: -15px;
}
.stepItem .owl-carousel .owl-controls .owl-nav .owl-next{
	right: -15px;
}
.vcBlock.vcIconText{
    padding: 0px;
    margin-bottom: 30px;
}
.vcIconText .item{
	background-repeat: no-repeat;
	background-size: 50px 50px;
	background-position: left top;
}
.vcIconText .item .title{
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
}
.vcIconText .item.icon{
	padding-left: 70px;
}
/* footer */
footer{
	padding-top: 100px;
	margin-top: 30px;
}
footer .footer-bottom{
	padding: 30px 0px 10px 0px;	
}
footer .widget ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
footer .widget ul li{
	margin-bottom: 10px;
}
footer .widget ul li a{
	position: relative;
	text-decoration: none;
}
footer .widget ul:not(.widget-contact) li a{
	padding-left: 10px;
}
footer .widget ul:not(.widget-contact) li a:before{
	font-family: 'Font Awesome 5 Light';
	font-weight: 300;
	content: "\f054";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 8px;
	position: absolute;
	left: 0;
	top: 5px;
}
footer .widget ul.widget-social{
	text-align: right;
}
footer .widget ul.widget-contact li span,
footer .widget ul.widget-contact li a{
	padding-left: 5px;
}
footer .widget ul.widget-social li{
	display: inline-block;
}
footer .widget ul.widget-social li a{
	width: 45px;
	height: 45px;
	padding-left: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
footer .widget ul.widget-social li a i{
	position: relative;
}
footer .widget ul.widget-social li a:before{
	content: '';
	width: 0%;
	height: 0%;
	border-radius: 50%;
	left: 49%;
    top: 49%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
footer .widget ul.widget-social li a:hover:before{
	width: 100%;
	height: 100%;
}
footer .footer-bottom .textwidget.custom-html-widget{
	display: inline-flex;
    height: 100%;
    align-items: center;
}

.fancybox-slide--iframe .fancybox-content{
	width: 100% !important;
	height: 100% !important;
}
.fancybox-slide--iframe .fancybox-content iframe{
	width: 100%;
	height: 100%;
}

/* form popup */
.formActionPP .form-group .form-control,
.form-group.multiFields .form-control{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-bottom: 0px;
}
.formActionPP .form-group .form-control:first-child,
.form-group.multiFields .form-control:first-child{
	border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
}
.formActionPP .form-group .form-control:last-child,
.form-group.multiFields .form-control:last-child,
.form-group.multiFields .form-control.endfield{
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-bottom: 1px solid #ccc;
}

.formActionPP > .col-md-6:first-child{
	background: rgba(0, 0, 0, 0.3);	
}
.formActionPP .description{
	height: 100%;
    display: inline-flex;
    padding: 30px;
    align-items: center;
}
.formActionPP .contentForm{
	padding: 30px;
}
.btn.btnFacebook,
.btn.btnTwitter{
	position: relative;
}
.btn.btnFacebook i,
.btn.btnTwitter i{
	position: absolute;
	left: 30px;
}
.btn.btnFacebook{
	background: none;
	border-color: #506dab;
	color: #506dab;
}
.btn.btnFacebook:hover{
	background: #506dab;
}

.btn.btnTwitter{
	background: none;
	border-color: #00aced;;
	color: #00aced;;
}
.btn.btnTwitter:hover{
	background: #00aced;
}

.ppForm:not(.default) .fancybox-slide>*{
	padding: 0px;
	background: none;
}
.ppForm:not(.default) .fancybox-slide .formRating{
	min-width: 270px;
}

.fancybox-slide .vcUserDashboard form button[type="submit"]{
	margin-bottom: 0px;
}

/* form drop&drag */
.box_input{
	width: 100%;
	min-height: 300px;
	border: 1px dotted #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 30px;
}
.images{
	margin-bottom: 30px;
}
.images .itemImage{
	border: 1px dotted #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
	position: relative;
	overflow: hidden;
}
.images .itemImage a{
	position: absolute;
	top: 5px;
	right: 5px;
	text-decoration: none;
}
.blockDetail .ui-state-default, 
.blockDetail .ui-widget-content .ui-state-default, 
.blockDetail .ui-widget-header .ui-state-default, 
.blockDetail .ui-button, 
html .blockDetail .ui-button.ui-state-disabled:hover, 
html .blockDetail .ui-button.ui-state-disabled:active {
    border: none;
    background: none;
    color: inherit;
}
.box_input a{
	text-align: center;
	text-decoration: none;	
}
.box_input a span{
	display: block;
}
.box_input input[type="file"]{
	display: none;
}
.formUploadFile .has-advanced-upload{
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.formUploadFile .is-dragover{
	background-color: #9b9b9b;
}

/* form */
textarea.form-control{
	min-height: 150px;
	padding: 12px;
}
.form-group .dropdown button:focus{
	box-shadow: 0 0 1px 0px #00000026;
}
.form-group .dropdown-menu{
	border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	border: none;
	margin: 0px;
	box-shadow: 5px 10px 10px #00000026;
}
.dropdown.show:before{
	content: '';
	width: 100%;
	position: absolute;
	height: 30px;
	top: 25px;
	left: 0px;
	box-shadow: 5px 5px 10px #00000026;
	z-index: -1;
}
.form-group .dropdown.show button{
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}
.form-group button.form-control.error{
	border: 1px solid red !important;
}
.form-group.iconloading{
	position: relative;
}
.form-group.iconloading .not-loading{
	position: absolute;
	right: 10px;
	bottom: 16px;
}
.dropdown-menu span.msg{
	display: inline-block;
	font-size: 12px;
	line-height: 15px;
	color: #856404;
	padding: 0 10px;
}

.form-control{
	height: 42px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	line-height: 1.428571429;
	font-weight: 500;
	border: 1px solid #ccc;
	color: #4f5962;
}
.form-control:focus{
    color: #999;
    background-color: #fff;
    border-color: #ccc;
    outline: 0;
    box-shadow: none;
}
.form-control .mapboxgl-ctrl-geocoder{
	width: 100%;
	box-shadow: none;
	font-family: Quicksand, sans-serif;
	font-weight: 500;
	color: #4f5962;
	max-width: 100%;
}
.form-control .mapboxgl-ctrl-geocoder input[type="text"]{
	font-weight: 500;
	color: #4f5962;
}
.form-control.timepicker[readonly]:not(:disabled){
	background: transparent;
}
.form-group.d-flex{
	align-items: center;
}
.form-group.d-flex .form-control{
	width: auto;
	margin-left: 15px;
	margin-right: 5px;
}

.form-control::-moz-placeholder{
	color: #999;
}
.form-control:-ms-input-placeholder{
	color: #999;
}
.form-control::-webkit-input-placeholder{
	color: #999;
}
.phone-group{
	display: flex;
}
.form-group .position-relative > span{
	position: absolute;
    top: 10px;
    right: 15px;
    color: #85C341;
    font-weight: bold;
    font-size: 12px;
}
.form-group .position-relative .form-icon{
	padding-right: 100px;
}
.phone-group .form-control:first-child{
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
	max-width: 20%;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-right: none;
}
.phone-group .form-control:last-child,
.phone-group .form-control.form-icon{
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

.radios{
	display: flex;
	height: 50px;
	align-items: center;
}
.custom-radio-border{
	border: 1px solid #ccc;
	height: 42px;
	display: flex;
	align-items: center;
	border-radius: 4px;
}
.form-group .custom-radio-border{
	margin-bottom: 15px;
}
.custom-control.custom-radio-border{
	padding-left: 10px;
}
.form-group .custom-radio-border:last-child{
	margin-bottom: 0px;
}
.custom-radio label{
	font-weight: bold;
	line-height: 20px;
	padding-left: 5px;
}
.custom-radio.custom-radio-border label{
	width: 100%;
}
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before{
	width: 20px;
	height: 20px;
	background: transparent;
	border: 1px solid #ccc;
	top: 0px;
	left: -20px;
}
.custom-radio .custom-control-label::after{
	width: 10px;
	height: 10px;
	top: 5px;
	left: -15px;
	background: transparent;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
.custom-checkbox.custom-radio .custom-control-label::after,
.custom-checkbox.custom-radio .custom-control-label::before{
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	top: 0px;
}
.custom-radio.custom-radio-border .custom-control-label::before,
.custom-radio.custom-radio-border .custom-control-input:checked~.custom-control-label::before{
	left: auto;
	right: 10px;
}
.custom-radio.custom-radio-border .custom-control-label::after{
	right: 15px;
	left: auto;
}
.custom-radio .custom-control-input:checked~.custom-control-label::after{
	background: #ccc;	
}
.custom-checkbox.custom-radio .custom-control-input:checked~.custom-control-label::after{
	font-family: 'Font Awesome 5 Light';
    font-weight: 300;
	background: none;	
	content: "\f00c";
}
.custom-file label{
	position: absolute;
}
.custom-file label:after{
	display: none;
}
.custom-file.widthauto{
	width: auto;
}
.custom-control-input:checked~.custom-control-label::before{
	border-color: #3b4249;
	background: #3b4249;
}
.actionStatus{
	font-weight: bold;
}
.actionStatus.success{
	color: #85C341;
}
.actionStatus.pending{
	color: #FA6400;
}
.alert-success{
	color: #ffffff;
	background: #85C341;
	border-color: #85C341;
}
.childServicesItem .alert-success{
	font-weight: bold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.not-loading{
	display: none;
}
.dropdown .not-loading{
	position: absolute;
	right: 15px;
	top: calc(50% - 13px);
}
.iconDate .not-loading{
	position: absolute;
	right: 45px;
	top: 50%;
}
.not-loading.loading{
	display: inline-block;
}
.single .blockContent img{
	max-width: 100%;
    height: auto;
}
.aligncenter, img.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* date picker */
.datepickers-container{
	z-index: 99999;
}

.datepickers-container .datepicker{
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color: #43425D;
}
.datepickers-container .datepicker--nav-title,
.datepickers-container .datepicker--nav-title i{
	color: #43425D;
	font-weight: bold;
	border: none;
}
.datepickers-container .datepicker--nav-action:hover, 
.datepickers-container .datepicker--nav-title:hover{
	background: transparent;
}

.datepickers-container .datepicker--day-name{
	color: #A3A6B4;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom: 1px solid #E9E9F0;
}
.datepickers-container .datepicker--cell.-current-,
.datepickers-container .datepicker--cell.-focus-,
.datepickers-container .datepicker--cell.-selected-{
	background: rgba(0, 178, 255, 0.2);
	font-weight: bold;
	color: #006FFF;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

/* calendar */
#calendar .fc .fc-col-header-cell-cushion{
	text-transform: capitalize;
}
#calendar .fc-event.event-detail{
	background: #50d2c2;
	border-color: #50d2c2;
}
#calendar .fc-event.event-detail .eventContent{
	color: #4f5962;
	font-weight: bold;
}
#calendar .fc-event.event-detail .eventContent span{
	display: block;
	font-weight: normal;
}
/* js_composer override*/
.vc_col-has-fill>.vc_column-inner, 
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, 
.vc_row-has-fill>.vc_column_container>.vc_column-inner{
	padding-top: 0px !important;
}

.form-group.customGroup{
	position: relative;
	height: 56px;
	border-radius: .25rem;
	border: 1px solid #ccc;
	background: #ffffff;
}
.form-group.customGroup .form-control{
	border: none;
	height: 36px;
}
.form-group.customGroup .form-control .mapboxgl-ctrl-geocoder input[type="text"]{
	border: none;
	height: 36px;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 9px;
}
label.animated-label{
    position: absolute;
    z-index: 99;
    font-size: 12px;
    font-weight: 400;
    top: 6px;
    left: 20px;
    display: none;
}
.form-group.customGroup.active label.animated-label{
    display:block;
}
.form-group.customGroup.active .form-control .mapboxgl-ctrl-geocoder input[type="text"]{
	top: 20px;
}
.form-group.customGroup.active .mapboxgl-ctrl-geocoder .geocoder-icon-search{
	top: 28px;
}

.form-group.customGroup .mapboxgl-ctrl-geocoder ul{
	top: calc(100% + 21px);
}

.sidebarContact{
	border-top: 1px solid #f2f3f4;
    padding: 30px;
    background: #fff;
}

.stylistGallery > .container-fluid > .d-none{
	margin: 0 -15px;
	width: 100%;
}

.headerBanner.stylistGallery ul{
	list-style: none;
}
.vcServices a{
	display: block;
	color: #FA6400;
	text-decoration: none;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 500;
}
.vcServices a:hover{
	color: #4f5962;
}
ul.breadcrumbs{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	align-items: center;
}
ul.breadcrumbs li{
	display: inline-block;
}
ul.breadcrumbs li::after{
	font-family: 'Font Awesome 5 Regular';
	font-weight: 400;
	content: "\f054";
	padding: 0 5px;
	font-size: 10px;
}
ul.breadcrumbs li:last-child::after{
	display: none;
}
ul.breadcrumbs a{
	color: #FA6400;
	text-decoration: none;
}

.backgroundCategory{
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	color: #ffffff;
	padding: 150px 0px;
	background-position: center;
}
.nameService{
	font-weight: bold;
    display: inline-block;
}
ul.serviceAvailable, ul.serviceAvailable ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul.serviceAvailable li{
	position: relative;
	margin-bottom: 15px;
}
ul.serviceAvailable > li > .nameService{
	font-size: 18px;
}
a.moreDescription{
	color: #FA6400;
}
ul.serviceAvailable > li{
	cursor: pointer;
}
ul.serviceAvailable li:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
ul.serviceAvailable > li:after,
ul.serviceAvailable ul li::after{
	border-bottom: 1px solid #ccc;
	position: absolute;
	width: calc(100% + 60px);
	bottom: -10px;
	content: '';
	left: -30px;
}
ul.serviceAvailable ul{
	padding: 10px 30px;
	display: none;
}
ul.serviceAvailable li.active ul{
	display: block;
}
ul.serviceAvailable ul li::after{
	width: calc(100% + 120px);
	bottom: -5px;
	left: -60px;
}
ul.serviceAvailable ul li:last-child::after,
ul.serviceAvailable li:last-child::after{
	display: none;
}
ul.serviceAvailable ul li{
	display: block;
	padding: 10px 0px;
}
ul.serviceAvailable .btnBookingDetail{
	font-size: 12px;
}
#mapSingle, #mapSingleSecond{
	width: 100%;
	height: 196px;
}

.fancybox-slide .vcUserDashboard .bookingDetailButtons{
	display: flex;
	justify-content: space-evenly;
}
.fancybox-slide .vcUserDashboard .bookingDetailButtons > .btnForm{
	background: #f76800;
	border-color: #f76800;
}
.fancybox-slide .vcUserDashboard .bookingDetailButtons .btnCancel{
	background: #ef6174;
	border-color: #ef6174;
}
.fancybox-slide .vcUserDashboard .bookingDetailButtons .btnPPMessage{
	background: #58d1c1;
	border-color: #58d1c1;
}
.fancybox-slide .vcUserDashboard .bookingDetailButtons > .btn:hover{
	background: transparent;
}

a.btnInstantService{
	background: #cfd8dc;
    height: 25px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
    align-items: center;
    border-radius: 15px;
    border: none;
    padding: 0px 5px;
    text-decoration: none;
}
.inforInstant{
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
a.btnInstantService label,
.inforInstant label{
	margin: 0px;
}
a.btnInstantService::before{
	margin-right: 5px;
}
a.btnInstantService::before,
a.btnInstantService::after{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #f44337;
	content: '';
}
a.btnInstantService::after{
	background: #4caf51;
	display: none;
	margin-left: 5px;
}
a.btnInstantService label.on,
a.btnInstantService.active label.off,
a.btnInstantService.active::before{
	display: none;
}
a.btnInstantService.active label.on,
a.btnInstantService.active::after,
a.btnInstantService::before{
	display: inline-block;
}

.vcTextImage.center{
	border: 1px solid;
	border-radius: 10px;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 30px;
}
.vcTextImage.center > a{
	display: block;
}
.vcTextImage.center .textImageItem{
	padding: 15px;
}
.vcTextImage.center .textImageItem .blockContent{
	font-size: 16px;
	line-height: 24px;
	color: #000;
}
.vcListLink .vcBlockTitle{
	margin-bottom: 45px;
}
.vcListLink ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.vcListLink ul li{
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}
.vcListLink ul li a{
	display: block;
	border: 2px solid;
	padding: 10px 15px;
	font-weight: bold;
	text-decoration: none;
	color: #43CAE3
}
.vcListLink ul li a:hover{
	color: #FA6400;
	border-color: #FA6400;
}
.pb-0 .textAdvanceItem,
.pb-0 .textAdvanceItem .blockContent{
	padding: 0px;
}

.img404{
	background-position: center;
	background-size: 100px 100px;
	background-repeat: no-repeat;
	background-image: url(../img/oops.png);
	width: 100px;
	height: 100px;
	margin: 15px auto;
}
/* ===== end content ====== */

@keyframes effect-popup {
	0%,50% {
		height: 0px
	}
	100% {
		height: 100%;
	}
}
@keyframes effect-close-popup {
	0%,50% {
		height: 100%
	}
	100% {
		height: 0px;
		overflow: hidden;
	}
}

@media (min-width: 768px){
	.boxCalendar{
		height: 530px;
	}
	.textImageItem{
		padding: 35% 35px;
	}
	
	.headerBanner.stylistGallery .container-fluid > .row .row{
		margin-left: 0px;
		margin-right: 0px;
	}
	/* .headerBanner.stylistGallery [class*='col-md']{
		padding-left: 0px;
		padding-right: 0px;
	} */
	.headerBanner.stylistGallery a.bigImage{
		height: 326px;
	}
	.headerBanner.stylistGallery a.smallImage{
		height: 163px;
	}
	.headerBanner.headerSearch{
		padding: 0px;
		height: 700px;
	}
	.headerBanner.headerSearch > .container{
		top: 35%;
		position: relative;
	}
	.home .header:not(.sticky-area) .mainmenu > li > a{
		color: #ffffff;
	}
	.fancybox-slide > .ppRegister{
		min-width: 800px;
	}
	.home #listStyle{
		width: 349px;
	}
	.fontSize40,
	.fontSize40 .vcBlockTitle{
		font-size: 40px !important;
		line-height: 44px !important;
	}
	.ppFormBooking .fancybox-slide .container{
		max-width: 600px;
	}
	.stepItem .owl-carousel .owl-controls{
		display: none;
	}
	.formBookingPopup.active{
		display: flex;
    	align-items: center;
	}
}

@media (max-width: 767px){
	header .navbarButton{
		font-size: 18px;
	}
	.home header .navbarButton button{
		color: #ffffff;
	}
	.admin-bar .sticky .header, .admin-bar .sticky .menubar{
		top: 0px;
	}
	.header .d-flex{
		justify-content: center;
	}
	.headerBanner.headerSearch{
        padding-top: 35%;
        position: relative;
	}
	.headerBanner.headerSearch::before{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		content: '';
		background: rgba(0, 0, 0, 0.3);
		z-index: 0;
	}
	.headerBanner.stylistGallery .container-fluid{
		padding-left: 0px;
		padding-right: 0px;
	}
	.headerBanner.stylistGallery .container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.mainmenu li.btnCustom{
		margin-bottom: 15px;
	}
	h1.titleSearchHeader {
		z-index: 1;
		position: relative;
	}
	h2.titleSearchHeader{
		font-size: 24px;
		line-height: 26px;
		position: relative;
	}
	h2.titleSearchHeader span{
		font-size: 16px;
		line-height: 20px;
	}
	.home span.searchinput{
		line-height: 56px;
		height: 56px;
	}
	footer{
		padding-top: 15px;	
	}
	.vcUserDashboard .blockDetail{
		margin-right: 0px;
	}
	.vcUserDashboard .block .block-title a.btnNewBooking{
		left: calc(100% - 60px);
	}
	.formActionPP ul.services{
		padding: 0px;
	}
	.formActionPP ul.services li{
		display: block;
		margin: 5px 0px;
	}
	.singleStylist > .row {
		flex-flow: column-reverse;
	}
	
	.searchDesktop{
		position: fixed;
		width: 100%;
		height: 0px;
		top: 100%;
		left: 0px;
		padding: 30px 15px;
		background: #ffffff;
		z-index: 99999;
		visibility: hidden;
	}
	.admin-bar .searchDesktop.active{
		top: 32px;
	}
	.searchDesktop.active{
		height: 100%;
		top: 0px;
		visibility: visible;
	}
	a.btnCloseSearchDesktop{
		color: #000000;
	}
	a.btnCloseSearchDesktop:hover{
		color: #FA6400;
	}
	a.logo{
		display: block;
	}
	.navbarButton{
		position: absolute;
		left: 0px;
		top: calc(50% - 15px);
	}
	a.avatarMenuMobile{
		position: absolute;
		right: 15px;
		top: calc(50% - 20px);
		border-radius: 100%;
		overflow: hidden;
	}
	.navbar{
		background: #fff;
		padding: 0px;
	}
	li.avatarMenu{
		display: none;
	}
	.vcLastMessage .row .col-12{
		margin-bottom: 30px;
	}
	.vcLastMessage .row .col-12:last-child{
		margin-bottom: 0px;
	}
	.table thead{
		display: none;
	}
	.table tbody td{
		display: block;
		text-align: center;
		font-size: 16px;
	}
	.table tbody td::before{
		display: block;
		content: attr(data-title);
		font-weight: bold;
		margin-right: 5px;
		width: 100%;
		text-align: left;
	}
	.table tbody tr td:first-child{
		border-top: none;
	}
	.table tbody tr td:last-child{
		margin-bottom: 30px;
	}
	.stylistAddress .stylistRating{
		margin-left: 0px;
		display: block;
	}	
	.stylistItem{
		margin-bottom: 30px;
	}
	.stepItem {
		margin: 15px 15px 0px 15px;
	}
	.itemChild{
		border-right: none;
		border-left: 1px solid #d8dce1;
	}
	.stepItem .owl-item:first-child .itemChild{
		border-left: none;
	}
	.itemChild .toolTip .toolTipContent{
		right: -7px;
	}
	a.boxYoutube {
		bottom: 30px;
		max-width: 80%;
		left: 5%;
	}
	.formBookingPopup{
		animation: effect-close-popup 0.6s;
	}
	.formBookingPopup.active{
		animation: effect-popup 0.6s;
	}
	td.formsAction .lineBreak{
		display: none;
	}
	.fancybox-slide .vcUserDashboard .bookingDetailButtons{
		display: block;
		padding-bottom: 60px;
		margin: 0 auto;
		max-width: 60%;
	}
	.fancybox-slide .vcUserDashboard .bookingDetailButtons .btn{
		margin-top: 15px;
		width: 100%;
	}
}

@media (max-width: 660px){
	.single-stylist footer{
		margin-bottom: 80px;
	}
	.imageItem img.img-fluid{
		width: 100%;
	}
	.vcTextImage{
		margin-bottom: 30px;
	}
	.vcTextImage img{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.vcTextImage .mask{
		display: none;
	}

	.imageItem .vcBlockTitle {
		bottom: 10px;
		width: 100%;
		left: 0px;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
	}

	.searchForm .dropdown-menu{
		width: 100%;
	}

	.gallerySlider .owl-carousel .owl-controls .owl-nav .owl-prev, 
	.gallerySlider .owl-carousel .owl-controls .owl-nav .owl-next{
		position: absolute;
		font-size: 30px;
		top: calc(50% - 15px);
		color: #ffffff;
	}
	.gallerySlider .owl-carousel .owl-controls .owl-nav .owl-prev{
		left: 0px;
	}
	.gallerySlider .owl-carousel .owl-controls .owl-nav .owl-next{
		right: 0px;
	}
	.page-checkout > .row {
		flex-flow: column-reverse;
	}
	.page-checkout > .row .block{
		margin-bottom: 30px;
	}
	.page-checkout .avatarUser{
		position: static;
		width: 50px;
		height: 50px;
		margin: 0px auto 10px auto;
	}
	.page-checkout .block-body > .vcBlockTitle{
		font-size: 100%;
    	line-height: normal;
	}
	.page-checkout .btnPaymentMobile{
		width: 100%;
		background: #85C341;
		border-color: #85C341;
	}
	.menuUserMobile{
		position: absolute;
		top: 100%;
		left: 15px;
		background: #ffffff;
		width: calc(100% - 30px);
		padding: 15px;
		z-index: 999;
		font-size: 16px;
	}
	.menuUserMobile ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.menuUserMobile ul.sub-menu ul{
		margin-left: 30px;
	}
	.menuUserMobile ul.sub-menu a{
		display: block;
		padding: 5px 0px;
	}
	.vcUserDashboard a.totalInfo{
		font-size: 12px;
	}
	#contentTabCalendar .fc .fc-toolbar-title{
		font-size: 100%;
	}
	#contentTabCalendar .fc .fc-view-harness{
		min-height: 855px;
	}
	.actionBlock{
		position: fixed;
		width: 100%;
		bottom: 0px;
		z-index: 99;
		background: #fff;
		padding: 15px;
		left: 0px;
		box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
	}
	.actionBlock .totalPrice{
		margin: 0px;
		background: none;
		color: #000;
		padding: 0px;
	}
	.actionBlock .btn{
		padding: 0px;
	}
	.actionBlock .totalPrice span{
		font-size: 14px;
	}
	.singleStylist .sidebar{
		z-index: 999;
	}
	.vcBlockSidebar{
		position: fixed;
		width: 100%;
		left: 0px;
		bottom: -100%;
		z-index: 99;
		height: 100%;
		margin-top: 0;
		padding-top: 0px;
		padding-bottom: 0px;
		overflow: auto;
	}
	.vcBlockSidebar a.btnClose{
		position: absolute;
		right: 15px;
		top: 0px;
		padding-top: 10px;
		color: #fff;
		font-size: 30px;
	}
	.vcBlockSidebar .totalPrice{
		margin-top: 0px;
	}
	.vcBlockSidebar.active{
		bottom: 0px;
	}
	ul.serviceAvailable ul{
		padding: 10px;
	}
	ul.serviceAvailable .btnBookingDetail{
		padding: 0px;
		width: 100%;
	}
	.formBookingPopup > .container{
		height: 100%;
	}
	.vcUserDashboard .block .block-body h3{
		font-size: 14px;
	}
}