/*______________________

    RESET CSS
______________________*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/* font: inherit; */
	vertical-align: baseline;
	letter-spacing: 0.05em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	line-height: 1;
}
p {
	line-height: 1.5em;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
    text-decoration: none;
	color: currentColor;
}
* {
    box-sizing: border-box;
}
:hover {
    transition: 0.25s ease;
}

/*______________________

    Common
______________________*/

.wrapper {
	margin-top: 8vmax;
}
.wrapper_inner {
	margin-top: 16vmax;
}


.btn_booking {
	font-size: 100%;
	border: none;
	display: block;
	padding: 25px 30px;
	background: #212F54;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 4px 4px 4px #999;
	margin: 0 auto;
}
.btn_booking:hover {
	box-shadow: none;
}
.btn_booking:before,
.btn_booking:after {
	position: absolute;
	content: "";
	transition: all .25s;
}
.btn_booking:before {
	border-bottom: 2px solid #212F54;
	border-left: 2px solid #212F54;
	width: 10%;
	height: 33%;
	left: -10px;
	bottom: -10px;
}
.btn_booking:after {
	border-top: 2px solid #212F54;
	border-right: 2px solid #212F54;
	width: 10%;
	height: 33%;
	top: -10px;
	right: -10px;
}
.btn_booking:hover:before {
	width: 112%;
	height: 126%;
}
.btn_booking:hover:after {
	width: 112%;
	height: 126%;
}

.btn_white {
	font-size: 100%;
	border: none;
	display: table;
	padding: 25px 30px;
	background: #212F54;
	text-align: center;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: 4px 4px 4px #999;
	margin: 0 auto;
}
.btn_white:hover {
	box-shadow: none;
}
.btn_white:before,
.btn_white:after {
	position: absolute;
	content: "";
	transition: all .25s;
}
.btn_white:before {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	width: 10%;
	height: 33%;
	left: -10px;
	bottom: -10px;
}
.btn_white:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 10%;
	height: 33%;
	top: -10px;
	right: -10px;
}
.btn_white:hover:before {
	width: 112%;
	height: 126%;
}
.btn_white:hover:after {
	width: 112%;
	height: 126%;
}

/*_____ Link Button _____*/

.link_button_blue {
	border: #212F54 solid 2px;
	padding: 20px 30px;
	display: table;
	margin: 0 auto;
	font-weight: 700;
}
.link_button_blue:hover {
	background-color: #212F54;
	color: #fff;
	padding: 20px 10px;
}
.link_button_blue:hover span {
	border: #fff solid 1px;
	padding: 10px 20px;
}

.link_button_white {
	border: #fff solid 2px;
	padding: 20px 30px;
	display: table;
	margin: 0 auto;
	font-weight: 700;
}
.link_button_white:hover {
	background-color: #fff;
	color: #212F54;
	padding: 20px 10px;
}
.link_button_white:hover span {
	border: #212F54 solid 1px;
	padding: 10px 20px;
}

/*_____ Loop Booking _____*/
.l_booking {
	background: url(../img/booking_bg.jpg);
	background-position: center;
	background-size: cover;
	color: #fff;
	display: grid;
}
.fliter_bk {
	background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
}

/*_____ Background Color _____*/

.bg_blue {
	background-color: #212F54;
	color: #fff;
	display: grid;
}

/*______________________

    Header
______________________*/
/* 
.site-header{
    background: #fff;
    display: flex;
    padding: 20px;
    position: absolute;
    justify-content: space-between;
    width: 100%;
} */
.hide{
	top: -120px;
	transition: 0.5s;
}

