/*=====================================================================
@Developed By: Ayan Paul
=====================================================================*/

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuseoSans-300';
    src: url('../fonts/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-300.woff2') format('woff2'),
        url('../fonts/MuseoSans-300.woff') format('woff'),
        url('../fonts/MuseoSans-300.ttf') format('truetype'),
        url('../fonts/MuseoSans-300.svg#MuseoSans-300') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MuseoSans-700';
    src: url('../fonts/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans-700.woff2') format('woff2'),
        url('../fonts/MuseoSans-700.woff') format('woff'),
        url('../fonts/MuseoSans-700.ttf') format('truetype'),
        url('../fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

.row.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px;
}

i:before {
    margin-left: 0px !important;
}

ul li {
    text-decoration: none;
    list-style: none;
}
img{ max-width: 100%;}
body {
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'SF Pro Display';
    color: #333;
    font-weight: 400;
    padding: 0px;
    overflow-x: hidden;
    z-index: 0;
}

.body_wrapper {
    z-index: 20;
    overflow: hidden;
}

 .btn, button {
    text-decoration: none;
    font-family: 'SF Pro Display';
    font-weight: 400;
    outline: none;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

a:hover,
a:focus,
.btn:hover,
.btn:focus,
button:hover,
button:focus {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (min-width: 1250px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
}

.mt_60 {
    margin-top: 60px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_75 {
    margin-top: 75px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_130 {
    margin-top: 130px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_30 {
    margin-bottom: -30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb-50 {
    margin-bottom: -50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_90 {
    margin-bottom: 90px;
}

.pl_20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_100 {
    padding-left: 100px;
}

.pl_70 {
    padding-left: 70px;
}

.pl_120 {
    padding-left: 120px;
}

.pr_100 {
    padding-right: 100px;
}

.pr_120 {
    padding-right: 120px;
}

.pr_70 {
    padding-right: 70px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_20 {
    padding-right: 20px;
}

.pt_150 {
    padding-top: 150px;
}

.pt_120 {
    padding-top: 40px;
}

.sec_pad {
    padding: 50px 0px;
}

.flt-l {
    float: left;
    width: 100%;
}

.flt-r {
    float: right;
}

.bold {
    font-weight: 700;
}

p {
    font-size: 15px;
    font-family: 'SF Pro Display';
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
    font-weight: 400;
  /*  color: #fff;*/
}

.main-heading h1{color:#fff;}

.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f6f6f6;
    margin: 0px 5px;
    border: 2px solid #f6f6f6;
    opacity: 0.7;
    display: block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.owl-dots .owl-dot.active span {
    -ms-transform: scale(1.5);
    opacity: 1;
    transform: scale(1.5);
    background: #fff;
    border-color: #fff;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}
.welcome_slider .owl-nav.disabled {
    display: none;
}

.container-fluid {
    padding: 0 60px;
}


/*---------------header---------------*/

.header_area {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 20;
    top: -2px;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header_area.navbar_fixed {
    position: fixed;
    top: -2px;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
    box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
}

.navbar-area {
    padding: 30px 0 20px;
    background: rgba(255, 255, 255, 0.7);
}

.navbar-area .container-fluid {
    padding: 0 30px;
}

.site-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-navbar .menu {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
}

.site-navbar .menu li {
    padding: 5px 16px;
}

.site-navbar .menu li a {
    color: #000;
    font-size: 15px;
    padding: 0;
    font-weight: 400;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    text-transform: uppercase;
    position: relative;
}

.site-navbar .menu li a:before {
    content: "";
    width: 0;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.site-navbar .menu li:hover a:before {
    width: 100%;
    left: 0;
    right: auto;
}

.site-navbar .menu li a:hover {
    color: #000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.nav-toggler {
    border: 1px solid #222;
    padding: 5px;
    background-color: transparent;
    cursor: pointer;
    height: 33px;
    display: none;
}

.nav-toggler span,
.nav-toggler span:before,
.nav-toggler span:after {
    width: 25px;
    height: 3px;
    background-color: #cecece;
    display: block;
    transition: 0.3s;
        border-radius: 30px;
}

.nav-toggler span:before {
    content: "";
    transform: translateY(-9px);
}

.nav-toggler span:after {
    content: "";
    transform: translateY(6px);
}

.nav-toggler.toggler-open span {
    background-color: transparent;
}

.nav-toggler.toggler-open span:before {
    transform: translateY(0px) rotate(45deg);
}

.nav-toggler.toggler-open span:after {
    transform: translateY(-3px) rotate(-45deg);
}

.site-logo img {
    width: 160px;
}


/*---for-dropdown-menu----*/

.site-navbar .menu li .dropdown-toggle {
    padding: 0;
    background: none;
    line-height: normal;
}

.site-navbar .menu li .dropdown-menu {
    margin-top: 10px;
    padding: 20px 0;
    width: 200px;
}

.site-navbar .menu li .dropdown-menu a {
    padding: 10px 10px;
}

.site-navbar .menu li .dropdown-menu a:before {
    display: none;
}

.site-navbar .menu li .dropdown-menu a:hover {
    background: #9d6b47;
    color: #fff;
}


/*---for-dropdown-menu----*/


/*---------------header---------------*/

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #9d6b47;
    color: #fff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    opacity: 0;
    font-size: 24px;
}

#back-to-top:hover {
    background: #b6835c;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

#back-to-top.show {
    opacity: 1;
}

.form-control {
    border-color: #707070;
    background: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: 'SF Pro Display';
    color: #3b3b3b;
    font-weight: 400;
    padding: 15px;
    height: 49px;
    line-height: 18px;
    border-radius: 5px;
}

label {
    font-size: 18px;
    font-family: 'SF Pro Display';
    font-weight: 400;
    color: #587276;
}

select {
    height: 50px !important;
    padding: 0 15px !important;
}

.form-check-label {
    font-size: 14px;
    margin-bottom: 20px;
}

textarea {
    height: 50px !important;
}

.subscribe-btn {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    background: #4dc6e1;
    border-radius: 0;
    padding: 10px 20px;
    display: inline-block;
}

.extra-padding {
    padding: 0 200px;
}


/*--------------*/

.book_appoinment {
    color: #fff;
    background: #000;
    padding: 10px 20px;
    position: fixed;
    top: 0;
    right: 0;
}

.book_appoinment:hover {
    color: #fff;
    background: #9d6b47;
}

.banner {
    background: url("../images/home-bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 210px 0 300px;
}

.main-heading h1 {
    font-size: 60px;
    margin-bottom: 20px;
}

.btn-style {
    background: none;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 20px;
    margin: 10px auto;
    display: block;
    border-radius: 0;
}

.btn-style:hover {
    background: #fff;
    color: #000;
}

.button-yellow {
    background-color: #FFD600 !important;
    color: #333333 !important;
}

.banner-contact-part {
    background: #000;
    padding: 5px 0;
}

.banner-contact-part a {
    color: #fff;
}

.health-wellness {
    background: url("../images/home-bg2.jpg") no-repeat;
    background-size: 100% 100%;
}

.health-wellness p {
    font-size: 30px;
    font-family: "Playfair Display", serif;
}

.footer {
    background: #4a6164;
    padding-bottom: 15px;
}

.footer p {
    font-family: 'MuseoSans-300';
    margin-bottom: 0;
}

.footer .col-lg-12 {
    margin-top: 30px;
}

.footer p a {
    color: #fff;
    font-family: 'MuseoSans-300';
    font-size: 14px;
}

.footer p a:hover {
    color: #cacaca;
}

.footer ul {
    padding: 0;
}

.footer .social-part {
    padding-top: 20px;
    padding-left: 60px;
}

.footer .social-part ul li {
    float: left;
    margin-right: 10px;
}

.footer .social-part ul li a {
    color: #fff;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 0 5px;
    border-radius: 5px;
}

.footer .social-part ul li:first-child a {
    padding: 0 9px;
}

.footer .social-part ul li a:hover {
    background: #9d6b47;
}

.footer .figure img {
    width: 100%;
}

.footer .footer-links ul li a {
    color: #fff;
    font-family: 'MuseoSans-300';
}

.footer .footer-links ul li a:hover {
    color: #cacaca;
}

.footer .footer-links ul li {
    margin-bottom: 5px;
}

.footer .card {
    background: none;
    border: none;
    padding: 0;
}

.footer .card .card-header {
    background: none;
    border: none;
    padding: 0;
}

.footer .card .card-header .btn-link {
    cursor: text;
    padding: 0;
    color: #fff;
    font-family: 'MuseoSans-300';
    font-size: 24px;
    margin-bottom: 20px;
}

.footer .collapse:not(.show) {
    display: block;
}

.gift-cards {
    background: url("../images/gtft-card-bg.png") no-repeat;
    background-size: 100% 100%;
}

.gift-cards-new-bg {
    background: url("../images/gtft-card-bg2.png") no-repeat;
    background-size: 100% 100%;
}

.gift-cards .figure img {
    width: 100%;
    margin-bottom: 20px;
}

.sub-heading h2 {
    font-size: 45px;
    font-family: 'SF Pro Display';
}

.sub-heading p {
    font-size: 18px;
    margin-bottom: 20px;
}


/*------------slick-common------------*/

.slider {
    width: 100%;
    margin: 0 auto;
}

.slick-slide {
    margin: 0;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out 0.3s;
    opacity: 0.2;
}

.slick-active {
    opacity: 0.5;
}

.slick-current {
    opacity: 1;
}

.slick-dots li {
    opacity: 1;
}

.slick-slide:focus {
    outline: 0 !important;
}


/*------------slick-common------------*/


/*----------facial-slider-part---------------*/

.facials {
    background: url("../images/facial-bg.jpg") no-repeat #aea79f !important;
    background-size: cover !important;
    padding: 0;
    overflow: hidden; 
}
.facials .main-heading h1 { margin-top: 30px; margin-bottom: 0; }

.facials .sub-heading h2 {
    font-size: 35px;
    margin-bottom: 0;
}

.facials .slick-vertical .slick-slide {
    /*padding-top: 55px;*/
    height: auto;
    margin-top: 35px;
    padding-right: 30px;
    padding-top: 0;
}

.facial-outer.slick-slide.slick-cloned .sub-heading {
    display: none;
}

.facials .slick-arrow {
    display: none !important;
}

.facials .slick-dots li {
    width: 100%;
}

.facial-outer .figure {
    width: 100%;
}

.facials .slick-dots {
    width: auto;
    right: 0;
    top: 20%;
}

.facials .slick-dots li button:before {
    font-size: 40px;
}

.facials .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}

.facials .slick-dots li button:before {
    left: auto;
    right: 0;
}

.facials .slick-dotted.slick-slider {
    margin-bottom: 0;
}


/*----------facial-slider-part---------------*/


/*----------massage-slider-part---------------*/

.massage {
    position: relative;
}

.massage .main-heading {
    position: absolute;
    top: 65%;
}

.massage .main-heading h1 {
    color: #9d6b47;
}

.massage .figcaption p {
    color: #030303;
    font-weight: normal;
}

.massage .sub-heading h2 {
    color: #afa79f;
    font-size: 40px;
}

.massage-outer.slick-slide.slick-cloned .figcaption {
    display: none;
}

.massage-outer.slick-slide.slick-active .figcaption {
    display: none;
}

.massage-outer.slick-slide .figcaption {
    display: none;
    padding: 15px 0;
    border-bottom: 5px solid #5a787c;
}

.massage-outer.slick-slide.slick-current.slick-active.slick-center .figcaption {
    display: block;
}

.massage .slick-dots li button::before {
    font-size: 40px;
}

.massage .slick-dots {
    bottom: -50px;
}

.massage .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #9d6b47;
}

.massage .figure {
    width: 100%;
}


/*----------massage-slider-part---------------*/


/*----------member-part---------------*/

.member {
    background: url("../images/member-bg.jpg") no-repeat;
    background-size: 100% 100%;
}

.member .main-heading p {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 34px;
}

#tabs {
    padding-left: 150px;
}

#tabs .sub-heading h2 {
    font-size: 34px;
    margin-bottom: 40px;
}

#tabs .nav-tabs .nav-link {
    border: 1px solid #fff;
    background: #587276;
    border-radius: 10px;
    color: #fff;
    margin-right: 10px;
    font-size: 20px;
    font-family: 'SF Pro Display';
}

#tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #000 !important;
    background: #fff !important;
}

#tabs p {
    font-size: 28px;
    text-align: center;
    line-height: 34px;
}

#tabs p a {
    color: #fff;
/*     font-size: 28px; */ 
}

#tabs .nav-tabs {
    border: none;
}

#nav-tabContent {
    padding: 30px 0 20px;
}


/*----------member-part---------------*/


/*----------testimonial---------------*/

.testimonial {
    background: url("../images/testimonial-bg.jpg") no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover;*/
    /* min-height: 500px; */
}

.testimonial .figure img {
    width: 100%;
    border: 2px solid #fff;
    border-radius: 100%;
}

.testimonial .figcaption {
    margin-top: 20px;
}

.testimonial .app_screenshot_item {
    padding: 20px;
}

.testimonial .sub-heading {
    margin-bottom: 30px;
}

.testimonial .figcaption strong {
    font-size: 26px;
    font-weight: normal;
    font-family: 'SF Pro Display';
    color: #fff;
    display: block;
}

.testimonial .figcaption p {
    font-size: 26px;
    line-height: 34px;
}


/*----------testimonial---------------*/


/*----20-10-20-----*/


/*----------franchise---------------*/

.franchise {
    background: url("../images/franchise-bg.jpg") no-repeat !important;
    padding-top: 70px;
    background-size: 100%;
    padding-bottom: 170px;
}


/*----------franchise---------------*/


/*----------kendall-park---------------*/

.kendall-park {
    background: url("../images/kendall-bg.jpg") no-repeat;
    background-size: 100% 100%;
    padding-top:20px;
    padding-bottom: 0;
}

.kendall-park .container-fluid {
    padding: 0;
}

.kendall-park .row {
    background: rgba(0, 0, 0, 0.4);
    padding: 0 60px;
}

.kendall-park .main-heading h1 {
    margin: 0;
}

.kendall-park a {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    float: right;
}


/*----------kendall-park---------------*/


/*----------welcome---------------*/

.welcome {
    background: url("../images/welcome-bg.png") no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    padding: 80px 0 0 0;
}

.welcome .main-heading h1 {
    color: #000;
    font-size: 48px;
}

.welcome .btn-style {
    background: #9d6b47;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 20px;
}

.welcome .btn-style:hover {
    background: #fff;
}

.welcome .main-heading p {
    color: #000;
    font-size: 24px;
    line-height: 34px;
}

.welcome .main-heading p a {
    color: #000;
    font-size: 24px;
}

.welcome .main-heading p a:hover {
    color: #9d6b47;
}

.welcome .owl-dots .owl-dot.active span {
    background: #9d6b47;
    border-color: #9d6b47;
}

.welcome .owl-nav.disabled {
    display: none;
}

.welcome .main-heading .border-bottom {
    border-color: #000 !important;
    padding-bottom: 20px;
}

.promotions {
    margin-top: 50px;
    /* background: rgba(157, 107, 71, 0.2);*/
}

.promotions .container-fluid {
    padding: 0 30px;
}

.promotions .main-heading h1 {
    color: #9d6b47;
}

.promotions .figure {
    width: 100%;
}

.promotions .figure img {
    width: 100%;
    transition: transform 0.9s ease;
    -webkit-transition: transform 0.9s ease;
    -moz-transition: transform 0.9s ease;
}

.promotions .figure img:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.03);
}

