/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */
/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i,800&display=swap');
@import url('../fonts/fonts.css');

/* #Site Styles
================================================== */

/* ### general ### */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
}

body {
    background: #fff;
}

input, select, textarea, button {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #000;
}

img {
    border: 0;
    display: block;
}

ul, li {
    list-style: none;
}

:focus {
    outline: none;
}

fieldset {
    border: none;
}

select::-ms-expand {
    display: none;
}

strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

/* ### global classes ### */
.clear {
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.center {
    margin: 0 auto;
    position: relative;
    max-width: 1184px;
}

.centered {
    padding-right: calc((100% - 1184px) / 2);
    padding-left: calc((100% - 1184px) / 2);
}

/* ### wrapper ### */
#wrapper {
    position: relative;
    display: block;
    width: 100%;
    min-height: 100%;
}

/* ### main container ### */
#mainCntr {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.homeBg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 700px;
    background: url(../img/banners/home.jpg) center top no-repeat;
    background-size: cover;
}


/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
#headerCntr {
    position: relative;
    width: 100%;
    display:inline-block;
    height: 100%;
    max-height: 163px;
}

@media (min-width: 1281px) {

    #headerCntr {
        max-height: 163px;
    }

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    #headerCntr {
        max-height: 163px;
    }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

    #headerCntr {
        max-height: 65px;
    }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    #headerCntr {
        max-height: 65px;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    #headerCntr {
        max-height: 65px;
    }

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    #headerCntr {
        max-height: 65px;
    }

}

#headerCntr .logo {
    float: left;
    background: url(../img/logo.png) no-repeat;
    width: 160px;
    height: 88px;
    background-size: 160px 82px;
}

#headerCntr .mobileMenu {
    display: none;
    cursor: pointer;
    z-index: 15;
    float: left;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 15px;
    transition: 0.2s;
    overflow: hidden;
}

#headerCntr .mobileMenu span {
    display: block;
    height: 4px;
    text-indent: -9999px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 20%;
    left: 20%;
    transition: 0.2s;
}

#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after {
    display: block;
    width: 100%;
    height: 4px;
    content: '';
    background-color: #000;
    transition-duration: 0.2s, 0.2s;
    position: absolute;
    left: 0;
}

#headerCntr .mobileMenu span:before {
    top: -7px;
}

#headerCntr .mobileMenu span:after {
    bottom: -7px;
}

.mm-opened #headerCntr .mobileMenu span {
    background: none;
}

.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after {
    transition-delay: 0s, 0.2s;
}

.mm-opened #headerCntr .mobileMenu span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-opened #headerCntr .mobileMenu span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.message {
    padding-top: 20px;
    color: white;
    font-size: 2rem;
}

#success-message .message {
    padding-bottom: 20px;
}

.message .fa {
    margin-right: 20px;
}

/* ### header Box ### */
.headerBox {
    width: 100%;
    float: left;
    background: rgb(255, 255, 255);
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(241, 240, 239, 1) 100%);
}

.headerBox:before {
    position: absolute;
    left: 31%;
    top: 15px;
    background: url(../img/header-bg.png) left top no-repeat;
    width: 230px;
    height: 93px;
    content: '';
    display: block;
}

.headerBox ul {
    padding: 30px 0px 40px 0px;
    float: right;
}

.headerBox li {
    padding: 0px 8px;
    float: left;
}

.headerBox li a {
    font-size: 12px;
    color: #242323;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.headerBox li a:hover, .headerBox li.is-active a {
    color: #a79966;
}

.headerBox li.shop {
    border-right: 1px solid #242323;
}

.headerBox li.shop a {
    color: #000;
}

.headerBox .language select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    width: 100%;
    padding: 0 15px 0 2px;
    font-size: 12px;
    color: #242323;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: url(../img/language-arrow2.png) right 3px no-repeat;
}

.headerBox .language a, svg {
    padding-left:5px;
    display: inline;
}


.home .headerBox {
    background: none;
}

.home .headerBox:before {
    display: none;
}

.bannerBox .button span a {
    color: #fff;
}

.bannerBox.bookings {
    height: auto;
}

#headerCntr.black {
    background: #000;
}

#headerCntr.black .logo {
    background: url(../img/logo-black.png) no-repeat;
    width: 143px;
    height: 74px;
}

#headerCntr.black .mobileMenu span, #headerCntr.black .mobileMenu span:before, #headerCntr.black .mobileMenu span:after {
    background: #a79966;
}

.mm-opened #headerCntr.black .mobileMenu span {
    background: none;
}

/* ### menu box ### */
.menuBox:not(.mm-menu) {
    width: 100%;
    background: #000000;
    float: left;
    border-bottom: 5px solid #a79966;
}

.menuBox:not(.mm-menu) #nav {
    float: left;
}

.menuBox:not(.mm-menu) ul {
    list-style: none;
}

.menuBox:not(.mm-menu) ul li {
    float: left;
    position: relative;
}

.menuBox:not(.mm-menu) ul li a {
    padding: 16px 13px 18px 13px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.menuBox:not(.mm-menu) ul li a:hover, .menuBox:not(.mm-menu) ul li.is-active a {
    background: #a79966;
}

.menuBox:not(.mm-menu) ul li:hover > ul {
    display: block;
}

.menuBox:not(.mm-menu) ul li ul {
    display: none;
    position: absolute;
    left: 0px;
    z-index: 99;
    top: 53px;
    width: 263px;
    background: #a79966;
    box-shadow: 5px 3px 7px 0px rgba(0, 0, 0, 0.08);
}

.menuBox:not(.mm-menu) ul li ul li {
    width: 100%;
}

.menuBox:not(.mm-menu) ul li ul li a {
    padding: 15px 18px;
    font-size: 13px;
    color: #000000;
}

.menuBox:not(.mm-menu) ul li ul li a:hover {
    padding: 15px 18px;
    font-size: 13px;
    color: #FFF;
}

.menuBox:not(.mm-menu) ul li ul li a:hover {
    background: #a79966;
}

.menuBox:not(.mm-menu) ul li ul li ul {
    display: none;
    left: 236px;
    top: 0px;
}

.menuBox:not(.mm-menu) ul li ul {
    display: none;
    position: absolute;
    left: 0px;
    z-index: 99;
    top: 53px;
    width: 236px;
    background: #a79966;
    box-shadow: 5px 3px 7px 0px rgba(0, 0, 0, 0.08);
}

.menuBox .search {
    width: 150px;
    padding: 13px 18px 9px 18px;
    float: left;
}

.menuBox .search input[type="text"] {
    padding: 5px;
    width: calc(100% - 20px);
    float: left;
    font-size: 15px;
    color: #a79966;
    font-weight: 300;
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
}

.menuBox .search .button {
    margin: 2px 0 0 0;
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    background: url(../img/search-icon.png) left top no-repeat;
    border: none;
    cursor: pointer;
}

.menuBox .search input::-webkit-input-placeholder {
    color: #a79966;
}

.menuBox .search input::-moz-placeholder {
    color: #a79966;
    opacity: 1;
}

.menuBox .search input:-ms-input-placeholder {
    color: #a79966;
}

.menuBox .search input::-ms-input-placeholder {
    color: #a79966;
}

.menuBox .search input::placeholder {
    color: #a79966;
}

.menuBox .button {
    padding-top: 20px;
    margin-left: 80px;
    width: 160px;
    height: 54px;
    background: #a79966;
    text-align: center;
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

.headerBox .language select, #mm-nav .language select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 700;
    border-radius: 0px;
    width: 100%;
    padding: 0 15px 0 2px;
    font-size: 12px;
    color: #242323;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    background: url(../img/language-arrow2.png) right 3px no-repeat;
}

#mm-nav .language select {
    color: white;
    margin: 10px 10px 10px 20px;
    background: url(../img/language-arrow-white.png) right 3px no-repeat;
    width: auto;
}

/* ### banner Box ### */
.bannerBox {
    height: 255px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center top;
}

.bannerBox .block {
    padding: 31px 0px;
    width: 700px;
}

.bannerBox .title {
    font-size: 35px;
    color: #000;
    font-weight: 500;
    line-height: 50px;
}

.bannerBox .aftercare_title .title {
    top: 50%;
    left: 315px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 55px;
    color: #000;
    font-weight: 500;
    line-height: 58px;
}

.bannerBox .waxing_title .title {
    position: absolute;
    top: 45%;
    left: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 55px;
    color: #000;
    font-weight: 500;
    line-height: 58px;
}

.bannerBox .title strong {
    color: #a79966;
    font-weight: 700;
}

.bannerBox .row {
    margin-right: -17px;
}

.bannerBox .column {
    padding-right: 17px;
    padding-bottom: 10px;
    width: 50%;
    float: left;
}

.bannerBox select, .bannerBox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    width: 100%;
    height: 38px;
    padding: 0 38px 0 10px;
    font-size: 13px;
    cursor: pointer;
    border: none;
    background: #fff url(../img/select-arrow.jpg) right top no-repeat;
}

.ui-datepicker {
    background-color: white;
    border: 1px solid #a0a0a0;
    border-radius: 2px;
}

input.error, select.error {
    border: 1px solid red;
}

.bannerBox .button {
    position: relative;
    padding: 0 10px;
    width: 100%;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    text-align: left;
    background: #a79966;
    border: none;
    height: 38px;
}

.bannerBox .button span {
    z-index: 0;
    position: relative;
}

.bannerBox .button:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 38px;
    content: '';
    background: #000;
}

.bannerBox .button:after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.bannerBox .bookingIcon {
    position: absolute;
    right: 128px;
    top: 78px;
    width: 119px;
    height: 126px;
    display: block;
    background: url(../img/banner-icon.png) left top no-repeat;
}

.bannerBox.small {
    height: 225px;
    background-size: cover;
    background-position: center top;
}

.bannerBox.small .image {
    margin-top: 15px;
    float: left;
}

.bannerBox.small .title {
    padding: 53px 0 0 20px;
    float: left;
    text-align: center;
    font-size: 55px;
    color: #000;
    font-weight: 500;
    line-height: 58px;
}

.bannerBox.dealBanner {
    height: 177px;
    background-size: cover;
    background-position: center top;
}

.bannerBox .center {
    max-width: 1000px;
}

.bannerBox .center img {
    position: relative;
    left: 0px;
    bottom: -20px;
}

.topContentBox .image {
    padding-top: 20px;
    position: relative;
    width: 450px;
    float: left;
    margin-right: -70px;
}

.topContentBox .left {
    padding-right: 50px;
    width: calc(100% - 580px);
    float: left;
}

.topContentBox {
    padding-top: 40px;
    padding-bottom: 86px;
    overflow: hidden;
    width: 100%;
}

.topContentBox .button {
    display: block;
    width: 240px;
    margin: 30px auto 0px auto;
    text-transform: uppercase;
    position: relative;
    padding: 16px 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    background: #a79966;
    border: none;
    text-decoration: none;
}

.button:after {
    position: absolute;
    right: 14px;
    top: 18px;
    width: 11px;
    height: 21px;
    display: block;
    content: '';
}

.topContentBox .image img {
    max-width: 100%;
}

.topContentBox .image .join img {
    position: absolute;
    right: -50px;
    bottom: -50px;
}

.topContentBox .button:after {
    position: absolute;
    right: 14px;
    top: 18px;
    width: 11px;
    height: 21px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}


/* ### content container ### */
#contentCntr {
    width: 100%;
}

/* ### info box ### */
.infoBox {
    width: 100%;
    overflow: hidden;
    background: #000000;
}

.infoBox ul {
    list-style: none;
    text-align: center;
}

.infoBox li {
    padding: 12px 0;
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #a79966;
}

.infoBox li:before {
    position: relative;
    top: 4px;
    margin-right: 12px;
    width: 29px;
    height: 22px;
    display: inline-block;
    content: '';
    background: url(../img/chat.png) left 0px no-repeat;
}

.infoBox li:nth-child(2n):before {
    width: 21px;
    height: 27px;
    background: url(../img/pencil.png) left 0px no-repeat;
}

.infoBox li:nth-child(3n):before {
    width: 23px;
    background: url(../img/cup.png) left 0px no-repeat;
}

.infoBox strong {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

/* ### testimonial box ### */
.testimonialBox {
    padding-top: 31px;
    padding-bottom: 43px;
    text-align: center;
    width: 100%;
    position: relative;
    background: rgb(255, 255, 255);
}

.testimonialBox h1 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.testimonialBox p {
    font-size: 19px;
    color: #000000;
    line-height: 25px;
}

.testimonialBox span {
    color: #a79966;
}

.testimonialBox .arrow, .contentBox .arrow, .treatmentsBox .arrow {
    position: absolute;
    left: 50%;
    bottom: -22px;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../img/down-arrow.png) left top no-repeat;
    width: 51px;
    height: 51px;
    display: block;
    text-decoration: none;
}

#bookingform .row {
    padding-left: 0;
    padding-right: 0;
}

.treatmentsBox .arrow {
    z-index: 0;
}

.contentBox .arrow {
    bottom: 0;
}

.contentBox > .holder > .block > h3 {
    color: black;
    font-size: 15px;
}

.contentBox > .holder > .block > iframe {
    margin-top: 25px;
}

/* ### saving box ### */
.savingBox {
    padding-top: 77px;
    padding-bottom: 38px;
    overflow: hidden;
    position: relative;
    background: #a79966 url(../img/saving-bg.png) 95px bottom no-repeat;
    width: 100%;
}

.savingBox:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    background: url(../img/saving-bg-curve.png) left top no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 38px;
}

.savingBox .holder {
    max-width: 965px;
    margin: 0px auto;
    position: relative;
}

.savingBox .left {
    width: 290px;
    float: left;
}

.savingBox .right {
    width: 290px;
    float: right;
}

.savingBox h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 300;
}

.savingBox h2 strong {
    font-weight: 600;
}

.savingBox ul {
    padding-top: 10px;
    list-style: none;
}

.savingBox li {
    padding-left: 33px;
    font-size: 18px;
    color: #000000;
    line-height: 30px;
    position: relative;
}

.savingBox li:before {
    position: absolute;
    left: 10px;
    top: 14px;
    content: '';
    width: 5px;
    height: 5px;
    background: #000000;
    border-radius: 100%;
}