header {
	background-color: #fff;
	width: 100%;
	z-index: 1000;
	position: fixed;
	top: 0;
	box-shadow: 1px 1px 10px #aaa;

}
.head_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	font-weight: 700;
	color: #212F54;
	margin: 0 auto;
	background-color: #fff;
}
.logo {
	display: flex;
	align-items: center;
	position: relative;
    z-index: 999;
}
.logo img {
    width: 8vmax;
    margin: 0 0.5em 0 0;
}
.logo span {
	display: none;
}
nav ul {
	display: flex;
	align-items: center;
}
nav ul li {
	margin: 0 0 0 3em;
}
nav ul li a {
	text-transform: uppercase;
}
nav ul li a:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	top: 6px;
	left: 50%;
	position: relative;
	background: #212F54;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
}
.current:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	top: 4px;
	position: relative;
	background: #212F54;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 100%;
}
nav ul li a:hover:after { 
	width: 100%; 
	left: 0; 
}
.button a:hover:after{
	width: 0;
}
.r_nav {
    display: none;
}
.only_mb {
	display: none;
}


/*______________________

    Home
______________________*/

/*_____ Top Image Area _____*/

.top_image {
	background-image: url(../img/head_image.png);
	background-position: center;
	background-size: cover;
	height: calc(100vh - 114px);
	overflow: hidden;
}
.top_image h1 {
    width: 100%;
    font-size: 4em;
    color: #fff;
    text-align: center;
    line-height: 1.25em;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.85;
    text-shadow: 8px 8px 0px rgba(41,68,128,1);
}
#myVideo {
	position: relative;
	right: 0;
	bottom: 0;
	width: 100%;
	/* height: 100%; */
}

/*__________ Contents Area __________*/

section h2, section p {
	margin: 0 0 3em 0;
}
.container {
	max-width: 1000px;
	margin: 6.25em auto;
	text-align: center;
}
section h2 img {
	width: 50px;
}

/*_____ Review Slider _____*/

.review {
	display: flex;
	justify-content: space-between;
}
.review_container {
	max-width: 800px;
}
.prev {
	content: '';
	background: url(../img/prev.svg);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	background-color: rgba(0,0,0,0) !important;
}
.prev_mb {
	display: none;
}
.next {
	content: '';
	background: url(../img/next.svg);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	display: block;
	cursor: pointer;
	background-color: rgba(0,0,0,0) !important;
}
.mySlides {
display: none;
}

/*_____ Hair Goals _____*/

#gallery-1 {
    margin: auto !important;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
#gallery-1 .gallery-item {
    float: none !important;
}

#gallery-1 img {
	border: none !important;
	width: 90%;
	height: 90%;
	margin: 0 0 1em 0;
}
.goals {
	width: 100%;
}
.goals_img_block {
	margin: 0 0 4em 0;
}

/*______________________

    Footer
______________________*/

caption {
	margin: 0 0 2.5em 0;
	text-align: left;
	font-weight: 700;
}

footer > section {
	display: flex;
	justify-content: space-around;
}
footer h4 {
	margin: 0 0 2.5em 0;
	text-align: left;
}
footer p {
	text-align: left;
	margin: 0 0 1em 0;
}
footer ul {
	text-align: left;
}
footer ul li {
	margin: 0 0 2em 0;
}

footer .o_h {
	min-width: 300px;
}
footer th, td {
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}
footer table {
	width: 100%;
	text-align: left;
}
footer th {
	width: 30%;
}
footer td {
	width: 70%;
}

footer > section > .container {
	display: flex;
	justify-content: space-around;
	min-width: 500px;
}
footer > section > .container > a {
	width: 30px;
}
footer > section > .container > a:hover {
	opacity: .5;
}
footer > section > .container > a > img {
	max-width: 30px;
}
.cr p {
	text-align: center;
	font-size: 10px;
	margin: 0 0 1em 0;
}

footer a:hover {
	color: #ec4359;
	text-decoration: underline;
}

/*______________________

    Services
______________________*/

.cc_image_services {
	background: url(../img/services_top.jpg);
	background-position: center;
	background-size: cover;
	height: 40vh;
}
.cc_image_services h1 {
	width: 100%;
	font-size: 4em;
	color: #fff;
	text-align: center;
	line-height: 1em;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .75;
}
.s_category {
	max-width: 1200px;
	margin: 3em auto;
}
.s_category ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.s_category ul li {
	padding: 0 2em;
	margin: 1em 0;
	border-right: #fff solid 1px;
	line-height: 1.5em;
}