.promotions .btn-style {
    background: #9d6b47;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 20px;
    margin: 0 auto;
}

.promotions .btn-style:hover {
    background: #fff;
}


/*----------welcome---------------*/


/*----------priviledge---------------*/

.priviledge .main-heading h1 {
    color: #000;
}

.priviledge .main-heading p {
    color: #000;
    font-size: 34px;
    line-height: 44px;
    margin-bottom: 50px;
}

.priviledge .main-heading p a {
    color: #000;
    font-size: 34px;
}

.priviledge .main-heading p a:hover {
    color: #9d6b47;
}

.priviledge .priv-head {
    background: #283638;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.priviledge .priv-head h3 {
    font-size: 34px;
    margin: 0;
    font-family: 'SF Pro Display';
}

.priviledge .priv-body {
    background: #4a6164;
    padding: 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 1px solid #fff;
    padding-bottom: 30px;
}

.priviledge .priv-body strong {
    position: relative;
    color: #fff;
    font-size: 80px;
    font-family: "Playfair Display", serif;
    font-style: italic;
    margin-bottom: 10px;
}

.priviledge .priv-body strong:after {
    position: absolute;
    content: "Month";
    border-top: 1px solid #fff;
    font-size: 20px;
    font-family: 'SF Pro Display';
    top: 75px;
    right: 35px;
    font-style: normal;
    font-weight: 400;
}