.savingBox p {
    padding: 110px 0px 30px 0px;
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.savingBox .button {
    top: -5px;
    margin-left: 28px;
    position: relative;
    padding: 14px 10px;
    width: 202px;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #000000;
    border: none;
    text-decoration: none;
}

.savingBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.savingBox .text {
    float: right;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-right: -200px;
    margin-bottom: 20px;
}

.savingBox .text span {
    color: #000;
}

.savingBox .image {
    position: absolute;
    left: 50%;
    top: -28px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* ### review box ### */
.reviewBox {
    padding-bottom: 50px;
    width: 100%;
    overflow: hidden;
}

.reviewBox h1 {
    margin-top: 0;
    padding-top: 52px;
    font-size: 38px;
    color: #000000;
    font-weight: 300;
    text-align: center;
}

#reviews.reviewBox h3,
.reviewBox h3 {
    font-size: 20px;
    text-align: center;
}

.reviewBox strong {
    font-weight: 600;
}

.reviewBox .title {
    padding-bottom: 46px;
    font-size: 28px;
    color: #a79966;
    text-align: center;
}

.reviewBox .holder {
    padding: 0px 30px 27px 20px;
    position: relative;
}

.reviewBox ul {
    list-style: none;
}

.reviewBox li {
    padding: 0 17px;
    width: 33.3%;
    float: left;
    border-right: 1px solid #fff;
}

.reviewBox li:nth-child(3n) {
    border: none;
}

.reviewBox .subtitle {
    font-size: 24px;
    color: #a79966;
    line-height: 41px;
    float: left;
}

.reviewBox .rank {
    float: right;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
}

.reviewBox .rank small {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    background: url(../img/count-bg.png) left top no-repeat;
    width: 46px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    display: inline-block;
}

.reviewBox h2 {
    padding-bottom: 15px;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.reviewBox p time {
    font-size: 12px;
}

.carousel-button {
    clear: both;
    width: 205px;
    display: block;
    margin: 0px auto;
    position: relative;
    padding: 14px 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #000000;
    border: none;
    text-decoration: none;
}

.carousel-button:hover
{
    text-decoration: none;
    color:#FFF;
}

.carousel-button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.reviewBox .button {
    clear: both;
    width: 205px;
    display: block;
    margin: 0px auto;
    position: relative;
    padding: 14px 10px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #000000;
    border: none;
    text-decoration: none;
}

.reviewBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.reviewBox .stop {
    padding-top: 85px;
    font-size: 36px;
    color: #000;
    font-weight: 700;
    text-align: center;
}

.reviewBox .stop span {
    color: #a79966;
}

.reviewBox .slick-next, .reviewBox .slick-prev {
    position: absolute;
    right: -64px;
    top: 67px;
    width: 71px;
    height: 68px;
    display: block;
    text-indent: -9999px;
    background: url(../img/next.png) left top no-repeat;
    border: none;
    cursor: pointer;
}

.reviewBox .slick-prev {
    left: -64px;
    background: url(../img/previous.png) left top no-repeat;
}

.reviewBox.reviewBg {
    background: #e5e3e2;
}

.reviewListBox .button.navigation {
    line-height: 1em;
    position: relative;
    float: right;
    display: block;
    padding: 12px 15px;
    width: 200px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
}

.reviewListBox .button.navigation:after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.reviewListBox .button.navigation:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.reviewListBox .button.navigation span {
    z-index: 1;
    position: relative;
}

.reviewListBox .button.navigation.previous {
    float: left;
    text-align: right;
}

.reviewListBox .button.navigation.previous:before {
    left: 2px;
}

.reviewListBox .button.navigation.previous:after {
    left: 14px;
    transform: rotate(180deg)
}

/* ### review rating box ### */
.ratingBox {
    padding-top: 98px;
    padding-bottom: 150px;
    width: 100%;
    overflow: hidden;
    background: #000000;
}

.ratingBox h4 {
    padding-bottom: 30px;
    font-size: 35px;
    color: #fff;
    text-align: center;
    font-weight: 300;
}

.ratingBox h4 strong {
    font-weight: 600;
}

.ratingBox ul {
    list-style: none;
}

.ratingBox li {
    width: 33.3%;
    float: left;
    text-align: center;
}

.ratingBox li .circle {
    position: relative;
    width: 181px;
    height: 181px;
    display: block;
    margin: 0px auto;
    background: #333333;
    border-radius: 100%;
}

.ratingBox li .circle strong {
    display: block;
    padding-top: 90px;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
}

.ratingBox li .circle:before {
    position: absolute;
    left: 50%;
    top: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    background: url(../img/open.png) left top no-repeat;
    width: 78px;
    height: 64px;
    display: block;
}

.ratingBox li:nth-child(2n) .circle:before {
    top: 20px;
    width: 43px;
    height: 58px;
    background: url(../img/location.png) left top no-repeat;
}

.ratingBox li:nth-child(3n) .circle:before {
    top: 23px;
    width: 74px;
    height: 58px;
    background: url(../img/chat-with-star.png) left top no-repeat;
}

.ratingBox p {
    padding-top: 9px;
    font-size: 20px;
    color: #fff;
}

.privay_table {
    font-size: 13px;
}

/* ### slider box ### */
.sliderBox {
    padding-top: 60px;
    padding-bottom: 56px;
    position: relative;
    width: 100%;
    background: #e5e3e2;
}

.sliderBox:before {
    position: absolute;
    left: 0px;
    top: -50px;
    content: '';
    background: url(../img/rating-bg-curve.png) left top no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 52px;
}

.sliderBox .title {
    position: relative;
    padding-bottom: 48px;
    font-size: 40px;
    color: #000000;
    text-align: center;
}

.sliderBox .title:before {
    position: absolute;
    right: 336px;
    top: 0px;
    content: '';
    width: 260px;
    height: 294px;
    display: block;
    background: url(../img/slider-bg.png) center 0px no-repeat;
}

.sliderBox .slider {
    position: relative;
    z-index: 2;
}

.sliderBox ul {
    list-style: none;
    margin-right: -35px;
}

.sliderBox ul .text {
    display: inline-block;
    min-height: 285px;
    position: relative;
    margin-bottom: 10px;

}

.sliderBox ul .text.en {
    min-height: 285px;
}

.sliderBox ul .text .carousel-button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.sliderBox li {
    padding-right: 35px;
    width: 33.3%;
    float: left;
}

.sliderBox .subtitle {
    padding: 10px 0;
    font-size: 31px;
    color: #000;
    line-height: inherit;
}

.sliderBox figure {
    text-align: center;
}

.sliderBox img {
    display: inline-block;
    max-width: 100%;
    height: 250px;
}

.sliderBox p {
    font-size: 18px;
    color: #000000;
    line-height: 30px;
}

/*.sliderBox p a {*/
/*    font-weight: 700;*/
/*    color: #000;*/
/*    text-decoration: underline;*/
/*}*/

.sliderBox .slick-next, .sliderBox .slick-prev {
    position: absolute;
    right: -64px;
    top: 67px;
    width: 71px;
    height: 68px;
    display: block;
    text-indent: -9999px;
    background: url(../img/next.png) left top no-repeat;
    border: none;
    cursor: pointer;
}

.sliderBox .slick-prev {
    left: -64px;
    background: url(../img/previous.png) left top no-repeat;
}

.sliderBox.dealSlider {
    padding-bottom: 129px;
    background: none;
}

.sliderBox.dealSlider:before {
    display: none;
}

.sliderBox.dealSlider .title:before {
    display: none;
}

/* ### video box ### */
/*.videoBox:after {position: absolute; left: 0px; top: -12px; content:''; background: url(../img/video-bg-curve.png) left top no-repeat; background-size: cover; display: block; width: 100%; height: 43px;}
	*/
.videoBox:after {
    position: absolute;
    left: 0px;
    top: -12px;
    content: '';
    background-size: cover;
    display: block;
    width: 100%;
    height: 43px;
}

.videoBox:before {
    z-index: -1;
    content: '';
    position: absolute;
    left: 101px;
    top: -82px;
    background: url(../img/video-bg.png) left top no-repeat;
    width: 465px;
    height: 525px;
}

.videoBox img {
    width: 100%;
}

.videoBox .title {
    position: absolute;
    left: 0px;
    top: 200px;
    width: 100%;
    text-align: center;
    font-size: 72px;
    color: #fff;
}

.videoBox .play {
    width: 102px;
    height: 102px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/play.png) left top no-repeat;
}

.videoBox iframe {
    width: 100%;
    height: 765px;
}

.videoBox {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

iframe {
    /* optional */
    width: 100%;
    border: none;
}

/* ### subscribe box ### */
.subscribeBox {
    padding-top: 66px;
    padding-bottom: 83px;
    z-index: 2;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.subscribeBox .title {
    padding-bottom: 13px;
    font-size: 30px;
    color: #000000;
    text-align: center;
}

.subscribeBox .title span {
    display: block;
    font-size: 36px;
    color: #a79966;
}

.subscribeBox .block {
    max-width: 730px;
    margin: 0px auto;
}

.subscribeBox input[type="text"], .subscribeBox input[type="email"] {
    padding: 16px 10px;
    font-size: 12px;
    color: #7a7a7a;
    margin-right: 4px;
    width: calc(50% - 100px);
    float: left;
    border: 1px solid #cac9c8;
}

.subscribeBox .button {
    position: relative;
    padding: 0 10px;
    width: 190px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #000000;
    border: none;
    height: 48px;
}

.subscribeBox .button:after {
    position: absolute;
    right: 14px;
    top: 15px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.subscribeBox .button:before {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 100%;
    z-index: -1;
    display: block;
    height: 100%;
    content: '';
    background: #a79966;
}

/* ### deals box ### */
.dealsBox {
    padding-top: 110px;
    height: 557px;
    width: 100%;
    background: url(../img/bottom-bg.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
}

.dealsBox .title {
    padding: 0px;
    font-size: 65px;
    color: #000000;
    text-align: center;
    line-height: 65px;
}

.dealsBox .title span {
    color: #a79966;
    display: block;
}

.dealsBox p {
    padding: 40px 0px;
    font-size: 30px;
    color: #000000;
    text-align: center;
}

.dealsBox p strong {
    display: block;
    font-weight: 700;
}

.dealsBox .button {
    position: relative;
    display: block;
    margin: 0px auto;
    padding: 12px 10px;
    width: 210px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #a79966;
    border: none;
    height: 48px;
    text-decoration: none;
}

.dealsBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.dealsBox .button:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.dealsBox span {
    z-index: 1;
    position: relative;
}

.dealsBox .chat {
    position: absolute;
    bottom: 150px;
    right: 45px;
    width: 66px;
    height: 66px;
    background: url(../img/icon-chat1.png) no-repeat;
}

/* ### content box ### */
.contentBox {
    padding-bottom: 30px;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}

.contentBox .holder {
    margin-right: -100px;
}

.contentBox .block {
    width: 50%;
    float: left;
    padding-right: 100px;
}

.contentBox h1 {
    padding: 28px 0px 30px 0px;
    font-size: 37px;
    color: #000000;
    font-weight: 400;
}

.contentBox h2 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #a79966;
    font-weight: 400;
}

.contentBox h3 {
    padding-top: 50px;
    padding-bottom: 10px;
    font-size: 24px;
    color: #a79966;
    font-weight: 400;
}

.contentBox p {
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

.contentBox a {
    color: #a79966;
    text-decoration: underline;
}

.contentBox a.black {
    color: #000;
}

.contentBox a:hover {
    text-decoration: none;
}

.contentBox .title {
    padding: 50px 0 15px 0;
    font-size: 30px;
    color: #000;
}

.contentBox .subtitle {
    padding: 17px 0 5px 0;
    font-size: 16px;
    color: #a79966;
}

.contentBox .left {
    padding-right: 111px;
    width: 60%;
    float: left;
}

.contentBox .button, .formBox #submit {
    top: -5px;
    margin-top: 10px;
    position: relative;
    padding: 14px 10px;
    width: 202px;
    display: inline-block;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #000000;
    border: none;
    text-decoration: none;
    font-weight: 700;
}

.contentBox .button::after, .formBox #submit::after {
    position: absolute;
    right: 14px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
    top: 13px;
    width: 11px;
    height: 21px;
}

/* ### grid box ### */
.gridBox {
    padding-top: 63px;
    padding-bottom: 15px;
    width: 100%;
    overflow: hidden;
    background: #f2f2f2;
    position: relative;
}

.gridBox.right {
    background: transparent;
    padding-top: 0;
}

.gridBox.right::before {
    content: normal
}

.gridBox .holder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.gridBox .holder .column.list {
    align-self: flex-start;
    display: block;
}

.gridBox .column {
    width: 50%;
    margin: 10px 38px 36px 0;
    float: left;
    position: relative;
    background: #fff;
}

.gridBox .column.empty {
    background: transparent;
}

.gridBox.right .column {
    width: 48%;
    background: #f2f2f2
}

.gridBox .submenu {
    width: 100%;
    background: #a79966;
    list-style: none;
}

.gridBox .submenu li {
    border-bottom: 1px solid #fff;
    position: relative;
    display: block;
}

.gridBox .submenu li a {
    position: relative;
    padding: 15px 26px;
    display: block;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.gridBox .submenu li a:before {
    position: absolute;
    right: 20px;
    top: 18px;
    content: '';
    display: block;
    background: url(../img/button-arrow.png) left top no-repeat;
    width: 9px;
    height: 18px;
}

.gridBox .submenu li a span {
    color: #000;
}

.gridBox .submenu li a:hover {
    text-decoration: underline;
}

.gridBox figure {
    width: 100%;
    position: relative;
    height: 171px;
    overflow: hidden
}

.gridBox img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.gridBox .detail {
    border-top: 2px solid #f2f2f2;
    padding: 17px;
    overflow: hidden;
    padding-bottom: 10px;
}

.gridBox .detail .title {
    padding: 0px 0 13px 0;
    font-size: 17px;
    color: #a79966;
    font-weight: 700;
}

.gridBox .detail address {
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    font-style: normal;
    margin: 29px 0;
}

.gridBox .detail .phone {
    color: #000;
    text-decoration: none;
}

.gridBox .detail a:hover {
    text-decoration: underline;
}

.gridBox .detail .email {
    color: #a79966;
    text-decoration: none;
}

.gridBox .detail p {
    padding: 16px 0px 21px 0px;
    font-size: 13px;
    color: #000000;
}

.gridBox .detail p span {
    text-decoration: underline;
    display: block;
    font-weight: 600;
}

.gridBox .detail p i {
    font-style: italic;
}

.gridBox .detail .time {
    cursor: pointer;
    margin-bottom: 6px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    line-height: 27px;
    display: block;
    text-align: center;
    background: #000000;
}

.gridBox .detail .button {
    padding: 13px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #a79966;
}

.gridBox .list {
    transition: all 0.5s;
    display: none;
    background-color: white;
}

.gridBox .list ul {
    padding-top: 5px;
    list-style: none;
}

.gridBox .list li {
    font-size: 13px;
    color: #000000;
    overflow: hidden;
    font-weight: 400;
    line-height: 25px;
}

.gridBox .list li span {
    float: right;
}

.gridBox .list li strong {
    font-weight: 500;
}

.gridBox .column .time:hover {
    background-color: dimgrey;
}

.gridBox .column .title a {
    text-decoration: none;
    color: #a79966;
}

.gridBox .column {
    width: calc(25% - 38px);
    float: left;
    margin-right: 20px;
    margin-bottom: 38px;
    position: relative;
    background: #fff;
}

.gridBox.vacancies .column {
    width: 50%;
    margin-left: 10px;
}

.gridBox .column a {
    text-decoration: none !important;
    color: black;
}

.gridBox .column img {
    width: 100%;
}

.gridBox .column .detail {
    padding: 16px 20px 75px 20px;
    overflow: hidden;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    border-top: 1px solid #f2f2f2;
}

.gridBox .column .title {
    padding: 0 0 8px 0;
    font-size: 16px;
    color: #a79966;
    font-weight: 600;
    display: block;
}

.gridBox .column strong {
    line-height: 25px;
}

.gridBox .column .button {
    padding: 14px 10px;
    position: absolute;
    left: 20px;
    bottom: 22px;
    font-size: 13px;
    width: calc(100% - 40px);
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.gridBox .column .button:after {
    display: none;
}

.gridBox .column ul {
    list-style: none;
    margin-bottom: 0;
}

.gridBox .column li {
    padding-left: 8px;
    position: relative;
    font-size: 13px;
    color: #a79966;
}

.gridBox .column li:before {
    content: '-';
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 13px;
    color: #a79966;
}

.gridBox:before {
    width: 100%;
    height: 47px;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../img/product-curve.jpg) left top no-repeat;
    background-size: cover;
}

.gridBox .text {
    max-width: 492px;
    padding-bottom: 23px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}


/* ### image box ### */
.imageBox {
    padding-top: 73px;
    padding-bottom: 102px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
}

.imageBox:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    background: url(../img/image-block-curve.png) left top no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 40px;
}

.imageBox ul {
    padding: 0px 80px;
}

.imageBox li {
    width: 33.3%;
    float: left;
    padding-right: 73px;
}

.imageBox img {
    width: 100%;
}

/* ### goldImage box ### */
.goldImageBox {
    padding-top: 160px;
    padding-bottom: 122px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #a79966;
}

.goldImageBox:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    background: url(../img/gold-curve.png) left top no-repeat;
    background-size: cover;
    display: block;
    width: 100%;
    height: 40px;
}

.goldImageBox ul {
    padding: 0px 87px;
    list-style: none;
    margin-right: -115px;
}

.goldImageBox li {
    padding-right: 115px;
    width: 50%;
    float: left;
}

.goldImageBox li img {
    width: 100%;
}

/* ### prices box ### */
.pricesBox select {
    border-radius: 0px;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
    cursor: pointer;
    border: none;
}

/* ### text box ### */
.textBox {
    padding-top: 40px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0;
}

.textBox .left {
    padding-right: 50px;
    width: 50%;
    float: left;
}

.textBox .right {
    padding-left: 50px;
    width: 50%;
    float: right;
}

.textBox h1 {
    padding-bottom: 28px;
    font-size: 37px;
    color: #000000;
    font-weight: 500;
}

.textBox a {
    color: #a79966;
}

.textBox a:hover {
    text-decoration: underline;
}

.textBox h1 span {
    color: #a79966;
    font-weight: 500;
}

.textBox p {
    padding-bottom: 24px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

.textBox strong {
    color: #a79966;
    display: block;
}

.textBox .title {
    padding-bottom: 22px;
    font-size: 25px;
    color: #000000;
    line-height: inherit;
}

.textBox .button {
    position: relative;
    display: block;
    width: 202px;
    margin: 0px auto;
    padding: 12px 10px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #a79966;
    border: none;
    height: 48px;
    text-decoration: none;
}

.textBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.textBox .image {
    padding-top: 20px;
    position: relative;
    width: 650px;
    float: left;
    margin-right: -70px;
    z-index: 99;
}

.textBox .right .image {
    position: absolute;
}

.textBox .image img {
    max-width: 100%;
}

.textBox .image .join {
    position: absolute;
    right: 70px;
    bottom: -20px;
}

.textBox .video {
    height: 315px;
    margin-bottom: 20px;
}

.textBox .image .joinSilver {
    position: absolute;
    left: 180px;
    bottom: -90px;
}

/* ### product box ### */
.productBox {
    padding-top: 38px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f2f2f2;
}

.productBox:before {
    width: 100%;
    height: 47px;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
}

.productBox .image {
    position: relative;
    z-index: 1;
    padding-right: 35px;
    width: 540px;
    float: left;
}

.productBox .image img {
    width: 100%;
}

.productBox .right {
    position: relative;
    z-index: 1;
    padding-top: 95px;
    width: calc(100% - 540px);
    float: left;
}

.productBox .title {
    font-size: 30px;
    color: #fff;
}

.productBox p {
    padding-bottom: 16px;
    font-size: 13px;
    color: #1a1a18;
    line-height: 24px;
}

.productBox .button {
    display: inline-block;
    position: relative;
    padding: 14px 55px 14px 24px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: #000000;
    border: none;
    text-decoration: none;
}

.productBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
}

.productBox ul {
    margin-right: -50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.productBox li {
    width: calc(33.3% - 50px);
    float: left;
    margin-right: 50px;
    margin-top: 50px;
    position: relative;
    background: #fff;
}

.productBox li a {
    text-decoration: none;
}

.productBox img {
    width: 100%;
}

.productBox .detail {
    padding: 22px 25px 150px 25px;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
}

.productBox .title {
    min-height: inherit;
    padding-bottom: 21px;
    font-size: 17px;
    color: #a79966;
    font-weight: 700;
    display: block;
}

.productBox p.bottom {
    min-height: inherit;
    position: absolute;
    left: 25px;
    bottom: 0;
    width: calc(100% - 50px);
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

.productBox .button {
    margin-top: 17px;
    display: block;
    text-align: center;
    padding: 20px 15px;
    text-transform: uppercase;
    background: #a79966;
}

.productBox .right .button {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
    padding: 20px 15px;
    text-transform: uppercase;
    background: #a79966;
    font-size: 13px;
}


/* ### detail box ### */
.detailBox {
    padding-top: 27px;
    padding-bottom: 51px;
    width: 100%;
    overflow: hidden;
}

.detailBox a {
    color: #a79966;
}

.detailBox a:hover {
    color: #a79966;
    text-decoration: underline;
}

.detailBox h1 {
    padding-bottom: 35px;
    font-size: 30px;
    color: #000000;
    text-align: left;
    font-weight: 400;
}

.detailBox .left {
    padding-right: 80px;
    width: calc(100% - 500px);
    float: left;
}

.detailBox .left h2 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #a79966;
    line-height: 30px;
    font-weight: 600;
}

#contentCntr > div.treatmentsBox.centered > div.left > h3 {
    font-size: 15px;
}

.detailBox .left p {
    padding-bottom: 15px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

.detailBox .left .title {
    padding-bottom: 10px;
    font-size: 16px;
    color: #a79966;
    font-weight: 600;
}

.detailBox .left .map {
    padding: 10px 0 27px 0;
    overflow: hidden;
}

.detailBox .left .map img {
    width: 100%;
}

.detailBox .left ul.list {
    list-style: none;
}

.detailBox .left ul.list li {
    padding: 0 0 15px 26px;
    position: relative;
}

.detailBox .left ul.list li:before {
    position: absolute;
    left: 0px;
    top: 9px;
    content: '';
    width: 3px;
    height: 3px;
    display: block;
    background: #000000;
}

.detailBox .left ul.list li a {
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
    font-weight: 600;
}

.detailBox .left ul.list li a:hover {
    text-decoration: none;
}

.detailBox > .extra-content {
    width: 500px;
    float: left;
    margin-bottom: 25px;
}

.detailBox > .extra-content h3 {
    font-size: 15px;
}

.extra-content > p {
    font-size: 13px;
}

.detailBox .right {
    width: 500px;
    float: left;
    background: #f2f2f2;
}

.detailBox .right img {
    width: 100%;
}

.detailBox .right .column {
    padding: 30px 21px 44px 21px;
    width: calc(100% - 217px);
    float: left;
    border-right: 1px solid #fff;
}

.detailBox .right .title {
    padding: 0px 0 13px 0;
    font-size: 17px;
    color: #a79966;
    font-weight: 700;
}

.detailBox .right address {
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    font-style: normal;
}

.detailBox .right address .phone {
    color: #000;
    text-decoration: none;
}

.detailBox .right address a:hover {
    text-decoration: underline;
}

.detailBox .right address .email {
    color: #a79966;
    text-decoration: none;
}

.detailBox .right p {
    padding: 16px 0px 21px 0px;
    font-size: 13px;
    color: #000000;
}

.detailBox .right p span {
    text-decoration: underline;
    display: block;
    font-weight: 600;
}

.detailBox .right p i {
    font-style: italic;
}

.detailBox .right .button {
    padding: 13px;
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    background: #a79966;
}

.detailBox .right .list {
    padding: 60px 15px 0 15px;
    width: 217px;
    float: left;
}

.detailBox .right .list ul {
    padding-top: 5px;
    list-style: none;
}

.detailBox .right .list li {
    font-size: 13px;
    color: #000000;
    overflow: hidden;
    font-weight: 600;
    line-height: 25px;
}

.detailBox .right .list li span {
    float: right;
}

/* ### review list box ### */
.reviewListBox {
    padding-top: 44px;
    padding-bottom: 77px;
    width: 100%;
    overflow: hidden;
}

.reviewListBox .sorting {
    padding: 0px 0px 0px 150px;
}

.reviewListBox .sorting select {
    margin-right: 20px;
    padding: 14px 45px 14px 20px;
    position: relative;
    display: block;
    float: left;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    background: #a79966;
}

.reviewListBox .sorting select:after {
    position: absolute;
    right: 12px;
    top: 15px;
    content: '';
    width: 18px;
    height: 11px;
    background: url(../img/white-arrow-down.png) left top no-repeat;
}

.reviewListBox .sorting select option {
    background: white;
    color: black
}

.reviewListBox ul {
    padding-top: 20px;
    overflow: hidden;
}

.reviewListBox li {
    padding: 20px 0 20px 80px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.reviewListBox li:last-child {
    border: none;
}

.reviewListBox li .detail {
    padding-left: 68px;
    position: relative;
}

.reviewListBox .title {
    font-size: 24px;
    color: #a79966;
    line-height: 41px;
    position: relative;
}

.reviewListBox .rank {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    background: url(../img/count-bg.png) left top no-repeat;
    width: 46px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    display: block;
}

.reviewListBox p {
    padding-bottom: 15px;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}

.reviewListBox p time {
    font-size: 12px;
}

/* ### paging box ### */
.pagingBox {
    padding-bottom: 72px;
    width: 100%;
    overflow: hidden;
}

.pagingBox ul {
    list-style: none;
    text-align: center;
}

.pagingBox li {
    padding: 0px 7px;
    display: inline-block;
}

.pagingBox li a {
    font-size: 13px;
    color: #9b9b9b;
    text-decoration: none;
}

.pagingBox li:last-child {
    padding-left: 50px;
}

.pagingBox li a:hover, .pagingBox li.is-active a {
    color: #000;
}

/* ### deal detail box ### */
.dealDetailBox {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: rgb(226, 224, 222);
    background: linear-gradient(to bottom, rgba(226, 224, 222, 1) 0%, rgba(235, 233, 233, 1) 100%);
}

.dealDetailBox .image {
    width: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-right: 29px;
}

.dealDetailBox .image img {
    width: 100%;
}

.dealDetailBox .right {
    padding: 70px 0 77px 0;
    width: 50%;
    float: right;
    position: relative;
}

.dealDetailBox .right .holder {
    position: relative;
    z-index: 1;
}

.dealDetailBox .right h2 {
    font-size: 50px;
    color: #000000;
    font-weight: 300;
}

.dealDetailBox .right .subtitle {
    padding: 25px 0px 15px 0px;
    font-size: 34px;
    color: #a79966;
    line-height: inherit;
    font-weight: 200;
}

.dealDetailBox .right .subtitle span {
    color: #000;
}

.dealDetailBox .right p {
    padding-bottom: 18px;
    font-size: 15px;
    color: #000000;
    line-height: 20px;
    font-weight: 500;
}

.dealDetailBox .right strong {
    padding-bottom: 10px;
    font-size: 15px;
    color: #000000;
    font-weight: 700;
    display: block;
}

.dealDetailBox .right ul {
    padding-bottom: 42px;
    list-style: none;
}

.dealDetailBox .right li {
    padding-left: 15px;
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    position: relative;
    line-height: 24px;
}

.dealDetailBox .right li:before {
    position: absolute;
    left: 0px;
    top: 11px;
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background: #a79966;
    border-radius: 100%;
}

.dealDetailBox .right .button {
    position: relative;
    padding: 15px 68px 15px 58px;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #a79966;
    text-decoration: none;
}

.dealDetailBox .right .button span {
    position: relative;
    z-index: 1;
}

.dealDetailBox .right .button:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.dealDetailBox .right .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.dealDetailBox .right .terms {
    margin-top: 70px;
    padding: 20px 16px 10px 16px;
    overflow: hidden;
    background: #a79966;
}

.dealDetailBox .right .terms p {
    font-size: 11px;
    color: #000000;
    font-weight: 600;
    padding-bottom: 17px;
}

.dealDetailBox .right .rightImage {
    position: absolute;
    right: 0px;
    bottom: -20px;
}

.dealDetailBox .content {
    position: absolute;
    right: 35px;
    top: 220px;
    width: 316px;
    height: 332px;
    background: url(../img/deal-detail-bg.png) left top no-repeat;
}

.dealDetailBox .content p {
    padding: 76px 50px 0 50px;
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

.dealDetailBox .content p span {
    color: #000;
}

/* ### connect box ### */
.connectBox {
    padding-top: 36px;
    padding-bottom: 66px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f2f2f2;
}

.connectBox:before {
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    background: url(../img/connect-curve.png) left top no-repeat;
    background-size: cover;
    width: 100%;
    height: 32px;
    display: block;
}

.connectBox .title {
    padding-bottom: 20px;
    font-size: 38px;
    color: #000000;
    font-weight: 300;
    text-align: center;
}

.connectBox .title span {
    color: #a79966;
    display: block;
}

.connectBox ul {
    list-style: none;
}

.connectBox li {
    display: block;
    float: left;
    text-align: center;
    width: 20%;
    position: relative;
}

.connectBox li a {
    padding-top: 92px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #a79966;
    font-weight: 700;
    text-decoration: none;
}

.connectBox li:after {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    background: #a79966;
    height: 73px;
    width: 1px;
    content: '';
}

.connectBox li:last-child:after {
    display: none;
}

.connectBox li a:before {
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    width: 58px;
    height: 66px;
    display: block;
    background: url(../img/icon-phone.png) left top no-repeat;
}

.connectBox li.chat a:before {
    width: 72px;
    height: 83px;
    background: url(../img/icon-chat.png) left top no-repeat;
}

.connectBox li.email a:before {
    width: 77px;
    height: 50px;
    background: url(../img/icon-message.png) left top no-repeat;
}

.connectBox li.facebook a:before {
    background: url(../img/icon-facebook.png) left top no-repeat;
}

.connectBox li.instagram a:before {
    width: 70px;
    height: 70px;
    background: url(../img/icon-instagram.png) left top no-repeat;
}

/* ### book box ### */
.bookBox {
    padding-top: 50px;
    padding-bottom: 46px;
    width: 100%;
    overflow: hidden;
}

.bookBox .block {
    width: 520px;
    margin: 0px auto;
    text-align: center;
}

.bookBox .title {
    padding-bottom: 44px;
    font-size: 37px;
    color: #000000;
    font-weight: 300;
    float: none;
    width: auto;
}

.bookBox p {
    font-size: 20px;
    color: #000000;
    width: 192px;
    float: left;
}

.bookBox .right {
    float: right;
}

.bookBox .button {
    margin-top: 15px;
    width: 100%;
    position: relative;
    padding: 15px 10px 15px 10px;
    display: block;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: #a79966;
    text-decoration: none;
}

.bookBox .button span {
    position: relative;
    z-index: 1;
}

.bookBox .button:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.bookBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.bookBox .button:hover {
    text-decoration: underline;
}

/* ### faq box ### */
.faqBox {
    padding-top: 70px;
    padding-bottom: 80px;
    position: relative;
    width: 100%;
    background: #a79966;
}

.faqBox a {
    color: white;
}

.faqBox a:hover {
    color: white;
}

.faqBox:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    background: url(../img/faq-curve.png) left top no-repeat;
    background-size: cover;
    width: 100%;
    height: 47px;
    display: block;
}

.faqBox .block {
    margin: 0px auto;
}

.faqBox .title {
    padding: 0px;
    font-size: 37px;
    color: #ffffff;
    font-weight: 300;
    line-height: inherit;
}

.faqBox p {
    padding: 13px 0px 25px 0px;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
}

.faqBox .button {
    margin-top: 15px;
    width: 190px;
    padding: 15px 10px 15px 10px;
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: #000;
    text-decoration: none;
}

.faqBox .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.faqBox .button:hover {
    text-decoration: underline;
}

.faqBox .block button {
    margin-top: 15px;
    width: 190px;
    padding: 15px 10px 15px 10px;
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    background: #000;
    text-decoration: none;
    border: solid black 2px;
}

.faqBox .block .block_header {
    text-align: center;
}

/* ### contact box ### */
.contactBox {
    padding-top: 78px;
    padding-bottom: 130px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f2f2f2;
}

.contactBox:before {
    position: absolute;
    right: 32px;
    top: 0px;
    content: '';
    background: url(../img/contact-bg.png) left top no-repeat;
    width: 527px;
    height: 267px;
    display: block;
}

.contactBox .left {
    position: relative;
    z-index: 1;
    padding: 0px 47px;
    width: 360px;
    float: left;
    border-right: 2px solid #a79966;
}

.contactBox .title {
    padding-bottom: 16px;
    font-size: 24px;
    color: #a79966;
}

.contactBox address {
    font-size: 13px;
    color: #000000;
    font-style: normal;
    line-height: 20px;
}

.contactBox address a {
    color: #000;
    text-decoration: none;
}

.contactBox address .mail {
    color: #a79966;
}

.contactBox a.route {
    color: #a79966;
    margin: 12px 0 20px 0;
    text-decoration: underline;
    display: inline-block;
}

.contactBox .right {
    position: relative;
    z-index: 1;
    padding-left: 100px;
    width: calc(100% - 360px);
    float: left;
}

.contactBox .holder {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    margin-bottom: -50px;
}

.contactBox .column {
    width: 280px;
    float: left;
}

.contactBox .column2 {
    width: calc(100% - 280px);
    float: left;
}

.contactBox p {
    padding-bottom: 16px;
    font-size: 13px;
    color: #000000;
}

.contactBox_logos {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    min-height: 100px
}

.contactBox_logos img {
    width: 200px;
    display: inline-block;
}

/* ### treatments box ### */
.treatmentsBox {
    padding-top: 33px;
    padding-bottom: 43px;
    width: 100%;
    overflow: hidden;
}

#contentCntr > div > h3 {
    font-size: 15px;
}

.treatmentsBox iframe {
    height: 315px;
}

.treatmentsBox h2 {
    padding-bottom: 30px;
    font-size: 37px;
    color: #000000;
    font-weight: 300;
}

.treatmentsBox .left {
    padding-right: 60px;
    width: 50%;
    float: left;
}

.treatmentsBox .video {
    width: 50%;
    float: left;
    position: relative;
    margin-top: 20px;
}

.treatmentsBox > .video > h3, .left > h3 {
    font-size: 15px;
}

.treatmentsBox .video img {
    width: 100%;
}

.treatmentsBox .video iframe {
    margin-bottom: 25px;
}

#contentCntr > div.treatmentsBox.centered > div.video > ul {
    display: inline-block;
}

.treatmentsBox .title {
    position: absolute;
    left: 0px;
    top: 84px;
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
}

.treatmentsBox .play {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../img/play.png) left top no-repeat;
    background-size: 100%;
}

.treatmentsBox .subtitle {
    font-size: 24px;
    color: #a79966;
    line-height: inherit;
}

.treatmentsBox h1 {
    margin-top: 0;
}

.treatmentsBox h2 {
    margin-top: 0;
    font-size: 18px;
    color: #000000;
    display: block;
}

.treatmentsBox p {
    padding-bottom: 13px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    font-weight: 400;
}

.treatmentsBox .detail {
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 20px 19px 20px 30px;
    position: relative;
    background: #f2f2f2;
}

.treatmentsBox .detail .holder {
    overflow: hidden;
}

.treatmentsBox .detail .column {
    width: 164px;
    float: left;
    position: relative;
}

.treatmentsBox .detail .column:before {
    position: absolute;
    left: -56px;
    top: 5px;
    width: 42px;
    height: 42px;
    display: block;
    content: '';
}

.treatmentsBox .detail .price {
    float: right;
}

.treatmentsBox .detail a.cancel_terms {
    text-decoration: none;
}

.treatmentsBox .detail p {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.treatmentsBox .detail p.text {
    font-size: 16px;
    color: #a79966;
    font-weight: 700;
}

.treatmentsBox .detail p.text:last-of-type {
    /*margin-bottom: 0;*/
    padding-bottom: 0;
}

.treatmentsBox .button {
    padding: 20px 0;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    width: 180px;
    float: right;
    text-decoration: none;
    text-align: center;
    background: #a79966;
}

.treatmentsBox ul {
    list-style: none;
}

.treatmentsBox li {
    padding: 0 0 17px 25px;
    /*width: 50%;*/
    float: left;
    position: relative;
}

.treatmentsBox li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 9px;
    width: 3px;
    height: 3px;
    display: block;
    background: #000;
}

.treatmentsBox span a {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    text-decoration: underline;
}

/* ### strip box ### */
.stripBox {
    width: 100%;
    overflow: hidden;
    background: #000000;
}

.stripBox p {
    position: relative;
    width: calc(100% - 307px);
    padding: 22px 0 22px 38px;
    float: left;
    font-size: 20px;
    color: #a79966;
}

.stripBox p:before {
    position: absolute;
    left: 0px;
    top: 28px;
    margin-right: 12px;
    width: 29px;
    height: 22px;
    display: inline-block;
    content: '';
    background: url(../img/chat.png) left 0px no-repeat;
}

.stripBox strong {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
}

.stripBox .right {
    width: 307px;
    float: right;
    position: relative;
}

.stripBox .right:before {
    content: '';
    width: 5000px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #a79966;
}

.stripBox .right a {
    padding: 26px 24px 32px 0;
    float: right;
    display: block;
    position: relative;
    font-size: 21px;
    color: white;
    text-decoration: none;
    font-weight: 700;
}

.stripBox .right a:before {
    content: '';
    position: absolute;
    right: 5px;
    top: 30px;
    width: 9px;
    height: 18px;
    display: block;
    background: url(../img/button-arrow.png) left top no-repeat;
}

/* ### care box ### */
.careBox {
    padding-top: 70px;
    padding-bottom: 75px;
    overflow: hidden;
    width: 100%;
    background: #f2f2f2;
}

.careBox .left {
    padding-top: 35px;
    width: 500px;
    float: left;
}

.careBox .right {
    padding: 0 0 0 60px;
    width: calc(100% - 500px);
    float: left;
}

.careBox .title {
    padding-bottom: 20px;
    font-size: 34px;
    color: #000;
    line-height: inherit;
    font-weight: 400;
}

.careBox p {
    padding-bottom: 13px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    font-weight: 400;
}

.careBox ul {
    list-style: none;
}

.careBox li {
    width: 33.3%;
    text-align: center;
    float: left;
    position: relative;
}

.careBox figure {
    margin-bottom: 48px;
    height: 296px;
    position: relative;
}

.careBox img {
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
}

.careBox .name {
    padding: 14px 10px;
    border: 1px solid #ae9a63;
    display: inline-block;
    font-size: 20px;
    color: #ae9a63;
    text-decoration: none;
    font-weight: 700;
}

.careBox .info {
    position: absolute;
    right: -60px;
    top: 48px;
    width: 140px;
    height: 150px;
    background: url(../img/info-bg.png) left top no-repeat;
}

.careBox .info:hover {
    color: white
}

.careBox .info p {
    padding: 48px 0px 0px 15px;
    font-size: 15px;
    color: #fff;
    text-align: left;
    font-weight: 700;
}

/* ### Prices box ### */
.pricesBox {
    padding-top: 32px;
    padding-bottom: 43px;
    width: 100%;
    float: left;
    position: relative;
}

.pricesBox h1 {
    margin-bottom: 0;
    padding-bottom: 0px;
    font-size: 37px;
    color: #000000;
    font-weight: 300;
    text-align: center;
}

.pricesBox h1 + p {
    font-size: 27px;
    color: #a79966;
    display: block;
    text-align: center;
    padding-bottom: 30px;
}

.pricesBox .button {
    position: relative;
    padding: 11px 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    width: 192px;
    margin: 0px auto;
    display: block;
    background: #a79966;
}

.pricesBox .button:before {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 28px;
    height: 15px;
    display: block;
    content: '';
    background: url(../img/down-arrow-white.png) left top no-repeat;
}

.pricesBox .holder {
    margin-right: -45px;
    width: 100%;
}

.pricesBox .block {
    padding-right: 45px;
    width: 33.3%;
    float: left;
}

.pricesBox .title {
    padding-bottom: 6px;
    font-size: 24px;
    color: #000000;
    border-bottom: 1px solid #a79966;
    font-weight: 600;
}

.pricesBox ul {
    list-style: none;
}

.pricesBox li {
    padding: 8px 0px;
    width: 100%;
    float: left;
}

.pricesBox .head {
    padding: 11px 0 12px 0;
    overflow: hidden;
}

.pricesBox .head p {
    font-size: 12px;
}

.pricesBox .name {
    padding-right: 24px;
    width: calc(100% - 130px);
    float: left;
    position: relative;
}

.pricesBox .price {
    padding-right: 10px;
    width: 60px;
    float: left;
    font-size: 13px;
    color: #000000;
    font-weight: 700;
    text-align: center;
}

.pricesBox .member {
    width: 70px;
    float: left;
    font-size: 13px;
    color: #a79966;
    font-weight: 700;
    text-align: center;
}

.pricesBox .inputSet label {
    margin-bottom: 0;
    display: block;
    padding-left: 24px;
    position: relative;
    font-size: 13px;
    color: #000000;
}

.pricesBox .inputSet label span {
    display: block;
    overflow: hidden;
}

.pricesBox .inputSet label small {
    display: block;
    color: #a79966;
}

.pricesBox .inputSet label input {
    opacity: 0;
    position: absolute;
}

.pricesBox .inputSet label span:before {
    width: 15px;
    height: 15px;
    border: 1px solid #808080;
    content: '';
    position: absolute;
    left: 0;
    border-radius: 3px;
}

.pricesBox .inputSet label input:checked + span:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: #a79966;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.pricesBox .tooltip {
    position: absolute;
    right: 0px;
    top: 0px;
}

.pricesBox .tooltip a.info {
    width: 30px;
    height: 16px;
    display: block;
    background: url(../img/icon-info.png) left top no-repeat;
}

.pricesBox .tooltip p {
    display: none;
    z-index: 1;
    width: 318px;
    padding: 26px 16px;
    font-size: 13px;
    color: #000000;
    position: absolute;
    right: -315px;
    top: -14px;
    background: #c0c0c0;
    box-shadow: 0px 1px 3px -1px #262222;
}

.pricesBox .tooltip p a {
    color: #000;
    text-decoration: underline;
    font-style: italic;
}

.pricesBox .tooltip:hover p {
    display: block;
}

.pricesBox .gift {
    padding: 20px 0 40px 0;
    float: left;
    position: relative;
    width: 100%;
}

.pricesBox .gift .title {
    padding-bottom: 6px;
    font-size: 24px;
    color: #000000;
    border-bottom: 1px solid #a79966;
    font-weight: 600;
}

.pricesBox .gift p {
    padding-top: 10px;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
}

.pricesBox .gift span {
    width: 125px;
    font-weight: 700;
    float: right;
}

.pricesBox .bookbutton {
    position: relative;
    float: right;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    width: 210px;
    text-align: center;
    display: block;
    background: #a79966;
}

.pricesBox .memberInfo {
    margin-top: 50px;
    padding: 20px 12px;
    overflow: hidden;
    background: #a79966;
}

.pricesBox .memberInfo .subtitle {
    padding-bottom: 11px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.pricesBox .memberInfo p {
    padding-bottom: 20px;
    font-size: 13px;
    color: #000000;
}

.pricesBox .memberInfo .memberbutton {
    padding: 12px 43px;
    display: block;
    float: right;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    background: #000;
}

.pricesBox i {
    width: 26px;
    height: 23px;
    display: block;
    float: left;
    margin-right: 6px;
}

.pricesBox .icon {
    background-size: contain !important;
}

.pricesBox .icon1 {
    background: url(../img/icon1.jpg) left top no-repeat;
}

.pricesBox .icon2 {
    background: url(../img/icon2.jpg) left top no-repeat;
}

.pricesBox .icon3 {
    background: url(../img/icon3.jpg) left top no-repeat;
}

.pricesBox .icon4 {
    background: url(../img/icon4.jpg) left top no-repeat;
}

.pricesBox .icon5 {
    background: url(../img/icon5.jpg) left top no-repeat;
}

.pricesBox .icon6 {
    background: url(../img/icon6.jpg) left top no-repeat;
}

.pricesBox .icon7 {
    background: url(../img/icon7.jpg) left top no-repeat;
}

.pricesBox .icon8 {
    background: url(../img/icon8.png) left top no-repeat;
}

.pricesBox .icon9 {
    background: url(../img/icon9.jpg) left top no-repeat;
}

.pricesBox .icon10 {
    background: url(../img/icon10.jpg) left top no-repeat;
}

.pricesBox .icon11 {
    background: url(../img/icon11.jpg) left top no-repeat;
}

.pricesBox .icon12 {
    background: url(../img/icon12.jpg) left top no-repeat;
}

.pricesBox .icon13 {
    background: url(../img/icon13.jpg) left top no-repeat;
}

.pricesBox .gift:before {
    display: none !important;
    width: 446px;
    height: 382px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: -400px;
    content: '';
    background: url(../img/price-bg-trasnparent.png) left top no-repeat;
}

.pricesBox.bookings h2 {
    padding-bottom: 0px;
}

.pricesBox .buttons {
    padding-top: 33px;
    overflow: hidden;
}

.pricesBox.bookings .button, .pricesBox.bookings .next {
    line-height: 1em;
    position: relative;
    float: right;
    display: block;
    padding: 12px 15px 12px 0;
    width: 220px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
    text-align: center;
}

.pricesBox .button.offer {
    display: none;
}

.pricesBox.bookings .buttonBox {
    float: right;
    /*position: absolute;*/
    /*top: 50px;*/
    /*right: calc((100vw - 1184px) / 2);*/
}

.pricesBox.bookings .buttonBox .button {
    float: none;
}

.pricesBox.bookings .button:after, .pricesBox.bookings .next:after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.pricesBox.bookings .button:before, .pricesBox.bookings .next:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.pricesBox.bookings .button span, .pricesBox.bookings .next span {
    z-index: 1;
    position: relative;
}

.pricesBox.bookings .offer {
    margin-bottom: 10px;
    text-align: center;
}

.bannerBox.bookings .previous, .pricesBox.bookings .previous {
    position: relative;
    float: left;
    display: block;
    padding: 12px 15px;
    width: 200px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-align: right;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
}

.bannerBox.bookings .previous:after, .pricesBox.bookings .previous:after {
    position: absolute;
    left: 14px;
    top: 9px;
    width: 13px;
    height: 22px;
    display: block;
    content: '';
    background: url(../img/previous-arrow.png) left top no-repeat;
    background-size: 100%;
}

.bannerBox.bookings select, .bannerBox.bookings input {
    border: 1px solid #d3d3d3;
}

.bannerBox.bookings select.error, .bannerBox.bookings input.error {
    border: 1px solid red;
}

/*.pricesBox.bookings .block { width: 100%; }*/
.pricesBox.bookings .column {
    width: 25%;
    float: left;
}

/* ### deal box ### */
.dealBox {
    padding-top: 20px;
    padding-bottom: 44px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.dealBox h2 {
    padding-bottom: 10px;
    font-size: 24px;
    color: #000000;
    font-weight: 300;
}

.dealBox ul {
    margin-right: -27px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.dealBox li {
    padding: 13px 12px 17px; /* 42px*/
    margin-right: 27px;
    margin-bottom: 10px;
    width: calc(33.3% - 27px);
    font-size: 13px;
    color: #fff;
    float: left;
    background: #000;
}

.dealBox .head {
    padding-bottom: 5px;
    overflow: hidden;
}

.dealBox .head p {
    font-size: 12px;
}

.dealBox .name {
    padding-right: 24px;
    width: calc(100% - 130px);
    float: left;
    position: relative;
}

.dealBox .price {
    padding-right: 10px;
    width: 60px;
    float: left;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.dealBox .member {
    width: 70px;
    float: left;
    font-size: 13px;
    color: #a79966;
    font-weight: 700;
    text-align: center;
}

.dealBox .inputSet label {
    margin-bottom: 0;
    display: block;
    position: relative;
    font-size: 16px;
    color: #a79966;
    font-weight: 600;
}

.dealBox .inputSet label small {
    display: block;
    font-size: 13px;
    color: #ffffff;
}

.dealBox .inputSet label input {
    opacity: 0;
    position: absolute;
}

.dealBox .inputSet label span:before {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    content: '';
    position: absolute;
    left: -27px;
    top: 4px;
    border-radius: 3px;
}

.dealBox .inputSet label input:checked + span:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    left: -27px;
    top: 4px;
    background: #fff;
    border-radius: 3px;
}

.dealBox .text {
    padding: 20px 0 0 0;
}

.dealBox .button {
    margin-top: 18px;
    position: relative;
    float: right;
    padding: 15px 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    width: 210px;
    text-align: center;
    display: block;
    background: #a79966;
}

.dealBox .next {
    margin-top: 6px;
    position: relative;
    float: right;
    display: block;
    padding: 12px 15px;
    width: 200px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
}

.dealBox .next:after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.dealBox .next:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.dealBox .next span {
    z-index: 1;
    position: relative;
}

/* ### form box ### */
.formBox {
    padding-top: 9px;
    padding-bottom: 6px;
    width: 100%;
    overflow: hidden;
    background: #e6e5e5;
}

.formBox .block {
    max-width: 700px;
    margin: 0px auto;
}

.formBox .form form.block {
    max-width: 700px;
    margin-bottom: 20px;
    margin-left: 0px;
}

.formBox .location {
    width: 44%;
    float: left;
}

.formBox .column {
    padding-left: 18px;
    width: 28%;
    float: left;
}

.formBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
    color: #000;
    cursor: pointer;
    border: none;
    background: #fff url(../img/select-arrow.jpg) right top no-repeat;
}

.formBox input[type="text"] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
    color: #000;
    border: none;
    background: #fff url(../img/select-arrow.jpg) right top no-repeat;
}

.formBox.aanmeldingsformulier {
    text-decoration: none;
    border: 1px solid #a79966;
    background-color: #a79966;
    color: #000;
    overflow: hidden;
    font-size: x-large;
    padding: 5px;
}

.formBox.centered.academy {
    padding-bottom: 50px;
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
}

.formBox.centered.academy .block {
    max-width: 915px;
}

.formBox.centered.academy .row {
    margin-right: -47px;
    padding-bottom: 30px;
    overflow: hidden;
}

.formBox.centered.academy .column {
    width: 50%;
    float: left;
    padding-right: 47px;
    padding-left: 0px;
}

.formBox.centered.academy .block {
    max-width: 700px;
    margin: 0px 0px;
}

.formBox.centered.academy input[type="text"] {
    padding: 15px 12px;
    font-size: 12px;
    color: #7a7a7a;
    border: 1px solid #cac9c8;
    width: 100%;
    background: #FFFFFF;
}

.formBox.centered.academy input[type="text"].error {
    border-color: red;
}

.formBox.centered.academy .left {
    width: 188px;
    float: left;
}

.formBox.centered.academy .left label {
    text-align: left;
    padding-left: 0px;
}

.formBox.centered.academy .label {
    padding-bottom: 12px;
    font-size: 12px;
    color: #7a7a7a;
    display: block;
}

.formBox.centered.academy .inputSet label {
    float: left;
    margin-bottom: 0;
    display: block;
    padding: 0 20px;
    position: relative;
    font-size: 12px;
    color: #7a7a7a;
}

.formBox.centered.academy .inputSet label.error {
    padding: 0;
}

.formBox.centered.academy .inputSet label input {
    opacity: 0;
    position: absolute;
}

.formBox.centered.academy .button {
    min-width: 245px;
    position: relative;
    display: inline-block;
    padding: 16px 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    background: #a79966;
    border: none;
    text-decoration: none;
}

.formBox.centered.academy .inputSet label span:before {
    width: 15px;
    height: 15px;
    border: 1px solid #808080;
    content: '';
    position: absolute;
    left: 0;
    border-radius: 2px;
}

.formBox .inputSet label input.error:not(:checked) + span:before {
    border-color: red;
}

.formBox.centered.academy .button:after {
    position: absolute;
    right: 14px;
    top: 18px;
    width: 11px;
    height: 21px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.formBox .inputSet label input:checked + span:after {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #a79966;
}

.formBox .form .row {
    margin-right: -20px;
    padding-bottom: 30px;
    overflow: hidden;
}

.formBox .form .column {
    width: 50%;
    float: left;
    padding-left: 0px;
    padding-right: 20px;
}

.formBox .form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    width: 100%;
    font-size: 12px;
    color: #7a7a7a;
    cursor: pointer;
    border: 1px solid #cac9c8;
    background: #fff url(../img/select-arrow.jpg) right top no-repeat;
}

.formBox .form select.error, .formBox .form input[type="text"].error, .formBox .form .textarea.error {
    border-color: red
}

.formBox .form input[type="text"] {
    padding: 10px 12px;
    font-size: 12px;
    color: #7a7a7a;
    border: 1px solid #cac9c8;
    width: 100%;
    background: #ffffff;
}

.formBox .form .inputFile {
    height: 38px;
    width: 100%;
    margin: 0px;
    position: relative;
    padding-left: 10px;
    border: 1px solid #cac9c8;
    font-size: 12px;
}

.formBox .form .inputFileInner {
    width: 100%;
    position: relative;
}

.formBox .form .inputFile #uploadFilePath, .formBox .form .inputFile #uploadPhotoPath {
    width: 50%;
    padding-top: 5px;
    white-space: normal;
    text-overflow: ellipsis;
    background: none;
    color: #7a7a7a;
    border: none;
    outline: none;
}

.formBox .form .inputFile .custom-file-input {
    border: 1px solid #ccc;
    position: relative;
    top: -2px;
    right: 0;
    display: inline-block;
    color: #7a7a7a;
    height: 25px;
    text-align: center;
    background: #fff;
}

.formBox .form .inputFile .custom-file-input:before {
    font-size: 12px;
    padding: 3px 0px;
    right: 0;
    left: 0;
    position: absolute;
    content: 'Bestand kiezen';
    cursor: pointer;
    background: #fff;
    width: 100%;
    height: calc(100% - 10px);
}

.formBox .form .inputFile .custom-file-input input {
    visibility: hidden;
    width: 106px;
    text-align: center;
}

.formBox .form .inputFile .custom-file-input label.error {
    display: none !important;
}

.formBox .form .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 500;
    line-height: 1;
    color: #7a7a7a;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.formBox .form .inputFile .label {
    padding: 7px 0 0 15px;
    float: left;
}