.s_block {
	display: flex;
	height: 65vh;
}
.s_image_1 {
	background: url(../img/s_ladies.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_2 {
	background: url(../img/s_mens.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_3 {
	background: url(../img/s_balayage_grossing.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_4 {
	background: url(../img/s_bhave_keratin_smoothing.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_5 {
	background: url(../img/s_permanent_straightening.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_6 {
	background: url(../img/s_bhave_keratin_smootn_treatment.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_image_7 {
	background: url(../img/s_blow_dry.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}
.s_text {
	padding: 4em;
	width: 50%;
}
.s_text h2, .s_text p {
	text-align: left;
}


/*______________________

    About
______________________*/

.a_image {
	display: block;
	width: 50%;
}
.a_image img {
	height: 100%;
    margin: 0 auto;
    display: block;
}
.a_block {
	background-color: #212F54;
	display: flex;
	height: 65vh;
}
.a_text {
	padding: 4em;
	width: 50%;
	color: #fff;
}
.a_text h2, .a_text p {
	text-align: left;
}

.kaito {
	background: url(../img/kaito.jpg);
	background-position: center;
	background-size: cover;
	width: 50%;
}

/*______________________

    Blog
______________________*/

.b_c_list {
	max-width: 1200px;
	margin: 6.25em auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.b_c_list ul {
	display: flex;
}
.b_c_list ul li {
	border-right: #333 solid 1px;
	padding: 0 1em;
}

/*_____ Search ______*/

.b_s_text {
	font-size: 1em;
	padding: .5em 1em;
	width: auto;
	border: #eee solid 1px;
}
#b_s_button {
	color: #fff;
	background-color: #212F54;
	border: #212F54 solid 2px;
	padding: 0.5em 2em;
	font-size: 1em;
}
#b_s_button:hover {
	border: #212F54 solid 2px;
	color: #212F54;
	background-color: #fff;
	cursor: pointer;
}

/*______ search result page _____*/

.s_r_title {
	font-weight: bold;
	font-size: 1.5em;
	text-transform: capitalize;
}
.s_r_title span {
	color: #ec4359;
}

/*______ blog post _____*/

.b_p_aresa {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto 5em;
	max-width: 1200px;
	justify-content: space-between;
}

.p_list {
	width: 30%;
	margin-bottom: 5em;
}
.p_image_container {
	margin: 0 0 1em 0;
	overflow: hidden;
}
.p_image {
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
}
.p_list:hover {
	color: #212F54;
}
.p_list:hover .p_image{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.5s;
}
.p_dc {
	margin: 0 0 1em 0;
}

/*______ Pagination _____*/

.page-numbers {
	display: flex;
	margin: 0 auto 2em;
	align-items: center;
	font-weight: 700;
	padding: 1em;
}
.page-numbers li {
	margin: .5em;
}
.page-numbers li a {
	background-color: #eee;
}
.page-numbers > li > .current {
	background-color: #212F54;
	color: #fff;
}


/*______________________

    Blog Decoration
______________________*/

.blog_decor {
	text-align: left;
}
.blog_decor h1 {
	font-size: 2.5em;
	margin-bottom: 1em;
}
.blog_tn {
	margin: 2em 0;
}
.blog_tn img {
	width: 100%;
}
.blog_cd p {
	margin: 1em 0;
}
.blog_cd h2 {
	text-align: left;
	padding: 1em 0;
	margin: 2em 0 1em 0;
	border-top: #333 solid 2px;
	border-bottom: #333 solid 2px;
}
.blog_cd h3 {
	margin: 2em 0 1em 0;
}
.blog_cd a {
	color: #2554C7;
	font-weight: 600;
}
.blog_cd a:hover {
	color: #ec4359;
	text-decoration: underline;
}
.blog_decor hr {
	margin-top: 4em;
}
.ss {
	display: flex;
	margin: 1em 0 0 0;
}
.ss_facebook img, .ss_twitter img{
	width: 30px;
}
.ss_facebook {
	padding: .5em 4em .5em .5em;
	background-color: #3b5998;
}
.ss_twitter {
	padding: .5em 4em .5em .5em;
	background-color: #00acee;
}


/*______________________

    Gallery
______________________*/

.g_list {
	width: 24%;
}
.g_image {
	width: 100%;
	height: 40vh;
	background-position: center;
	background-size: cover;
}
.g_list:hover .g_image{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: 0.5s;
}
.g_c_list {
	max-width: 1200px;
    margin: 6.25em auto;
    display: flex;
    align-items: center;
}
.g_c_list ul {
	display: flex;
}
.g_c_list ul li {
	border-right: #333 solid 1px;
	padding: 0 1em;
}

/*______________________

    Contact
______________________*/

.cc_image_contact {
	background: url(../img/booking_bg.jpg);
	background-position: center;
	background-size: cover;
	height: 40vh;
}
.cc_image_contact h1 {
	width: 100%;
	font-size: 4em;
	color: #fff;
	text-align: center;
	line-height: 1em;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .75;
}
.c_block, .c_block_s {
	display: flex;
}
.c_info {
	padding: 4em;
	width: 50%;
}
.c_info p {
	margin-bottom: 1em;
	text-align: left;
}
.c_text {
	padding: 4em;
	width: 50%;
	background-color: #212F54;
}
.c_text h2, .c_text p {
	text-align: left;
}
.c_oTime {
	text-align: left;
}
.c_oTime th {
	width: 40%;
}
.c_oTime th, td {
	font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.c_table {
	color: #fff;
	margin-top: -1em;
}
.c_table td {
	border: none !important;
	display: block;
	padding: 0;
	margin: 1em;
	width: 100%;
}
.c_table span {
	font-size: 12px;
	opacity: .75;
}
input {
	font-size: 100%;
	padding: .25em;
	width: 100%;
}
textarea {
	font-size: 100%;
	width: 100%;
	height: 20vh;
	resize: vertical;
}
.c_btn {
	font-size: 100%;
	color: #fff;
	background-color: #212F54;
	padding: 1em 2em;
	margin: 2em auto;
	border: #fff solid 1px;
	cursor: pointer;
	font-weight: 700;
	display: block;
}
/*____________ Sent Page _____________*/
.c_sent_info {
	color: #fff;
	padding: 4em;
	width: 50%;
	background-color: #212F54;
}
.c_sent_info p {
	margin-bottom: 1em;
}
.c_sent_info img {
	width: 2vmax;
	margin: 1em 1em 1em 0;
}


/*______________________

    Booking
______________________*/

.cc_image_booking {
	background: url(../img/booking_top.jpg);
	background-position: center;
	background-size: cover;
	height: 40vh;
}
.cc_image_booking h1 {
	width: 100%;
	font-size: 4em;
	color: #fff;
	text-align: center;
	line-height: 1em;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: .75;
}
.booking p {
	text-align: center;
}

.booking table {
	margin: 0 auto;
}
.booking table th, td {
	width: 50%;
	font-weight: 500;
    border-bottom: 1px solid #ddd;
	padding: 15px 0;
	text-align: left;
}

.b_banner {
	display: flex;
	max-width: 800px;
	justify-content: space-around;
}
.b_banner_link {
	background-color: #212F54;
	padding: 1em;
	display: block;
	box-shadow: 4px 4px 4px #999;
}
.b_banner_link span {
	width: 100%;
	color: #fff;
	text-align: center;
	line-height: 1em;
	font-weight: 700;
	position: relative;
	top: 50%;
	transform: translate(-50%, -50%);
}
.b_banner_link:hover .fliter_bk{
	background-color: rgba(0,0,0,0);
	transition: .5s;
}
.b_banner_link:hover {
box-shadow: none;
}
.b_banner_image_1 {
	background: url(../img/booking_facebook.jpg);
	background-position: center;
	background-size: cover;
	min-width: 300px;
	height: 20vh;
	border: #fff solid 1px;
}
.b_banner_image_2 {
	background: url(../img/booking_bg.jpg);
	background-position: center;
	background-size: cover;
	min-width: 300px;
	height: 20vh;
	border: #fff solid 1px;
}


/*______________________

    404
______________________*/

.container_full {
    max-width: 100%;
	text-align: center;
}

.p_lost {
	background-color: #3b5998;
	color: #fff;
	padding: 4em 0;
}

.p_lost img {
	max-width: 240px;
}
.p_lost h1 {
	margin: 4em 0 2em 0;
}


/* ////////////////////
_______________________

	RESPONSIVE 1024
_______________________
///////////////////// */

@media (max-width: 1024px) {

	.head_container {
		padding: 0 15px;
	}

	.m_nav_top {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		background-color: #fff;
		z-index: 999;
	}

	.logo span {
		display: block;
	}

	#header-nav {
		display: none;
	}
	nav {
		position: absolute;
		text-align: center;
		padding: 4em 2em;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: #fff;
		z-index: 9;
		opacity: 0.98;
		height: 100vh;
		overflow: scroll;
	}
	nav ul {
		display: block;
		text-align: center;
	}
	nav ul li {
		margin: 2.5em 0;
	}

	.only_mb {
		display: block;
		font-weight: 300;
	}
	.only_mb > .caption {
		font-weight: 700;
		margin: 0 0 2em 0;	
	}
	.only_mb p {
		text-align: left;
		margin: 0 0 1em 0;
	}
	caption {
		font-weight: 700;
		margin: 0 0 1em 0;
	}
	table {
		width: 100%;
		text-align: left;
		margin: 4em 0;
	}
	th {
		width: 30% !important; 
		border-bottom: 1px solid #ddd;
		padding: 15px !important;
	}
	td {
		width: 70%;
		border-bottom: 1px solid #ddd;
		padding: 15px;
	}

	/*_____ Bamburger _____*/

	/* FOR "line-2" */

	.hamburger .line-2{
		width: 30px;
		height: 3px;
		background-color: #333;
		display: block;
		margin: 5px auto;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	#hamburger-6.is-active .line-2:nth-child(2){
	width: 0px;
	}

	#hamburger-6.is-active .line-2:nth-child(1),
	#hamburger-6.is-active .line-2:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}

	#hamburger-6.is-active .line-2:nth-child(1){
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
	}

	#hamburger-6.is-active .line-2:nth-child(3){
	-webkit-transform: translateY(-13px) rotate(90deg);
	-ms-transform: translateY(-13px) rotate(90deg);
	-o-transform: translateY(-13px) rotate(90deg);
	transform: translateY(-13px) rotate(90deg);
	}

	/* FOR "line" */

	.r_nav {
		display: block;
		z-index: 999;
	}

	/* CLEARFIX */

	.cf:before,
	.cf:after {
		content: " ";
		display: table;
	}

	.cf:after {
		clear: both;
	}

	.cf {
		*zoom: 1;
	}

	/* ALL */

	.row .three{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #212F54;
	text-align: center;
	}

	.hamburger .line{
	width: 30px;
	height: 3px;
	background-color: #212F54;
	display: block;
	margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

	.hamburger:hover{
	cursor: pointer;
	}

	/* SIX */

	#hamburger-6.is-active{
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition-delay: 0.6s;
	-o-transition-delay: 0.6s;
	transition-delay: 0.6s;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

	#hamburger-6.is-active .line:nth-child(2){
	width: 0px;
	}

	#hamburger-6.is-active .line:nth-child(1),
	#hamburger-6.is-active .line:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	}

	#hamburger-6.is-active .line:nth-child(1){
	-webkit-transform: translateY(3px);
	-ms-transform: translateY(3px);
	-o-transform: translateY(3px);
	transform: translateY(3px);
	}

	#hamburger-6.is-active .line:nth-child(3){
	-webkit-transform: translateY(-13px) rotate(90deg);
	-ms-transform: translateY(-13px) rotate(90deg);
	-o-transform: translateY(-13px) rotate(90deg);
	transform: translateY(-13px) rotate(90deg);
	}

/*________________________________

    Mobile Top Image Area
________________________________*/
	.top_image h1 {
		width: 100%;
		font-size: 3em;
		line-height: 1em;
		padding: 0 15px;
	}
	#myVideo {
		position: relative;
		right: 10vw;
		bottom: 0;
		width: unset;
		height: 100%;
	}

/*________________________________

    Home
________________________________*/

	section {
		padding: 0 15px;
	}
	.l_booking {
		padding: 0;
	}
	.l_booking > .fliter_bk > .container {
		padding: 0 15px;
	}

	.review {
		display: block;
	}
	.prev {
		display: none;
	}
	.prev_mb {
		content: '';
		background: url(../img/prev.svg);
		background-repeat: no-repeat;
		width: 30px;
		height: 30px;
		display: block;
		cursor: pointer;
		float: left;
	}
	.next {
		float: right;
	}


/*________________________________

    Mobile Footer
________________________________*/

	footer > section {
		display: block;
		justify-content: unset;
		padding: 0 30px;
	}
	footer > section > .container {
		min-width: 100%;
	}

/*______________________

    Services
______________________*/

	.s_block {
		display: block;
		height: unset;
	}
	.s_text {
		width: 100%;
		padding: 4em 15px;
	}
	.s_image_1, .s_image_2, .s_image_3, .s_image_4, .s_image_5, .s_image_6, .s_image_7 {
		width: 100%;
		height: 65vh;
	}
	.full_w {
		padding: 0;
	}
	.l_to_t {
		flex-wrap: wrap-reverse;
		display: flex;
	}
	.s_category ul {
		display: unset;
		flex-wrap: unset;
	}
	.s_category ul li {
		margin: 1.5em 0;
		border-right: unset;
	}

/*______________________

    About
______________________*/

	.a_block {
		display: block;
		height: unset;
	}
	.a_text {
		width: 100%;
		padding: 4em 15px;
	}
	.a_image {
		width: 100%;
	}
	.a_image img{
		width: 100%;
	}
	.kaito {
		width: 100%;
		height: 65vh;
	}

/*______________________

    Blog
______________________*/

	.p_image {
		height: 24vh;
	}

/*______________________

    Gallery
______________________*/

	.g_list {
		width: 32%;
		margin-bottom: 1em;
	}
	.g_image {
		width: 100%;
		height: 20em;
	}


/*______________________

    Contact
______________________*/

	.c_block {
		display: block;
	}
	.c_info, .c_sent_info {
		padding: 4em 15px;
		width: 100%;
	}
	.c_text {
		padding: 4em 45px 4em 15px;
		width: 100%;
	}
	.c_block_s {
		flex-wrap: wrap-reverse;
	}
}


/* ////////////////////
_______________________

	RESPONSIVE 768
_______________________
///////////////////// */

@media (max-width: 768px) {

	#myVideo {
		right: 10vw;
	}

	.b_banner {
		display: block;
	}
	.b_banner_link {
		margin-bottom: 2em;
	}
	.b_banner_image_1 {
		width: 100%;
	}
	.b_banner_image_2 {
		width: 100%;
	}

/*_____ Hair Goals _____*/

	#gallery-1 .gallery-item {
		width: 50% !important;
	}
	
/*______________________

    Blog
______________________*/

	.b_c_list {
		display: block;
	}
	.search {
		margin: 2.5em 0 0 0;
	}

	.p_list {
		width: 48%;
	}
	.p_image {
		height: 20vh;
	}
/*______________________

    Gallery
______________________*/

	.g_list {
		width: 48%;
		margin-bottom: 1em;
	}
	.goals {
		width: 100%;
	}
	.goals_img_block {
		margin: 0 0 4em 0;
	}
	
}


/* ////////////////////
_______________________

	RESPONSIVE 414
_______________________
///////////////////// */

@media (max-width: 414px) {


	#myVideo {
		right: 60vw;
	}

/*______________________

    Blog
______________________*/

	.p_list {
		width: 100%;
	}
	.p_image {
		height: 32vh;
	}

/*______________________

    Gallery
______________________*/

	.g_image {
		height: 9.5em;
	}

}


/* ////////////////////
_______________________

	Preloading
_______________________
///////////////////// */


/* PRELOADER */ 
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 100000;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}
.preloader .status {
	width: 100px;
	height: 100px;
	position: absolute;
	left: 45%;
	top: 50%;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: -50px 0 0 -50px;
	text-align: center;
	font-weight: 700;
	color: #212F54;
}