.priviledge .priv-body strong span {
    font-size: 50px;
    vertical-align: super;
}

.priviledge .priv-body p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 20px;
}


/*----------priviledge---------------*/


/*----------career---------------*/

.career {
    background: url("../images/career-bg.jpg") no-repeat;
    background-size: cover !important;
   
    background-position: center !important;
}

.career .main-heading {
    padding-right: 60px;
}

.career .main-heading p {
    font-size: 26px;color: #fff;
    line-height: 30px;
}


/*----------career---------------*/


/*----------health-for-franchise---------------*/

.for-franchise .figure img {
    width: 100%;
}

.for-franchise .figcaption p {
    font-family: 'SF Pro Display';
    line-height: 34px;
}

.for-franchise .figcaption a {
    color: #fff;
    font-family: 'SF Pro Display';
    font-size: 30px;
}

.for-franchise .row {
    margin-top: 50px;
}


/*----------health-for-franchise---------------*/


/*----20-10-20-----*/


/*----27-10-20-----*/


/*----------store-promotion---------------*/

.special-offer {
    background: url(../images/welcome-bg.png) no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    padding: 60px 0;
}

.get-offer {
    margin-bottom: 50px;
}

.store-promotion-bg {
    background: url("../images/store-promotion-bg.jpg") no-repeat;
    padding-top: 70px;
    background-size: 100%;
    padding-bottom: 7%;
}

