/********************************** Font Family Start ***********************************/  
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');/*font-family: 'Great Vibes', cursive;*/
@font-face { font-family: 'MuliRegular'; src: url('../fonts/MuliRegular.eot'); src: url('../fonts/MuliRegular.eot') format('embedded-opentype'),  url('../fonts/MuliRegular.woff2') format('woff2'),  url('../fonts/MuliRegular.woff') format('woff'),  url('../fonts/MuliRegular.ttf') format('truetype'),  url('../fonts/MuliRegular.svg#MuliRegular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'MuliBold'; src: url('../fonts/MuliBold.eot'); src: url('../fonts/MuliBold.eot') format('embedded-opentype'),  url('../fonts/MuliBold.woff2') format('woff2'),  url('../fonts/MuliBold.woff') format('woff'),  url('../fonts/MuliBold.ttf') format('truetype'),  url('../fonts/MuliBold.svg#MuliBold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'MuliLight'; src: url('../fonts/MuliLight.eot'); src: url('../fonts/MuliLight.eot') format('embedded-opentype'),  url('../fonts/MuliLight.woff2') format('woff2'),  url('../fonts/MuliLight.woff') format('woff'),  url('../fonts/MuliLight.ttf') format('truetype'),  url('../fonts/MuliLight.svg#MuliLight') format('svg'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'MuliSemiBold'; src: url('../fonts/MuliSemiBold.eot'); src: url('../fonts/MuliSemiBold.eot') format('embedded-opentype'),  url('../fonts/MuliSemiBold.woff2') format('woff2'),  url('../fonts/MuliSemiBold.woff') format('woff'),  url('../fonts/MuliSemiBold.ttf') format('truetype'),  url('../fonts/MuliSemiBold.svg#MuliSemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'MuliExtraLight'; src: url('../fonts/MuliExtraLight.eot'); src: url('../fonts/MuliExtraLight.eot') format('embedded-opentype'),  url('../fonts/MuliExtraLight.woff2') format('woff2'),  url('../fonts/MuliExtraLight.woff') format('woff'),  url('../fonts/MuliExtraLight.ttf') format('truetype'),  url('../fonts/MuliExtraLight.svg#MuliExtraLight') format('svg'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'MuliItalic'; src: url('../fonts/MuliItalic.eot'); src: url('../fonts/MuliItalic.eot') format('embedded-opentype'),  url('../fonts/MuliItalic.woff2') format('woff2'),  url('../fonts/MuliItalic.woff') format('woff'),  url('../fonts/MuliItalic.ttf') format('truetype'),  url('../fonts/MuliItalic.svg#MuliItalic') format('svg'); font-display: swap; }
/*====================================== reset.css is here ========================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; color: #000; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; color: #363636; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
.img-full-fill { display: block; width: 100%; height: auto; }
.img-responsive { display: block; max-width: 100%; height: auto; }
/**************************************************************************************/
a { color: #000; text-decoration: none !important; outline: 0 none; outline: none !important; }
a:hover { color: #000; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; text-decoration: none; }
h1 { font-size: 32px; color: #000; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h2 { font-size: 27px; color: #000; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h3 { font-size: 18px; color: #000; padding: 10px 0 10px 0; font-weight: 700; margin: 0; }
h4 { font-size: 16px; color: #000; padding: 10px 0 10px 0; margin: 0;  }
h5 { font-size: 14px; color: #000; padding: 10px 0 10px 0; margin: 0;}
h6 { font-size: 12px; color: #000; padding: 10px 0 10px 0; margin: 0;}
p { font-size: 16px; line-height: 22px; color: #000; padding: 10px 0 10px 0; margin: 0; }
/*----------------------------------------------------------------------------------*/
::selection { background: #2F2F2F !important; color: #fff !important; text-shadow: none; }
::-moz-selection { background: #2F2F2F !important; color: #fff !important; text-shadow: none; }
/*----------------------------------------------------------------------------------*/ 
html { }
body { background: #EAEAEA; font-size: 14px; -webkit-font-smoothing: antialiased; overflow-x: hidden;  font-family: 'MuliRegular';}
/* ---------------------------------------------------------------------------------*/ 
/* ----------------------- layout ----------*/
.wrapper { margin: 0 auto; overflow: hidden;}
.container { max-width: 1280px; width: 100%; }
.main-content { padding: 40px 0 40px; }
.header { background-color: transparent; height: auto; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%; z-index: 111; padding: 0 0;}
.header.sticky { background: #191919; transition: top 0.2s ease-in-out; }
.header.sticky .navbar-default { padding: 0 0; transition: top 0.2s ease-in-out; }
.header.sticky .logo{    max-width: 145px;     padding: 0px 29px 0 22px; transition: all 0.3s ease-in-out;}
.header.sticky .logo img { width: 100%; transition: all 0.5s ease-in-out; height: auto; }
.header.sticky .navbar { transition: all 0.5s ease-in-out;     margin: 32px 0;}
.header.sticky .navigation { padding: 1px 0; transition: all 0.5s ease-in-out; }
/*-------------------------------------------*/ 
/* ------------------ HEADER HERE -------------------*/  
.logo { display: block; padding: 5px 29px 0 22px; max-width: 220px; width: 100%; margin: 0 auto; transition: all 0.3s ease-in-out; }
.logo img { transition: all 0.5s ease-in-out; max-width: 300px; height: auto; width: 100%; }
.navbar-header { display: none; }
/* ---------------------------------------------------------*/ 
/* ------------------------- NAVIGATION HERE ---------------*/

.mobilelist .headertoprgt { display: none; }
.navigation .container { max-width: 1280px; padding-left: 0px; padding-right: 0px; }
.navlist { float: left; width: 0%; }
.navbar-default { border: none; box-shadow: none; border-radius: 0; background: none; padding: 0 0; transition: all ease-in-out 0.3s; }
.navbar { float: right; width: 100%; margin: 59px 0 0; min-height: inherit !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a { background: none !important; box-shadow: none !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none !important; box-shadow: none !important; }
.navigation { position: relative; z-index: 9999; /*box-shadow:0 0 8px -2px #000;*/ padding: 15px 0; transition: all 0.5s ease-in-out; }
.navbar-collapse { padding: 0; }
.navbar-nav { float: none; text-align: right; display: flex; width: 100%; max-width: 100%; justify-content: space-between;}
.navbar-nav li { display: inline-block; position: relative; vertical-align: middle; }
.navbar-nav > .active > a { background: none !important; box-shadow: none !important; }
.navbar-default .navbar-nav > li { text-align: center; padding: 1px 10px 0px 5px; float: none; }
.navbar-default .navbar-nav > li:first-child { padding-left: 18px; padding-right: 14px; }
.navbar-default .navbar-nav > li:last-child { padding-right: 11px; }
.navbar-default .navbar-nav > li > a { font-size: 16px; line-height: 19px; color: #EAEAEA; padding: 0 0px 0; border: 0px solid rgba(0, 0, 0, 0); text-shadow: 0px 3px 6px rgb(0 0 0 / 16%); transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; display: block; letter-spacing: 2.25px; text-transform: uppercase; position: relative; font-family: 'MuliBold'; }
.navbar-default .navbar-nav > li > a:hover { color: #fff; }
.navbar-default .navbar-nav li.active a { color: #972C5A; }
.navbar-default .navbar-nav li.active i { color: #fff; }
.navbar-default .navbar-nav > li:hover > a:after { visibility: visible; width: 100%; opacity: 1; }
.navbar-default .navbar-nav > li > a:after { content: ''; max-width: 36px; width: 100%; left: 0; right: 0; top: 22px; height: 0px; background: #EEE8D4 !important; display: block; position: absolute; margin: 0px auto; padding: 0; visibility: visible; opacity: 0; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; }
.navbar-default .navbar-nav li.active ul li a { color: #807D7D; }
.navbar-nav li ul { width: 170px; top: 100%; left: -30px; position: absolute; /*display:none; */ background: transparent; padding: 8px 0px 6px; visibility: hidden; opacity: 0; margin-top: 0px; transform: translateY(25px); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
.navbar-nav li ul li { text-align: center; display: block; float: none; padding: 0; text-align: left; line-height: 20px; }
.navbar-nav li ul li:before { content: ''; position: absolute; top: 0; left: 22.5%; width: 55%; height: 2px; background: #EAEAEA; }
.navbar-nav li ul li a { text-align: center; font-size: 15px; line-height: 20px; font-weight: 700; color: #EAEAEA; padding: 10px 2px 8px 2px; display: block; letter-spacing: 2.25px; font-family: 'MuliBold'; text-transform: uppercase; text-shadow: 0px 3px 6px rgb(0 0 0 / 16%); }
.navbar-nav li ul li:last-child, .navbar-nav li ul { border-bottom-right-radius: 10px; }
.navbar-nav li ul li a i { /* float: right; */ position: absolute; right: 5px; left: auto; font-size: 25px; top: 5px; }
.navbar-nav li ul ul { width: 220px; top: 0; left: 215px; position: absolute; display: none; background: rgba(252,252,252,1); padding: 0; }
.navbar-nav li ul ul li { display: block; float: none; padding: 0 5px; text-align: left; line-height: 18px; }
.navbar-nav li ul ul li a { font-family: 'HelveticaNeue'; font-size: 16px; line-height: 25px; color: #807D7D; text-transform: none; padding: 8px 10px; ; border: 1px solid rgba(0, 0, 0, 0); display: block; }
.navbar-nav li ul li:hover { background: transparent; transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; }
.navbar-nav li ul li:hover a { color: #fff !important; }
.navbar-nav li ul li:hover ul li a { color: #807D7D !important; }
.navbar-nav li ul li:hover ul li:hover a { color: #fff !important; }
.navbar-nav li ul li:hover .navbar-nav li ul ul li a { color: #807D7D; }
.navbar-nav li span { background: url(../images/form-arrow-down.svg) no-repeat center; width: 35px; height: 35px; position: absolute; right: 8px; top: 5px; display: none; cursor: pointer; }
.navbar-nav li span.open { background: url(../images/form-arrow-down.svg) no-repeat center; transform: rotate( 180deg ); }
.navbar-nav li ul li span { background: url(../images/icon-plus.png) no-repeat center; width: 35px; height: 35px; position: absolute; right: 0px; top: 1px; display: none; cursor: pointer; }
.navbar-nav li ul li span.open { background: url(../images/icon-minus.png) no-repeat center; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }
.navbar-header .sr-only { width: 45px; text-align: center; height: auto; font-size: 12px; line-height: 12px; clip: inherit; position: absolute; left: -31px; top: 15px; transform: rotate(-90deg); text-shadow: inherit !important; color: #fff; font-weight: 600; }
.navbar-nav li ul li:last-child { border-bottom: 0px; }    
.modal-backdrop.show {opacity: 1;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);-webkit-filter: blur(10px);filter: blur(10px);background-color: rgb(0 0 0 / 25%);}

.navbar-nav li ul.links-align {
    width: 400px;
    left: 0;
    text-align: left;
}
.navbar-nav li ul.links-align > li > a{text-align: left;}

.navbar-nav li ul.links-align >li::before{
    left: 0;    width: 90%;
}
.shop-content > a.btn{    display: inline-block;padding: 10px 30px;border: 2px solid #8b8383;    margin: 0 0 16px 0;
    border-radius: 0;       max-width: 100%;
    width: 100%;}
.shopPopup .modal-body{padding: 2rem;}
.shop-content > a.btn:hover{background: #2F2F2F;color: #fff;border-color: #2F2F2F;}
.shopPopup .close-ic{position: absolute;right: -15px;top: -15px;z-index: 9;cursor: pointer;}

/* ==================== Loader content Start ==================== */
.loader { display: table; width: 100%; height: 100%; position: fixed; z-index: 99999999999999999999999; left: 0;top:0;background: #C3BDB5; }
.loaderin { width: 100%; height: 100%; display: table-cell; vertical-align: middle; margin: auto; } 
.cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 0 auto; display: block; position: relative; vertical-align: middle; }
.cssload-loader, .cssload-loader:before, .cssload-loader:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; }
.cssload-loader:before, .cssload-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; }
.cssload-loader:before, .cssload-loader:after { content: ""; }
.cssload-loader { animation: cssload-animation1 1.15s infinite linear; -o-animation: cssload-animation1 1.15s infinite linear; -ms-animation: cssload-animation1 1.15s infinite linear; -webkit-animation: cssload-animation1 1.15s infinite linear; -moz-animation: cssload-animation1 1.15s infinite linear; }
.cssload-loader:before, .cssload-loader:after { content: ""; width: 80%; height: 80%; background-color: #2F2F2F; top: 5%; }
.cssload-loader:before { left: -5%; animation: cssload-animation2 1.15s infinite alternate ease-in-out; -o-animation: cssload-animation2 1.15s infinite alternate ease-in-out; -ms-animation: cssload-animation2 1.15s infinite alternate ease-in-out; -webkit-animation: cssload-animation2 1.15s infinite alternate ease-in-out; -moz-animation: cssload-animation2 1.15s infinite alternate ease-in-out; transform-origin: 10% 50%; -o-transform-origin: 10% 50%; -ms-transform-origin: 10% 50%; -webkit-transform-origin: 10% 50%; -moz-transform-origin: 10% 50%; }
.cssload-loader:after { left: auto; right: -5%; animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out; -o-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out; -ms-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out; -webkit-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out; -moz-animation: cssload-animation2 1.15s 1.15s infinite alternate ease-in-out; transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); transform-origin: 90% 50%; }
 @keyframes cssload-animation1 {  0% { transform: rotate(20deg); }
 100% { transform: rotate(380deg); }
}
 @-o-keyframes cssload-animation1 {  0% { -o-transform: rotate(20deg); }
 100% { -o-transform: rotate(380deg); }
}
 @-ms-keyframes cssload-animation1 {  0% { -ms-transform: rotate(20deg); }
 100% { -ms-transform: rotate(380deg); }
}
 @-webkit-keyframes cssload-animation1 {  0% { -webkit-transform: rotate(20deg); }
 100% { -webkit-transform: rotate(380deg); }
}
 @-moz-keyframes cssload-animation1 {  0% { -moz-transform: rotate(20deg); }
 100% { -moz-transform: rotate(380deg); }
}
 @keyframes cssload-animation2 {  0% { transform: scale(0); }
 100% { transform: scale(1); }
}
 @-o-keyframes cssload-animation2 {  0% { -o-transform: scale(0); }
 100% { -o-transform: scale(1); }
}
 @-ms-keyframes cssload-animation2 {  0% { -ms-transform: scale(0); }
 100% { -ms-transform: scale(1); }
}
 @-webkit-keyframes cssload-animation2 {  0% { -webkit-transform: scale(0); }
 100% { -webkit-transform: scale(1); }
}
 @-moz-keyframes cssload-animation2 {  0% { -moz-transform: scale(0); }
 100% { -moz-transform: scale(1); }
}
.form-control::-webkit-input-placeholder {color: #2F2F2F;}
.form-control::-moz-placeholder {color: #2F2F2F;}
.form-control:-ms-input-placeholder {color: #2F2F2F;}
.form-control:-moz-placeholder {color: #2F2F2F;} 
/* ==================== Loader content End ==================== */ 
/* ==================== Back to top Start ==================== */ 
.backtop-dv { }
.backtop-dv i { color: #fff; transition: all 0.7s ease; font-size: 16px; vertical-align: middle; }
.back-to-top { display: block; width: 40px; height: 40px; line-height: 32px; text-align: center; position: fixed; bottom: -40px; right: 10px; background-color: #000; color: #fff; z-index: 999; border-radius: 50%; text-align: center; border: solid 1px #fff; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;     display: flex; align-items: center; justify-content: center;}
.back-to-top.show { bottom: 20px; }
.back-to-top:hover { background: #000000; border: solid 1px #fff; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.back-to-top:hover i { color: #fff; } 
/* ==================== Back to top End ==================== */ 
/* ==================== self ==================== */
 .video-wrapper{    max-width: 1142px; margin: 50px auto 0; width: 100%;}
.team-column .team-box img{ height: 400px; object-fit: cover; object-position: top;}
.banner-inner img{height: calc(100vh - 0px); object-fit: cover; object-position: 100% 50%; width:100%;}
#home-banner .mh-vh{height: calc(100vh - 0px); object-fit: cover; object-position: 100% 50%; width:100%;}
.bannermain { position: relative; display: block; }
.banner-posb { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.20); }
.banner-posb-gird { width: 100%; max-width: 794px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.welcome-headding { font-size: 47px; color: #EAEAEA; font-weight: 300; text-transform: uppercase; letter-spacing: 7.05px; display: flex; align-items: center; justify-content: center; font-family: 'MuliLight'; padding-top: 14px; }
.welcome-headding span { padding-left: 10px; }
.banner-scroll-box .btn-book { min-width: 309px; width: 100%; border-radius: 0; border: 3px solid #EAEAEA; display: inline-block; font-size: 25px; line-height: 27px; font-weight: 300; font-family: 'MuliLight'; text-transform: uppercase; color: #EAEAEA; background: transparent; padding: 18px 0; transition: all 0.5s ease; margin-bottom: 20px;}
.banner-scroll-box .btn-book:hover, .banner-scroll-box .btn-book:focus { color: #EAEAEA; box-shadow: 0 0 0 0.2rem rgb(234, 234, 234, 0.50) !important; transition: all 0.5s ease; }
.banner-posb-img { margin-top: 117px; margin-bottom: 50px; }
.bannermain .owl-theme .owl-dots .owl-dot span { background: transparent; width: 13px; height: 13px; border: 1px solid #fff; margin: 5px 2px; }
.bannermain .owl-theme .owl-dots .owl-dot:hover span { background: rgba(255,255,255,0.60); }
.bannermain .owl-theme .owl-dots .owl-dot.active span { border: 1px solid #fff; background: #fff; }
.bannermain .owl-dots { bottom: 22px; text-align: right !important; right: 16px; }
.owl-dots { position: absolute; width: 100%; bottom: -30px; }
.mission-bg { background: url(../images/new/mission-before.png) no-repeat; background-position: 100% 55%; background-size: cover; position: relative; display: block; } 
.mission-content h3 { font-size: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px; color: #2F2F2F; padding-top: 2px; font-family: 'MuliBold'; padding-bottom: 6px; }
.mission-content h4 { font-size: 20px; line-height: 27px; font-weight: 700; color: #2F2F2F; font-family: 'MuliBold'; padding-bottom: 0px; }
.mission-content p { font-size: 20px; font-weight: 200; line-height: 27px; color: #2F2F2F; font-family: 'MuliExtraLight'; padding-bottom: 17px; }
.our-mission-gird { max-width: 1170px; width: 100%; margin: 0 auto; padding: 42px 0 32px; }
.mission-img { max-width: 375px; width: 100%; margin: 0 0 0 auto; }
.mission-img img { height: 551px; object-fit: cover; width:100%; }
.mission-content { padding-left: 39px; }
.pm-0 { padding-top: 0px; margin-right: -5px; }
.service-img-box { position: relative; overflow: hidden; }
.services-bg { position: relative; display: block; width: 100%; }
.services-bg:before { width: 100%; content: ''; position: absolute; height: 406px; left: 0; top: 0; background: #C3BDB5; }
.service-img-box .service-img-inner { position: absolute; width: 100%; padding: 0; background: transparent; bottom: 0; transition: all ease-in-out 0.5s; height: 207px; display: flex; align-items: flex-end; justify-content: flex-end; background: url(../images/new/gradient-bg.png) no-repeat; background-size: cover; }
.service-img-box .service-img-inner a { width: 100%; font-size: 30px; color: #fff !important;     cursor: pointer; font-family: 'MuliBold'; text-transform: uppercase; letter-spacing: 3px; padding: 14px 13px; }
.top-service-gird .heading-rotate { position: relative; padding-bottom: 45px; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate( -180deg ); -webkit-transform: rotate( -180deg ); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); user-select: none; padding-top: 0px; }
.top-service-gird .heading-rotate h1 { font-size: 25px; letter-spacing: 2.5px; line-height: 35px; font-family: 'MuliLight'; font-weight: 300; color: #fff; padding-right: 18px; }
.top-service-gird .heading-rotate h1 span { font-family: 'MuliBold'; padding-top: 10px; font-weight: 700; }
.top-service-gird { padding-top: 45px; padding-bottom: 45px; }
.right-service-gird { padding-left: 19px; }
.sign-up-bg { background: #C3BDB5; padding: 98px 0 107px; }
.sign-up-gird { max-width: 619px; width: 100%; margin: 0 auto; }
.sign-up-gird h3 { text-align: center; font-size: 25px; letter-spacing: 2.5px; line-height: 35px; color: #EAEAEA; text-transform: uppercase; font-family: 'MuliBold'; padding-left: 5px; }
.sign-up-gird .form-control { background: #EAEAEA; border: 0; border-radius: 0; height: 64px; font-size: 22px; letter-spacing: 2.2px; font-family: 'MuliLight'; font-weight: 300; color: #2F2F2F; padding-left: 21px; }
.sign-up-gird .input-group { padding-top: 60px; }
.sign-up-gird .input-group-btn { position: absolute; right: 0px; }
.sign-up-gird .input-group-btn .btn-default { background: #2F2F2F; padding-left: 15px; border-radius: 0px; height: 64px; width: 146px; font-size: 22px; color: #F3F4F6; font-weight: 300; letter-spacing: 2.2px; font-family: 'MuliLight'; }
#testimonial-slider .owl-nav { margin-top: 45px; }
#testimonial-slider .owl-nav .owl-prev { transform: rotate(180deg); }
#testimonial-slider .owl-nav button { margin: 5px 6px 5px 9px; }
#testimonial-slider .owl-nav .owl-prev img { margin-top: -3px; }
#testimonial-slider .owl-nav [class*=owl-]:hover, #testimonial-slider .owl-nav [class*=owl-]:focus { background: transparent; box-shadow: none; outline: none; }
.testimonial-gird { margin-top: 62px; margin-bottom: 116px; } 
.testimonial-box {  background: url(../images/new/testimonial-before.png) no-repeat; background-size: cover; background-position: 100% 100%; position: relative;  display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; }
.testimonial-wrapper { max-width: 669px; width: 100%; margin: 0 auto; }
.testimonial-content { padding-top: 112px; }
.testimonial-content p { font-size: 20px; font-weight: 300; line-height: 26px; font-family: 'MuliLight'; text-align: center; color: #2F2F2F; display: block; margin-bottom: 10px; }
.testimonial-content a { color: #2F2F2F; display: block; text-align: center; font-size: 20px; font-family: 'MuliItalic'; }
.footer-top { background: #C3BDB5; padding: 12px 0; }
.footer-social { text-align: right; padding: 0px 25px 0px 0px; }
.footer-social ul li { display: inline-block; padding-right: 6px; }
.footer-logo { padding-left: 46px; }
footer p { font-size: 13px; color: #2F2F2F; line-height: 18px; letter-spacing: 1.95px; text-transform: uppercase; font-family: 'MuliLight'; font-weight: 300; padding: 26px 0 26px 46px; }
footer p a { color: #2F2F2F; }
.banner-inner { position: relative; display: block; }
.banner-inner .banner-inner-posb { position: absolute; top: 0; width: 100%; left: 0; height: 100%; display: flex; align-items: center; justify-content: center; }
.banner-inner .banner-inner-posb h2 { font-size: 59px; letter-spacing: 5.9px; font-weight: 700; font-family: 'MuliBold'; text-transform: uppercase; color: #EAEAEA; padding-top: 0px; padding-left: 8px; }
.about-content { max-width: 1124px; width: 100%; margin: 0 auto; padding-top: 77px; padding-bottom: 179px; }
.about-content p { font-size: 20px; line-height: 27px; font-weight: 200; font-family: 'MuliExtraLight'; padding-bottom: 17px; }
.require-gird { background: #C3BDB5; margin-top: 68px; }
.require-gird p { font-size: 25px; line-height: 27px; text-align: center; font-weight: 200; font-family: 'MuliExtraLight'; color: #F0EDE6; padding: 15px 0; }
.salon-policies-content { max-width: 1124px; width: 100%; margin: 0 auto; padding-top: 26px; padding-bottom: 57px; }
.salon-policies-content p { font-weight: 200; padding-bottom: 17px; font-family: 'MuliExtraLight'; font-size: 20px; line-height: 27px; color: #2F2F2F; }
.salon-policies-content h4 { font-size: 20px; padding-bottom: 17px; font-weight: 700; line-height: 27px; font-family: 'MuliBold'; color: #2F2F2F; }
.salon-policies-content ul { padding: 10px 0 17px; }
.salon-policies-content ul li { font-weight: 200; font-family: 'MuliExtraLight'; font-size: 20px; line-height: 27px; color: #2F2F2F; }
.salon-policies-content ul li:before { content: ''; display: inline-block; background: #2F2F2F; vertical-align: middle; border-radius: 50%; margin: -5px 7px 0 2px; width: 6px; height: 6px; }
.policies-bg { background: url(../images/new/salon-policie-bg.png) no-repeat; background-size: cover; background-position: 100% 100%; margin-bottom: 117px; }
.policies-content { max-width: 1124px; width: 100%; margin: 0 auto; padding: 30px 0px 33px; }
.policies-content p { font-size: 25px; font-weight: 200; font-family: 'MuliExtraLight'; line-height: 31px; color: #F0EDE6; text-align: center; padding-bottom: 21px; }
.team-column { position: relative; display: block; padding-top: 50px; }
.team-column:before { width: 115%; content: ''; position: absolute; height: 299px; left: -15%; top: 0; background: #C3BDB5; z-index: -1; }
.team-box { position: relative; overflow: hidden; display: block; }
.team-box .team-box-inner { position: absolute; width: 100%; padding: 0; background: transparent; bottom: 0; height:100%; display: flex; align-items: flex-end; justify-content: flex-end;}
.team-box-inner a { width: 100%; display: block; padding: 0px 0px 0 6px; }
.team-box-inner h4 { font-size: 30px; letter-spacing: 3px; line-height: 38px; color: #fff; text-align: center; font-family: 'MuliBold'; text-transform: uppercase; font-weight: 700; padding-bottom: 0px; }
.team-box-inner h6 { font-family: 'MuliLight'; font-weight: 300; font-size: 20px; letter-spacing: 2px; line-height: 25px; color: #fff; text-align: center; padding-top: 0px; padding-bottom: 19px; text-transform: uppercase; }
.team-img-gird { margin-top: 89px; padding: 0px 28px; }
.team-img-gird .row .col-md-3:first-child { padding-right: 5px; }
.team-img-gird .row .col-md-3:nth-child(2) { padding-left: 12px; padding-right: 9px; }
.team-img-gird .row .col-md-3:nth-child(3) { padding-left: 8px; padding-right: 13px; }
.team-img-gird .row .col-md-3:nth-child(4) { padding-left: 6px; }
.team-img-gird .row .col-md-3:nth-child(4) .team-column:before { width: 140%; }
.team-img-gird .row .col-md-3:nth-child(2) .team-box-inner a { padding: 0px 3px 0 0px; }
.mt-68 { margin-top: 72px; }
.team-img-gird.mt-68 .team-column { padding-top: 46px; }
.pb-61 { padding-bottom: 61px; }
.cutting-styling-gird h2 { font-size: 25px; letter-spacing: 2.5px; line-height: 35px; text-align: center; color: #2F2F2F; font-family: 'MuliBold'; font-weight: 700; text-transform: uppercase; padding-bottom: 48px; }
.styling-box { max-width: 375px; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0 -7px 0 auto; margin-bottom: 39px !important; }
.styling-box .styling-left { max-width: 187.5px; width: 100%; text-align: right; padding-right: 37px; }
.styling-box .styling-left h3 { font-size: 20px; font-weight: 200; font-family: 'MuliLight'; line-height: 27px; color: #2F2F2F; }
.styling-box .styling-left h3 span { font-size: 15px; line-height: 20px; }
.styling-box .styling-right { min-height: 143.5px; max-width: 100%; width: 100%; padding-left: 40px; border-left: 1px solid #2F2F2F; }
.styling-box .styling-right ul li { font-size: 20px; line-height: 27px; font-weight: 200; font-family: 'MuliLight'; color: #2F2F2F; }
.cutting-styling-gird { padding-top: 41px; }
.cutting-styling-list .col-lg-4:nth-child(3n+2) .styling-box { margin: 0px 14px 0 auto; max-width: 380px; }
.cutting-styling-list .col-lg-4:nth-child(3n+2) .styling-box .styling-left { max-width: 182.5px; text-align: right; padding-right: 39px; }
.cutting-styling-list .col-lg-4:nth-child(3n+3) .styling-box { margin: 0 auto 0 0px; max-width: 400px; }
.cutting-styling-list .col-lg-4:nth-child(3n+3) .styling-box .styling-left { max-width: 163.5px; padding-right: 38px; }
.cutting-styling-list .col-lg-4:nth-child(3n+3) .styling-box .styling-left h3 { text-align: right; line-height: 19px; padding-bottom: 15px; }
.mr-15 { margin-left: -15px; }
.line-padd-26 { line-height: 29px !important; padding-bottom: 26px !important; }
.line-padd-17 { line-height: 17px !important; padding-bottom: 15px !important; }
.line-padd-20 { line-height: 20px !important; padding-bottom: 26px !important; padding-top: 0px !important; }
.pt-08 { padding-top: 8px !important; }
.styling-content p { font-weight: 400; font-size: 19px; line-height: 27px; color: #2F2F2F; }
.styling-content { min-height: 160px; display: flex; align-items: center; justify-content: center; padding-left: 9px; }
.package-bg { background: url(../images/new/service-bg.png) no-repeat; background-size: cover; background-position: 100% 100%; margin-top: 66px; }
.package-bg .package-content { max-width: 600px; width: 100%; margin: 0 auto; text-align: center; padding-bottom: 35px; }
.package-bg .package-content h3 { font-size: 22px; line-height: 31px; color: #2F2F2F; font-weight: 400; padding-bottom: 0px; padding-top: 15px; }
.package-bg .package-content h4 { font-size: 22px; line-height: 31px; color: #2F2F2F; font-weight: 400; padding-bottom: 0px; padding-top: 20px; }
.package-bg .package-content p { font-size: 22px; line-height: 31px; color: #2F2F2F; font-weight: 200; font-family: 'MuliExtraLight'; padding-top: 0px; }
.package-bg .package-content ul { padding-bottom: 20px; }
.package-bg .package-content ul li span small { font-weight: 200; font-family: 'MuliExtraLight'; font-size: 15px; }
.package-bg .package-content ul li { font-size: 22px; line-height: 31px; color: #2F2F2F; font-weight: 200; font-family: 'MuliExtraLight'; }
.package-bg .package-content .btn-tip { max-width: 245px; width: 100%; border: 3px solid #2F2F2F; padding: 1px 0; border-radius: 0; font-size: 15px; font-weight: 700; font-family: 'MuliBold'; line-height: 27px; text-transform: uppercase; }
.opening-gird { padding: 91px 0 114px; }
.opening-gird h3 { text-align: center; font-size: 19px; font-weight: 400; line-height: 27px; color: #2F2F2F; }
.opening-gird p { font-size: 19px; text-align: center; font-weight: 200; font-family: 'MuliExtraLight'; line-height: 27px; color: #2F2F2F; padding-top: 17px; }
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 0; }
.banner-inner.length-inner .banner-inner-posb h2{    max-width: 1034px; width: 100%; margin: 0 auto; text-align: center; line-height: 85px;}
.length-extension-gird{    max-width: 1142px; width: 100%;     margin: 95px auto 71px;}
.length-extension-gird ul li{    font-size: 20px; line-height: 27px; font-weight: 200; font-family: 'MuliExtraLight'; color: #2F2F2F; padding-bottom: 27px;}
.length-extension-gird ul li:before{
content: '';display: inline-block;background: #2F2F2F;vertical-align: middle;border-radius: 50%;margin: -2px 9px 0 -16px;width: 7px;height: 7px;}
.footer-social .footer_social_sec .contactinfo p{    font-size: 18px; text-transform: none;}
.footer_social_sec { max-width: 90%; width: 100%; margin: 0 0 0 auto; }
.footer_social_sec .contactinfo p { text-align: left; }
.footer_social_sec h3 { font-family: 'MuliBold'; font-size: 26px; line-height: 55px; letter-spacing: 2.6px; text-transform: uppercase; text-align: left; padding-top:0px;}
.footer_social_sec .two-gird { margin-left: 11px; }
.aboutblock h2 { font-family: 'MuliBold'; font-size: 40px; line-height: 55px; letter-spacing: 3.9px; text-transform: uppercase; text-align: center; }
.main-head { font-family: 'MuliBold' !important; font-size: 20px !important; line-height: 47px !important; padding: 10px 0 10px !important; color: #2F2F2F !important; }
.pagecontent { padding: 60px 0px 60px 0px; }
.footer-middle ul{padding-top:18px;}
.footer-middle ul li a{    font-size: 16px; line-height: 19px; letter-spacing: 2.0px; text-transform: uppercase; position: relative; font-family: 'MuliBold';  padding-bottom: 26px;
    display: block;}
@media(max-width:1270px) and (min-width:1173px) {
.footer_social_sec { max-width: 100%; }
}
@media(max-width:1185px) and (min-width:1016px) {
.footer_social_sec { max-width: 100%; }
}
 @media(max-width:1024px) {
.footer_social_sec { max-width: 100%; width: 100%; }
}
@media(max-width:991px) {
.footer_social_sec { max-width: 100%; width: 100%; }
}
@media(max-width:767px) {
.footer_social_sec { max-width: 100%; width: 100%; }
}
/*===== owl-carousel ====*/
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;height:auto}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*===== owl-carousel ====*/
/*===== owl-theme ====*/
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;outline:0}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*===== owl-theme ====*/ 

/* ====================dilip styles start ==================== */
.testimonial-img{position: relative;height: 100%;}
.testimonial-img img{ width: 100%;height: 100%;}

/* ==================== dilip styles end ==================== */

/* ==================== vb styles start ==================== */
.inner-banner img { height: 798px; object-fit: cover; }
.innerban-heading { font-size: 59px; line-height: 55px; color: #EAEAEA; font-weight: 700; text-transform: uppercase; letter-spacing: 5.9px; display: flex; align-items: center; justify-content: center; }
.extension-main-cont { background-color: #EAEAEA; padding: 50px 0 43px; }
.extension-top-cont { max-width: 1142px; margin: 0 auto; font-family: 'MuliExtraLight'; padding: 0 0 100px; }
.extension-top-cont p { font-size: 20px; line-height: 27px; color: #2F2F2F; padding: 10px 0 15px; }
.extension-top-cont p:first-child { padding-top: 5px; }
.extension-top-cont p:nth-child(2) { padding-bottom: 20px; }
.btn-black-outline { display: inline-block; font-family: 'MuliBold'; background: transparent !important; color: #2F2F2F !important; border-radius: 0px; font-size: 15px; line-height: 27px; padding: 10px 12px; border: solid 3px #2F2F2F; font-weight: 700; box-shadow: none !important; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn.btn-black-outline:focus, .btn.btn-black-outline:hover { box-shadow: 0 0 0 0.1rem rgba(0, 0, 0,0.4) !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.extension-top-cont .btn-black-outline { width: 470px; max-width: 100%; margin: 30px auto 0; display: block; padding: 17px 8px 17px 5px; }
.extension-grid-main { margin: 0 0 0; position: relative; padding-bottom: 3px; }
.extension-grid-main::before { content: ''; background-color: #C3BDB5; width: 100%; height: 214px; display: block; position: absolute; padding: 0 0 0; top: 0; }
.extension-grid-cont { max-width: 1136px; margin: 0 auto 30px; padding: 25px 0 20px; position: relative; z-index: 1; }
.extension-col-cont { margin: 10px 0 0; padding: 0 11px; }
.extension-col-cont img { width: 100%; height: 308px; object-fit: cover; }
.makeup-main-cont { background-color: #EAEAEA; padding: 87px 0 96px; }
.makeup-service-cont { max-width: 1200px; font-family: 'MuliExtraLight'; }
.maekup-right-col { padding: 0 15px 0 45px; }
.maekup-left-col img { display: block; }
.maekup-right-col p, .maekup-right-col h3 { font-size: 20px; line-height: 27px; color: #2F2F2F; padding: 10px 0 20px; }
.maekup-right-col h3 { font-family: 'MuliBold'; }
.makeup-serv-list { padding: 30px 0 0; }
.makeup-serv-list p:last-child { padding-bottom: 24px; padding-top: 4px; }
.bridal-main-cont .extension-top-cont .btn-black-outline { width: 248px; padding: 12px 8px; margin: 35px auto 0; }
.affliates-main-cont { background-color: #EAEAEA; padding: 85px 0 53px; }
.affliates-cont { max-width: 1190px; }
.affliates-right-col { font-family: 'MuliExtraLight'; }
.affliates-left-col img { display: block; }
.affliates-right-col p { font-size: 20px; line-height: 27px; color: #2F2F2F; padding: 10px 0 15px; font-family: 'MuliExtraLight'; }
.affliates-right-col p a { text-decoration: underline !important; color: #2F2F2F; }
.affliates-cont .row { padding-bottom: 115px; }
.affliates-cont .row:last-child { padding-bottom: 50px; }
.mr-06 { margin-right: -6px; }
.contact-map{padding-top:109px;}
.contactus-main { background-color: #EAEAEA; padding: 50px 0 50px; }
.contactus-grid-cont { max-width: 982px; padding-bottom: 18px; }
.contactus-grid-cont h2 { font-family: 'MuliBold'; font-size: 39px; line-height: 55px; letter-spacing: 3.9px; text-transform: uppercase; text-align: center; }
.contactinfo-row { padding-top: 40px; padding-bottom: 15px; }
.contactinfo { position: relative; font-family: 'MuliLight'; }
.contactinfo.one-gird span { left: 6px; }
.contactinfo.one-gird p { padding-left: 33px; }
.contactinfo.two-gird { padding: 0 0 10px 23px; }
.contactinfo.two-gird span { left: -5px; }
.contactinfo.three-gird { padding: 0 0 10px 44px; }
.contactinfo.three-gird span { left: 10px; }
.contactinfo.three-gird span img{max-width:18px;}
.salon-hours-grid { padding-top: 10px; }
.contactinfo span { position: absolute; width: auto; top: 4px; left: 0; }
.contactinfo span img { max-width: 16px; width:100%; }
.contactinfo p { font-size: 20px; line-height: 27px; padding: 0 0 10px; color: #2F2F2F; word-wrap: break-word; }
.contactinfo p a { color: #2F2F2F; }
ul.applist {margin:15px 0 0 0; padding:0; text-align:center;}
ul.applist li {margin:0; padding:0 8px 0 0; display:inline-block; vertical-align: middle;} 
ul.applist li a {display: block; margin:0; padding:0;} 
ul.applist li a img{width: 42px;}

.salon-hours-grid h3 { font-family: 'MuliBold'; font-size: 20px; line-height: 47px; padding: 10px 0 10px; color: #2F2F2F; text-align: center; }
.salon-hours-grid p { font-family: 'MuliLight'; font-size: 20px; line-height: 27px; padding: 0 0 10px; color: #2F2F2F; text-align: center; font-weight: 300; }
.hourlist { width: 100%; max-width: 380px; margin: 30px auto 0; padding: 0 0 0 30px; }
.hourlist li { font-size: 20px; line-height: 37px; font-family: 'MuliExtraLight'; color: #2F2F2F; display: flex; justify-content: space-between; }
.hourlist li strong { font-weight: 300; }
.hourlist li small { width: 52%; font-size: 20px; }

.team-box-inner h6{font-size: 14px;letter-spacing: 0.35px;text-transform:none;line-height: 20px;}
@media (min-width: 991px) {
.col-md-2-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.col-md-4-30 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
.col-md-8-70 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
.col-md-4-32 { -ms-flex: 0 0 33.4%; flex: 0 0 33.4%; max-width: 33.4%; }
.col-md-4-28 { -ms-flex: 0 0 29.9%; flex: 0 0 29.9%; max-width: 29.9%; }
.col-md-4-39 { -ms-flex: 0 0 36.7%; flex: 0 0 36.7%; max-width: 36.7%; }
}
@media (max-width: 1079px) {
.length-extension-gird{margin:20px auto; padding: 0 10px;}
.navbar-nav li ul li:before { display: none; }
footer p { padding-left: 0px; }
.testimonial-content { padding-top: 40px; padding: 10px; }
.testimonial-content p { min-height: 83px; height: auto; }
.right-service-gird { padding-left: 0px; }
.mission-content p br, .testimonial-content p br, .opening-gird p br { display: none; }
.mission-content { padding: 15px 0; }
.bannermain, .banner-inner { margin-top: 82px; }
.inner-banner img { height: 550px; }
.extension-main-cont { padding: 50px 0 30px; }
.extension-top-cont { padding: 0 0 50px; }
.makeup-main-cont { padding: 50px 0 30px; }
.maekup-right-col p, .maekup-right-col h3 { font-size: 18px; line-height: 24px; padding: 10px 0; }
.affliates-main-cont { padding: 45px 0 30px; }
.affliates-cont .row { padding-bottom: 60px; }
.contactus-main { padding: 30px 0 30px; }
.contactus-grid-cont h2 { font-size: 35px; line-height: 50px; letter-spacing: 3.5px; }
.contactinfo-row { padding-top: 20px; }
.hourlist { margin: 20px auto 0; }
.header.sticky { position: fixed; width: 100%; }
.mobile-logo-none { display: none; }
.header.sticky .navigation { padding: 7px 5px; }
.logo img { max-width: 80px; }
.none-blk { display: none !important; }
.collapse { display: none; }
.navbar-default .navbar-collapse.show { display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; }
.navbar-collapse { width: 100%; max-width: 100%; height: calc(100% - 72px); top: 72px; position: fixed; left: -110%; display: block !important; transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; background: #2F2F2F; /* transform: translateX(-100%); */ border-top: 1px solid #49365A; overflow-y: auto; overflow-x: hidden; z-index: 9; }
.navbar-collapse.show { left: 0; transform: translateX(0%); }
.navbar-default .navbar-collapse { border: none; box-shadow: none; }
.headertoprgt { display: none; background-color: transparent; }
.mobilelist { display: block; }
.mobilelist .headertoprgt { display: block; padding: 0 0 5px; margin: 0; }
.navbar { float: none; margin: 0 0 0; padding: 0; }
.navbar-header { float: left; }
.navbar-toggle.active .icon-bar { width: 22px; height: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); width: 22px !important; }
.navbar-toggle .icon-bar { display: block; width: 17px; height: 3px; border-radius: 50px; background: #fff; margin-left: 7px; }
.navbar-toggle { float: none; display: block; margin: 15px 0 0 10px; border-color: transparent; padding: 14px 10px; border-radius: 50%; background: transparent; position: relative; outline: none !important; }
.navbar-toggle .icon-bar:nth-child(2) { width: 24px; margin: 4px 0; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-nav { width: 100%; margin: 10px 0 0; padding: 0; }
.navbar-nav li { width: 100%; border-bottom: 1px solid #fff; }
.navbar-nav li a { padding: 5px 3px !important; font-size: 12px; text-align: left !important; }
.navbar-nav li span { display: block; }
.navbar-nav li ul ul { position: static; width: 100%; padding: 5px 10px; }
.navbar-nav li ul { position: static; width: 100%; padding: 5px 10px; visibility: visible; opacity: 1; transform: none !important; transition: none !important; display: none; }
.navlist { padding: 0 0px 0; position: relative; z-index: 9; display: block; width: 100%; float: none; }
.logo { display: block !important; float: left; position: relative; width: 70%; padding: 0px 29px 0 0px !important; }
.logo_pos { display: none !important; }
.navbar-header { float: right; display: block; }
.navbar-default .navbar-nav > li > a { text-align: left; display: block; }
.navbar-default .navbar-nav > li { padding: 5px 5px !important; text-align: left; }
.navbar-default .navbar-nav > li > a:after { display: none; }
.navbar-nav li:hover ul { display: none; }
.navbar-nav li ul { display: none; }
.navbar-nav li ul li:hover ul { display: none; }
.navbar-nav li ul li:hover { color: #fff; }
.navbar-default .navbar-nav > li:last-child {/*padding:0;*/ }
.navbar-nav li:last-child { border: none; }
.navigation { background-color: #2F2F2F !important; padding: 5px; }
.header.sticky .navbar { margin: 0; }
.header.sticky .navbar-collapse { top: 72px; }
.header.sticky .logo img { width: 100%; }
.navbar-default .navbar-nav > li > a i { display: none; }
.navbar-nav li ul li a i { display: none; }
}
@media (min-width: 1080px) {
.footer-2{-ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%;}
.footer-3{-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
.navbar-nav li:hover ul { display: block; visibility: visible; opacity: 1; z-index: 1; transform: translateY(1%); transition-delay: 0s, 0s, 0.3s; }
.navbar-nav li ul ul { display: none !important; }
.navbar-nav li ul li:hover ul { display: block !important; }
.navbar-nav li ul { visibility: hidden; opacity: 0; display: block !important; }
}
 @media(max-width:992px) {
.about-content { padding: 25px 0; }
.banner-scroll-box .btn-book { max-width: 309px; font-size: 20px; padding: 12px 10px; min-width: inherit; }
.welcome-headding { font-size: 30px; flex-direction: column; letter-spacing: 4.5px }
.banner-posb-img { max-width: 280px; width: 100%; margin: 0 auto; text-align: center; }
#home-banner .banner-posb-img img { height: auto !important; }
.home-banner-image img, .banner-inner img{ height: calc(100vh - 82px) !important;}

}
 @media (max-width: 767px) {
.footer-middle ul{padding-top:0px;}     
.footer-middle ul li a, .footer-logo{padding-bottom:15px;}     
.banner-inner.length-inner .banner-inner-posb h2{line-height: normal; font-size: 24px; letter-spacing: 2.4px; padding: 0 10px;}
.team-img-gird .row .col-md-3{padding-left: 15px !important; padding-right: 15px !important;}
.team-img-gird .row .col-md-3:nth-child(2) .team-column:before { width: 140%; }
.bg-white{padding:15px;     background-color: transparent !important;}
.top-service-gird .heading-rotate{writing-mode: horizontal-tb;transform: rotate( 0deg);
    -webkit-transform: rotate( 0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); padding-bottom:20px;}     
.mission-img{margin:0;}
.team-column { padding-bottom: 30px; }
.team-img-gird { padding: 0px 0px !important; }
.policies-bg { margin-bottom: 30px; }
.require-gird { padding: 0px 10px; }
.opening-gird { padding: 25px 0; }
.styling-box { max-width: 400px !important; }
.styling-box .styling-left { max-width: 187.5px !important; }
.styling-box { margin: 0 auto !important; margin-bottom: 25px !important; }
.banner-inner .banner-inner-posb h2 { font-size: 29px; letter-spacing: 2.9px; }
footer p { text-align: center; }
.footer-social { padding-right: 0px; padding-top: 10px; }
.footer-logo, .welcome-headding span { padding-left: 0px; }
.testimonial-gird { margin-top: 40px; margin-bottom: 40px; }
.sign-up-gird .form-control { height: 54px; padding-right: 126px; }
.sign-up-gird .input-group-btn .btn-default { height: 54px; width: 126px; }
.sign-up-gird .input-group { padding-top: 10px; }
.sign-up-bg { padding: 25px 0 40px; }
.top-service-gird { padding-bottom: 40px; }
.service-img-box, .testimonial-wrapper { margin-bottom: 20px; }
.inner-banner img { height: 450px; }
.innerban-heading { font-size: 40px; line-height: normal; }
.extension-grid-main::before { height: 100%; }
.extension-top-cont p, .affliates-right-col p { font-size: 18px; line-height: 24px; padding: 10px 0; }
.maekup-right-col { padding: 0 15px; }
.makeup-serv-list { padding: 10px 0 0; }
.contactinfo p { font-size: 18px; line-height: 24px; }
.contactinfo p br { display: none; }
.contactinfo-row { padding-top: 5px; padding-bottom: 0; }
.contactus-grid-cont h2 { font-size: 25px; line-height: 40px; letter-spacing: 2.5px; }
.hourlist li, .hourlist li small { font-size: 16px; line-height: 24px; }
.hourlist li { margin: 0 0 5px; }
}
@media(max-width:992px) and (min-width:767px) {
.team-column:before { height: 199px; }
.team-box-inner h6 { font-size: 14px; letter-spacing: 2px; line-height: 16px; padding-bottom: 10px; }
.team-box-inner h4 { font-size: 20px; letter-spacing: 2px; line-height: 33px; }
.styling-box .styling-left { padding-right: 15px !important; }
.styling-box .styling-right { padding-left: 10px; }
.styling-box { max-width: 400px !important; }
.styling-box .styling-left { max-width: 187.5px !important; }
.styling-box { margin: 0 auto !important; margin-bottom: 25px !important; }

}
 @media (max-width: 575px) {
.mission-img img{height:auto !important;}
.team-column:before {width: 120%;}     
.team-column { padding-bottom: 0px; }
.inner-banner img { height: 300px; }
.innerban-heading { font-size: 30px; }
.extension-col-cont img { height: auto; }
.affliates-left-col img, .maekup-left-col img { margin: 0 auto; }
.hourlist { margin: 15px auto 0; padding: 0;}
.contactinfo p{padding: 0 0 10px !important;}
.contactinfo{padding: 0 0 10px 25px !important;}
.contactinfo span{ width: 20px;left: 0 !important;}
ul.applist{text-align:center;margin: 5px 0 0 0;}
.shopPopup .modal-body {padding: 1rem;}
.shopPopup .close-ic{    right: -9px;top: -9px;}
}
@media (max-width: 475px) {
.service-img-box .service-img-inner a{    font-size: 20px !important;}    
.cutting-styling-gird h2 { font-size: 20px; }
.styling-box .styling-left h3 { font-size: 16px; line-height: 24px; }
.styling-box .styling-right ul li { font-size: 16px; line-height: 24px; }
.styling-box .styling-left { padding-right: 15px !important; }
.styling-box .styling-right { padding-left: 10px; min-height: auto; }
.shop-content > a.btn{max-width: 100%;}

}
 @media(max-width:1200px) and (min-width:991px) {
.styling-box .styling-left h3 { font-size: 16px; line-height: 24px; }
.styling-box .styling-right ul li { font-size: 16px; line-height: 24px; }
.styling-box .styling-left { padding-right: 15px !important; }
.styling-box .styling-right { padding-left: 10px; min-height: auto; }
}
 @media(max-width:1200px) and (min-width:1079px) {
     .footer-middle ul li a{font-size:16px; letter-spacing:1.6px;} 
.navbar-default .navbar-nav > li > a { letter-spacing: 1px !important; font-size: 13px !important; }
.navbar-default .navbar-nav > li { padding: 1px 5px 0px 5px !important; }
}
 @media(max-width:1079px) and (min-width:767px) {
     .footer-social ul li img{width:20px;}
     .footer-social .footer_social_sec .contactinfo p{    font-size: 12px; line-height: normal;}
     .footer-3{padding:0px 5px;}
     .footer-social{padding-right:0px;}
     .footer_social_sec h3{font-size: 18px;     letter-spacing: 1.8px; line-height: normal;}
.footer-middle ul li a{font-size:12px; padding-bottom:10px; letter-spacing:1.2px;}     
.footer-logo{padding-left:0px;}
 }
 @media(min-width:1200px) {
.testimonial-gird .row .col-md-8 { -ms-flex: 0 0 70.666667%; flex: 0 0 70.666667%; max-width: 70.666667%; }
.testimonial-gird .row .col-md-4 { -ms-flex: 0 0 29.333333%; flex: 0 0 29.333333%; max-width: 29.333333%; }
} 
@media(max-wdth:1024px){
    .footer_social_sec {max-width: 67%;}
}


                                              .insta-bg{background:#e6e7e7;margin-bottom:6rem;position:relative;}
												.max_948{max-width:1040px;width:100%;}
												.insta-bg:before{content:'';background:#c2bdb6;min-height:250px;position:absolute;top:0;width:100%;transform:translate(0px, 48%);}
												.insta_title{height:100%;display:flex;align-items:center;position:absolute;right:0;transform:translate(-100%, 0px);}
												.insta_title p a{font-size:30px;color:#fff;}
                                                @media(max-width:1448px) and (min-width:1366px){.insta_title{transform:translate(-50%, 0px);}
												}

												@media(max-width:1376px) and (min-width:1278px){.insta_title{transform:translate(-30%, 0px);}
												}
                                                @media(max-width:1264px) and (min-width:1062px){.insta_title{position:relative;right:0;transform:translate(0px, 0px);justify-content:center;}
                                                .max_948 {
                                                    max-width: 100%;
                                                    width: 100%;
                                                }}
											
												@media(max-width:1079px){.insta_title{position:relative;right:0;transform:translate(0px, 0px);justify-content:center;padding-bottom:1rem;}
												.max_948{max-width:100%;width:100%;}
												.insta_title p a{color:#0e0e0e;}
                                                .insta-bg:before{min-height: 290px;}
												}
												@media(max-width:992px){.insta_title{position:relative;right:0;transform:translate(0px, 0px);justify-content:center;}
												.max_948{max-width:100%;width:100%;}.insta-bg:before {
                                                    min-height: 240px;
                                                }
												}
												@media(max-width:767px){.insta_feed img{width:100%;}
		 										.insta_feed{padding:16px;}
												.insta_title{position:relative;right:0;transform:translate(0px, 0px);justify-content:center;}
												.max_948{max-width:100%;width:100%;}
												}
                                               
/******************* our team updates **********************/
.team-column:hover .team-box .team-box-inner{transition: all ease-in-out 0.5s; opacity: 1; background: rgba(0, 0, 0, 0.5);transform: translate(0%, 0%);-ms-transform: translate(-50%, -50%);}
.team-box .team-box-inner{opacity: 0;}
.view-btn {
    font-size: 15px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: .10em;
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    max-width: 145px;
    width: 100%;
    height: 32px;
    border-radius: 16px;
    transition: all .5s ease-in-out;
    padding: 2px 0px !important;
	cursor:pointer;
	display:inline-block !important;
}
.out-insta {
    float: left;
    width: 100%;
    position: absolute;
    top: 10em;
}
.btn-popdw {
    float: left;
    width: 100%;
    padding: 40px 0px;
	text-align:center;
}

/*--Team New Update --*/
.team-content {width: 100%;background: #c3bdb5;padding: 5px;min-height: 94px; text-align: center;text-transform: uppercase;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.team-content h4 {font-size: 16px;color: #fff;padding: 0 0 3px 0;}
.team-content p {color: #fff;padding-top: 0;font-size: 11px;line-height: 18px;}

.hdg-1 {font-size: 68px;text-transform: capitalize;letter-spacing: inherit;font-family: 'Great Vibes', cursive;}
.hdg-2 {font-size: 36px;text-transform: capitalize;letter-spacing: inherit;}
.hdg-3 {font-size: 54px;text-transform: capitalize;letter-spacing: inherit;font-family: 'Great Vibes', cursive;}
.hdg-4 {font-size: 26px;text-transform: capitalize;letter-spacing: inherit;margin-top: 30px;}

@media (max-width: 767px) {
    .hdg-1 {font-size: 48px;}
    .hdg-2 {font-size: 24px;}
    .hdg-3 {font-size: 34px;} 
    .hdg-4 {font-size: 22px !important;margin-top: 17px !important;}
}

.location-tab .nav-tabs .nav-link{
    display: inline-block;
    font-family: 'MuliBold';
    background: transparent !important;
    color: #2F2F2F !important;
    border-radius: 0px;
    font-size: 13px;
    line-height: 27px;
    padding: 5px 34px;
    border: solid 2px #2F2F2F;
    font-weight: 700;
    box-shadow: none !important;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;cursor: pointer;
}
.location-tab .nav-tabs .nav-link.active{
    background: #2F2F2F !important;color: #fff !important;
}
.location-tab .nav-tabs .nav-link:focus{outline: 0 !important;}
.footer-social.location-social{ text-align: left;padding: 0;}

.location-tab  .nav-tabs {
    border-bottom: 0;width: 100%;justify-content:flex-start;
}
.location-tab .tab-content{
    padding: 16px 0 0;
}
.footer-social.location-social  .footer_social_sec h3{    font-size: 20px;
    line-height: 30px;}

    .footer-social.location-social .footer_social_sec{    max-width: 100%;
        width: 100%;
        margin: 14px 0 0 auto;}

        .footer-social.location-social .contactinfo p{font-size: 16px; text-align: left;
            line-height: 22px;    letter-spacing: 0;}

            .footer-social.location-social .contactinfo.two-gird{
                margin: 0 10px;
            }
.footer-bottom p{    padding: 8px 0;
    text-align: center;}
    .social-media-icons li{margin-right: 10px;}
    .footer-top{    padding: 20px 0;}
    .footer-txt p{letter-spacing: 0;
        font-size: 11px;padding-bottom: 16px;text-align: left;}
        .footer-txt p a{     font-family: 'MuliBold';   font-weight: bold;color: #000;}
        .footer-bottom .row{    align-items: self-end;}

        .testimonial-content p{    height: 200px; overflow-y: auto; padding: 0px 30px;}

        .testimonial-content p::-webkit-scrollbar {width: 10px;height: 10px;}

        .testimonial-content p::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px; 
            }

        .testimonial-content p::-webkit-scrollbar-thumb {background: #2F2F2F; border-radius: 5px;}



    @media(min-width:992px){
        .max-footer-wg{    max-width: 255px;
            width: 100%;
            margin: 0 auto;}
    }

    @media(max-width:1210px){
        .location-tab .nav-tabs .nav-link {
            padding: 5px 30px;
            width: 100%;
            margin-bottom: 10px;
        }
        .location-tab .nav-tabs{    display: inline-flex;
            align-items: center;
            justify-content: flex-start;}
        .location-tab  .nav-tabs .nav-item {
            margin-bottom: 0;
          
        }
        .location-tab .nav-tabs .nav-link{
            padding: 5px 23px;
        }
    }

    @media(max-width:991px) and (min-width:768px){
        .footer-social.location-social .contactinfo p{
          font-size: 14px;
        }
        .location-tab .nav-tabs .nav-link{
            padding: 5px 20px;
        }
    }

    @media(max-width:767px){
        .footer-bottom .row{flex-direction: column-reverse;}
        .footer-bottom p{    padding: 12px 0;}
    }