.formBox .form .inputFile .custom-file-input {
    border: 1px solid #ccc;
    top: -2px;
    right: 0;
    display: inline-block;
    color: #7a7a7a;
    height: 25px;
    text-align: center;
    background: #fff;
    font-weight: 500;
}

.formBox .form .textarea {
    padding: 10px 10px;
    height: 38px;
    resize: none;
    font-size: 12px;
    color: #7a7a7a;
    border: 1px solid #cac9c8;
    width: 100%;
}

.formBox .button {
    min-width: 245px;
    position: relative;
    display: inline-block;
    padding: 16px 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    background: #a79966;
    border: none;
    text-decoration: none;
}

/* ### step box ### */
.stepBox {
    width: 100%;
    overflow: hidden;
}

.stepBox ul {
    list-style: none;
    background: #f2f2f2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.stepBox li {
    width: 20%;
    float: left;
}

.stepBox li a {
    position: relative;
    padding: 20px 10px;
    height: 56px;
    display: block;
    background: #f2f2f2;
    font-size: 12px;
    color: #b0aeae;
    text-decoration: none;
    text-transform: uppercase;
}

.stepBox li:first-child a {
    padding: 20px 5px;
}

.stepBox li a:before, .stepBox li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 29px solid transparent;
    border-bottom: 29px solid transparent;
    border-left: 18px solid transparent;
}