.get-this-offer .btn-style {
    background: #9d6b47;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 24px;
    margin-top: 20px;
    padding: 5px 50px;
}

.get-this-offer .btn-style:hover {
    background: #000;
    color: #fff;
}

.get-this-offer .sub-heading h2 {
    font-size: 32px;
    color: #000;
    margin-bottom: 20px;
}

.get-this-offer {
    padding: 25px;
    background: #fff;
    border: 1px solid #707070;
    padding-bottom: 5px;
}

.today-offer strong {
    position: relative;
    color: #000;
    font-size: 80px;
    font-family: 'SF Pro Display';
    font-style: normal;
    margin-bottom: 0;
}

.today-offer strong span {
    font-size: 50px;
    position: relative;
    vertical-align: super;
}

.today-offer strong span:after {
    position: absolute;
    content: "";
    background: #000;
    width: 54px;
    height: 2px;
    top: 60px;
    left: 4px;
}

.today-offer .main-heading h1 {
    color: #000;
    font-size: 48px;
}

.today-offer .sub-heading h2 {
    color: #000;
    font-size: 45px;
    margin-bottom: 40px;
}

.today-offer .sub-heading p {
    color: #000;
    font-size: 24px;
}

.today-offer {
    padding: 0 40px;
}

.today-offer .page-link {
    color: #4a6164;
}

.today-offer .page-item.active .page-link {
    background: #4a6164;
    color: #fff;
    border-color: #4a6164;
}

.today-offer .get-off {
    color: #9d6b47;
    font-size: 16px;
}

.today-offer .pagination {
    margin-bottom: 10px;
}

.offer-details-location .sub-heading p {
    color: #000;
    font-size: 24px;
    margin-bottom: 5px;
}

.offer-details-location .sub-heading p a {
    color: #000;
    font-size: 24px;
    margin-bottom: 0px;
}

.offer-details-location .sub-heading {
    padding: 0 40px;
}

.offer-details-location .video {
    padding: 10px 10px 5px;
    background: #fff;
}


/*----------store-promotion---------------*/


/*----------membership-section---------------*/

