@charset "utf-8";
/* CSS Document */
:root {
	--black: #63605c;
	--grey: #f9f9f9;
	--boxShadow: 0px 4px 8px 0px rgba(0,0,0,0.13);
}


* {margin:0; padding:0;}
html, body {font-family:'Nunito Sans', Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; width:100%; /* height:100%;*/ font-size:15px; color:var(--black);}

header,
footer {
    background-color: var(--black);
}
header {
    /*position: fixed;*/
    top: 0;
    width: 100%;
    -webkit-box-shadow: var(--boxShadow);
    -moz-box-shadow: var(--boxShadow);
    box-shadow: var(--boxShadow);
    z-index: 2;
}

a, a:hover {text-decoration:none; color:inherit;}

a {font-weight:800;}

h1,h2,h3,h4,h5,h6 {margin-top:0 !important;}

h1 {font-size:43px;}
h1 + p {font-size:16px; line-height:1.7; margin-top:24px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:13px;}

h1.anim1 {display:table; border-bottom:1px solid var(--black);}

p {line-height:1.8;}

figcaption {font-weight:300;}

/*Custom link style*/
.custom_cta {font-weight:300; border:1px solid var(--black); display:inline-flex; justify-content:center; align-items:center; padding:10px 60px; color:var(--black); background:none; position:relative;}
.custom_cta, .custom_cta:after {-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.custom_cta:before, .custom_cta:after { content:""; background:var(--black); position:absolute; z-index:0;}
.custom_cta:hover {color:#fff;}
.custom_cta:after {height:100%; left:0; top:0; width:0;}
.custom_cta:hover:after {width:100%;}
.custom_cta span {position:relative; z-index:1;}

.custom_cta svg {max-width:20px; height:20px; margin-right:8px;-webkit-transition: all 0.3s;  -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:1;}

.custom_cta:hover svg,
.custom_cta:hover .explore,
.custom_cta:hover .booking {fill:#fff; -webkit-transition:all 0.3s;  -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}

.btnSmall {padding-left:20px; padding-right:20px;}
/*.custom_cta:hover .explore {fill:#dd0000;}*/

/*Navigation*/
.logo {max-width:150px !important;}

nav a {font-weight:300; text-align:right; display:block;}

.navContainer {height:100vh;
    margin-top:30px !important;
}

.navBtn {/*width:50px; height:50px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; background-color:#333; display:inline-flex; justify-content:center; align-items:center;*/ color:#fff;}

.nav_links-container {position:fixed; background-color:rgba(99,96,92,0.8); height:100vh; top:0; left:0; /*width:100%;*/ width:260px; z-index:1; 
	-webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%); 
	-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;
	
	/*overflow-y:scroll;*/
}

.nav-open .nav_links-container {
	-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);
	-webkit-box-shadow:var(--boxShadow); -moz-box-shadow:var(--boxShadow); box-shadow:var(--boxShadow);
}

.nav_link, .nav_link:hover {font-size:26px; padding-bottom:20px; line-height:1; color:#fff !important; text-decoration:none;}

.nav_overlay {position:fixed; top:0; left:0; width:100vw; height:100vh; /*background:rgba(255,255,255,0.3); backdrop-filter:blur(2px);*/ visibility:hidden; /*opacity:0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s;*/}

.nav-open .nav_overlay {visibility:visible; opacity:1;}

.navClose {/*background-color:#fff;*/ color:#fff !important; width:40px; /*height:50px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;*/position:absolute; top:20px; right:20px; display:inline-flex; justify-content:center; align-items:center; z-index:2;}

/*.navClose i {font-size:24px;}*/
.navClose span {font-size:26px;}
.navCLose span:hover {color:#fff !important; text-decoration:none;}

/*Home Page*/
.home-0, .home-1, .home-2, .home-3, .home-4, .home-5, .home-6 {
    position: relative;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.home-0 {display:flex; align-items:flex-end; background-image: url(../images/home_hero.jpg);}
.homeHeader {margin:0; padding:0; border:none !important;}

.home_hero {background-size:cover; background-repeat:no-repeat; height:100vh;}

#homeWrapper section {
  position: relative;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
    
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.awards_img {width:50%; display:block; margin-left:auto; margin-right:auto;}


.brief {background-color:rgba(255,255,255,0.9); border-left:10px solid var(--black); padding:48px;}

/*Inner Pages*/
.inner_img {width:100%; max-width:464px;}

.inner-banner {padding-top:100px; padding-bottom:48px; background-color:var(--grey); height:100vh; display:flex; align-items:center; flex-wrap:wrap;}
.innerHero {width:555px; padding-right:30px;}
.block {width:100%; height:100%; position:relative; overflow:hidden;}
.img-parallax {width:100vmax; z-index:-1; position:absolute; top:0; left:50%; transform:translate(-50%,0); pointer-events:none;}

.noZoom {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.branches .zoomHover {width:100%; overflow:hidden; position:relative;}
.branches .zoomHover img {display:block; -webkit-transition:transform 0.4s; -moz-transition:transform 0.4s; transition:transform 0.4s; width:100%;}
.branches .zoomHover:hover img {
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);
	-webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50%;
}
.branches:nth-of-type(odd) .zoomHover figcaption {background-color:var(--grey) !important; position:absolute; bottom:0; padding:20px 16px; width:100%;}
.branches:nth-of-type(even) .zoomHover figcaption {background-color:#d9d9d9 !important; position:absolute; bottom:0; padding:20px 16px; width:100%;}
.branches .zoomHover:hover img.noZoom {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.academy .zoomHover {width:100%; overflow:hidden; position:relative;}
.academy .zoomHover img {display:block; -webkit-transition:transform 0.4s; -moz-transition:transform 0.4s; transition:transform 0.4s; width:100%;}
.academy .zoomHover:hover img {
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);
	-webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50%;
}
.academy .zoomHover figcaption {background-color:#fff; position:absolute; bottom:0; padding:20px 16px; width:100%;}
.academy .zoomHover:hover img.noZoom {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

.heritage .spl {background:none; font-size:22px; text-transform:uppercase;}

.programs .zoomHover {width:100%; overflow:hidden; position:relative;}
.programs .zoomHover img {display:block; -webkit-transition:transform 0.4s; -moz-transition:transform 0.4s; transition:transform 0.4s; width:100%;}
.programs .zoomHover:hover img {
	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);
	-webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50%;
}
.programs .zoomHover figcaption {background-color:var(--grey); position:absolute; bottom:0; padding:20px 16px; width:100%;}
.programs .zoomHover:hover img.noZoom {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


/*Carousel Slideshow*/
.carousel-inner img {width:100%; height:100%;}

/*Course Sidebar*/
.usp_points {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin-top:16px; padding-bottom:16px; border-bottom:1px solid #e6e6e6;}
.usp_points:last-of-type {border:none; padding:0;}

.usp_points-img {width:30px; height:30px;}

.usp_points-txt {flex:0 0 85%; max-width:85%; line-height:1.3;}

/*Awards and Archives*/
.awd {max-width:100px;}
/*.awd svg {width:100px; display:block; margin-left:auto; margin-right:auto;}*/
.awd > svg {width:100px;}
/*.awd:hover {color:#fff; background:var(--black); transition:0.6s;}
.awd:hover .archive, .awd:hover .awdSvg {fill:#fff; transition:0.6s;}*/

/*Heritage Page*/
#archive .carousel-control-prev-icon, 
#archive .carousel-control-next-icon {font-family:'FontAwesome'; color:#333; background:none; font-size:60px;}

#archive .carousel-control-prev, 
#archive .carousel-control-next {width:9%;}

.slick-dots {display:none !important;}
#achieve .slider h3 {font-size:18px; text-align:center;}

.verticalSliderDates .datesWrapper {
  position: relative;
  padding: 15px;
  /* border-bottom:1px solid #ededed; */
}
.verticalSliderDates .datesWrapper p {
  margin: 0;
  font-weight: 600;
}
.datesWrapper:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.58);
  top: 0;
  left: 0;
}
.slick-current .datesWrapper:before {
  background: rgba(0, 0, 0, 0);
}
.datesWrapper h3 {
  font-size: 16px;
  margin: 10px 0;
}

/*Contact Page*/
.contact_icon {max-width:24px; margin-bottom:16px;}
.contactTxt {height:120px !important;}

/*Franchise*/
#franchiseForm textarea {height:84px;}


/*Footer*/
footer {background-color:var(--black); padding-top:24px; font-size:13px; color:#fff;}
.footer_logo {/*max-width:192px;*/ max-width:150px;}
/*footer h4 {font-size:16px; height:60px; margin:0;}*/
footer h4 ~ h4 {height:auto;}
footer a {font-weight:300;}
footer li {margin-bottom:16px;}

.footer_social-link {float:left;}
.footer_social-link a {width:20px; margin-top:24px;}

.socialsBox {width:100%;}

.fh60 {height:60px;}

footer span {font-weight:800;}

/*Custom Classes*/
.border_black {width:100%; height:1px; margin-top:5px; margin-bottom:8px; background-color:var(--black);}
.border_grey {width:100%; height:1px; margin-top:5px; margin-bottom:8px; background-color:#828282;}
.border_light {width:100%; height:1px; margin-top:5px; margin-bottom:8px; background-color:#e8e8e8 !important;}

.mw20 {width:100%; max-width:20px !important;}
.mw15 {width:100%; max-width:15px !important;}
.bgNone {background:none !important;}
.bgGrey {background-color:var(--grey);}
.bgWhite {background-color:#fff;}
.bgBlack {background-color:var(--black) !important;}
.spl {/*background-color:var(--grey);*/ font-size:22px; text-transform:uppercase; border-bottom:1px solid var(--black); display:table !important;}
.fontNormal {font-weight:300;}
.nav-tabs .nav-link {border-radius:0;}

.p75 {width:75%;}

.customW50 {width:100%; max-width:540px;}

.h-100vh {height:100vh;}

/*Form classes*/
.form-control {border-radius:0; height:auto; padding:13px 0; border-bottom:1px solid #aeaeae !important; border:none; background:none;}

/*Salon Page New design*/
.salonBranch {background-color:var(--grey);}

.ivr {margin-right:16px;}
.ivr i {font-size:20px; padding-right:8px;}

@media screen and (max-width:1199px) {
    #homeBanner {background:none !important;}
}

@media screen and (max-width:991px) {
    .homeHeader {font-size:48px; /*padding-top:130px;*/ margin-bottom:55px; text-align:center; display:block !important;}
    
    .home_hero {height:auto;}
    
    .awards_img {width:40%; margin-top:16px;}
    
    h1 {font-size:48px;} 
	h1 + p {font-size:19px;}
	.navContainer {height:auto; margin-top:60px;}
	.nav_link, .nav_link:hover {font-size:30px;}
	/*.footer_logo {margin-bottom:24px;}*/
	footer .fh60 {height:auto;}
	
	.w-md-75 {width:75% !important;}
	.w-md-50 {width:50% !important;}
    
    .socialsBox {width:50%; float:left;}
}

@media screen and (max-width:767px) {
    h1 {font-size:40px;}
    
    .inner-banner, .h-100vh {height:auto;}
    
    .home-0 {background:none; height:auto;}
    
    .home_hero {height:auto;}
    .home_hero img {width:100%;}
    
    .inner_img {max-width:100%;}
	
	.inner-banner {padding-left:0; padding-right:0;}
	.customColReverse {flex-direction:column-reverse;}
	.inner-banner .anim1 {margin-bottom:24px;}
	
	.px15 {padding-left:15px; padding-right:15px;}
}

@media screen and (max-width:575px) {
    html, body {font-size:16px;}
	
	.nav_links-container {width:50%;}
	.nav_link, .nav_link:hover {font-size:18px;}
	
	.logo {max-width:120px;}
	
    .awards_img {width:65%;}
    .homeHeader {font-size:32px;}
    
	.w-md-50 {width:100% !important;}
	.px30 {padding-left:30px; padding-right:30px;}
    
    .p75 {width:100%;}
	
	.pl0_custom {padding-left:0;}
	.pr0_custom {padding-right:0;}
    
    .awd img {max-width:65px; margin-right:16px;}
    
    .footer_logo {max-width:120px;}
}

@media screen and (max-width:500px) {
    .nav-tabs .nav-link {font-size:14px; padding:5px;}
}

@media screen and (max-width:480px) {
    .customW50 {width:100%;}
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home_hero {height:auto;}
    .homeHeader {text-align:center;}
}