.stepBox li a:before {
    margin-left: 1px;
    border-left-color: #fff;
}

.stepBox li a:after {
    border-left-color: #f2f2f2;
}

.stepBox li:last-child a:after {
    content: '';
    display: none;
}

.stepBox li:last-child a:before {
    content: '';
    display: none;
}

.stepBox li a span {
    position: relative;
    top: -10px;
    margin-right: 7px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    display: block;
    float: left;
    background: #fff;
    border-radius: 100%;
}

.stepBox li a:hover, .stepBox li a.is-active {
    background: #a79966;
    color: #fff;
}

.stepBox li a:hover span, .stepBox li a.is-active span {
    color: #a79966;
}

.stepBox li a:hover:after, .stepBox li a.is-active:after {
    border-left-color: #a79966;
}

.mm-menu {
    background: #000000;
    height: calc(100% - 70px) !important;
    top: 70px;
}

.mm-menu a {
    color: #fff !important;
}

.mm-menu a:hover {
    background: #a79966;
}

.mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: #fff;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: #a79966;
}


/* ### review button ###*/
.book_now {
    width: 160px;
    height: 35px;
    background: #a79966;
    border: solid #a79966;
}

/* ### timeline ### */
/* timeline header */
.jumbotron {
    margin: 0px;
    padding: 0px;
    min-height: 50px;
}