.membership-choice p {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.membership-choice span {
    font-size: 20px;
    margin-bottom: 10px;
}

.membership-choice ul {
    padding: 0;
}

.membership-choice ul li {
    margin-bottom: 5px;
    list-style: circle;
    margin-left: 15px;
    font-size: 20px;
}

.for-epic {
    background: url(../images/epic-bg.png) no-repeat;
    background-size: 100% 100%;
}

.for-epic .figure img {
    width: 100%;
}

.for-epic .main-heading {
    padding-left: 40px;
}

.for-epic .main-heading p {
    font-size: 20px;
}

.for-epic .main-heading h1 {
    font-size: 40px;
}

.for-epic .main-heading .btn-style {
    background: #9d6b47;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 24px;
    padding: 5px 50px;
    margin-top: 30px;
}

.for-epic .main-heading .btn-style:hover {
    background: #fff;
}

.star-sec {
    padding: 25px 20px 20px;
    background: #fff;
    border: 1px solid #707070;
    margin: 60px 200px;
}

.star-sec p {
    color: #000;
    font-size: 20px;
}

.membership-sec .main-heading h1 {
    font-size: 36px;
    margin-bottom: 50px;
}


/*----------membership-section---------------*/


/*----27-10-20-----*/


/*----28-10-20-----*/


/*----------Gift-Certificate---------------*/

.gift-certificate-top {
    background: url("../images/gift-certificate-bg.jpg") no-repeat;
    padding-top: 70px;
    background-size: 100%;
    padding-bottom: 170px;
}

.gift-certificate {
    background: url("../images/purchase-bg.jpg") no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
}

.purchase {
    border-bottom: 5px solid #fff;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.purchase .figure img {
    width: 100%;
}

.purchase .main-heading h1 {
    color: #000;
    font-size: 36px;
}

.purchase .main-heading p {
    color: #000;
    font-size: 20px;
}

.designs .main-heading h1 {
    color: #000;
    font-size: 36px;
}

.gift-certificate .container-fluid {
    padding: 0;
}

.gift-certificate .container-fluid .slick-active {
    opacity: 1;
}

.gift-certificate .container-fluid .slick-slide {
    opacity: 1;
}

.gift-certificate .container-fluid .regular .figure img {
    width: 100%;
    padding: 3px;
}

.gift-certificate .container-fluid .regular .slick-dots li button:before {
    font-size: 40px;
}

.gift-certificate .container-fluid .regular .slick-dots {
    bottom: -35px;
}

.design-form-sec .get-this-offer .sub-heading h2 {
    font-size: 23px;
}

.design-form-sec .get-this-offer {
    padding: 30px 50px;margin-top: 50px;
}

#bba-gift-card-options-container {margin-bottom: 20px;}


/*----------Gift-Certificate---------------*/


/*----------blog---------------*/

.blog {
    background: url("../images/blog-bg.jpg") no-repeat;
    padding-top: 70px;
    background-size: 100%;
    padding-bottom: 170px;
}

.blog-sec .main-heading {
    margin-bottom: 50px;
}

.blog-sec .main-heading h1 {
    font-size: 36px;
    color: #000;
}

.blog-sec .main-heading p {
    font-size: 20px;
    color: #000;
}

.blog-sec .main-heading p a {
    color: #000;
}

.blog-sec .figure {
    width: 100%;
}

.blog-sec .figure img {
    width: 100%;
    border: 1px solid #707070;
    border-bottom: none;
}

.blog-sec .figcaption {
    padding: 15px;
    background: #fff;
    border: 1px solid #707070;
    border-top: none;
    margin-bottom: 30px;
}

.blog-sec .figcaption strong {
    font-size: 19px;
    margin-bottom: 10px;
}

.blog-sec .figcaption p {
    color: #000;
    font-size: 17px;
    line-height: 20px;
}

.blog-sec .figcaption p a {
    color: #c60a0a;
}

.blog-sec .figcaption p a:hover {
    color: #9d6b47;
}

.blog-sec .pagination {
    margin-top: 20px;
}

.blog-sec .page-link {
    color: #000;
    border-radius: 3px;
    font-size: 18px;
}

.blog-sec .page-item.active .page-link {
    background: #dedede;
    color: #000;
    border-color: #000;
}

.blog-sec .page-item {
    margin-right: 8px;
}

.blog-details .figure img {
    border: none;
}

.blog-details .figcaption {
    border: none;
    padding: 0;
    padding-top: 20px;
}

.blog-details .figcaption p {
    font-style: italic;
}

.blog-details .btn-style {
    background: #9d6b47;
    border-radius: 5px;
    text-transform: capitalize;
    font-size: 24px;
    padding: 5px 50px;
    margin-top: 30px;
}

.blog-details .btn-style:hover {
    background: #000;
    color: #fff;
}

.blog-details-bottom {
    background: rgba(174, 166, 159, 0.4);
}

.blog-details-bottom .row {
    padding: 0 50px;
}

.blog-details-bottom .main-heading h1 {
    border-bottom: 2px solid #707070;
}


/*----------blog---------------*/


/*----------privacy---------------*/

.privacy .main-heading h3 {
    font-size: 23px;
    font-weight: bold;
    font-family: 'SF Pro Display';
    color: #000;
    margin: 20px 0;
}

.privacy .main-heading p {
    font-size: 23px;
    color: #000;
}

.privacy-bg {
    background: url(../images/privacy-bg.jpg) no-repeat;
    padding-top: 70px;
    background-size: cover;
    padding-bottom: 170px;
}


/*----------privacy---------------*/


/*----28-10-20-----*/


/*----02-11-20-----*/


/*----------memberships-main---------------*/

.for-main-membership-page .tabtop li a {
    padding: 0;
    position: relative;
    font-size: 25px;
    color: #000;
    opacity: 0.5;
}

.for-main-membership-page .tabtop li a span {
    position: relative;
    padding: 10px 0;
}

.for-main-membership-page .tabtop li a span:before {
    position: absolute;
    background: url("../images/right-arw.png") no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    right: 0;
    top: 15px;
    content: "";
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.for-main-membership-page .tabtop li {
    margin-right: 20px;
    width: 23%;
}

.for-main-membership-page .tabtop li {
    margin-right: 20px;
    width: 23%;
}

.for-main-membership-page.facial-waxing .tabtop li {
    width: 31%;
    margin-bottom: 20px;
}

.facial-waxing .top-membership-heading {
    border-bottom: 6px solid #fff;
    padding-bottom: 40px;
}

.for-main-membership-page.facial-waxing .tabbable-panel {
    margin-top: 50px;
}

.for-main-membership-page .tabtop li:last-child {
    margin-right: 0;
}

.for-main-membership-page .tabtop li img {
    width: 100%;
}

.for-main-membership-page .tabtop li .active.show span:before {
    background: url("../images/btm-arw.png") no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.for-main-membership-page .tabtop li .active.show {
    opacity: 1;
}

.for-main-membership-page .tabsetting {
    display: flex;
    justify-content: center;
    border-bottom: none;
}

.for-main-membership-page .tab-content {
    background: url("../images/members-bg-2.jpg") no-repeat;
    background-size: 100% 100%;
    /*padding:30px 60px;*/
}

.for-main-membership-page .tab-content .tab-pane {
    padding: 30px 60px;
}

.for-main-membership-page .tab-content .figure img {
    width: 100%;
}

.for-main-membership-page .tab-content .figcaption p {
    font-size: 24px;
}

.for-main-membership-page .top-membership-heading .main-heading h1 {
    margin-bottom: 20px;
}

.for-main-membership-page .top-membership-heading .main-heading p {
    font-size: 20px;
    line-height: 30px;
}

.for-main-membership-page .tabbable-panel {
    margin-top: 100px;
}

.for-main-membership-page .tabbable-panel .main-heading h1 {
    margin-bottom: 20px;
}

.for-main-membership-page {
    padding-bottom: 80px;
}


/*----------memberships-main---------------*/


/*----------facila-waxing-details---------------*/
.vertical-tabs .nav-tabs .nav-item { list-style-type: none;}
.vertical-tabs .nav-tabs .nav-link {
    border-radius: 0;
    background: none;
    text-align: left;
    font-size: 20px;
    border: none;
    color: #000;
    height: auto;
    width: 250px;
}

.vertical-tabs .nav-tabs .nav-link.active {
    background-color: #fff !important;
    color: #fff;
}

.vertical-tabs .nav.nav-tabs {
    border-bottom: 0;
    border-right: 0;
    display: block;
    float: left;
    margin-right: 50px;
    padding: 0;
    border-top: 20px solid #4a6164;
    padding-top: 20px;
    padding-bottom: 50px;
}

.vertical-tabs .figure img {
    width: 100%;
}

.vertical-tabs .figure {
    margin-bottom: 30px;
}

.vertical-tabs .figcaption p {
    color: #000;
    font-size: 20px;
}

.vertical-tabs .btn-style:hover {
    background: #000;
    color: #fff;
}

.for-facial-details {
    padding-bottom: 60px;
}

.for-facial-details .nav-tabs strong {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 15px;
    margin: 10px 0;
}


/*----------facila-waxing-details---------------*/


/*----------find-location---------------*/

.find-location .main-heading h1 {
    font-size: 36px;
    color: #000;
}

.find-location .main-heading p {
    font-size: 20px;
    color: #000;
}

.map-section .figure img {
    width: 100%;
    margin-bottom: 10px;
}

.map-section .figure {
    width: 100%;
}

.map-section .figcaption p {
    color: #000;
    font-size: 15px;
    margin: 0;
}

.map-section .figcaption p a {
    color: #000;
}

.map-section .btn-style {
    font-size: 15px;
    background: #9d6b47;
    border-radius: 5px;
    border: 2px solid #fff;
    text-transform: capitalize;
}

.map-section .btn-style:hover {
    background: #000;
    color: #fff;
}

.map-section .container-fluid {
    padding-right: 0;
}

.map-section {
    border: 1px solid #707070;
    border-left: 0;
    border-right: 0;
    margin-top: 40px;
}

.map-section .form-control {
    margin-top: 20px;
}

.map-left {
    margin-bottom: 30px;
}

.map-section .col-lg-9 {
    border-left: 1px solid #707070;
    padding-left: 0;
}

.map-section .col-lg-3 {
    padding-right: 30px;
}


/*----------find-location---------------*/


/*----02-11-20-----*/


/*----new-slider-------------*/

#demoslider .carousel-item img {
    width: 100%;
    height: 100%;
}

#demoslider .carousel-caption {
    left: auto;
    right: 5%;
    top: 30%;
}


/*----new-slider-------------*/



.gift-cards .gift-cards-cntnt-box .figure.mobile-visible { display: none; }
section.available-extras-sec { float: none; padding: 30px 0; clear: both; }
section.available-extras-sec .row.extras-bg { background-color: #f5f5f5; padding-top: 15px; padding-bottom: 15px; }


/*-----19-11-20-----*/

body.single-location .health-wellness figcaption {
	height:410px;padding: 3% 6% !important;
}

/*-----19-11-20-----*/

.blog-sec-accordion .card {
    border: 0;
    margin-bottom: 10px;
}
.blog-sec-accordion .card-header {
    background-color: transparent;
    border: 0;
    padding: 0;
}
.blog-sec-accordion .card-header button.btn {
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
}
.blog-sec-accordion .card-header h2 {
    position: relative; white-space: normal;
}
.blog-sec-accordion .card-header h2:after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg) translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
    right: 10px;
}
.blog-sec-accordion .collapse {
    border: 0;
    margin: 0;
    padding: 0;
}
.blog-sec-accordion .card-body {
    padding: 1rem 0;
}
.blog-sec-accordion .card-body p {
    font-size: 20px;
}

