html, body {min-height: 100%;font-family: 'Montserrat';}
body.change-overflow {overflow:hidden;}
body {overflow-x:hidden;}
* {outline:0;}
a {color:#fff;}
a:hover, a:active, a:focus {text-decoration: none;color:#fff;}
a, button {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
}
h1, h2, h3, h4, h5 {font-weight: 700;color:#fff;}
h1 {
    opacity: .2;
    margin: 0 0 20px;
}

p {font-size:18px;color:#fff;}




.mobile-visible {display:none;}
.pad-none {padding:0;}
.full {width:100%;}
.table-content {display: table;  width: 100%;  height: 100%;}
.table-cell-content {display: table-cell; vertical-align: middle;}
.animation-one {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;  }
.animation-two {-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.fl-right {float:right;}
.height-fix {height:100%;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.m-color {color:#eebf2b;}
.bg-color {background-color: #00214b;}
.bg-color h2.title {color:#fff;}
.mbottom90 {margin-bottom:90px !important;}
.mbottom60 {margin-bottom:60px !important;}
.mbottom20 {margin-bottom:20px;}
.mbottom30 {margin-bottom:30px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.section {padding:65px;}
.divider {margin:30px 0;}
.grayscale img, .grayscale iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.grayscale img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.cursor-context {cursor: context-menu;}
.color-icon i {color:#00a5d9;}
.full-width {min-width:100%;}
.space {display:block;}
.height-fixs {height:calc(100% - 65px)}


body.man aside {
    background: #211f20;
}
body.woman aside {
    background: #fe4365;
}
body.beauty aside {
    background: #8f3c4c;
}

body.woman .section .cont .column.x2 {
    width:31%;
}



/* SIDEBAR */
aside {
    width: 310px;
    height: 100vh;
    position: fixed;
    padding:40px 0;
    float:left;
}
aside img.logo {
    display:block;
    margin:0 auto;
}
aside nav {max-width: 108px;display:block;margin:20px auto;}
aside nav ul {list-style-type: none;padding:0;margin:0;display:inline-block;text-align: left;}
aside nav ul li {}
aside nav ul li a {display:block;margin:7px;padding:3px;color:#fff;font-size:16px;}
aside nav ul li a:hover {color:#fff;}


aside .social {max-width: 108px;display:block;margin:20px auto;position: absolute;bottom:50px;margin-left:98px;}
aside .social ul {list-style-type: none;padding:0;margin:0;display:inline-block;text-align: left;}
aside .social ul li {}
aside .social ul li a {display:block;margin:7px;padding:3px;color:#fff;font-size:24px;}
aside .social ul li a:hover {color:#fff;}


div.section {
    height: 85vh;
    width: calc(100% - 310px);
    float:left;
    margin-left:310px;
    position: relative;
}
body.man .section.light {
    background: #373536;
}
body.woman .section.light {
    background: #fc9d9a;
}
body.beauty .section.light {
    background: #df5052;
}
body.man .section.dark {
    background: #252324;
}
body.woman .section.dark {
    background: #e48b88;
}
body.beauty .section.dark {
    background: #b7464f;
}

body.woman .section#contact input, body.woman .section#contact textarea, body.woman .section#contact button {background: #d57976;}
body.beauty .section#contact input, body.beauty .section#contact textarea, body.beauty .section#contact button {background: #8f3c4c;}
body.woman .section#contact input::placeholder, body.woman .section#contact textarea::placeholder, body.beauty .section#contact input::placeholder, body.beauty .section#contact textarea::placeholder {color:#fff;}
body.woman .section#contact input:-ms-input-placeholder, body.woman .section#contact textarea:-ms-input-placeholder, body.beauty .section#contact input:-ms-input-placeholder, body.beauty .section#contact textarea:-ms-input-placeholder {color:#fff;}
body.woman .section#contact input::-ms-input-placeholder, body.woman .section#contact textarea::-ms-input-placeholder, body.beauty .section#contact input::-ms-input-placeholder, body.beauty .section#contact textarea::-ms-input-placeholder {color:#fff;}

body.woman .section .cont .column .overlay {
    opacity: .5;
}

.main-loader.passive {top:-100%;}
.main-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
body.man .main-loader {background: #252324;}
body.woman .main-loader {background: #e48b88;}
body.beauty .main-loader {background: #b7464f;}

body.man .section .cont .content {background: #000;}
body.woman .section .cont .content {background:#fe4365;}
body.beauty .section .cont .content {background:#8f3c4c;margin:0;}
body.man .section .box .overlay {background: rgba(0,0,0, .7);}
body.woman .section .box .overlay {background: rgba(254, 67, 101, .7);}
body.beauty .section .box .overlay {background: rgba(143, 60, 76, .7);}

.section .cont .content hr { position: relative;  top: 38px;  width: 100%;}
body.woman .section .cont .content hr {border-color: #fc9d9a;}
body.man .section .cont .content hr {border-color: #373536;}
body.beauty .section .cont .content hr {border-color: #df5052;}

#get p, #get ul li {font-size:14px;}


body.beauty .section .cont .content .box {
    width: 80%;
}

.section.last {
    height:100vh;
}
.section .desc {font-size: 26px;color: #fff;margin: 10px 0;}
.section .box {position: relative;overflow: hidden;}
.section .box .overlay {width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: rgba(0,0,0, .7);color:#fff;font-size:22px;}
.section .box .overlay img {display: block;margin: 20px auto -20px;}
.section .box a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;}
.section .box:hover .overlay {left :0;}
.section a.nextpage {position: absolute;bottom: 40px;}
.section a.scrolldown {position: absolute;bottom: 40px;right: 25px;}

.section#gallery img {margin-bottom:15px;opacity:.5;}
.section#gallery img:hover {opacity:1;}

.section .cont {width: 100%;height: calc(100% - 65px);margin-left: -1%;position: relative;}
.section .cont .column {float:left;margin:1%;}
.section .cont .column .overlay {opacity: .2;width: 100%;height: 100%;}
.section .cont .column .back {width: 100%;height: 100%;position: relative;}
.section .cont .column .back:hover .overlay {opacity: .8;}
.section .cont .column .back a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;}
.section .cont .column .back .desc {position: absolute;top: 50%;left: 50%;color: #fff;font-size: 26px;font-weight: 300;text-align: center;line-height: 100%;transform: translate(-50%, -50%);}
.section .cont .column.x2 {width: 48%;height: 45%;}
.section .cont .content {width: 99%;height: 99%;position: absolute;z-index: 99;top:0;left:0;margin: 1%;}
.section .cont .content .img {opacity: .2;width:100%;height:100%;top: 0;left: 0;position: absolute;}
.section .cont .content h1 {font-weight: 300;opacity: 1;text-align: center;}
.section .cont .content .box {width:33%;display:block;margin:40px auto 0;}
.section .cont .content .box ul {padding:0;margin:0;}
.section .cont .content .box ul li {text-transform: capitalize;font-size: 18px;color: #fff;overflow: hidden;position: relative;margin-bottom: 5px;border-bottom: 1px dotted #fff;padding-right:65px;}
.section .cont .content .box  ul li ul {position: absolute;top: 0;right: 0;z-index: 999;padding-left: 10px;}
.section .cont .content .box  ul li ul li {padding-right:0;}
.section .cont .content a.close-icon {position: absolute;top: 0;right: 0;z-index: 9999;padding: 20px;}

.section .half {}
.section .half .head {font-size: 24px;color: #fff;font-weight: 700;}
.section .half p {font-size: 18px;color: #fff;font-weight: 300;margin:20px 0;}

.section#contact input {background: #302e2e;border: 0;padding: 15px;width: 49%;float: left;margin-bottom: 1%;color:#fff;}
.section#contact input:nth-child(odd) {margin-right:1%;}
.section#contact textarea {background: #302e2e;border: 0;padding: 15px;width: 99%;float: left;margin-bottom: 1%;color: #fff;}
.section#contact button {background: #302e2e;border: 0;color: #fff;padding: 10px 20px;}



.section .img-cont {position: relative;margin-bottom:30px;}
.section .img-cont a {position: absolute;top:0;left:0;width:100%;height:100%;z-index: 96;}
.section .img-cont .desc {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align:center;z-index: 9;}
.section .img-cont img {opacity: .4;border: 5px solid #df5052;}
.section .img-cont:hover img {opacity: 1;border:5px solid #fff;}

body.beauty #services {
    height:auto;
}


.section#team .name {
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    margin: 10px 0;
}
.section#team .title {
    color: #fff;
    text-align: center;
    margin-top: -10px;
}

#home .box img {opacity:.5;}



#content-container {display:none;}
#content-container.active {display:block;}

.loading,
.loading::before,
.loading::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
}

.loading {
    display:none;
    margin: -25px 0 0 -25px;
    height: 50px;
    width: 50px;
    -webkit-animation: animation-rotate 1000ms linear infinite;
    -moz-animation: animation-rotate 1000ms linear infinite;
    -o-animation: animation-rotate 1000ms linear infinite;
    animation: animation-rotate 1000ms linear infinite;
    z-index: 9999;
}
.loading.active {display:block;}
.loading::before {
    content: "";
    margin: -23px 0 0 -23px;
    height: 44px;
    width: 44px;
    -webkit-animation: animation-rotate 1000ms linear infinite;
    -moz-animation: animation-rotate 1000ms linear infinite;
    -o-animation: animation-rotate 1000ms linear infinite;
    animation: animation-rotate 1000ms linear infinite;
}

.loading::after {
    content: "";
    margin: -29px 0 0 -29px;
    height: 56px;
    width: 56px;
    -webkit-animation: animation-rotate 2000ms linear infinite;
    -moz-animation: animation-rotate 2000ms linear infinite;
    -o-animation: animation-rotate 2000ms linear infinite;
    animation: animation-rotate 2000ms linear infinite;
}

@-webkit-keyframes animation-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes animation-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes animation-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes animation-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


@media only screen and (max-width: 1366px) {
    p {font-size:14px;}
    .section .desc {font-size:18px;}
    .section a.nextpage {bottom: 20px;}
    .section a.nextpage img {max-width: 40px;}
    .section {padding:40px;}
    h1 {font-size:30px;}
    .section a.scrolldown {right:15px;}
    .section a.scrolldown img {max-height: 150px;}
    h3 {font-size:20px;}
    .section .half .head {font-size: 20px;}
    .section .half p {font-size:14px;}
    .section#contact textarea {max-height: 150px;}
    .section#contact input, .section#contact textarea {padding:10px;}
    .section .cont .content .box {width:66%;}
}
@media only screen and (max-width: 768px) {
    div.section {height:auto;}
    .section .cont .column.x2 {height: 325px;}
    .section.last {height:auto;}
    .section .cont .content {height: 50vh;max-height: 100vh;}
}

@media only screen and (max-width: 600px) {
    .mobile-visible {display:block;}
    aside {left:-100%;z-index: 9999999;}
    div.section {margin:0;width:100%;}
    body.woman .section .cont .column.x2 {width: 100%;height: 100px;}
    .section .cont .content {height: 100vh;width:100%;}
    #nav-btn {position: absolute;right: 40px;top: 35px;color: #5f5d5e;z-index: 9999;font-size: 29px;}
    aside.active {left:0;}
    .section .cont .column .back .desc {font-size:18px;}
    aside .social ul li {float: left;}
	aside {padding-bottom:0;}
	aside .social {bottom:0;}
	aside .social {max-width: 100%;}
	.section .desc {margin:0;}
	.section .cont .content .box {width: 80%;}


}