.timeline-header {
    text-align: left;
    background-color: #000;
}

.timeline-header img {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/* timeline content */
.page {
    padding: 60px;
}

* {
    box-sizing: border-box;
}

.row {
    margin-left: 0px !important;
}

.timeline {
    list-style: none;
    border-left: 2px solid #DCDCDC;
    margin-left: 20px;
    width: 40px;
    margin: 0 auto;
}

.timeline li:nth-child(odd) {
    position: relative;
    left: -431px;
    padding-right: 160px;
    text-align: right;
}

.timeline li {
    position: relative;
    min-height: 200px;
    width: 450px;
}

.timeline li:nth-child(even) {
    padding-left: 70px;
    left: 40px;
}

.timeline li.low figure {
    width: 50px;
    height: 50px;
    left: 366px;
    top: 0px;
}

.timeline li.middle figure {
    width: 100px;
    height: 100px;
    left: 340px;
    top: 0px;
}

.timeline li.high figure {
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.timeline li:nth-child(odd) {
    position: relative;
    left: -367px;
    padding-right: 160px;
    text-align: right;
}

.timeline li.low:nth-child(even) figure {
    left: -92px;
}

.timeline li.high:nth-child(even) figure {
    width: 150px;
    left: -116px;
}

.timeline li figure.clip-img {
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    width: 100px;
    height: 100px;
    position: absolute;
    left: 316px;
    top: 0px;
}

.timeline li figure {
    overflow: hidden;
    background-size: cover;
}

figure {
    margin: 0;
}

.timeline li i {
    font-size: 16px;
    padding-right: 10px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.timeline li time {
    font-weight: 900;
}

.timeline li.low h4 {
    font-size: 1.5em;
}

.timeline li.middle h4 {
    font-size: 1.5em;
}

.timeline li.high h4 {
    font-size: 1.5em;
    font-weight: 600;
}

.timeline p {
    margin: 0 0 5px;
}

.fa-calendar-o:before {
    content: "\f133";
}

.text-center {
    text-align: center;
}

.btn.btn-black {
    text-decoration: none;
    border: 1px solid #a79966;
    background-color: #a79966;
    color: #000;
    border-width: 15px;
    overflow: hidden;
    font-size: x-large;
    width: 25%;
}

.behandelingen_content_header {
    width: 100%;
    height: 60px;
}

.download_price_pdf {
    width: 160px;
    height: 35px;
    background: #a79966;
    border: solid #a79966;
    float: right;
}

.dropdown_gender {
    text-align: center;
}

.dropdown_gender .genders {
    -webkit-appearance: none;
    width: 135px;
    font-size: 16px;
    color: #fff;
    border: solid 1px #a79966;
    background: #a79966 url(../img/select-arrow.png) 100% top no-repeat;
    -webkit-background-size: 38px;
    background-size: 38px;
}


/* ### footer container ### */
#footerCntr {
    padding-bottom: 86px;
    overflow: hidden;
    width: 100%;
    position: relative;
    background: #000000;
}

#footerCntr:after {
    display: block;
    position: absolute;
    right: 0px;
    top: 92px;
    content: '';
    width: 250px;
    height: 473px;
    background: url(../img/footer-bg.png) left top no-repeat;
}

#footerCntr .content {
    width: calc(100% - 243px);
    float: left;
    position: relative;
    z-index: 1;
}

#footerCntr .social {
    width: 243px;
    float: left;
}

#footerCntr .logo {
    display: inline-block;
    margin-bottom: 25px;
}

#footerCntr p {
    padding-bottom: 23px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

#footerCntr p strong {
    font-size: 14px;
}

#footerCntr p span, #footerCntr p a, .reviewListBox a, .reviewListBox a:hover {
    color: #a79966;
}

#footerCntr .bottom {
    padding-top: 10px;
    overflow: hidden;
}

#footerCntr .left {
    width: 70%;
    float: left;
}

#footerCntr .right {
    width: 218px;
    float: right;
}

#footerCntr .right p {
    padding: 0px 0 10px 0;
}

#footerCntr .column {
    width: 33.3%;
    float: left;
}

#footerCntr .title {
    padding: 0px;
    font-size: 14px;
    color: #a79966;
    font-weight: 700;
    line-height: inherit;
    margin-bottom: 0;
}

#footerCntr ul.links {
    list-style: none;
}

#footerCntr ul.links li {
    display: block;
    line-height: 22px;
}

#footerCntr .single-line {
    clear: both;
}

#footerCntr .single-line ul.links li {
    float: left;
    display: inline-block;
    padding: 0 10px;
    border-right: 1px solid white;
}

#footerCntr .single-line ul.links li:last-child {
    border-right: none;
}


#footerCntr ul.links li > * {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

#footerCntr ul.links li > p {
    margin: 0;
    padding-bottom: 0;
    line-height: 22px;
}