.footer .col-lg-4 {
    /* -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;     */   
    text-align: center;
}

#menu-footer-social-links {
	    display: flex;
    justify-content: center;
}

.nav-toggler {    
position: absolute;
    top: 50px;
    background: #222;}

/*---- slider-two ---- 24-03-21 ------*/

.app-heading h2 {
    font-size: 32px;
    font-family: "SF Pro Display";
    font-weight: 700;
}

.app-serv-outer {
    background: #fff;
    padding: 30px;
    border: 1px solid #707070;
    border-radius: 10px;
    margin: 30px 0 50px;
}

.app-serv-outer h3 {
    font-size: 44px;
    margin-bottom: 30px;
}

.app-serv-outer .col-lg-4 {
    margin-bottom: 20px;
}

.single-service figure {
    margin-bottom: 0;
}

.single-service figcaption {
    padding: 5px;
    color: #fff;
    background: #9c6b4a;
    font-size: 23px;
    font-family: "SF Pro Display";
    text-align: center;
}

.for-booking-appoinment-sec {
    padding: 60px 0 !important;
}

.go-back-btn {
    background: #b4b4b4;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 24px !important;
    padding: 8px 30px;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.go-back-btn:hover {
    background: #000;
    color: #fff !important;
}

/*---- slider-two ---- 24-03-21 ------*/

/*---- slider-three ---- 24-03-21 ------*/

.Select-massage select {
    background-image: url(../images/select-down.png);
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    background-position: 96% center;
    background-size: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #707070;
    height: 60px !important;
    line-height: 35px;
    font-size: 24px;
}

.Select-massage select option {
    background: #9c6b4a;
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.Select-massage input {
    /*background-image: url(../images/calender-icon.png);*/
    background-repeat: no-repeat;
    background-color: #f0f0f0;
    background-position: 96% center;
    background-size: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #707070;
    height: 60px;
    line-height: 35px;
    font-size: 24px;
}

.Select-massage .form-control:disabled {
    background-color: #f0f0f0;
    opacity: 0.3;
}

.for-select-massage {
    border: 1px solid #707070;
}

.for-select-massage figcaption {
    background: #4a6164;
}

.add-on-btn {
    background: #9c6b4a;
    color: #fff !important;
    /* text-transform: uppercase;*/
    font-size: 24px !important;
    padding: 8px 30px;
    width: 100%;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}

.add-on-btn:hover {
    background: #000;
    color: #fff !important;
}

.Select-massage {
    padding: 0 50px;
}

.application-details .figcaption strong {
    font-size: 35px;
    border-bottom: 2px solid #cccccc;
}

.application-details .figcaption p {
    font-size: 30px;
}

.application-details .figcaption {
    margin-bottom: 20px;
}

.application-details {
    margin-top: 50px;
}

.go-back {
    margin-top: 20px;
}

.begin-checkout {
    background: #4a6164;
}

.limited-stock {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 10px;
}

/*---- slider-three ---- 24-03-21 ------*/

/*---- slider-nine ---- 25-03-21 ------*/

.light-yellow-bg {
    width: 50%;
    padding: 50px;
    background: #fff3c3;
    border: 1px solid #707070;
    display: grid;
    border-right: transparent;
    height: 100%;
}
.light-gray-bg {
    width: 50%;
    padding: 50px;
    background: #ebebeb;
    border: 1px solid #707070;
    display: grid;
    height: 100%;
}

.side-padding {
    padding: 50px 150px;
    height: 450px;
}

.side-padding p {
    font-size: 24px;
}

/*---- slider-nine ---- 25-03-21 ------*/

/*---- slider-twelve ---- 25-03-21 ------*/

.for-booking-problem {
    height: auto;
    padding: 0 50px;
}

.for-booking-problem .light-yellow-bg {
    border: 1px solid #707070;
    width: 100%;
    padding: 30px;
    margin-bottom: 40px;
}

/*---- slider-twelve ---- 25-03-21 ------*/

/*---- slider-thirteen ---- 25-03-21 ------*/

.application-details .figcaption .flt-r {
    font-weight: 400;
    font-size: 30px;
}

.due-date {
    font-weight: 700;
    font-size: 27px;
}

/*---- slider-thirteen ---- 25-03-21 ------*/

/*---- slider-fourteen ---- 25-03-21 ------*/

.check-out-form .form-control {
    height: 55px !important;
    border-color: #707070 !important;
}

.check-out-form .warning {
    color: red;
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
}

.check-out-form label {
    font-weight: 700;
    font-size: 24px;
    color: #000;
}

/*---- slider-fourteen ---- 25-03-21 ------*/

/*---- slider-six ---- 26-03-21 ------*/

.apn-img img {
    width: 100%;
}

.available-apn-date h3 {
    font-size: 38px;
    margin-bottom: 0;
    margin-top: 20px;
}
.available-apn-date p {
    color: #676767;
    font-weight: 700;
    font-size: 38px;
}

.apn-text-mid {
    font-size: 30px;
    margin: 30px 0;
}

/*---- slider-six ---- 26-03-21 ------*/

/*-- New-css(13-04-2021) --*/

.service_box_wrap{position: relative;}
.service_input_wrap{position: absolute; top:0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
.service_input_wrap .select_service {
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.service_box_wrap figcaption {
    background: #9c6b4a;
    color: #fff;
    padding: 5px;
    border-radius: 0 0 3px 3px;
}
.service_box_wrap.active figcaption{background: #4a6164; color: #fff;}
.service_box_wrap figure{margin-bottom: 0;}
.service_box_wrap.active figure img {
    opacity: 0.6;
}

.single-service.for-select-massage.border_box{height: 100%;}
.single-service.for-select-massage{position: relative; height: auto; overflow: hidden;}
.single-service.for-select-massage .service_type_caption{
    background: #4a6164;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0 0 3px 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.single-service.for-select-massage.border_box .service_type_caption{ padding: 0px;}
.apn-time{margin-top: 30px;}
.apn-time ul{padding-left: 0px;}
.apn-time ul li{list-style: none; margin-bottom: 3px; position: relative; padding: 5px 5px; border-radius: 10px; font-size: 20px; font-weight: 600;}
.apn-time ul li .service_time_btn{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0;}

.apn-time ul li:hover, .apn-time ul li.active{background: #a9050e; color: #fff; font-size: 28px;}
#service_addon_caption{background: #4a6164;
    color: #fff;
    text-align: center;
    /*padding: 5px;*/
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0 0 3px 3px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;}
    .addon_content_wrap{position: absolute; width: 100%; top:0px; left: 0; transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); height: 0; text-align: center; overflow: hidden; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s;}
    .single-service.for-select-massage:hover .addon_content_wrap{height: 100%; background: rgba(0, 0, 0, 0.5); transform: translateY(0%); padding: 0px 10px;}
    .addon_content_wrap p{margin-bottom: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); color: #fff; font-size: 18px; width: 100%;}

/*.before-select div#service_image_show {
    min-height: 427px;
}*/
.datepicker-inline { width: 100%;}
table.table-condensed { width: 100%;}
.table-condensed th.dow { background: #59330f; border-radius: 0; color: #fff; font-weight: 500; padding: 10px 3px; border: 1px solid #99826e;}
.datepicker td{ height: 58px; width: 40px; background: 0; color: #000; border-radius: 0; border: 1px solid #8a9799; font-size: 18px;}
.datepicker table tr td:hover, .datepicker table tr td.active{ background: #a90100 !important; color: #fff !important; }
.datepicker th.prev, .datepicker th.datepicker-switch, .datepicker th.next { padding-bottom: 15px; font-size: 18px; text-transform: uppercase;}
#without_addon_service .single-service.for-select-massage .before-select figure{position: relative; overflow: hidden;}
#without_addon_service .single-service.for-select-massage .before-select #service_content_show{position: absolute; left: 0; top:-100px; text-align: center; padding: 0 5px; color: #fff; transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s; -o-transition: all 0.6s ease-in-out 0s; width: 100%;}
#without_addon_service .single-service.for-select-massage .before-select figure:hover #service_content_show{top : 50%; transform : translateY(-50%); }
#without_addon_service .single-service.for-select-massage .before-select figure:before{position: absolute; top: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.5); content: "";}
#without_addon_service .single-service.for-select-massage .before-select figure:hover:before{ bottom: 0;}
#service_image_show img, .addon_image_wrap img{width: 100%;}

@media (max-width: 1199px) {
    .footer .foot-menu ul li {
        margin-right: 12px;
    }
    .Select-massage {
        padding: 0 30px;
   }
   .available-apn-date h3 {
     font-size: 34px;
     margin-top: 10px;
   }
   .available-apn-date p {
        font-size: 30px;
    }
    .apn-time ul li {
     font-size: 18px;
    }
    .apn-time ul li:hover, .apn-time ul li.active {
        font-size: 24px;
    }
    .app-serv-outer h3 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .application-details {
        margin-top: 20px;
    }
    .application-details .figcaption strong {
    font-size: 30px;}
    .application-details .figcaption p, .application-details .figcaption .flt-r {
        font-size: 25px;
    }
    .side-padding {
        padding: 20px 50px;
    }
    .light-gray-bg, .light-yellow-bg {
         padding: 30px;
    }
   


}
@media (max-width: 991px) {
    .footer .foot-menu ul {
        margin-bottom: 20px;
        flex-flow: wrap;
        justify-content: center;
    }
    .copyRight .footer-bottom-links {
        justify-content: center;
    }
    .welcome.for-booking-appoinment-sec{padding-bottom: 50px !important;}
    .single-service.for-select-massage.border_box { min-height: 300px;}

    .datepicker td { height: 48px; width: auto; font-size: 16px;}
    .table-condensed th.dow { padding: 5px 2px;}
    .go-back-btn{margin-bottom: 10px;}
     .side-padding {
        padding: 20px 20px;
    }
    .side-padding p {
        font-size: 23px;
    }




}
@media (max-width: 767px) {
    .footer .figure {
        margin-bottom: 10px;
    }
    .footer .social-part {
        padding-top: 10px;
    }
    .footer .foot-menu ul {
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .Select-massage { padding: 0 0px}
    .Select-massage select, .Select-massage input, .Select-massage select option{ font-size: 22px;}
    .Select-massage select{background-size: 28px; background-position: 97% ​center;}
    #begin_checkout_section .side-padding { padding: 30px 10px; height: 400px;}
    .light-yellow-bg, .light-gray-bg{ padding: 20px;}
    .app-serv-outer h3 { font-size: 37px; margin-bottom: 20px;}
    .app-serv-outer { padding: 20px; margin: 30px 0 30px;}
    .go-back-btn, .add-on-btn { font-size: 22px !important;}
    .application-details .figcaption strong { font-size: 30px; border-bottom: 1px solid #cccccc;}
    .application-details .figcaption .flt-r { font-size: 25px;}
    .application-details { margin-top: 30px;}
    .app-heading h2 { font-size: 28px;}
    .application-details .figcaption { margin-bottom: 15px;}
    .apn-time {margin-top: 20px;}
    .side-padding p { font-size: 20px !important;}
    .apn-time ul li { font-size: 17px !important;}
    .apn-time ul li:hover, .apn-time ul li.active { font-size: 21px !important;}
    .due-date { font-size: 20px;}




}
@media (max-width: 575px) {
    .datepicker td { height: 38px; width: auto; font-size: 14px;}
    .go-back-btn{margin-bottom: 7px;}
    .Select-massage select, .Select-massage input, .Select-massage select option{ font-size: 20px;}
    .light-yellow-bg, .light-gray-bg{ padding: 15px;}
    .go-back-btn, .add-on-btn { font-size: 20px !important; padding: 8px 15px;}
    .app-serv-outer h3 { font-size: 33px; margin-bottom: 15px;}
    .app-serv-outer .col-lg-4 {margin-bottom: 15px;}
    .application-details .figcaption strong { font-size: 26px;}
    .application-details .figcaption .flt-r { font-size: 21px;}
    .app-heading h2 { font-size: 26px;}
    .application-details .figcaption { margin-bottom: 10px;}
    .apn-time {margin-top: 15px;}
    .side-padding p { font-size: 19px !important;}
    


}
@media (max-width: 480px) {
    .Select-massage select, .Select-massage input, .Select-massage select option{ font-size: 18px; height: 40px;}
    .app-serv-outer { padding: 15px;}
    .Select-massage select{background-size: 20px;}
    .Select-massage select, .Select-massage .form-control #choose_sevice_datetime { padding: 0 10px !important; height: 40px !important;}
    .light-yellow-bg, .light-gray-bg { padding: 10px; width: 100%; height: auto;}
    .light-yellow-bg{ border-right: 1px solid #707070;}
    .app-serv-outer h3 { font-size: 30px;}
    .app-serv-outer .col-lg-4:last-child { margin-bottom: 0px;}
    .application-details .figcaption strong { font-size: 22px;}
    .application-details .figcaption .flt-r { font-size: 19px;}
    .application-details { margin-top: 20px;}
    .app-heading h2 { font-size: 24px;}
    .single-service.for-select-massage .service_type_caption { padding: 3px; font-size: 16px;}
    #begin_checkout_section .side-padding { padding: 15px 0px; height: auto;}
    

}
@media (max-width: 380px) {
    .app-serv-outer h3 { font-size: 24px;}
    .application-details .figcaption strong { font-size: 19px;}
    .application-details .figcaption .flt-r { font-size: 17px;}
    .go-back-btn, .add-on-btn { font-size: 18px !important; padding: 6px 15px;}


}