/********************************** Font Family Start ***********************************/  
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&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: #343434; }
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:#000000; text-decoration: none !important; outline: 0 none; outline: none !important; }
a:hover { color: #000000; -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; }
/*----------------------------------------------------------------------------------*/
::selection { background: #000 !important; color: #fff !important; text-shadow: none; }
::-moz-selection { background: #000 !important; color: #fff !important; text-shadow: none; }
/*----------------------------------------------------------------------------------*/ 
html { scroll-behavior: smooth;}
body { font-size: 14px; -webkit-font-smoothing: antialiased; overflow-x: hidden; background:#fff;font-family: 'Montserrat', sans-serif; font-weight: 400;font-style: normal;} 
/* ----------------------- layout ----------*/
.wrapper { margin: 0 auto; overflow: hidden; width: 100%;}.container{ max-width: 1280px; width: 100%; }
.main-content { padding: 40px 0 40px; }.header { height: auto; position: fixed; top: 0; transition: all 0.5s ease-in-out; z-index: 111; padding: 0 0; width: 100%;  margin: 0 auto;  background: #fff; }   
/* ------------------ HEADER HERE -------------------*/  
.logo {display: block; width: 100%; max-width: 123.52px; margin: 10px 0; transition: all 0.5s ease-in-out; z-index: 1111;
position: relative;}.logo img { transition: all 0.5s ease-in-out; 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:20.5%;padding:0px 0 8px;position:relative;transition:all 0.5s ease-in-out;}
.navbar-default{border:none;box-shadow:none;border-radius:0;background:none;padding:0 0;transition:all ease-in-out 0.3s;}
.navbar{background:transparent;width:79.5%;transition:all 0.5s ease-in-out;margin:6px 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;padding:0px;transition:all 0.5s ease-in-out;}
.navbar-collapse{padding:25px 0 15px 0px;transition:all 0.5s ease-in-out;justify-content:space-between;}
.navbar-nav{float:none;align-items:center;text-align:right;display:flex;width:100%;justify-content:space-between;max-width:705px;margin:0 22px 0 auto;padding:0px 25px 6px 0;}
.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 0px 0px 0px;float:none;}
 .navbar-default .navbar-nav > li > a{font-size:20px;line-height:29px;color:#383838;padding:0 0px 0;border:0px solid rgba(0, 0, 0, 0);display:block;position:relative;font-weight:300;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover{font-weight:300;}
 .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:16px;width:100%;left:0;right:0;bottom:-2px;height:2px;background:#fff !important;display:block;position:absolute;margin:0;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:126px;top:100%;left:0px;position:absolute;/* display:none;*/
 background:#C8535E;padding:2px 0px 16px;visibility:hidden;opacity:0;margin-top:4px;transform:translateY(25px);transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;box-shadow:0px 7px 16px rgba(0,0,0,0.16);}
.navbar-nav li ul li{display:block;float:none;padding:0;text-align:left;line-height:20px;}
.navbar-nav li ul li a{    font-size: 14px; line-height: 19px; font-weight: 400; color: #FFE5E6; padding: 10px 2px 0px 16px;
 display: block;  text-align: left; }
.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;font-weight:600;font-style:italic;}
.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: -1px; 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: #000; font-weight: 600; }.navbar-nav li ul li:last-child { border-bottom: 0px; }    
/* ==================== Loader content Start ==================== */
.loader {display:table; width:100%; height:100%; position:fixed; z-index:99999999999999999999999; left:0; top:0; background:#fff;}.loaderin {width:100%; height:100%; display:table-cell; vertical-align:middle;}.loaderlogo {padding:0 0 0px 0; width:100%; text-align:center; margin:0 0 0;}.loaderimage {padding:0 0 0px 0; width:100%; text-align:center;}.loader-circle {width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; display: block; position: relative; vertical-align: middle; background:#1C1D21; }.loader-circle, .loader-circle:before, .loader-circle: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; }.loader-circle:before, .loader-circle:after { width: 100%;  height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; }.loader-circle { animation-name: cssload-loader; -o-animation-name: cssload-loader; -ms-animation-name: cssload-loader; -webkit-animation-name: cssload-loader; -moz-animation-name: cssload-loader; }  
 @keyframes cssload-loader { from { transform: scale(0); opacity: 1; } to	 { transform: scale(1); opacity: 0; } } 
 @-o-keyframes cssload-loader { from { -o-transform: scale(0); opacity: 1; } to	 { -o-transform: scale(1); opacity: 0; } } 
 @-ms-keyframes cssload-loader { from { -ms-transform: scale(0); opacity: 1; } to	 { -ms-transform: scale(1); opacity: 0; } } 
 @-webkit-keyframes cssload-loader { from { -webkit-transform: scale(0); opacity: 1; } to	 { -webkit-transform: scale(1); opacity: 0; } } 
 @-moz-keyframes cssload-loader { from { -moz-transform: scale(0); opacity: 1; } to	 { -moz-transform: scale(1); opacity: 0; } } 
.form-control::-webkit-input-placeholder { color: #4A2638; }
.form-control::-moz-placeholder { color: #4A2638; }
.form-control:-ms-input-placeholder { color: #4A2638; }
.form-control:-moz-placeholder { color: #4A2638; }  
/* ==================== Back to top Start ==================== */   
.header.sticky{background: #fff; transition: all 0.5s ease-in-out; }  
/* ==================== self ==================== */
.main-banner{background:#E7E7E7;border-bottom:13px solid #3597EC;position:relative;display:block;}
.main-banner .row .col-md-7{-ms-flex:0 0 55.333333%;flex:0 0 55.333333%;max-width:55.333333%;padding:0;}
.main-banner .row .col-md-5{-ms-flex:0 0 44.666667%;flex:0 0 44.666667%;max-width:44.666667%;padding-left:0px;}
.banner-left-gird{position:relative;display:block;}
.banner-left-gird .banner-position{position:absolute;width:100%;height:100%;left:0;right:0;bottom:0;top:0;}
.banner-left-gird .banner-position .banner-left-content{padding:123px 0 0;text-align:center;position:relative;z-index:11;}
.banner-left-gird .banner-position .banner-left-content h2{font-size:30px;font-weight:bold;line-height:50px;color:#fff;text-transform:uppercase;}
.banner-left-gird .banner-position .banner-left-content h4{font-size:30px;font-weight:500;line-height:50px;color:#fff;text-transform:uppercase;}
.main-banner .row{align-items:center;}
.banner-right-gird{background:#FFFFFF;max-width:95.5%;margin:85px auto 0 -3px;border:1px solid rgba(211,211,211,0.38);border-radius:20px;box-shadow:0px 3px 20px rgba(0,0,0,0.05);padding:29px 44px 33px;position:relative;z-index:11;}
.banner-right-gird h1{font-size:25px;font-weight:600;line-height:30px;text-align:center;color:#383838;text-transform:uppercase;padding:0 0 20px;}
.banner-right-gird .form-group{margin-bottom:12px;}
.banner-right-gird .form-control{border:1px solid #D3D3D3;border-radius:10px;height:63px;font-size:16px;font-weight:300;font-style:italic;padding-left:26px;}
.banner-right-gird .btn-submit{width:100%;background:#3597EC !important;border-radius:10px;font-size:20px;font-weight:700;line-height:30px;color:#fff;padding:10px 0;}
.mb-26{margin-bottom:26px !important;}
.mb-23{margin-bottom:23px !important;}
.main-banner:before{position:absolute;content:'';width:100%;height:43.6%;left:0;top:0%;margin-top:88px;background:rgba(56,56,56,1);background:-moz-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(122,122,122,0) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,56,56,1)), color-stop(100%, rgba(122,122,122,0)));background:-webkit-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(122,122,122,0) 100%);background:-o-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(122,122,122,0) 100%);background:-ms-linear-gradient(top, rgba(56,56,56,1) 0%, rgba(122,122,122,0) 100%);background:linear-gradient(to bottom, rgba(56,56,56,1) 0%, rgba(122,122,122,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#7a7a7a', GradientType=0 );z-index:1;}
.about-img{max-width:454px;width:100%;margin:-3px auto 0 32px;}
.about-content p{font-size:21px;font-weight:300;line-height:27px;text-align:center;color:#000;padding:0 0 28px;}
.about-content{max-width:531px;width:100%;margin:0 13px 0 auto;}
.online-booking-box{background:#F7F7F7;border-radius:23px;text-align:center;padding:45px 10px 0;min-height:445px;}
.online-booking-box .online-booking-icon img{width:auto !important;margin:0 auto;}
.online-booking-box .online-booking-icon{padding:0 0 29px;}
.online-wrapper{max-width:1157px;width:100%;margin:85px auto 126px;}
.online-booking-box h3{font-size:25px;font-weight:500;line-height:35px;color:#000;text-transform:uppercase;padding:0 0 12px;}
.online-booking-box p{font-size:18px;font-weight:300;line-height:27px;color:#000000;padding:0 10px;}
 .owl-nav button{position:absolute;top:38.5%;}
.owl-nav button.owl-prev{left:-43px;}
 .owl-nav button.owl-next{right:-50px;}
.owl-theme .owl-nav [class*=owl-]:hover, button:focus{outline:none !important;background:transparent !important;}
.signup-wrapper{background:rgba(0,0,0,1);background:-moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(100,100,100,1) 100%);background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(100,100,100,1)));background:-webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(100,100,100,1) 100%);background:-o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(100,100,100,1) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(100,100,100,1) 100%);background:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(100,100,100,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#646464', GradientType=0 );padding:96px 0 91px;}
.signup-wrapper .signup-content{max-width:1031px;width:100%;margin:0 auto;}
.signup-wrapper .signup-content h2{text-align:center;font-size:35px;line-height:55px;font-weight:300;color:#fff;padding:0 0 46px;}
.signup-wrapper .signup-content h2 span{font-weight:500;}
.signup-wrapper .signup-content a{max-width:335px;width:100%;margin:0 auto;display:block;text-align:center;background:#fff;border-radius:31px;font-size:20px;line-height:30px;font-weight:bold;padding:12px 0;}
.service-slider-wrapper{max-width:1045px;width:100%;margin:8% 5.8% 10.6% auto;}
.service-slider-wrapper h2{font-size:30px;line-height:37px;letter-spacing:1.5px;text-transform:uppercase;font-weight:bold;color:#000;padding:0 0 59px;}
.service-slider-wrapper .service-box{max-width:310px;padding-top:43px;width:100%;margin:0 auto;background:#F7F7F7;border-radius:20px;box-shadow:0px 3px 6px rgba(196,196,196,0.18);margin-bottom:30px;min-height:214px;}
.service-slider-wrapper .service-icon{min-height:98px;display:flex;align-items:center;justify-content:center;padding-bottom:21px;}
.service-slider-wrapper .service-icon img{width:auto !important;}
.service-slider-wrapper .service-content h4{font-size:17px;font-weight:600;letter-spacing:0.85px;line-height:20px;text-align:center;text-transform:uppercase;color:#383838;min-height:40px;}
.service-slider-wrapper .owl-nav button{top:38%;}
.service-slider-wrapper .owl-nav button.owl-prev{left:-83px;}
.service-slider-wrapper .owl-nav button.owl-next{right:-28px;}
.digital-img{position:relative;display:block;padding-bottom:87%;}
.digital-img img{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;object-fit:cover;object-position:100% 100%;}
.digital-content{max-width:86%;width:100%;margin:2% 5.4% 0 auto;}
.digital-content h2{font-size:30px;font-weight:bold;line-height:33px;color:#000000;text-transform:uppercase;padding:0 0 36px;}
.digital-content h3{font-size:27px;font-weight:500;text-transform:uppercase;line-height:33px;color:#000000;padding:0 0 54px;}
.digital-content ul{padding:0 0 0 32px;}
.digital-content ul li{color:#000000;font-size:27px;font-weight:300;line-height:40px;}
.digital-content ul li:before{content:'';width:5px;height:5px;background:#434345;margin:-4px 13px 0 -23px;display:inline-block;vertical-align:middle;border-radius:50%;}
.ready-salon-content{max-width:92.2%;width:100%;margin:0 0px 0 auto;text-align:center;padding:15% 0 18%;}
.ready-salon-content h3{font-size:35px;font-weight:500;line-height:45px;color:#fff;text-transform:uppercase;padding:0 0 45px;}
.ready-salon-content h4{font-size:34px;line-height:45px;color:#fff;font-weight:300;}
.ready-salon-wrapper{margin:109px 0 0;}
.ready-salon-form .banner-right-gird{max-width:87%;margin:74px auto 0 auto;}
footer{background:#fff;padding:0 0 110px;}
.footer-content{max-width:528px;width:100%;text-align:center;margin:6% 0 0 5.7%;}
.footer-content h4{font-size:21px;font-weight:300;line-height:45px;text-transform:uppercase;color:#383838;}
.footer-content h4 a{color:#383838;}
.footer-content ul{padding:44px 0 0;}
.footer-content ul li{padding-right:28px;display:inline-block;}
.footer-content ul li:last-child{padding-right:0px;}
#about, #service{position:relative;top:-100px;}
.ready-salon-wrapper{position: relative;}
.ready-salon-wrapper:after {
content: '';
position: absolute;
height: 600px;
background: #5097e5;
z-index: -9;
left: 0;
width: 100%;
top: 0;
}


   
.accordion-container{position:relative;max-width:825px;height:auto;margin:10px auto;}
.accordion-container > h2{text-align:center;color:#fff;padding-bottom:5px;margin-bottom:20px;padding-bottom:15px;}
.set{position:relative;width:100%;height:auto;background-color:#F7F7F7;margin-bottom:27px;}
.set > a{display:block;padding:30px 32px;text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear;font-size:20px;font-weight:500;line-height:25px;color:#202020;font-family:'Houschka Pro';font-weight:600;}
.set > a svg{float:right;margin-top:2px;}
.content{background-color:#F7F7F7;display:none;}
.content{padding:0 17px;}
.content p{padding:10px 15px;margin:0;font-size:17px;line-height:20px;color:#202020;font-weight:500;}
.custom_mb h3{font-size: 30px;line-height: 37px;letter-spacing: 1.5px;text-transform: uppercase;font-weight: bold;color: #000;}
.custom_mb{padding: 60px 0px}
.set .active  svg{transform: rotate(180deg);transition:0.3s ease;}
.set > a svg{transition:0.3s ease;}



/*===== 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; margin-right: 41px;}
.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: 12px; height: 12px; margin: 5px 2px; background: transparent; border: 1px solid #343434; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 0; border-radius: 50%;} 
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#343434;border:0;}
/*===== owl-theme ====*/ 

@media (min-width: 1080px) {
.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:1150px) and (min-width:1079px){
    .banner-right-gird{    margin: 90px 0 0 !important;}
    .banner-right-gird .btn-submit{padding: 10px 0;}
    .banner-right-gird .form-control{height: 45px;}
}

@media(max-width:1150px){
          
    .footer-content{margin: 6% 0 0;}
    br{display: none;}
        .digital-content h3{font-size: 21px; padding: 0 0 25px; line-height: 28px;} 
    .digital-content h2{    font-size: 24px; line-height: 32px; padding: 0 0 25px;}
     .digital-content ul li{     font-size: 18px;   line-height: 26px; padding: 0 0 12px;}
      .online-booking-box h3, .service-slider-wrapper h2{     font-size: 21px;   line-height: 28px;}
       .banner-right-gird{max-width: 100%; margin: 0px; padding: 20px 15px;}
    .banner-right-gird h1, .about-content p{font-size: 18px; line-height: 26px;}
    .banner-left-gird .banner-position .banner-left-content h2, .banner-left-gird .banner-position .banner-left-content h4{    font-size: 20px; line-height: 30px;}
    .owl-nav button.owl-next{right: 0px !important;}
    .owl-nav button.owl-prev{left: 0px !important;}
}

@media (max-width: 1079px) {
.banner-left-gird .banner-position .banner-left-content{padding: 30px 15px 0;}
.navigation .container-fluid{padding: 0;}
.main-banner:before{margin-top: 0px;}
.wrapper{padding-top: 61px;}    
.header.sticky{position:fixed;
width:100%;}.header.sticky .navigation{padding:7px 5px;}.collapse{display:none;}
.navbar-default .navbar-collapse.show{padding: 8px 0 15px 0px; 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% - 61px);top:61px;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:#fff;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:#000;margin-left:7px;}
.navbar-toggle{float:none;display:block;margin:4px 0 0 10px;border-color:transparent;padding:14px 10px;border-radius:50%;background:0 0;position:relative;outline:0 !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 0 0;position:relative;z-index:9;display:block;width:100%;float:none;}
.logo{display:block !important;float:left;position:relative;width:100%;max-width:90px;padding:5px 0px 0 0 !important; margin: 0 !important;}
.navbar-header{float:right;display:block;}.navbar-default .navbar-nav > li > a{text-align:left;display:block;}
.navbar-default .navbar-nav > li{padding:0px 2px !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-nav li:last-child{border:none;}.navigation{background-color:#fff !important;padding:5px;}.header.sticky .navbar{margin:0;}.header.sticky .navbar-collapse{top:61px;}.header.sticky .logo img{max-width:100%;}.navbar-default .navbar-nav > li > a i{display:none;}.navbar-nav li ul li a i{display:none;}  
} 
@media(max-width:767px){
.ready-salon-content h4{     font-size: 21px;   line-height: 28px;}
.ready-salon-content h3 {font-size: 21px; padding: 0 0 25px; line-height: 28px;} 
.footer-content ul{padding: 20px 0 0;}
.footer-content h4{    font-size: 18px;     line-height: 38px;}
footer{margin-top: 0px; padding: 50px 0;}
.ready-salon-form .banner-right-gird{max-width: 100%; margin: 30px auto;}
.ready-salon-content, .footer-content{max-width: 100%; margin: 0 auto;} 
.signup-wrapper .signup-content h2{    font-size: 24px;
line-height: 32px;}
.signup-wrapper .signup-content{padding: 0 15px;}
.online-wrapper{margin: 25px auto 35px;} 
.about-img{margin: 0 auto;}
.about-content, .digital-content{max-width: 100%; padding: 25px 0;}  
.main-banner .row .col-md-5{padding: 0px;} 
.main-banner .row .col-md-7, .main-banner .row .col-md-5{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

.faq_btn { padding: 15px 70px; font-size: 24px; color: #fff; background: #3597EC; border-radius: 4px; font-weight: bold; transition: all 0.4s; }
.faq_btn:hover { color: #fff; background: #2d88d6; }
.faq_btn { max-width: 335px; width: 100%; margin: 0 auto; display: block; text-align: center; background: #F7F7F7; border-radius: 31px; font-size: 20px; line-height: 30px; font-weight: bold; padding: 12px 0; color: #000; box-shadow: 0px 6px 12px rgb(0 0 0 / 16%); }
.set { background: transparent; margin-bottom: 5px; }
.set > a { pointer-events: none; padding: 15px 15px 0; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; }
.set svg { display: none; }
.content p { font-weight: 400; padding: 5px 15px; }
.set .content { display: block !important; padding: 0; background: transparent; }
.accordion-container { margin: 0px auto 30px; }
.set > a:before { content: ''; width: 5px; height: 5px; background: #434345; margin: -4px 3px 0 -15px; display: inline-block; vertical-align: middle; border-radius: 50%; }
.signup-wrapper .signup-content a { background: #000; color: #fff; }
.banner-left-gird .banner-position .banner-left-content h1 { font-weight: bold; line-height: 50px; color: #fff; text-transform: capitalize; text-align: left; max-width: 750px; width: 100%; margin: 0 auto; }
.banner-left-gird .banner-position { top: 0px; }
.banner-left-gird .banner-position .banner-left-content { padding: 50px 0; }
.banner-right-gird h2 { font-size: 19px; text-transform: capitalize; padding: 0 0 30px; }
.banner-right-gird .form-control { height: 45px; }
.banner-right-gird .form-control:focus { box-shadow: none; }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle { border: 1px solid #D3D3D3; border-radius: 10px; height: 50px; font-size: 16px; font-weight: 300; font-style: italic; background: #fff; width: 100%; line-height: 35px; padding: 7px 23px; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background: #fff; }
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { box-shadow: none !important; outline: 0px !important; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #fff; border-color: #D3D3D3; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-style: normal; }
.navigation { padding: 0 40px }
.banner-left-content h1 { font-size: 30px; }
.banner-left-content span { font-size: 19px; line-height: 33px; font-weight: normal; }
.banner-right-gird { margin: 0px auto 0 0px }
.banner-right-gird h2 { font-size: 19px; text-transform: capitalize; padding: 0 0 30px; }
.banner-right-gird h2 { font-size: 21px; font-weight: 600; line-height: 30px; text-align: center; color: #383838; text-transform: uppercase; padding: 0 0 20px; }
.banner-right-gird h2 span { text-transform: capitalize; font-size: 16px; font-weight: normal; padding: 5px 0; }
.navbar-nav li:last-child a { background: #000; color: #fff; border-radius: 5px; font-size: 18px; font-weight: 500; display: inline-block; padding: 5px 9px !important; }
.salon-sec { padding: 40px 0 0 }
.salon-sec h3 { font-size: 23px; font-weight: 600; text-transform: capitalize; }
.main-banner { padding-top: 92px; }
.banner-right-gird { margin: 0px 0; }
.main-banner .row { align-items: flex-end; justify-content: flex-end; }
.banner-left-gird { position: relative; display: block; padding-top: 80%; }
.banner-left-gird img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: top center; }
.second-half-form .banner-right-gird { margin: 30px 0; }
.bootstrap-select:not(.input-group-btn){width: 100% !important;}
 @media(max-width:1079px) {
.navigation { padding: 10px 16px; }
.header.sticky .navigation { padding: 10px 16px; }
.navbar-default .navbar-nav > li { padding: 0px 15px !important; }
.navbar-default .navbar-nav > li > a { font-size: 18px; line-height: 26px; font-weight: 500; }
}
 @media(max-width:1200px) {
.main-banner:before { height: 100%; }
.banner-left-content h1 { font-size: 23px;line-height: 45px; }
.banner-left-gird { padding-top: 100%; }
}
@media(max-width:991px) {
.banner-right-gird h2 span { font-size: 16px; line-height: 25px; }
.banner-left-gird { padding-top: 100%; }

}
@media(max-width:767px) {
.main-banner { padding-top: 0; }
.banner-left-gird .banner-position .banner-left-content h1 { font-size: 30px; line-height: 35px; }
.banner-left-content span { font-size: 18px; line-height: 25px; margin: 10px 0; }
.banner-left-gird { padding-top: 50%; }
}
@media(max-width:575px) {
.banner-left-gird { padding-top: 100%; }
}