#footerCntr ul.links li a:hover {
    text-decoration: underline;
}

#footerCntr ul.links li span {
    color: #a79966;
}

#footerCntr .button {
    position: relative;
    display: block;
    padding: 12px 10px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background: #a79966;
    border: none;
    height: 48px;
    text-decoration: none;
}

#footerCntr .button:after {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow-black.png) left top no-repeat;
}

#footerCntr .social ul {
    padding-top: 21px;
    float: right;
    list-style: none;
}

#footerCntr .social li {
    float: left;
    padding-left: 10px;
}

#footerCntr .social li a {
    width: 66px;
    height: 66px;
    display: block;
    text-indent: -9999px;
    background: url(../img/facebook.png) left top no-repeat;
}

#footerCntr .social li:nth-child(2n) a {
    width: 66px;
    height: 66px;
    display: block;
    text-indent: -9999px;
    background: url(../img/instagrame.png) left top no-repeat;
}

#footerCntr .sponsor {
    position: absolute;
    right: 0px;
    bottom: -85px;
}

#alreadyCustomer .col-xs-4, #newCustomer .col-xs-4 {
    width: 90px;
    padding-left: 0;
}

.time-table {
    position: relative;
    list-style: none;
    padding: 0px;
    margin: 20px auto 40px auto;
    width: 300px;
    line-height: 2em;
}

.preloader {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(202, 202, 202, 0.7);
    z-index: 999;
    color: #FFF;
    font-size: 28px;
    text-align: center;
    padding: 70px;
    max-width: 460px;
}

.time-table > li {
    display: none;
}

.time-table > li:not(.not-available), .time-table > li:not(.not-preferred) {
    display: block;
}

@media (min-width: 50em) {
    .time-table {
        width: 460px;
        margin: 0px 0px 0px 0px;
        /*margin: 0px auto 40px auto;*/
    }

    .time-table > li {
        display: block;
    }
}

.time-table li:before {
    display: block;
    content: '';
    clear: both;
}

.time-table li:after {
    display: block;
    content: '';
    clear: both;
}

.time-table li ul {
    list-style: none;
    padding: 0px;
    display: block;
}

.time-table li ul li {
    float: left;
    cursor: pointer;
}

.time-table li ul li:hover {
    cursor: pointer;
}

.time-table li ul li.not-available, .time-table li ul li.not-preferred {
    opacity: 0.2;
    cursor: default;
}

@media (max-width: 50em) {
    .time-table > li:not(.available) {
        opacity: 0.4;
    }

    .time-table li ul li.not-available, .time-table li ul li.not-preferred {
        display: none;
    }
}

.time-table li ul li:first-child {
    width: 100%;
    min-width: 70px;
}

.time-table li ul li:first-child label {
    display: block;
    background-color: #000 !important;
    color: #FFF;
}

.time-table li ul li:first-child label span {
    background-color: #000;
}

.time-table li ul li:first-child label em {
    background-color: #000;
    float: right;
    width: 50%;
    display: block;
    padding: 8px 8px 8px 0px;
    font-style: normal;
}

.time-table li ul li:first-child label span {
    width: 50%;
    text-align: right;
    float: left;
    cursor: pointer;
    /*width: 100%; */
}

@media (min-width: 50em) {
    .time-table li ul li:first-child {
        width: auto;
    }
}

.time-table li ul li label {
    margin: 0px;
    position: relative;
    font-weight: normal;
}

