@font-face { font-family: OpenSans-Regular; src: url(../fonts/OpenSans-Regular.ttf) format("truetype"); font-family: OpenSans-Semibold; src: url(../fonts/OpenSans-Semibold.ttf) format("truetype"); font-weight: 400; font-style: normal }
@font-face { font-family: PT_Sans-Web-Bold; src: url(../fonts/PT_Sans-Web-Bold.ttf) format("truetype"); font-family: PT_Sans-Web-BoldItalic; src: url(../fonts/PT_Sans-Web-BoldItalic.ttf) format("truetype"); font-family: PT_Sans-Web-Italic; src: url(../fonts/PT_Sans-Web-Italic.ttf) format("truetype"); font-family: PT_Sans-Web-Regular; src: url(../fonts/PT_Sans-Web-Regular.ttf) format("truetype") }
@font-face { font-family: 'willow'; src: url('../fonts/willow/willow.eot'); src: url('../fonts/willow/willow.eot') format('embedded-opentype'),  url('../fonts/willow/willow.woff2') format('woff2'),  url('../fonts/willow/willow.woff') format('woff'),  url('../fonts/willow/willow.ttf') format('truetype'),  url('../fonts/willow/willow.svg#willow') format('svg'); }
.input-micro { width: 50px; margin-bottom: 0!important }
ul.no-list-style { list-style-type: none; margin-left: 0 }
ul.no-list-style li { line-height: 28px }
div[class*=span] { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; -ms-transition: all .4s linear; transition: all .4s linear }
i:hover { color: #bfbfbf }
body { /*font-family: 'PT Sans', sans-serif;*/ font-size: 15px; line-height: 20px; color: #535b60; overflow-x: hidden; background: #353535; font-family: 'willow'; }
hr.banner-hr { margin: 0 0 20px }
hr.banner-hr2 { margin: 0 0 0 }
h1 { color: #fff; font-weight: 800 }
h2 { color: #e5c06f; font-size: 2em; line-height: 1.5em; margin: 30px 0 0 0 }
a { color: #fff; outline: 0!important; text-decoration: none!important }
a:hover { color: #fff; text-decoration: none!important; outline: 0!important }
.container { max-width: 1100px; width: 100% }
.container-3 { max-width: 960px; width: 100%; margin: auto; padding-left: 15px; padding-right: 15px }
hr { width: 100%; border-top: 10px solid #353535; margin: 0 }
.p-0 { padding: 0!important }
.p-r-5 { padding-right: 5px!important }
.p-l-5 { padding-left: 5px!important }
.p-r-10 { padding-right: 10px!important }
.p-r-15 { padding-right: 15px!important }
.p-l-10 { padding-left: 10px!important }
.p-20 { padding: 20px!important }
.p-t-0 { padding-top: 0!important }
.p-t-3 { padding-top: 3px!important }
.p-t-5 { padding-top: 5px!important }
.p-t-10 { padding-top: 10px!important }
.p-t-20 { padding-top: 20px!important }
.p-t-30 { padding-top: 30px!important }
.p-t-40 { padding-top: 40px!important }
.p-t-50 { padding-top: 50px!important }
.p-t-60 { padding-top: 60px!important }
.p-t-70 { padding-top: 70px!important }
.p-t-80 { padding-top: 80px!important }
.p-t-90 { padding-top: 90px!important }
.p-t-100 { padding-top: 100px!important }
.p-b-0 { padding-bottom: 0!important }
.p-b-10 { padding-bottom: 10px!important }
.p-b-20 { padding-bottom: 20px!important }
.p-b-30 { padding-bottom: 30px!important }
.p-b-40 { padding-bottom: 40px!important }
.p-b-50 { padding-bottom: 50px!important }
.p-b-60 { padding-bottom: 60px!important }
.p-b-70 { padding-bottom: 70px!important }
.p-b-80 { padding-bottom: 80px!important }
.p-b-90 { padding-bottom: 90px!important }
.p-b-100 { padding-bottom: 100px!important }
.m-0 { margin: 0!important }
.m-r-5 { margin-right: 5px!important }
.m-r-10 { margin-right: 10px!important }
.m-r-15 { margin-right: 15px!important }
.m-t-3 { margin-top: 3px!important }
.m-l-5 { margin-left: 5px!important }
.m-l-10 { margin-left: 10px!important }
.m-l-15 { margin-left: 15px!important }
.m-t-5 { margin-top: 5px!important }
.m-t-10 { margin-top: 10px!important }
.m-t-15 { margin-top: 15px!important }
.m-t-20 { margin-top: 20px!important }
.m-t-25 { margin-top: 25px!important }
.m-t-30 { margin-top: 30px!important }
.m-t-40 { margin-top: 40px!important }
.m-t-50 { margin-top: 50px!important }
.m-t-60 { margin-top: 60px!important }
.m-t-70 { margin-top: 70px!important }
.m-t-80 { margin-top: 80px!important }
.m-t-90 { margin-top: 90px!important }
.m-t-100 { margin-top: 100px!important }
.m-b-0 { margin-bottom: 0px!important }
.m-b-3 { margin-bottom: 3px!important }
.m-b-5 { margin-bottom: 5px!important }
.m-b-10 { margin-bottom: 10px!important }
.m-b-15 { margin-bottom: 15px!important }
.m-b-20 { margin-bottom: 20px!important }
.m-b-25 { margin-bottom: 25px!important }
.m-b-30 { margin-bottom: 30px!important }
.m-b-40 { margin-bottom: 40px!important }
.m-b-45 { margin-bottom: 45px!important }
.m-b-50 { margin-bottom: 50px!important }
.m-b-100 { margin-bottom: 100px!important }
.m-b-150 { margin-bottom: 150px!important }
.w-xs { min-width: 80px }
.w-sm { min-width: 95px }
.w-md { min-width: 110px }
.w-lg { min-width: 140px }
.m-h-50 { min-height: 50px }
.l-h-34 { line-height: 34px!important }
.font-300 { font-weight: 300 }
.font-400 { font-weight: 400 }
.font-600 { font-weight: 600 }
.font-8 { font-size: 8px!important }
.font-10 { font-size: 10px!important }
.font-11 { font-size: 11px!important }
.font-12 { font-size: 12px!important }
.font-13 { font-size: 13px!important }
.font-14 { font-size: 14px!important }
.font-15 { font-size: 15px!important }
.font-16 { font-size: 16px!important }
.font-18 { font-size: 18px!important }
.font-20 { font-size: 20px!important }
.font-22 { font-size: 22px!important }
.font-24 { font-size: 24px!important }
.letter-0 { letter-spacing: 0!important }
.letter-1 { letter-spacing: 1px!important }
.letter-2 { letter-spacing: 2px!important }
.letter-3 { letter-spacing: 3px!important }
.b-0 { border: none!important }
.no-bg { background: 0 0!important }
.min-150 { min-width: 150px }
.max-150 { max-width: 150px; width: 100% }
.w-100 { width: 100%!important }
.headertop { padding: 6px 0; background: #2b3132; margin: 8px 0 0 }
.logo { display: block; padding: 0 0; margin: 0 0 0 }
.logodesktop { display: block }
.logomobile { display: none }
.logo_pos { padding: 8px 0 }
.logo_pos a { padding: 0!important }
.logo_pos img { width: 70px; height: auto }
.social { display: inline-block; padding: 0 }
.socialmob { display: none }
.mobilelist { display: none }
.navlist { float: left }
.navbar { float: right }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a { background: 0 0!important; box-shadow: none!important }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background: 0 0!important; border: 0!important; box-shadow: none!important }
.navigation { z-index: 99; position: absolute; padding: 0 54px 0; box-shadow: 0 0 4px -2px #000; background: rgba(23,22,22,.65); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100% }
.navigation1 { z-index: 99; padding: 0 54px 0; box-shadow: 0 0 4px -2px #000; background: rgba(23,22,22,.65); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100% }
.navbar { margin: 0; min-height: inherit!important }
.navbar-collapse { padding: 0 }
.navbar-default { border: none; box-shadow: none; border-radius: 0; background: 0 0; margin: 6px 0 -6px }
ul.sociallist li { margin: 0 14px 0; list-style: none }
.navbar-nav { display: inline-block; text-align: center; float: none }
.navbar-nav li { display: inline-block; position: relative }
.navbar-nav>.active>a { background: 0 0!important; box-shadow: none!important }
.navbar-default .navbar-nav { font-size: 0; margin-top: 51px }
.navbar-default .navbar-nav>li { text-align: center; padding: 0 0; float: none; letter-spacing: 0; word-spacing: 0; font-size: 0 }
.navbar-default .navbar-nav>li>a { font-size: 15px; line-height: 20px; color: #fff; text-transform: uppercase; padding: 16px 9px 15px; border: 0 solid transparent; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; text-shadow: none!important }
.navbar-default .navbar-nav>li.logo_pos { padding: 5px 7px }
.navbar-default .navbar-nav>li>a:hover { color: #fff }
.navbar-default .navbar-nav>li>a:after { content: ''; width: 100%; height: 0; background: #2b3132; display: block; margin: 0; padding: 0; visibility: visible; opacity: 0; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; position: absolute; left: 0; top: 0; z-index: -1 }
.navbar-default .navbar-nav li.active a { color: #b7b7b7; font-size: 15px }
.navbar-default .navbar-nav>li>a:hover { border: 0!important }
.navbar-default .navbar-nav li.active ul li a { color: #828283 }
.navbar-default .navbar-nav li.active a:after { display: none }
.navbar-default .navbar-nav>li.appointment>a { border: 1px solid #b8b5b4; border-radius: 3px }
.navbar-nav li ul { width: 200px; top: 91%; left: 0; z-index: 999; position: absolute!important; display: none; background: #000; padding: 0 5px }
img.nav-line { margin-top: 6px }
.navbar-nav li ul li { display: block; float: none; padding: 12px 8px; text-align: left; font-size: 13px; line-height: 18px; border-bottom: 1px solid #b7b7b7 }
.navbar-nav li ul li a { font-size: 15px; line-height: 14px; color: #fff!important; text-transform: uppercase; padding: 20px 0; padding: 0; font-weight: 700; border: 1px solid transparent; display: block }
.navbar-nav li ul ul { width: 200px; top: 0; left: 190px; position: absolute; display: none; background: rgba(200,201,203,.8); padding: 10px }
.navbar-nav li ul ul li { display: block; float: none; padding: 5px 8px; text-align: left; font-size: 13px; line-height: 18px }
.navbar-nav li ul ul li a { font-size: 14px; line-height: 14px; color: #000!important; text-transform: uppercase; padding: 0; border: 1px solid transparent; display: block }
.navbar-nav li ul li.active a { color: #fff!important }
.navbar-default .navbar-nav li ul li.active a { color: #fff!important }
.navbar-nav li span { background: url(../images/icon-plus.png) no-repeat center; width: 35px; height: 35px; position: absolute; right: 2px; top: 3px; display: none; cursor: pointer }
.navbar-nav li span.open { background: url(../images/icon-minus.png) no-repeat center }
.navbar-nav li:hover ul { display: block }
.navbar-inverse { background: 0 0!important; border: 0; margin: 0 0 0; color: #21284e!important }
.collapse.navbar-collapse a:hover { background: 0 0!important; color: #fff!important; text-decoration: none }
.collapse.navbar-collapse li:hover { background: 0 0!important; color: #e5c06f!important; text-decoration: none }
.navbar-inverse a { color: #21284e!important; background: #f8f8f8!important }
.select-button:hover { border: 0!important }
.select-button a:hover { border: 0!important }
.select-button li:hover { border: 0!important }
.navbar-nav>li>a { font-weight: 700; color:#21284e!
}
.nav>li>a { position: relative; display: block; padding: 24px 15px!important }
img.yelp { width: 61px; margin: -10px 0 0 }
img.yelp2 { width: 57px }
.fonts { position: absolute; z-index: 999; float: right; right: 32px;top: 17px;}
.fonts li { display: block; list-style: none; float: right; margin: 0 20px 0 0; font-size: 27px }
.headtplft a:hover { color: #fff }
.fonts a:focus,
.fonts a:hover { color: #c7c7c7!important }
.baneer { float: left; width: 100%; margin: 0 }
.btn-primary { color: #fff; border: 0; border-color: #0e0e0e; color: #fff; border-radius: 0; font-size: 18px; padding: 6px 16px; margin-right: 26px; font-weight: 600; background: #f1c56a; background: -webkit-linear-gradient(#f1c56a, #ad9458); background: -o-linear-gradient(#f1c56a, #ad9458); background: -moz-linear-gradient(#f1c56a, #ad9458); background: linear-gradient(#0e0e0e, #0e0e0e) }
.btn-primary1 { color: #fff; border: 0; border-color: #0e0e0e; color: #fff; border-radius: 0; font-size: 18px; padding: 6px 16px; margin-right: 0; font-weight: 600; background: #f1c56a; background: -webkit-linear-gradient(#f1c56a, #ad9458); background: -o-linear-gradient(#f1c56a, #ad9458); background: -moz-linear-gradient(#f1c56a, #ad9458); background: linear-gradient(#0e0e0e, #0e0e0e); margin-top: 0; }
.logo-2-out { background: url(../img/black-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; margin-top: 0; -moz-background-size: cover; -o-background-size: cover; padding: 18px 0; color: #fff; float: left }
.logo-2 { margin: 0 0 0; border-right: 1px solid #fff; padding: 0 30px }
.section { background: #0d0d0d; background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.bannerhome li { list-style-type: #f0f8ff; color: #fff; font-size: 18px; letter-spacing: 2px; line-height: 24px }
.bannerhome h1 { text-align: center; margin: 30px 0; text-transform: uppercase; font-size: 31px; letter-spacing: 5px }
.app-text li img { vertical-align: inherit }
.bannerhome .banapp ul { margin-top: 50px }
.banapp ul { margin-top: 0; padding: 0 }
.banapp li { margin: 0; list-style-type: none; padding: 0 14px; float: left }
.app-text ul { margin-top: 50px; padding: 0 }
.app-text li { margin: 0 0 10px; padding: 0 14px }
.bannerhome h3 { margin: 30px 0; font-size: 17px; color: #fff; line-height: 40px; letter-spacing: 1px; font-weight: 700 }
.text12 { color: #fff; font-size: 16px }
.mobile { margin: 0 0 40px }
i.fa.fa-circle { color: #e5c06f; margin: 0 12px 0 0 }
.hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default }
.hovereffect .overlay { width: 100%; position: absolute; overflow: hidden; left: 0; top: auto; cursor: pointer; bottom: 0; padding: 5px 0; height: auto!important; background: url(../img/black-bg.png); color: #3c4a50; -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
h1.services-text { text-align: center; padding: 3px 0 11px; color: #fff; font-weight: 600; letter-spacing: 5px }
.hovereffect img { display: block; position: relative; -webkit-transition: -webkit-transform .35s; transition: transform .35s }
.hovereffect:hover img { -webkit-transform: translate3d(0, -10%, 0); transform: translate3d(0, -10%, 0) }
.hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: NONE; width: 100%; float: left; font-family: Palatino Linotype; margin: 0; display: inline-block }
.hovereffect a.info { display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; border: 1px solid #fff; margin: 50px 0 0 0; background-color: transparent }
.hovereffect a.info:hover { box-shadow: 0 0 5px #fff }
.hovereffect p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em }
.hovereffect:hover p.icon-links a:focus,
.hovereffect:hover p.icon-links a:hover { color: #252d31 }
.hovereffect h2,
.hovereffect p.icon-links a { -webkit-transition: -webkit-transform .35s; transition: transform .35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0) }
.hovereffect p.icon-links a span:before { display: inline-block; padding: 8px 10px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.hovereffect:hover h2 { -webkit-transition-delay: 50ms; transition-delay: 50ms }
.hovereffect { width: 100%; height: auto }
.hovereffect:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: .1s; transition-delay: .1s }
.hovereffect:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: .15s; transition-delay: .15s }
.services-img { margin: 0!important; width: 20%; float: left; padding: 0 }
.services-img img { width: 100% }
.hovereffect:hover p.icon-links a:first-child { -webkit-transition-delay: .2s; transition-delay: .2s }
.footer-content { color: #fff; padding: 30px 0 }
.CONTACT span { line-height: 25px }
.hours-cont span { line-height: 23px }
.banapp ul { list-style: none }
.footer-hour2 { padding: 0 40px; border-left: 1px solid #fff;}
.footer-address { padding: 0 40px }
.copysec.text-center { margin: 40px 0 0 }
.hours-cont { width: 100% }
.hours-cont1 { float: left }
.hours-cont2 { float: right }
.botoom-icon li { display: inline; list-style: none; margin: 0 19px 0 0; font-size: 30px }
.botoom-icon ul { padding: 0 }
.botoom-icon i { margin: 25px 0 0 }
.botoom-icon li a:focus,
.botoom-icon li a:hover { color: #e5c06f }
.baneer_au { background-image: url(../img/about-us.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; top: 49px; margin-bottom: 49px }
.container-2 { max-width: 1050px; width: 100%; margin: auto }
.row.service-detail { padding: 40px 0 0 0; color: #fff }
.service-deatail-out { margin: 0 0 19px 0 }
.service-deatail-out p { font-size: 15px; line-height: 24px; color: #fff; word-spacing: 0; margin: 0 0 9px 0; letter-spacing: 1px }
.baneer_contact { background-image: url(../img/contact-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
.form-control { border-radius: 0; width: 100%; height: 40px; border: 2px solid #000 }
label { color: #fff; margin: 0 0 12px }
textarea.form-control { height: 120px }
.form-group button { float: right; padding: 8 20px; margin: 0 59px 0 0; font-size: 20px; border-radius: 0; font-weight: 600; font-size: 17px; border: 0; background: #f1c56a; background: -webkit-linear-gradient(#f1c56a, #ad9458); background: -o-linear-gradient(#f1c56a, #ad9458); background: -moz-linear-gradient(#f1c56a, #ad9458); background: linear-gradient(#f1c56a, #ad9458) }
.map-deatil img { margin: 0 0 60px 0 }
.map-deatil ul { padding: 0; font-size: 17px; float: left; margin: 10px 0 0 }
.map-deatil i { color: #eac169; margin: 0 12px 0 0 }
.map-deatil li { margin: 10px 14px 0 0; list-style: none; letter-spacing: 0 }
.map-deatil i { color: #eac169; margin: 4px 12px 0 0; float: left }
img.contact-icons { margin: 0 13px 0 0 }
.map { padding: 10px; border: 1px solid #fff; width: 100% }
.baneer_gc { background-image: url(../img/gift-card-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
.carrer_contact { background-image: url(../img/carrer-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
h3.career-heading { color: #fff; text-align: center; font-style: italic; font-size: 22px; letter-spacing: 1.3px; font-weight: 700; margin: 30px 0 -6px }
p.career-text { color: #fff; font-size: 16px; line-height: 26px; margin: 25px 0 }
.carrer-li ul { color: #fff; padding: 0; margin: 0; list-style: none }
.carrer-li li { margin: 0 0 10px }
p.career-text2 { color: #fff; font-size: 15px }
.cc-img { width: 100% }
.baneer_special { background-image: url(../img/special-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
p.check.back { color: #fff; font-size: 16px; font-style: italic; margin: 20px 20px 10px; letter-spacing: 2px }
p.our-mission { font-weight: 600; letter-spacing: 1.8px; font-size: 21px }
.gallety-bg { background-image: url(../img/gallery-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
img#myImg { border-radius: 0!important }
#myImg { border-radius: 5px; cursor: pointer; transition: .3s }
#myImg:hover { opacity: .7 }
.modal { display: none; position: fixed; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000; background-color: rgba(0,0,0,.9) }
.modal-content { margin: auto; display: block; width: 500px; max-width: 500px }
#caption,
.modal-content { -webkit-animation-name: zoom; -webkit-animation-duration: .6s; animation-name: zoom; animation-duration: .6s }
@-webkit-keyframes zoom { from {
-webkit-transform:scale(0)
}
to { -webkit-transform: scale(1) }
}
@keyframes zoom { from {
transform:scale(0)
}
to { transform: scale(1) }
}
.close { position: absolute; top: 0; right: 5px; color: #1a1414; font-size: 40px; font-weight: 700; transition: .3s; opacity: 1 }
.close:focus,
.close:hover { color: #bbb; text-decoration: none; cursor: pointer }
#caption { margin: auto; display: block; width: 500px; max-width: 500px; text-align: center; color: #ccc; display: none }
.text-white{color: #fff;}
.reservation-form-cont .row{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.reservation-form-cont label{font-weight: 400;font-size: 16px;}
.reservation-form-cont .form-control{font-size: 16px;border-radius: 4px;border: 1px solid #000;}
.reservation-form-cont .form-control:focus {border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); -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;
}

.reservation-form-cont  textarea.form-control{height: auto;}
.btn-send { background:#000; color:#fff; box-shadow:none; font-size:22px;  border-radius:4px; border:0;  padding:10px 30px; margin-top:10px; 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; -webkit-transition:all ease-in-out 0.3s; outline:none; line-height:normal; }
.btn.btn-send:hover {color:#000; background:#fff;}

.range-slider{}
.range-slider{width:100%;}
.range-slider__range{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:#707070;outline:none;padding:0;margin:0;}
.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ffffff !important;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range-slider__range::-webkit-slider-thumb:hover{background:#ffffff !important;}
.range-slider__range:active::-webkit-slider-thumb{background:#ffffff !important;}
.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#ffffff !important;cursor:pointer;-moz-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
.range-slider__range::-moz-range-thumb:hover{background:#ffffff;}
.range-slider__range:active::-moz-range-thumb{background:#ffffff !important;}
.range-slider__range:focus::-webkit-slider-thumb{box-shadow:none;}
.range-slider__value{display:block;position:relative;width: 40px;color:#000;line-height:20px;text-align:center;border-radius:3px;background:#ffffff;padding:5px 10px;margin: 10px 0 0 8px;font-size: 16px;}
.range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-right:7px solid #ffffff;border-bottom:7px solid transparent;content:'';}

::-moz-range-track{background:#d7dcdf;border:0;}
 input::-moz-focus-inner, input::-moz-focus-outer{border:0;}
 
.font-control{font-family: 'PT Sans', sans-serif;}


/*----------DC- Start--------------*/
.new-text-h2 {
    color: #fff;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0
  }

  .new-text-h3 {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
  }

  .small-text {
    color: #fff;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 0
  }

  .service-info span img {
    max-width: 430px;
    width: 100%;
    margin: 0 auto;
    display: block;
    padding: 5px 0;
  }
/*----------DC-End--------------*/

/* .range-slider{width:100%;}
 .range-slider__range{-webkit-appearance:none;width:calc(100% - (73px));height:10px;border-radius:5px;background:#d7dcdf;outline:none;padding:0;margin:0;}
 .range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#2c3e50;cursor:pointer;-webkit-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
 .range-slider__range::-webkit-slider-thumb:hover{background:#1abc9c;}
 .range-slider__range:active::-webkit-slider-thumb{background:#1abc9c;}
 .range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#2c3e50;cursor:pointer;-moz-transition:background .15s ease-in-out;transition:background .15s ease-in-out;}
 .range-slider__range::-moz-range-thumb:hover{background:#1abc9c;}
 .range-slider__range:active::-moz-range-thumb{background:#1abc9c;}
 .range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff, 0 0 0 6px #1abc9c;}
 .range-slider__value{display:inline-block;position:relative;width:60px;color:#fff;line-height:20px;text-align:center;border-radius:3px;background:#2c3e50;padding:5px 10px;margin-left:8px;}
 .range-slider__value:after{position:absolute;top:8px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-right:7px solid #2c3e50;border-bottom:7px solid transparent;content:'';}
::-moz-range-track{background:#d7dcdf;border:0;}
 input::-moz-focus-inner, input::-moz-focus-outer{border:0;} */



 .head-top-list ul {display: flex;align-items: center;justify-content: center;list-style-type: none !important;}
 .head-top-list ul li {margin-right: 18px;}
 .meevo-btn{    background: #0e0e0e;
  padding: 5px 10px;
  border-radius: 3px;
}

 



@media only screen and (max-width:700px) {
.modal-content { width: 100% }
}
.baneer_team { background-image: url(../img/team-bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; padding: 56px 0 180px; position: relative; top: 49px; margin-bottom: 49px }
.baneer_sb { background: #000; padding: 56px 0 0; position: static; top: 55px; margin-bottom: 5px }
.sb-out p { color: #fff; font-size: 15px; line-height: 26px }
.sb-out h4 { color: #fff; font-size: 15px; font-weight: 600 }
.row.sb-out { margin: 16px 0 0 }
.fond { position: absolute; padding-top: 85px; top: 0; left: 0; right: 0; bottom: 0; background-color: #00506b }
.style_prevu_kit { display: inline-block; border: 0; position: relative; -webkit-transition: all .2s ease-in; -webkit-transform: scale(1); -ms-transition: all .2s ease-in; -ms-transform: scale(1); -moz-transition: all .2s ease-in; -moz-transform: scale(1); transition: all .2s ease-in; transform: scale(1); opacity: .6 }
.style_prevu_kit:hover { box-shadow: 0 0 150px #000; z-index: 2; -webkit-transition: all .2s ease-in; -webkit-transform: scale(1.1); -ms-transition: all .2s ease-in; -ms-transform: scale(1.1); -moz-transition: all .2s ease-in; -moz-transform: scale(1.1); transition: all .2s ease-in; transform: scale(1.1); opacity: .9 }
.hair-outer { margin: 40px 0 }
.hair-text-outer { margin-bottom: 40px }
.hair-left-outer { border: none }
.hair-left-outer:not(:nth-child(2n+2)) {
border-left:0 solid #95999f
}
p.hair-text { font-size: 14px; color: #fff; letter-spacing: 2px; line-height: 22px }
p.hair-left-text { font-size: 14px; color: #fff; letter-spacing: 2px }
.hair-left-outer h1 { font-size: 19px; color: #fff; letter-spacing: 1px; text-transform: uppercase }
.hair-left-outer ul { padding: 0; margin: 0 }
.hair-left-outer li { font-size: 13px; color: #fff; letter-spacing: 2px; padding: 0 0 5px; list-style: none }
.hair-left-outer li span { font-size: 13px; color: #888; letter-spacing: 2px; padding-left: 3px }
.hair-right-outer { padding-left: 28px }
.perms { margin-top: 0 }
p.hair-right-outer { font-size: 13px; color: #fff; letter-spacing: 2px }
.hair-right-outer h1 { font-size: 13px; color: #e5c06f; letter-spacing: 1; text-transform: uppercase }
.hair-right-outer ul { padding: 0; margin: 0 }
.hair-right-outer p { font-size: 13px; color: #fff; letter-spacing: 2px }
.hair-right-outer li { font-size: 13px; color: #fff; letter-spacing: 2px; padding: 0 0 5px; list-style: none }
.hair-right-outer li span { font-size: 13px; color: #e5c06f; letter-spacing: 2px; padding-left: 3px }
p.nails-text { font-size: 13px; color: #fff; letter-spacing: 2px }
p.nails-left-text { font-size: 13px; color: #fff; letter-spacing: 2px }
.nails-left-outer h1 { font-size: 19px; color: #fff; letter-spacing: 2px; text-transform: uppercase }
.nails-left-outer ul { padding: 0; margin: 0; margin-top: 30px }
.nails-left-outer li { font-size: 13px; color: #fff; letter-spacing: 2px; padding: 0 0 5px; list-style: none }
.nails-left-outer li span { font-size: 13px; color: #888; letter-spacing: 2px; padding-left: 3px }
p.nail-bottom { font-size: 13px; color: #fff; letter-spacing: 1px; margin-top: 10px; font-style: italic }
.ph-no:hover { color: #fff }
img.banner-image { width: 100% }
h3.pakage-heading { margin: 0; font-size: 20px; padding: 0; color: #fff }
p.pakage-italic { font-size: 15px!important; font-style: italic; margin: 14px 0 0 }
p.pakage-text { font-size: 18px }
.pakage-text-2 { letter-spacing: .4px!important }
hr.pakage-border { border: 1px solid #d6d7d8; margin: 30px 0 }
.sp_fx_gl_img { height: 300px; margin: auto; width: 100%; display: block; object-fit: cover }
.team-gallery { margin: 30px 0 }
.gallery-imgg { float: left; height: auto; padding: 10px 0; padding-right: 15px; padding-left: 15px }
.gallery-imgg p { padding-left: 10px; padding-bottom: 0 }
.stafftopleft img { margin-top: 30px }
.our-mission { color: #fff; font-size: 19px; margin: 20px 0 10px; font-weight: 600 }
.staff_designation { color: #fff; font-family: 'PT Sans', sans-serif; font-style: italic; font-size: 14px; text-align: center; margin: 0 0 30px 0 }
@media (max-width:568px) {
.gallery-imgg { float: left; height: auto; padding: 10px 0; padding-right: 15px; padding-left: 15px }
}
@media (max-width:768px) {
.sp_fx_gl_img { height: 200px }
.gallery-imgg { height: 300px }
.gallery_img { height: auto }
}
.stafftopright a { font-size: 13px; line-height: 14px; color: #000!important; font-weight: 400; padding: 10px 15px; border-radius: 3px; text-transform: uppercase; margin: 10px; display: inline-block; background: #e5c06f; margin-left: 0 }
.stafftopright a:first-child { margin-left: 0 }
.stafftopright a:last-child { margin-right: 0 }
.stafftopright h3,
p { color: #fff }
.booknow-main-content { padding: 40px 0 20px }
.booknow-main-content .form-control { width: 100%!important }
.formblock { padding: 0 15px 0 0 }
.formblock h4 { line-height: 30px; padding-bottom: 20px }
.formblock .form-group { margin-bottom: 25px }
.formblock .form-control { color: #000!important; background: #fff; font-size: 16px; line-height: 25px; border-radius: 0; box-shadow: none; resize: none; border: 1px solid #000; padding: 12px 12px; height: 45px }
.formblock textarea.form-control { height: auto }
.formblock .btn-send { background: #e5c06f; color: #000; box-shadow: none; font-size: 16px; line-height: 20px; border-radius: 0; border: 1px solid #000; text-transform: uppercase; text-shadow: none; padding: 12px 30px; margin-top: 10px; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s }
.formblock .btn-send:hover { background: #e5c06f; color: #000 }
.formblock .form-control::-webkit-input-placeholder {
color:#000
}
.formblock .form-control:-moz-placeholder {
color:#000
}
.formblock .form-control::-moz-placeholder {
color:#000
}
.formblock .form-control:-ms-input-placeholder {
color:#000
}
.gallery { display: block }
.effect-duke { background-color: rgba(229,192,111,.5); overflow: hidden; width: 100%; height: auto; position: relative; margin: 0 0 10px }
.effect-duke img { width: 100%; height: auto }
.effect-duke,
.effect-duke img { -webkit-transition: opacity .1s, -webkit-transform .35s; transition: opacity .35s, transform .35s; overflow: hidden }
.effect-duke:hover img { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); overflow: hidden; background-color: rgba(229,192,111,.5) }
.effect-duke h2 { -webkit-transition: -webkit-transform .35s; color: #fff; transition: transform .35s; -webkit-transform: scale3d(.8, .8, 1); transform: scale3d(.8, .8, 1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; margin: 45% 0 0 0; text-align: center; font-size: 20px }
.effect-duke:hover h2 { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); text-align: center }
.img-overlay { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 100% }
.effect-duke:hover .img-overlay { background-color: rgba(229,192,111,.5) }
.para2 { font-size: 14px; line-height: 25px; color: #000 }
.gal-loc-title { font-size: 24px; color: #e5c06f; margin: 10px 0 0; padding: 0; display: block; text-align: center }
.gal-para { font-size: 14px; color: #000; display: block; text-align: center; margin: 10px 0 15px; padding: 0 40px; line-height: 20px }
.btn-send2 { background: #888; color: #fff; box-shadow: none; font-size: 16px; line-height: 20px; margin-bottom: 20px; border-radius: 0; border: 1px solid #000; text-transform: uppercase; text-shadow: none; padding: 8px 20px; margin-top: 10px; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s }
.btn-send2:hover { background: #484848; color: #fff }
.noborder { border-right: 1px solid #95999f }
.rviwsec { padding: 10px 0 }
.rviwsec h4 { color: #fff; font-weight: 700; padding: 10px 0; text-align: center }
.postby { font-size: 12px; color: #fff; border-bottom: solid 1px #ccc; padding: 7px 0 10px; text-align: center }
.star { margin: 10px 0; display: block; text-align: center }
.star span { display: inline-block }
.cments { font-size: 14px; color: #fff; text-align: center }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { color: #b7b7b7; background-color: #e7e7e7 }
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover { color: #b7b7b7; background-color: transparent }
.addres h2 { color: #d4d4d4; font-weight: 500; cursor: pointer; margin-bottom: 6px; letter-spacing: 1px }
.addres strong { color: #fff; font-size: 15px; letter-spacing: 1px }
.addres p { color: #d4d4d4; font-size: 15px; letter-spacing: 1px }
.small-border { height: 2px; width: 200px; background: #ccc; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 0 }
.mb30 { font-size: 32px!important; color: #fff; text-transform: uppercase; letter-spacing: 1px }
a:focus,
a:hover { color: #fff }
.main-button { top: 30% }
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary { color: #fff; background-color: #0e0e0e; border-color: #0e0e0e }
.banner-dv { display: inline-block; margin: 0 0 0; width: 100% }
.banner-dv .item { cursor: default }
.banner-dv img { width: 100%; height: auto }
.banner-dv .owl-buttons div { width: 23px; height: 24px; position: absolute; top: 50%; margin: -15px 0 0 0!important; display: block; cursor: pointer; font-size: 25px!important; line-height: 30px!important; color: #000!important; background: 0 0!important; padding: 0!important; opacity: 1!important }
.banner-dv .owl-buttons div.owl-next { right: 10px!important; padding-top: 5%!important }
.banner-dv .owl-buttons div.owl-prev { left: 10px!important; padding-top: 5%!important }
.banner-dv .owl-pagination { position: absolute; width: 100%; bottom: 10px }
.banner-dv .owl-theme .owl-controls .owl-page span { border: 2px solid #000; background: rgba(0,0,0,0); opacity: 1!important; width: 16px; height: 16px }
.banner-dv .owl-theme .owl-controls .owl-page.active span { border: 2px solid #000; background: #000 }
.banner-dv .owl-theme .owl-controls { margin: 0 }
.main-button1 { top: 0 }
.home_middle { margin-top: 9px; margin-bottom: 16px }
.btn:focus,
.btn:hover { color: #fff; text-decoration: none; outline: 0!important }
.appt_btn { position: absolute; top: 200px; z-index: 9999 }
.appt_btn .btn-primary { display: block; outline: 0!important }
.baneer .btn-primary { display: none }
.imgAbt img { width: 100% }
.team-box { margin: 36px 0 36px }
.socialmob { display: none }
.mobilelist { display: none }
.navlist { float: left }
.navbar { float: right }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a { background: 0 0!important; box-shadow: none!important }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background: 0 0!important; border: 0!important; box-shadow: none!important }
.navigation { z-index: 99; position: absolute; padding: 0 54px 0; box-shadow: 0 0 4px -2px #000; background: rgba(23,22,22,.65); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100% }
.navbar { margin: 0; min-height: inherit!important }
.navbar-collapse { padding: 0 }
.navbar-default { border: none; box-shadow: none; border-radius: 0; background: 0 0; margin: 6px 0 -6px }
ul.sociallist li { margin: 0 14px 0; list-style: none }
.navbar-nav1 { display: inline-block; text-align: center; float: none }
.navbar-nav1 li { display: inline-block; position: relative }
.navbar-nav1>.active>a { background: 0 0!important; box-shadow: none!important }
.navbar-default .navbar-nav1 { font-size: 0; margin-top: 51px }
.navbar-default .navbar-nav1>li { text-align: center; padding: 0 0; float: none; letter-spacing: 0; word-spacing: 0; font-size: 0 }
.navbar-default .navbar-nav1>li>a { font-size: 14px; line-height: 20px; background: 0 0; color: #fff; text-transform: uppercase; padding: 16px 9px 15px; border: 0 solid transparent; transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; text-shadow: none!important }
.navbar-default .navbar-nav1>li.logo_pos { padding: 5px 7px }
.navbar-default .navbar-nav1>li>a:hover { color: #fff }
.navbar-default .navbar-nav1>li>a:after { content: ''; width: 100%; height: 0; background: #2b3132; display: block; margin: 0; padding: 0; visibility: visible; opacity: 0; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; position: absolute; left: 0; top: 0; z-index: -1 }
.navbar-default .navbar-nav1 li.active a { color: #b7b7b7; font-size: 15px }
.navbar-default .navbar-nav1>li>a:hover { border: 0!important }
.navbar-default .navbar-nav1 li.active ul li a { color: #828283 }
.navbar-default .navbar-nav1 li.active a:after { display: none }
.navbar-default .navbar-nav1>li.appointment>a { border: 1px solid #b8b5b4; border-radius: 3px }
.navbar-nav1 li ul { width: 255px; top: 91%; left: 0auto; right: 0!important; z-index: 999; position: absolute!important; display: none; background: #6f6f6f; padding: 0 0 }
img.nav-line { margin-top: 6px }
.navbar-nav1 li ul li { display: block; float: none; padding: 12px 8px; text-align: left; font-size: 13px; line-height: 18px; border-bottom: 3px solid #131313 }
.navbar-nav1 li ul li a { font-size: 15px; line-height: 20px; color: #fff!important; text-transform: capitalize; padding: 0 6px; padding: 0; font-weight: 700; border: 1px solid transparent; display: block; text-align: center }
.navbar-nav1>li>a { font-weight: 700; padding: 24px 27px!important }
.navbar-nav1 li:hover ul { display: block }
.policy-info h4 { font-size: 24px; margin-bottom: 10px; text-align: left;margin-top: 20px;}
.policy-info p {     font-size: 18px !important; position: relative;    padding-left: 15px;}
.policy-info p:before { content: ''; background: #fff; width: 6px; height: 6px; display: inline-block; border-radius: 50px; vertical-align: middle; margin-left: -15px; position: absolute; top: 10px; }
.header-top { background: #000; }
.header-top p { color: #fff; text-align: center; font-size: 18px; padding:15px 0; text-transform: uppercase;margin-bottom: 0px;}


@media (max-width:991px) {
.navbar-default .navbar-nav { font-size: 0; margin-top: 0 }
}
.app-text { float: left; width: 100% }
.list-quotes { cursor: pointer; height: auto; margin-bottom: 30px; overflow: hidden; position: relative; display: block }
.list-quotes h1,
.list-quotes img { -webkit-transition: -webkit-transform .35s; transition: transform .35s }
.list-quotes img { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100% }
.list-quotes h1 { background: rgba(20,20,18,.8); bottom: 0; float: right; color: #fff; font-size: 17px; font-weight: 600; padding: 15px; position: absolute; margin: 0; width: 100%; letter-spacing: 1px; line-height: 21px; text-transform: uppercase }
.list-quotes h1 span { font-size: 14px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase }
.list-quotes:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: scale(1.2); transition: all 250ms ease }
.list-quotes:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.about-main { font-size: 36px!important; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 700 }
.gallery-main { font-size: 36px!important; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-top: 30px }
.about-main { font-size: 36px!important; color: #fff; letter-spacing: 2px; font-weight: 700; text-align: center }
.gallery-main { font-size: 36px!important; color: #fff; letter-spacing: 0; text-align: center; margin-top: 30px }
.gallery-main p { font-size: 15px; color: #fff; text-align: left; font-weight: 100!important; text-transform: none; line-height: 24px; letter-spacing: 1px }
.aboutus-logo { margin-top: 10%; margin-bottom: 10% }
.aboutus-logo img { text-align: center; margin: 0 auto }
.container-middle { max-width: 1100px; text-align: center; margin: 0 auto }
.effect-duke { width: 100%; padding-bottom: 60%; position: relative; display: block }
.effect-duke img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover }
@media only screen and (max-width:1080px) {
.btn-primary1 { font-size: 14px!important }
}
@media only screen and (max-width:795px) {
ul.sociallist li { float: none; display: inline-block; margin-bottom: 15px }
.policy-info p { margin-left: 10px; }
}
.req-outer input { background: 0 0; border: 1px solid #fff; border-radius: 6px; color: #fff }
.req-outer option { color: #000 }
.req-outer select { background: 0 0; border: 1px solid #fff; border-radius: 6px; color: #969696 }
.req-outer textarea { background: 0 0; border: 1px solid #fff; border-radius: 6px; color: #fff }
.req-button input { background: #fff; color: #000; box-shadow: none; font-size: 16px; line-height: 20px; border-radius: 0; border: 1px solid #000; text-transform: uppercase; text-shadow: none; padding: 12px 30px; margin-top: 10px; transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s }
.req-button input:hover { background: #fff; color: #000 }
.req-outer { background: #0d0d0d }
.req-outer h2 { font-size: 40px; display: block; text-align: center; line-height: 40px; border: 1px solid #fff; padding: 10px 0 30px; width: fit-content; padding: 17px; margin: 58px auto; color: #fff; max-width: 470px; width: 100% }
.staffworkblock { display: table; width: 100%; overflow: hidden; background: #e8e8e8 }
.staffworkblockin { display: table-cell; vertical-align: middle; width: 100%; overflow: hidden; height: 100% }
.staffworkblockin a { display: block }
.staffworkblockin a img { width: 100%; height: auto; display: block }
.owl-buttons div { width: 30px; height: 30px; position: absolute; top: 50%; margin: -15px 0 0 0!important; display: block; cursor: pointer; font-size: 18px!important; line-height: 30px!important; color: #000!important; padding: 0!important; opacity: 1!important; background: #fff!important; border-radius: 50% }
.owl-buttons div i { line-height: 30px!important; margin: 1px 0 0 0 }
.owl-buttons div.owl-next { right: 15px }
.owl-buttons div.owl-prev { left: 15px }
.owl-buttons div.owl-next i { margin-right: -1px }
.owl-buttons div.owl-prev i { margin-left: -1px }
.staffpopbot { padding-top: 20px; padding-bottom: 20px }
.staffprojectblock { display: table; width: 100%; overflow: hidden; background: #e8e8e8 }
.staffprojectblockin { display: table-cell; vertical-align: middle; width: 100%; overflow: hidden; height: 100% }
.staffprojectblockin a { display: block }
.staffprojectblockin a img { width: 100%; height: auto; display: block }
#owl-demo3 .owl-pagination,
#owl-demo4 .owl-pagination { display: none }
.d-flex { display: flex; flex-wrap: wrap }
.d-align { align-items: center; justify-content: center }
.blog_top { margin: 0 0 20px 0 }
.blog_top ul { display: inline-block; border-bottom: 1px solid #000; width: 100% }
.blog_top ul li { display: inline-block; float: left; margin-right: 15px }
.blog_top ul li a { display: block; border: 1px solid #000; border-bottom: none 0; padding: 10px 15px; color: #54212b; font-size: 18px; line-height: 18px; font-weight: 700; transition: all ease .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s }
.blog_top ul li a:hover,
.blog_top ul li.active a { background: #bce0de }
.blog_content { border: 3px solid #353535; padding: 15px; margin: 0 0 40px 0; color: #fff }
.blog_content h3 { display: block; padding: 0 0 10px 0; text-transform: uppercase; margin: 0; font-weight: 600 }
.blog_content h3 a { color: #fff }
.blog_content h5 { display: block; padding: 0 0 10px 0; margin-top: 0 }
.blog_content p { display: block; margin: 0; padding: 0 0 10px 0; overflow: hidden }
.blog_content p a { color: #337ab7 }
.blog_content .btn-primary { background: #353535; border: none; color: #fff; transition: all ease .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; border-radius: 0; border: 0; padding: 8px 20px; text-transform: uppercase; text-shadow: none; margin: 0; border-radius: 5px }
.blog_content .btn-primary:hover { background: #fff; border: none; color: #000 }
.blog_sidebar { margin-bottom: 20px }
.blog_sidebar h3 { display: block; background: 0 0; color: #fff; padding: 10px 15px; border: 3px solid #353535; font-weight: 400; margin-top: 0 }
.blog_sidebar ul { display: block; margin: 0; padding: 0 }
.blog_sidebar ul li { display: block; border-bottom: 1px solid #353535 }
.blog_sidebar ul li:nth-last-child(1) { border: none }
.blog_sidebar ul li a { display: block; color: #fff; font-size: 15px; line-height: 17px; padding: 8px 15px; transition: all ease .3s; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s }
.blog_sidebar ul li a:hover { color: #9a9898; padding: 8px 20px }
.blog-img-left { width: 30%; margin-right: 20px; margin-bottom: 20px }
.blog-right { width: 70% }
.blog-cont-flex { display: flex; width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.blogin .thumbnail img { width: 100%; height: auto }
.bloginnner-img { width: 25%; margin-right: 20px; margin-bottom: 20px; flex: 1 0 auto }
.salon-blogimg { width: 100%; height: auto!important; border-radius: 5px; overflow: hidden; position: relative }
.salon-blogimg img { width: 100%; height: auto }
.blog_content.blogin .blog-img-left { margin-right: 0; margin-bottom: 20px; width: 100% }
.blog_content.blogin .blog-right { width: 100% }
.k-widget.form-control .k-input { height: auto; box-shadow: none; color: #969696 }
.k-header.form-control-request { height: auto; box-shadow: none; width: 100% }
.k-picker-wrap .k-input { height: auto; padding: 0 8px }
.k-picker-wrap { border: none }
.k-calendar .k-footer .k-link,
.k-calendar .k-header .k-link { font-size: 18px }
.k-icon { font-size: 18px }
.k-header.form-control { border: 1px solid #fff; border-radius: 6px }
.k-calendar .k-footer { width: 100%; display: block; text-align: center }
.k-state-disabled { color: #ff4081 }
.k-select .k-i-calendar,
.k-select .k-i-clock { font-size: 20px; line-height: 40px; height: 40px; color: #fff }
.k-calendar:not(.k-calendar-infinite) .k-content .k-link { font-size: 16px }
.k-datetimepicker .k-select { opacity: 1!important }
.mailinfo { font-family: 'PT Sans', sans-serif; padding-bottom: 10px; display: inline-block; }
@media(max-width:400px) {
.k-calendar { width: 320px }
}
.poli-hed { font-size: 36px!important; color: #fff; letter-spacing: 2px; font-weight: 700; text-align: center; }
.ser-cont { padding-left: 40px; }
.sce-info { padding: 40px 0 20px; }
.service-info span img { width: 100%; }
.ser-list { padding-bottom: 30px; }
.ser-cont p { font-size: 18px; line-height: 28px; color: #fff; margin: 0 0 15px 0; letter-spacing: 1px; }
.ser-cont p span.red { color: #ff0000; }
.menu-list-info { padding-left: 40px; }
.menu-list-info h3 { font-size: 21px; margin: 0; }
.menu-list-info ul { padding-left: 0; }
.menu-list-info ul li { list-style: none; font-size: 18px; }
@media(max-width:767px) {
.ser-cont { padding-left: 0px; padding-top: 15px; }
}


.pr-20{
    padding-right: 20px; 
}

.gal_cont_list li {text-align: left !important;font-size: 16px !important;font-weight: 400 !important;}