.time-table li ul li label input {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.time-table li ul li label span {
    padding: 8px;
    display: block;
    width: 50px;
    float: none;
    text-align: center;
    background-color: #e4e4e4;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
}

.time-table li ul li:first-child label em {
    background-color: #000;
    float: right;
    display: block;
    padding: 8px 8px 8px 0px;
    font-style: normal;
}

.time-table li ul li.not-available label span:hover, .time-table li ul li.not-preferred label span:hover {
    cursor: default;
}

.time-table li ul li label span:hover {
    cursor: pointer;
}

.time-table li ul li label input:checked + span {
    color: #FFF;
    background-color: #a79966 !important;
}

.time-table li ul li label input.checkedRadio + span {
    background-color: #BAAF87;
}

.pricesBox .time-table li {
    width: auto;
    padding: 0;
}

.previous-day, .next-day {
    cursor: pointer;
    display: inline-block;
    background-color: #FFF !important;
    border: 0px !important;
    color: #c4b47b !important;
    margin-bottom: 20px !important;
    padding: 5px 10px;
    font-size: 14px;
}

.previous-day i, .next-day i {
    font-size: 14px;
    float: none;
    display: inline-block;
}

.previous-day:disabled, .next-day:disabled {
    opacity: 0.7;
    pointer-events: none;
}

.day-switch {
    max-width: 465px;
    padding-left: 15px;
}

.step-2 .booking-info p {
    margin-bottom: 0;
    color: #a79966;
    font-size: 18px;
    font-weight: 700;
}

.step-2 .selected-time li, .step-2 .clientTreatments li {
    font-weight: 400;
    color: #000;
    font-size: 1em;
}

.step-2 .selected-time li {
    font-style: italic;
}

.angel-selector, .angel-notification {
    color: #a79966;
}

.step-2 .info-block {
    line-height: 2em;
}

.no-spot {
    margin: 0px;
    background-color: #a79966;
    padding: 10px;
    color: #FFF;
    font-size: 18px;
    display: inline-block;
    line-height: 24px;
    max-width: 460px;
}

.next-day {
    text-align: right;
    float: right;
    padding-right: 20px;
}

.angel-notice {
    position: relative;
    background-color: #a79966;
    color: #FFF;
    padding: 15px;
    margin-top: 10px;
    display: none;
}

.btn-check-other-locations {
    text-decoration: underline;
}

.btn-check-other-locations:hover {
    color: #8a7e50;
    cursor: pointer;
}

.row.extra-spacing-above {
    margin-top: 15px;
}

.logged-in {
    margin-top: 20px;
}

.logged-in .next:before, .step-4 .next:before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.step-4 .next, .logged-in .next {
    position: relative;
    float: right;
    display: block;
    padding: 12px 15px;
    width: 200px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
    line-height: normal;
}

.step-4 .next span {
    position: relative;
}

.step-4 .next:after, .logged-in .next:after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.container > .row {
    margin-bottom: 20px;
}

.logged-in strong {
    font-size: 18px;
    color: #a79966;
}

.next-step-logged-in.show {
    display: inline-block !important;
    float: none;
}

.logged-in .btn {
    display: inline-block !important;
    margin: 20px 20px 20px 0px !important;
}

.logged-in .btn {
    display: inline-block !important;
    margin: 20px 20px 20px 0px !important;
}

.step-4 .final-details h4, .step-4 .delete-deal-details h4 {
    color: #a79966;
    font-weight: bold;
}

.btn.btn-black {
    border: 1px solid #000;
    background-color: #000;
    color: #FFF;
    border-radius: 1em;
    overflow: hidden;
}

.step-4 {
    line-height: 2em;
}

.step-4 a {
    color: #a79966;
}

.step-4 a:hover {
    color: #8a7e50;
}

.step-4 p {
    font-size: 1em;
    font-weight: 200;
}

.step-4 p, .step-5 p {
    margin: 0px 0px 20px 0px !important;
}

.message.error {
    text-align: center;
}

.message.error span {
    display: inline-block;
    padding: 10px;
    border: 1px solid red;
    color: red;
    background-color: rgba(255, 255, 255, 0.6);
}

.bookings .message.error {
    text-align: left;
    padding-top: 2px;
    padding-bottom: 20px;
}

.error-page {
    width: 100%;
    padding: 250px 0;
}

.error-page .button {
    margin-top: 20px;
    line-height: 1em;
    position: relative;
    display: inline-block;
    padding: 12px 15px 12px 0;
    width: 220px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    background: #a79966;
    border: none;
    height: 40px;
    text-decoration: none;
    text-align: center;
}

.error-page .button::before {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 100%;
    display: block;
    height: 100%;
    content: '';
    background: #000;
}

.error-page .button::after {
    position: absolute;
    right: 14px;
    top: 9px;
    width: 9px;
    height: 18px;
    display: block;
    content: '';
    background: url(../img/button-arrow.png) left top no-repeat;
}

.error-page .button span {
    z-index: 1;
    position: relative;
}

.share-button {
    display: inline-block;
    text-decoration: none;
}

.share-button .content {
    width: 135px;
    height: 40px;
    background: black;
    border-radius: 5px;
    line-height: 40px;
    padding: 0 20px;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}

.share-button .content svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

.share-button .content span {
    color: white;
    font-size: 1.1rem;
}

.share-button.facebook-share-button .content {
    background-color: #3B5998;
}

.share-button.twitter-share-button .content {
    background-color: #55acee;
}

.share-button.linkedin-share-button .content {
    background-color: #0077b5;
}

.share-button.whatsapp-share-button .content {
    background-color: #25d366;
}

.share-button.mail-to-button .content {
    background-color: #7d7d7d;
}

.share-button:hover .content {
    opacity: 0.8;
}

.step-4 .share-button:hover {
    text-decoration: none;
}

@media (min-width: 50em) {
    .time-table li ul li label span {
        display: inline-block;
        width: auto;
    }
}

/* #Media Queries
================================================== */
.hidden {
    display: none;
}

@media only screen and (max-width: 1183px) {
    .center {
        padding-left: 20px;
        padding-right: 20px;
    }

    .centered {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menuBox:not(.mm-menu) ul li a {
        padding: 18px 9px 19px 9px;
        font-size: 13px;
    }

    .menuBox .button {
        width: 120px;
        height: 66px;
    }

    .bannerBox .bookingIcon {
        top: 44px;
        right: 50px;
    }

    .savingBox {
        padding-top: 50px;
        padding-bottom: 35px;
    }

    .reviewBox .slick-next, .reviewBox .slick-prev {
        right: -38px;
    }

    .reviewBox .slick-prev {
        left: -38px;
    }

    .reviewBox ul {
        padding: 0 28px;
    }

    .reviewBox p {
        font-size: 13px;
    }

    .reviewBox h3 {
        padding-top: 20px;
        font-size: 35px;
    }

    .ratingBox {
        padding-top: 30px;
        padding-bottom: 86px;
    }

    .sliderBox {
        padding-top: 10px;
    }

    .sliderBox .slick-next, .sliderBox .slick-prev {
        right: 20px;
    }

    .sliderBox .slick-prev {
        left: -15px;
    }

    .sliderBox .slider ul {
        padding: 0px 40px;
        margin-right: -20px;
    }

    .sliderBox li {
        padding-right: 20px;
    }

    .sliderBox .subtitle {
        font-size: 23px;
    }

    .sliderBox p {
        font-size: 16px;
        line-height: 27px;
    }

    .videoBox .title {
        padding-top: 67px;
    }

    #footerCntr .left {
        width: calc(100% - 218px);
    }

    .textBox .image {
        width: 50%;
    }

    .textBox .left {
        width: 50%;
        padding-right: 30px;
    }

    .textBox .title {
        font-size: 20px;
    }

    .reviewBox .stop {
        padding-top: 50px;
    }

    .bannerBox.small .title {
        font-size: 45px;
    }

    .treatmentsBox .title {
        font-size: 28px;
        top: 37px;
    }

    .treatmentsBox .left {
        padding-right: 20px;
    }

    .careBox {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .careBox .right {
        padding-left: 20px;
    }

    .careBox .name {
        font-size: 17px;
    }

    .detailBox .left {
        padding-right: 30px;
    }

    .detailBox .left h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .contentBox .holder {
        margin-right: -30px;
        width: 78%;
    }

    .contentBox .block {
        padding-right: 30px;
    }

    .contentBox h2 {
        font-size: 22px;
    }

    .gridBox .column {
        margin: 0 17px 17px 0;
        width: calc(25% - 17px);
    }


    .gridBox {
        padding-top: 30px;
    }

    .dealDetailBox .right {
        padding-top: 20px;
    }

    .dealDetailBox .right .subtitle {
        font-size: 32px;
        padding: 10px 0;
    }

    .dealDetailBox .right p {
        font-size: 13px;
        padding-bottom: 12px;
    }

    .dealDetailBox .right li {
        font-size: 13px;
    }

    .contentBox .title {
        padding: 30px 0 15px 0;
    }

    .imageBox {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .imageBox ul {
        padding: 0px;
        margin-right: -30px;
    }

    .imageBox li {
        padding-right: 30px;
    }

    .sliderBox.dealSlider {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .goldImageBox {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pricesBox {
        padding-top: 13px;
        padding-bottom: 28px;
    }

    .pricesBox h1 {
        font-size: 29px;
    }

    .pricesBox h1 span {
        font-size: 21px;
    }

    .pricesBox .holder {
        margin-right: -15px;
    }

    .pricesBox .block {
        padding-right: 15px;
    }

    .pricesBox .inputSet label {
        padding-left: 25px;
    }

    .pricesBox .name {
        padding-right: 8px;
    }

    .pricesBox .inputSet label {
        font-size: 12px;
        padding-left: 22px;
    }

    .pricesBox .tooltip {
        right: -12px;
    }

    .dealBox li {
        margin-right: 10px;
        width: calc(33.3% - 10px);
        padding: 13px 6px 17px 34px;
    }

    .dealBox .name {
        padding-right: 0px;
    }

    .dealBox .inputSet label {
        font-size: 14px;
    }

    .dealBox .inputSet label small {
        font-size: 12px;
    }

    .stepBox {
        background: #f2f2f2;
    }

    .stepBox li {
        width: auto;
    }

    .stepBox li a {
        padding: 20px 15px 20px 55px;
    }

    .dealsBox .chat {
        right: 20px;
        bottom: 20px;
    }

    .savingBox .text {
        margin-right: 0;
        display: inline-block;
        width: 100%;
        text-align: center
    }

    .textBox .right {
        width: 100%;
        padding-left: 0;
    }

    .gridBox.right .column {
        width: 100%;
    }
}

@media only screen and (max-width: 979px) {

    #footerCntr .single-line ul.links li {
        float: none;
        display: block;
        border: none;
        width: 100%;
    }

    .reviewListBox .sorting select {
        margin-bottom: 5px;
        width: 100%;
    }

    .reviewListBox .button.navigation {
        max-width: 49%;
        margin-bottom: 25px;
    }

    .share-button {
        margin-bottom: 5px;
    }

    .treatmentsBox .arrow {
        display: none;
    }

    .bookings .container {
        padding: 0;
    }

    .bookings .time-table {
        margin: 0;
    }

    #form-step-3 .col-sm-12 {
        padding-left: 0;
    }

    .container > .row {
        max-width: 100%;
    }

    .step-3 .col-lg-1, .step-3 .col-lg-10, .step-3 .col-lg-11, .step-3 .col-lg-12,
    .step-3 .col-lg-2, .step-3 .col-lg-3, .step-3 .col-lg-4, .step-3 .col-lg-5,
    .step-3 .col-lg-6, .step-3 .col-lg-7, .step-3 .col-lg-8, .step-3 .col-lg-9,
    .step-3 .col-md-1, .step-3 .col-md-10, .step-3 .col-md-11, .step-3 .col-md-12,
    .step-3 .col-md-2, .step-3 .col-md-3, .step-3 .col-md-4, .step-3 .col-md-5,
    .step-3 .col-md-6, .step-3 .col-md-7, .step-3 .col-md-8, .step-3 .col-md-9,
    .step-3 .col-sm-1, .step-3 .col-sm-10, .step-3 .col-sm-11, .step-3 .col-sm-12,
    .step-3 .col-sm-2, .step-3 .col-sm-3, .step-3 .col-sm-4, .step-3 .col-sm-5,
    .step-3 .col-sm-6, .step-3 .col-sm-7, .step-3 .col-sm-8, .step-3 .col-sm-9,
    .step-3 .col-xs-1, .step-3 .col-xs-10, .step-3 .col-xs-11, .step-3 .col-xs-12,
    .step-3 .col-xs-2, .step-3 .col-xs-3, .step-3 .col-xs-4, .step-3 .col-xs-5,
    .step-3 .col-xs-6, .step-3 .col-xs-7, .step-3 .col-xs-8, .step-3 .col-xs-9 {
        padding-left: 0;
    }

    .pricesBox .time-table > li {
        width: 100%;
    }

    .day-switch {
        padding-left: 0;
    }

    .day-switch .btn {
        padding-left: 0;
    }

    .pricesBox .time-table > li.not-available {
        display: none;
    }

    .videoBox {
        width: 100%;
    }

    .headerBox ul {
        display: none;
    }

    .home .headerBox {
        background: #fff;
    }

    .headerBox {
        background: #fff;
    }

    #headerCntr.black .headerBox {
        background: #000;
    }

    .headerBox::before {
        display: none;
    }

    .menuBox:not(.mm-menu) ul {
        display: none;
    }

    #headerCntr .mobileMenu {
        display: block;
    }

    #headerCntr .right {
        float: right;
    }

    .infoBox strong {
        font-size: 19px;
    }

    .infoBox li {
        padding: 16px 0;
        font-size: 15px;
    }

    .testimonialBox h1 {
        font-size: 20px;
    }

    .testimonialBox p {
        font-size: 16px;
    }

    .savingBox .image img {
        width: 100%;
    }

    .savingBox .image {
        width: 167px;
    }

    .savingBox h2 {
        font-size: 35px;
    }

    .savingBox .image {
        left: 44%;
    }

    .savingBox li {
        font-size: 15px;
    }

    .savingBox p {
        padding-top: 15px;
    }

    .dealsBox {
        height: 400px;
        padding-top: 50px;
    }

    .dealsBox .title {
        font-size: 50px;
        line-height: 55px;
    }

    .dealsBox p {
        padding: 15px 0;
    }

    .subscribeBox {
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .subscribeBox .title {
        font-size: 28px;
    }

    .subscribeBox .title span {
        font-size: 28px;
    }

    .videoBox .title {
        padding-top: 50px;
        top: 0px;
        font-size: 50px;
    }

    #footerCntr .bottom {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    #footerCntr .left {
        padding-bottom: 20px;
        width: 100%;
    }

    .bannerBox.small .title {
        width: calc(100% - 236px);
        font-size: 38px;
    }

    .bannerBox.small .title br {
        display: none;
    }

    .textBox {
        padding-top: 20px;
    }

    .textBox .image .join {
        width: 150px;
    }

    .textBox .image {
        width: 40%;
    }

    .textBox .left {
        width: 60%;
    }

    .textBox p {
        font-size: 12px;
    }

    .textBox .title {
        font-size: 18px;
    }

    .productBox .image {
        width: 60%;
    }

    .productBox .right {
        width: 40%;
    }

    .productBox p {
        font-size: 12px;
        line-height: 20px;
    }

    .treatmentsBox {
        padding-top: 13px;
        padding-bottom: 20px;
    }

    .treatmentsBox .title {
        font-size: 24px;
    }

    .treatmentsBox .play {
        width: 50px;
        height: 50px;
    }

    .treatmentsBox p {
        font-size: 12px;
    }

    .treatmentsBox .button {
        float: left;
    }

    .treatmentsBox li {
        padding: 0 0 10px 14px;
    }

    .treatmentsBox li a {
        font-size: 12px;
    }

    .stripBox {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .stripBox .right {
        width: 270px;
    }

    .stripBox p {
        width: calc(100% - 270px);
        font-size: 16px;
        padding: 9px 0 13px 38px;
    }

    .stripBox p::before {
        top: 23px;
    }

    .careBox .left {
        width: 100%;
    }

    .careBox .right {
        padding-left: 0px;
        width: 400px;
        margin: 0px auto;
        float: none;
    }

    .detailBox {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .detailBox h2 {
        font-size: 32px;
        padding-bottom: 15px;
    }

    .detailBox .left {
        padding-right: 0px;
        width: 100%;
    }

    .detailBox .right {
        width: 100%;
    }

    .detailBox .right .button {
        display: inline-block;
        padding: 13px 50px;
    }

    .reviewBox li:nth-child(3n) {
        border-right: 1px solid #fff;
    }

    .reviewBox li:nth-child(2n) {
        border: none;
    }

    .reviewListBox .sorting {
        padding: 0px 0 0 85px;
    }

    .reviewListBox li {
        padding: 15px;
    }

    .reviewListBox {
        padding-bottom: 30px;
    }

    .pagingBox {
        padding-bottom: 30px;
    }

    .contentBox p {
        font-size: 12px;
    }

    .gridBox .holder {
        margin-right: -17px;
    }

    .gridBox .column {
        width: calc(33.3% - 17px);
    }

    .contentBox h1 {
        font-size: 33px;
        padding: 13px 0px 22px 0px;
    }

    .contactBox .holder {
        margin-left: auto;
        margin-right: auto;
        width: 78%;
        margin-bottom: -50px;
    }

    .dealDetailBox .content {
        top: 250px;
    }

    .dealDetailBox .right .subtitle {
        font-size: 28px;
    }

    .sliderBox p {
        font-size: 16px;
        line-height: 24px;
    }

    .goldImageBox ul {
        padding: 0px;
        margin-right: -50px;
    }

    .goldImageBox li {
        padding-right: 50px;
    }

    .connectBox {
        padding-top: 20px;
        padding-bottom: 43px;
    }

    .connectBox .title {
        font-size: 32px;
    }

    .bookBox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .faqBox {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contactBox {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .pricesBox .holder {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .pricesBox .block {
        padding-bottom: 20px;
        width: 50%;
    }

    .dealBox li {
        width: calc(50% - 10px);
        padding: 13px 6px 17px 34px;
    }

    .stepBox li {
        width: 25%;
    }

    .stepBox li a {
        padding: 12px 15px 13px 32px;
    }

    .stepBox li:first-child a {
        padding: 12px 15px 13px 10px;
    }

    .stepBox li a span {
        top: 0px;
    }

    .col-md-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .bannerBox .bookingIcon {
        display: none;
    }

    .homeBg {
        display: none;
    }

    .bannerBox {
        height: 260px;
        background: rgb(208, 207, 206);
        background: linear-gradient(45deg, rgba(208, 207, 206, 1) 0%, rgba(244, 244, 245, 1) 100%);
    }

    .bannerBox .title {
        font-size: 34px;
    }

    .infoBox ul {
        padding: 20px 0;
        overflow: hidden;
        width: 300px;
        margin: 0px auto;
    }

    .infoBox li {
        padding: 8px;
        width: 100%;
        text-align: left;
    }

    .testimonialBox h1 {
        font-size: 19px;
    }

    .testimonialBox p br {
        display: none;
    }

    .testimonialBox p {
        font-size: 14px;
    }

    .savingBox .left {
        width: 100%;
    }

    .savingBox .right {
        width: 100%;
        float: left;
    }

    .savingBox .image {
        left: inherit;
        right: 20px;
        -webkit-transform: none;
        transform: none;
    }

    .savingBox p {
        font-size: 20px;
    }

    .savingBox .button {
        top: 0px;
        margin-top: 20px;
        margin-left: 0;
    }

    .reviewBox h3 {
        font-size: 32px;
        padding-top: 17px;
    }

    .reviewBox .title {
        font-size: 17px;
        padding-bottom: 30px;
    }

    .ratingBox h4 {
        font-size: 29px;
    }

    .ratingBox li .circle {
        width: 130px;
        height: 130px;
    }

    .ratingBox li .circle strong {
        font-size: 20px;
        padding-top: 84px;
    }

    .ratingBox p {
        font-size: 14px;
    }

    .ratingBox {
        padding-bottom: 55px;
    }

    .sliderBox .title {
        font-size: 28px;
        padding-bottom: 23px;
    }

    .videoBox .play {
        background-size: 100%;
        width: 70px;
        height: 70px;
    }

    .videoBox .title {
        font-size: 36px;
        padding-top: 23px;
    }

    .videoBox iframe {
        min-height: auto;
    }

    .subscribeBox .title span {
        font-size: 20px;
    }

    .subscribeBox input[type="text"] {
        margin: 0px 2px;
        width: calc(50% - 4px);
    }

    .subscribeBox .button {
        display: block;
        margin: 0px auto;
        top: 15px;
    }

    .dealsBox .title {
        font-size: 40px;
        line-height: 40px;
    }

    .dealsBox p {
        font-size: 23px;
    }

    .dealsBox {
        height: 300px;
    }

    #footerCntr .content {
        width: 100%;
    }

    #footerCntr .social ul {
        float: left;
    }

    .bannerBox.small .title {
        font-size: 26px;
        line-height: 35px;
    }

    .textBox .left {
        width: 100%;
        padding: 0px 0px 30px 0px;
    }

    .textBox .image {
        width: 100%;
    }

    .textBox h1 {
        font-size: 30px;
        padding-bottom: 12px;
    }

    .textBox {
        padding-bottom: 71px;
    }

    .productBox .image {
        padding-right: 0px;
        width: 100%;
    }

    .productBox .right {
        width: 100%;
        padding-top: 20px;
    }

    .reviewBox .stop {
        font-size: 27px;
        padding-top: 30px;
    }

    .reviewBox {
        padding-bottom: 30px;
    }

    .bannerBox.small .image {
        position: absolute;
        left: 20px;
        bottom: 0px;
        width: 190px;
    }

    .bannerBox.small .title {
        width: calc(100% - 190px);
        float: right;
    }

    .treatmentsBox h2 {
        font-size: 25px;
    }

    .treatmentsBox .left {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 10px;
    }

    .treatmentsBox .video {
        width: 100%;
    }

    .stripBox p {
        width: 100%;
    }

    .stripBox .right {
        padding-left: 20px;
        width: auto;
        margin-left: -20px;
        float: none;
    }

    .careBox {
        padding-top: 0px;
    }

    .careBox p {
        line-height: 22px;
    }

    .detailBox .left h3 {
        font-size: 18px;
    }

    .detailBox .left p {
        font-size: 12px;
    }

    .reviewBox li {
        border: none;
    }

    .reviewBox li:nth-child(3n) {
        border-right: none;
    }

    .reviewBox li:nth-child(2n) {
        border: none;
    }

    .reviewListBox .sorting a {
        padding: 14px 40px 14px 17px;
        font-size: 12px;
        margin-right: 5px;
    }

    .reviewListBox li {
        padding: 10px 5px;
    }

    .reviewListBox li .detail {
        padding-left: 56px;
    }

    .reviewListBox p {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .contentBox .holder {
        margin: 0px;
        width: 100%;
    }

    .contentBox .block {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 30px;
    }

    .contentBox h1 {
        font-size: 27px;
    }

    .contentBox h2 {
        font-size: 19px;
    }

    .contentBox {
        padding-bottom: 0px;
    }

    .gridBox .column {
        width: calc(50% - 17px);
    }

    .contentBox h3 {
        padding-top: 30px;
    }

    .dealDetailBox .image {
        width: 100%;
        position: static;
        display: none;
    }

    .dealDetailBox .right {
        width: 100%;
    }

    .sliderBox.dealSlider li {
        padding-bottom: 30px;
        width: 50%;
    }

    .sliderBox.dealSlider li img {
        max-width: 82%;
    }

    .connectBox li a::before {
        width: 36px;
        height: 43px;
    }

    .connectBox li.chat a::before {
        width: 50px;
    }

    .connectBox li.email a::before {
        width: 62px;
    }

    .connectBox li.facebook a::before {
        width: 28px;
        height: 70px;
    }

    .connectBox li.instagram a::before {
        width: 50px;
        height: 50px;
    }

    .connectBox li a {
        padding-top: 65px;
        font-size: 12px;
    }

    .connectBox li::after {
        height: 57px;
    }

    .connectBox .title {
        font-size: 28px;
    }

    .connectBox li a:before {
        background-size: 100%;
    }

    .connectBox li.chat a:before {
        background-size: 100%;
    }

    .connectBox li.email a:before {
        background-size: 100%;
    }

    .connectBox li.facebook a:before {
        background-size: 100%;
    }

    .connectBox li.instagram a:before {
        background-size: 100%;
    }

    .connectBox li.chat:after {
        display: none;
    }

    .connectBox li.facebook:after {
        display: none;
    }

    .bookBox .title {
        font-size: 29px;
    }

    .bookBox p {
        float: none;
        margin: 0px auto;
    }

    .bookBox .right {
        float: none;
        margin: 10px auto;
    }

    .bookBox .block {
        width: 100%;
    }

    .bookBox {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .faqBox p {
        font-size: 15px;
    }

    .contactBox {
        padding-bottom: 0px;
    }

    .contactBox .left {
        padding: 0px 0 20px 0;
        width: 100%;
        border-right: none;
        border-bottom: 2px solid #a79966;
    }

    .contactBox .right {
        width: 100%;
        padding: 30px 0;
    }

    .pricesBox .holder {
        margin: 0px;
    }

    .pricesBox .block {
        width: 100%;
        padding-right: 0px;
    }

    .dealBox ul {
        margin: 0px;
    }

    .dealBox li {
        width: 100%;
        margin-right: 0px;
    }

    .pricesBox .memberInfo {
        margin-top: 20px;
    }

    .pricesBox .tooltip p {
        width: 218px;
        padding: 16px 10px;
        right: inherit;
        left: 50%;
        top: 18px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .pricesBox .inputSet label span {
        display: block;
        overflow: hidden;
    }

    .dealBox h2 {
        font-size: 18px;
    }

    .stepBox li {
        width: 50%;
    }

    .stepBox li:nth-child(3n) a {
        padding: 12px 15px 13px 10px;
    }

    .formBox .location {
        margin-bottom: 10px;
        width: 100%;
    }

    .formBox .column {
        padding: 0px 10px;
        width: 50%;
    }

    .formBox .block .row {
        margin: 0 -10px;
    }

    .pricesBox.bookings h2 {
        padding-bottom: 10px;
    }

    .pricesBox .gift {
        padding-bottom: 0px;
    }

    .pricesBox .buttons {
        width: 100%;
    }

    .pricesBox.bookings .button, .pricesBox.bookings .next {
        width: 160px;
    }

    .pricesBox.bookings .previous {
        width: 160px;
    }

    .dealBox .next {
        width: 160px;
    }

    .reviewListBox .sorting {
        padding: 0px;
    }

    .historie-btn {
        max-width: 200px;
        margin: 0 auto !important;
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 479px) {
    .bannerBox .block {
        padding: 15px 0;
        width: 100%;
    }

    .bannerBox .title {
        font-size: 23px;
    }

    .bannerBox .column:first-child {
        width: 100%;
    }

    .bannerBox .column:last-child {
        width: 100%;
    }

    .bannerBox .button {
        width: 190px;
        margin: 0px auto;
        display: block;
        text-align: center;
    }

    .bannerBox .row {
        margin-right: -10px;
    }

    .bannerBox .column {
        padding-right: 10px;
    }

    .testimonialBox {
        padding-top: 13px;
        padding-bottom: 26px;
    }

    .testimonialBox h1 {
        font-size: 16px;
    }

    .testimonialBox p {
        font-size: 13px;
        line-height: 22px;
    }

    .savingBox h2 {
        font-size: 30px;
    }

    .savingBox li {
        font-size: 14px;
    }

    .savingBox .image {
        width: 90px;
        right: 0px;
    }

    .savingBox p {
        font-size: 16px;
    }

    .savingBox .text {
        font-size: 14px;
    }

    .reviewBox h3 {
        font-size: 23px;
    }

    .reviewBox .title {
        font-size: 15px;
        padding-bottom: 15px;
    }

    .reviewBox .slick-next, .reviewBox .slick-prev {
        width: 35px;
        height: 35px;
        background-size: 100%;
    }

    .reviewBox ul {
        padding: 0px;
    }

    .reviewBox li {
        padding: 0 8px;
    }

    .reviewBox p {
        font-size: 12px;
        line-height: 20px;
    }

    .reviewBox .subtitle {
        font-size: 18px;
    }

    .reviewBox .rank {
        font-size: 12px;
    }

    .ratingBox h4 {
        font-size: 19px;
    }

    .ratingBox li {
        width: 100%;
        margin-bottom: 20px;
    }

    .sliderBox .title {
        font-size: 19px;
    }

    .sliderBox .slick-next, .sliderBox .slick-prev {
        width: 35px;
        height: 35px;
        background-size: 100%;
    }

    .sliderBox .slider ul {
        padding: 0px;
        margin: 0px;
    }

    .sliderBox .slick-next, .sliderBox .slick-prev {
        right: -20px;
    }

    .sliderBox li {
        padding: 0 8px;
    }

    .sliderBox p {
        font-size: 16px;
    }

    .sliderBox {
        padding-bottom: 0px;
    }

    .videoBox .title {
        font-size: 20px;
    }

    .videoBox .play {
        width: 35px;
        height: 35px;
    }

    .subscribeBox .title {
        font-size: 17px;
    }

    .subscribeBox .title span {
        font-size: 14px;
    }

    .subscribeBox input[type="email"] {
        width: 48%;

    }

    .dealsBox .title {
        font-size: 32px;
    }

    .dealsBox p {
        font-size: 18px;
    }

    #footerCntr .column {
        width: 100%;
    }

    .bannerBox.small .image {
        width: 100px;
    }

    .bannerBox.small .title {
        width: calc(100% - 100px);
        font-size: 20px;
        line-height: 29px;
    }

    .bannerBox.small {
        height: 170px;
    }

    .textBox h1 {
        font-size: 24px;
    }

    .reviewBox .stop {
        padding-top: 20px;
        font-size: 20px;
    }

    .reviewBox {
        padding-bottom: 20px;
    }

    .treatmentsBox .subtitle {
        font-size: 20px;
    }

    .treatmentsBox .subtitle span {
        font-size: 16px;
    }

    .treatmentsBox .button {
        width: auto;
        padding: 15px 50px;
    }

    .treatmentsBox .title {
        font-size: 20px;
        top: 21px;
    }

    .careBox .title {
        font-size: 25px;
    }

    .careBox li {
        padding: 0px 5px;
    }

    .careBox li img {
        width: 100%;
    }

    .detailBox h2 {
        font-size: 23px;
    }

    .detailBox .left h3 {
        font-size: 15px;
    }

    .detailBox .right .column {
        padding: 22px 21px 30px 21px;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #fff;
    }

    .detailBox .right .list {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .reviewListBox .sorting a {
        margin: 0 0 5px 0;
        width: 221px;
    }

    .reviewListBox p {
        font-size: 12px;
        line-height: 20px;
    }

    .pagingBox li:last-child {
        padding-left: 10px;
    }

    .pagingBox li {
        padding: 0 4px;
    }

    .reviewListBox {
        padding-bottom: 15px;
    }

    .gridBox .holder {
        margin: 0px;
    }

    .gridBox .column {
        width: 100%;
        margin-right: 0px;
    }

    .contentBox h1 {
        font-size: 21px;
    }

    .dealDetailBox .right h2 {
        font-size: 45px;
    }

    .dealDetailBox .right .subtitle {
        font-size: 22px;
    }

    .dealDetailBox .right p {
        font-size: 12px;
    }

    .dealDetailBox .right .button {
        padding: 15px 39px 15px 33px;
    }

    .imageBox ul {
        margin: 0px;
    }

    .imageBox li {
        padding-right: 0px;
        padding-bottom: 20px;
        width: 100%;
    }

    .sliderBox.dealSlider ul {
        margin: 0px;
    }

    .sliderBox.dealSlider li {
        width: 100%;
    }

    .goldImageBox ul {
        margin: 0px;
    }

    .goldImageBox li {
        width: 100%;
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .connectBox {
        text-align: center;
    }

    .connectBox li {
        margin-bottom: 20px;
        width: 48%;
        float: none;
        display: inline-block;
    }

    .connectBox .title {
        font-size: 22px;
    }

    .bookBox .title {
        font-size: 22px;
        padding-bottom: 22px;
    }

    .faqBox .title {
        font-size: 30px;
    }

    .faqBox p {
        font-size: 13px;
    }

    .contactBox .holder {
        width: 100%;
    }

    .contactBox .column {
        width: 100%;
        margin-bottom: 10px;
    }

    .contactBox .title {
        font-size: 20px;
    }

    .contactBox_logos img {
        width: 140px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .contactBox .column2 {
        width: 100%;
    }

    .pricesBox h1 {
        padding-bottom: 20px;
        font-size: 20px;
    }

    .pricesBox h1 span {
        font-size: 18px;
    }

    .dealBox .inputSet label {
        font-size: 12px;
    }

    .dealBox .inputSet label small {
        font-size: 10px;
    }

    .stepBox ul {
        padding: 5px 0;
    }

    .stepBox li {
        width: 100%;
    }

    .stepBox li a {
        padding: 20px 10px;
    }

    .stepBox li:nth-child(3n) a, .stepBox li:first-child a {
        padding: 20px 10px;
    }

    .stepBox li a span {
        top: -10px;
    }

    .formBox .column {
        padding: 0px 5px;
        width: 50%;
    }

    .formBox .block .row {
        margin: 0 -5px;
    }

    .stepBox li a:after {
        content: '';
        display: none;
    }

    .stepBox li a:before {
        content: '';
        display: none;
    }

    .pricesBox.bookings .button, .pricesBox.bookings .next {
        float: none;
        margin: 0px auto;
    }

    .pricesBox.bookings .previous {
        float: none;
        margin: 10px auto;
    }

    .careBox .right {
        width: 280px;
    }

    .sliderBox .subtitle {
        font-size: 21px;
    }

    .dealsBox .chat {
        width: 30px;
        height: 30px;
        background-size: cover;
    }


    /* AANPASSINGEN MOBILE 07-01 */
    .menuBox .button {
        padding-top: 0;
        line-height: 72px;
        font-weight: 400;
    }

    #intercom-container .intercom-chat {
        width: 100%;
    }

    .bannerBox {
        height: auto;
    }

    .bannerBox .button {
        margin-top: 4px;
    }

    .bannerBox .button span {
        top: -1px;
    }

    .behandelingen_content_header {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 20px;
    }

    .download_price_pdf {
        background: #fff;
        border: 1px solid #a79966;
    }

    .download_price_pdf a {
        color: #a79966 !important;
    }

    .dealBox .price {
        font-size: 12.5px;
    }

    .treatmentsBox .detail .column {
        width: 100%;
    }

    .treatmentsBox .detail {
        padding: 20px 30px 0px 30px;
    }

    .treatmentsBox .button {
        width: 100% !important;
        padding: 15px 50px;
    }

    .stripBox p {
        padding: 26px 0 13px 50px;
    }

    .stripBox p:before {
        top: 40px;
    }

    .stripBox .right a {
        padding: 27px 24px 25px 0;
    }

    .contentBox {
        padding-bottom: 30px;
    }

    .bannerBox .center {
        max-width: 100%;
        height: 250px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .bannerBox .center img {
        position: relative;
        left: 0px;
        top: 15px;
        bottom: 5px;
        max-width: 130px;
        height: 120px;
    }

    .bannerBox .aftercare_title .title {
        top: 75%;
        left: 0;
        font-size: 38px;
        color: #000;
        font-weight: 500;
        line-height: 37px;
        text-align: center;
        width: 100%;
    }

    .timeline {
        width: 100%;
        border-left: 0;
        border-right: 1px solid #DCDCDC;
    }

    .timeline li {
        min-height: 100px;
        margin-top: 30px;
    }

    .timeline li:nth-child(odd) {
        left: -20px;
    }

    .timeline li:nth-child(even) {
        padding-left: 0;
        padding-right: 220px;
        text-align: right;
    }

    .timeline li figure {
        display: none;
    }

    .history-block {
        text-align: center;
    }

    .btn.btn-black {
        width: 60%;
    }

    .page {
        padding: 0px;
    }

    .contentBox .left {
        padding-right: 0px;
        width: 100%;
        float: left;
    }

    .formBox .form .column {
        width: 100%;
        padding-right: 5px;
        margin-top: 20px;
    }

    .formBox .form .row {
        padding-bottom: 0px;
    }

    input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
        background: #000;
        color: #fff;
        width: 100%;
        height: 50px;
        margin-top: 10px;
    }

    .topContentBox .left {
        padding-right: 0px;
        width: 100%;
        float: left;
    }

    .topContentBox .image {
        padding-top: 20px;
        position: relative;
        width: 100%;
        float: left;
        margin-right: -70px;
    }

    .topContentBox .image .join img {
        position: absolute;
        right: -9px;
        bottom: -25px;
        width: 100px;
    }

    .topContentBox {
        padding-top: 40px;
        padding-bottom: 30px;
        overflow: hidden;
        width: 100%;
    }

    .productBox li {
        width: 100%;
    }

    .productBox p {
        min-height: 100px;
        font-size: 13px;
        color: #000000;
        line-height: 20px;
    }

}

.dealBox .price {
    padding-right: 0px;
}

.textBox .right p.text {
    width: 50%;
}

.price-list.inputSet label {
    padding-left: 0;
}

.price-list.inputSet label span::before, .price-list.inputSet label span::after {
    display: none;
}

.dealBox .button {
    margin-top: 0;
}

.button.remove-arrow::before {
    display: none;
}

@media screen and (min-width: 981px) {
    .stepBox li.is-active a {
        padding: 20px 10px !important;
    }
}

@media screen and (max-width: 980px) {
    .stepBox {
        padding-left: 0;
        padding-right: 0;
    }

    .stepBox ul {
        margin-bottom: 0;
        padding: 0 !important;
    }

    .stepBox li {
        display: none !important;
    }

    .stepBox li.is-active {
        display: block !important;
        width: 100%;
    }

    .stepBox li.is-active a {
        padding: 10px 10px !important;
        line-height: 36px;
    }

    .stepBox li.is-active a span {
        top: 0 !important;
    }
}

.collapse {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .pricesBox .gift, .pricesBox .memberInfo {
        display: none;
    }

    /*.pricesBox p.title {
        position: relative;
    }
    .pricesBox p.title::after, #alreadyCustomer [data-toggle="collapse"] h3::after, #newCustomer [data-toggle="collapse"] h3::after {
        position: absolute;
        right: 14px;
        top: 9px;
        width: 32px;
        height: 32px;
        display: block;
        content: '';
        transform: rotate(90deg);
        background: url(../img/button-arrow.png) center center no-repeat;
        background-color: #a79966;
    }
    .pricesBox a[aria-expanded="true"] p.title::after, #alreadyCustomer [aria-expanded="true"] h3::after, #newCustomer [aria-expanded="true"] h3::after  {
        transform: rotate(-90deg);
    }*/
}

#alreadyCustomer [data-toggle="collapse"] h3,
#newCustomer [data-toggle="collapse"] h3 {
    color: black;
}

.pricesBox p.title {
    position: relative;
}

/*TODO: maybe implment*/

/*.pricesBox p.title::after,*/
/*#alreadyCustomer [data-toggle="collapse"] h3::after,*/
/*#newCustomer [data-toggle="collapse"] h3::after { !**!*/
/*    position: absolute;*/
/*    right: 14px;*/
/*    top: 9px;*/
/*    width: 32px;*/
/*    height: 32px;*/
/*    display: block;*/
/*    content: '';*/
/*    transform: rotate(90deg);*/
/*    background: url(../img/button-arrow.png) center center no-repeat;*/
/*    background-color: #a79966;*/
/*}*/

.pricesBox a[aria-expanded="true"] p.title::after,
#alreadyCustomer [aria-expanded="true"] h3::after,
#newCustomer [aria-expanded="true"] h3::after {
    transform: rotate(-90deg);
}

.pricesBox .gift p.title::after {
    display: none;
}

@media screen and (min-width: 767px) {
    .pricesBox p.title::after {
        display: none;
    }
}


#form-step-3 .preloader {
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    z-index: -1;
}

.pricesBox .angel-selector {
    margin-bottom: 16px;
}

.pricesBox .booking-info {
    margin-top: 16px;
}

.pricesBox .day-switch .btn {
    margin-bottom: 0 !important;
}

/*@media screen and (max-width: 480px) {
    .pricesBox .button.next {
        margin-left: 12px;
    }
}*/


@media screen and (max-width: 980px) {
    .menuBox .button {
        border-bottom: 1px solid black;
    }
}

.angel-selector .custom-select,
.other-location .custom-select {
    margin-top: 10px;
}

@media screen and (max-width: 979px) {
    .pricesBox .let-op {
        padding-left: 15px;
    }
}

.step-4 button.next[disabled] {
    cursor: no-drop;
    background: red;
}

.step-4 button.next[disabled]::before {
    background: #b9b9b9;
}

.bannerBox.bookings h2 {
    font-size: 35px;
    color: #000;
    font-weight: 500;
    line-height: 50px;
}

.bannerBox.bookings h2 strong {
    color: #a79966;
    font-weight: 700;
}

.bannerBox.bookings .block {
    padding-top: 0
}

.rating-desc {
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    margin-left: 1rem;
}

.ratings {
    color: #a79966;
}

.ratings:hover {
    color: #a79966;
}

.button-box {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

.button-box-en {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#reviews > div.button-box > a {
    margin: 15px;
    width: 210px;
}

#reviews > div.button-box-en > a {
    margin: 15px;
    width: 181px;
}

.featuredBox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 50px;
}

.featuredBox__images {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.image-cell figure img,
.featuredBox__images  img{
    max-width: 180px;
    margin: 0px 10px 0px 10px;
    display: inline;
}

.featuredBox__title{
    font-size: 20px;
    text-align: center;
    margin: 20px 0px 10px;
}

@media screen and ( max-width: 999px){
    .main-carousel{
        display: inline;
    }
    .featuredBox__images{
        display:none;
    }
    .image-cell{
        margin: 0px 30px 0px 30px;
    }
}
@media screen and ( min-width: 1000px ) {
    .main-carousel{
        display:none;
    }
    .featuredBox__images{
        display:flex;
    }
}

.carouselBekendVan > .slick-arrow {
    display:none;
}

.customP {
    font-size:14px;
    color: #333;
}