/*LVMH style*/
/*Spacing*/
.lvmh-pd-XXS-top {
    padding-top: 4px;
} 
.lvmh-pd-XS-top {
    padding-top: 8px;
} 
.lvmh-pd-S-top {
    padding-top: 12px;
} 
.lvmh-pd-M-top {
    padding-top: 16px;
} 
.lvmh-pd-L-top {
    padding-top: 24px;
}
.lvmh-pd-XL-top {
    padding-top: 48px;
}
.lvmh-pd-XXL-top {
    padding-top: 80px;
}
.lvmh-pd-XXXL-top {
    padding-top: 120px;
}
.lvmh-pd-XXXXL-top {
    padding-top: 200px;
}

.lvmh-pd-XXS-bottom {
    padding-bottom: 4px;
} 
.lvmh-pd-XS-bottom {
    padding-bottom: 8px;
} 
.lvmh-pd-S-bottom {
    padding-bottom: 12px;
} 
.lvmh-pd-M-bottom {
    padding-bottom: 16px;
} 
.lvmh-pd-L-bottom {
    padding-bottom: 24px;
}
.lvmh-pd-XL-bottom {
    padding-bottom: 48px;
}
.lvmh-pd-XXL-bottom {
    padding-bottom: 80px;
}
.lvmh-pd-XXXL-bottom {
    padding-bottom: 120px;
}
.lvmh-pd-XXXXL-bottom {
    padding-bottom: 200px;
}

.lvmh-mg-XXS-top {
    margin-top: 4px;
} 
.lvmh-mg-XS-top {
    margin-top: 8px;
} 
.lvmh-mg-S-top {
    margin-top: 12px;
} 
.lvmh-mg-M-top {
    margin-top: 16px;
} 
.lvmh-mg-L-top {
    margin-top: 24px;
}
.lvmh-mg-XL-top {
    margin-top: 48px;
}
.lvmh-pd-XXL-top {
    margin-top: 80px;
}
.lvmh-pd-XXXL-top {
    margin-top: 120px;
}
.lvmh-pd-XXXXL-top {
    margin-top: 200px;
}

.lvmh-mg-XXS-bottom {
    margin-bottom: 4px;
} 
.lvmh-mg-XS-bottom {
    margin-bottom: 8px;
} 
.lvmh-mg-S-bottom {
    margin-bottom: 12px;
} 
.lvmh-mg-M-bottom {
    margin-bottom: 16px;
} 
.lvmh-mg-L-bottom {
    margin-bottom: 24px;
}
.lvmh-mg-XL-bottom {
    margin-bottom: 48px;
}
.lvmh-pd-XXL-bottom {
    margin-bottom: 80px;
}
.lvmh-pd-XXXL-bottom {
    margin-bottom: 120px;
}
.lvmh-pd-XXXXL-bottom {
    margin-bottom: 200px;
}

/*Title*/
.lvmh-tt-XL {
    font-family: 'DIN Condensed';
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
}
.lvmh-tt-L {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
}
.lvmh-tt-M-B {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.lvmh-tt-M {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.lvmh-tt-S-B {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}
.lvmh-tt-S {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}

/*bodycopy*/
.lvmh-bc-L {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
}
.lvmh-bc {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}
.lvmh-bc-B {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}
.lvmh-bc-U {
    font-family: 'Century Gothic';
    text-decoration: underline;
    font-size: 13px;
    line-height: 20px;
}

/*other*/
.lvmh-lg { /*Legal*/
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 11px;
    line-height: 19px;
    color:#757575;
}
.lvmh-cta { /*CTA*/
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
}

@media (max-width: 1680px) {
    .lvmh-mg-XL-bottom { margin-bottom: 40px; }
    .lvmh-mg-XL-top { margin-top: 40px }
    .lvmh-pd-XL-bottom { padding-bottom: 40px; }
    .lvmh-pd-XL-top { padding-top: 40px; }

    .lvmh-mg-XXL-bottom { margin-bottom: 64px; }
    .lvmh-mg-XXL-top { margin-top: 64px }
    .lvmh-pd-XXL-bottom { padding-bottom: 64px; }
    .lvmh-pd-XXL-top { padding-top: 64px; }

    .lvmh-mg-XXXL-bottom { margin-bottom: 96px; }
    .lvmh-mg-XXXL-top { margin-top: 96px }
    .lvmh-pd-XXXL-bottom { padding-bottom: 96px; }
    .lvmh-pd-XXXL-top { padding-top: 96px; }

    .lvmh-mg-XXXXL-bottom { margin-bottom: 200px; }
    .lvmh-mg-XXXXL-top { margin-top: 200px }
    .lvmh-pd-XXXXL-bottom { padding-bottom: 200px; }
    .lvmh-pd-XXXXL-top { padding-top: 200px; }
}
@media (max-width: 1024px) {
    .lvmh-mg-XL-bottom { margin-bottom: 32px; }
    .lvmh-mg-XL-top { margin-top: 32px }
    .lvmh-pd-XL-bottom { padding-bottom: 32px; }
    .lvmh-pd-XL-top { padding-top: 32px; }

    .lvmh-mg-XXL-bottom { margin-bottom: 64px; }
    .lvmh-mg-XXL-top { margin-top: 64px }
    .lvmh-pd-XXL-bottom { padding-bottom: 64px; }
    .lvmh-pd-XXL-top { padding-top: 64px; }

    .lvmh-mg-XXXL-bottom { margin-bottom: 96px; }
    .lvmh-mg-XXXL-top { margin-top: 96px }
    .lvmh-pd-XXXL-bottom { padding-bottom: 96px; }
    .lvmh-pd-XXXL-top { padding-top: 96px; }

    .lvmh-mg-XXXXL-bottom { margin-bottom: 96px; }
    .lvmh-mg-XXXXL-top { margin-top: 96px }
    .lvmh-pd-XXXXL-bottom { padding-bottom: 96px; }
    .lvmh-pd-XXXXL-top { padding-top: 96px; }
}
/*LVMH style*/






/*RESET*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
}

/*NAV*/
header.top {
    width: 100%;
    height: 114px;
    background-image: url(../img/desktop_header.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin-bottom: 60px;
    cursor: pointer;
}

article header {
    margin-bottom: 50px;
}

.container {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.flex {
    display: flex;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

    .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: 0.75rem;
        padding-left: 0.75rem;
    }

.col-1 {
    flex: 0 0 auto;
    width: 8.333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.666667%;
    }

    .col-md-20 {
        flex: 0 0 auto;
        width: 20%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .col-sm-80 {
        flex: 0 0 auto;
        width: 80%;
    }
}

@media (min-width: 768px) {
    .only-mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .only-desktop {
        display: none;
    }
}


.btn {
    color: #000000;
    text-align: center;
    border-radius: 24px;
    background-color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 2rem;
    display: inline-block;
    border: 1px solid black;
    cursor: pointer;
    white-space: normal;
    -webkit-appearance: none;
    height: 3.3rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    box-sizing: border-box;
    text-align: center;
}

    .btn.inactive {
        border: none;
        color: #ffffff;
        background-color: #d9d9d9;
    }

    .btn.white {
        background-color: #ffffff;
        border: 1px solid #000000;
        color: #000000;
    }

    .btn.w100 {
        width: 100%;
    }

.text-center {
    text-align: center;
}

.center-elements {
    display: flex;
    justify-content: center;
    align-items: center;
}

.margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}


/* POPUP (MODAL) */

.popup-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0,0,0,0.5);
}

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
}

.popup-backdrop, .popup {
    display: none;
}

    .popup-backdrop.opened, .popup.opened {
        display: block;
    }

    .popup .popup-container {
        background-color: rgba(255,255,255,1);
        max-width: 680px;
        padding: 90px 40px 50px 40px;
        margin: 25vh auto;
        position: relative;
        z-index: 2000;
        max-height: calc(100vh - 100px);
        overflow: auto;
    }

    .popup .close {
        position: absolute;
        right: 35px;
        top: 35px;
        width: 21px;
        height: 21px;
        background-image: url(../img/icon_error.jpg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .popup .popup-data p {
        color: #040000;
    }

    .popup .popup-data h2, .popup .popup-data h3 {
        color: #040000;
    }


    .popup .popup-data p {
        font-size: 20px;
        line-height: 35px;
    }

    .popup .popup-data a:not(.btn) {
        color: #040000;
        font-size: 16px;
        line-height: 22px;
        text-decoration: underline;
    }

    .popup .popup-data li a:not(.btn) {
        text-decoration: none;
    }

    .popup .filter-form {
        max-width: 250px;
        margin: 0 auto;
        text-align: left;
    }






/*HOMEPAGE*/

section#home {
    position: relative;
}

h2.home-title {
    color: #040000;
    text-align: center;
}


h3.home-subtitle {
    color: #000000;
    text-align: center;
}

a.underline {
    text-decoration: underline !important;
}

.no-services {
    text-align: center;
    color: #040000;
    font-size: 26px;
    line-height: 35px;
    font-family: 'Century Gothic';
    font-weight: normal;
}

ul.filters, .filters ul {
    list-style: none;
}

.filters .filter-title {
    font-size: 15px;
    line-height: 30px;
    font-weight: bold;
    color: #000000;
    padding-top: 0px;
}

.filters li a {
    display: block;
    padding-left: 25px;
    text-decoration: none;
    color: inherit;
}

.filters .filter-title a,
.filters .filter-title span {
    text-decoration: none;
    padding-left: 0px;
    display: inline-block;
    color: inherit;
}

.filters li {
    color: #424242;
    font-size: 12px;
    line-height: 20px;
    padding-top: 10px;
}

    .filters li.parent {
        cursor: pointer;
    }

        .filters li.parent:before {
            content: "";
            width: 14px;
            height: 6px;
            background-image: url(../img/filter_down_icon.png);
            background-repeat: no-repeat;
            display: inline-block;
            margin-right: 10px;
        }

    .filters li.opened.parent:before {
        transform: rotate(180deg);
    }

    .filters li.parent ul {
        display: none;
    }

    .filters li.parent.opened ul {
        display: block;
    }

    .filters li ul {
        margin-left: 10px;
    }

.filters label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
}

#popup3 .filters label {
    padding-left: 25px;
}

.filters label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.filters .mobile-title, .filters .mobile-close {
    display: none;
}

.filters #searchCounter {
    width: 95%;
    padding: 6px 14px;
    border: 1px solid #757575;
    border-radius: 60px;
}

.filters span.checkmark {
    display: inline-block;
    position: relative;
}

/* Create a custom checkbox */
.checkmark input[type="radio" i] {
    -webkit-appearance: none;
    -webkit-user-select: none;
    position: absolute;
    top: 5px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-color: #e5e5e5;
    border-radius: 50%;
    border: none;
}

    .checkmark input[type="radio" i]:hover {
        background-color: #ccc;
    }

    .checkmark input[type="radio" i]:checked {
        background-color: #000;
    }

    .checkmark input[type="radio" i]:focus {
        outline: none;
    }

/* overwrite dior.com style */
.checkmark input::-ms-check {
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
}

.form-field.checkbox .mark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #cecece;
}

.form-field.checkbox.right label {
    padding-left: 0px;
    padding-right: 35px;
}

.form-field.checkbox.right .mark {
    left: auto;
    right: 0px;
}

/* On mouse-over, add a grey background color */
.form-field.checkbox label:hover input ~ .mark {
    background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.form-field.checkbox label input:checked ~ .mark {
    background-image: url(../img/icon_valid.jpg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.filters label input:checked ~ .checkmark {
    background-color: #000;
}

.filters a {
    color: #000000;
    text-decoration: underline;
}

.home-notice {
    font-style: italic;
}

.cards {
    display: flex;
    flex-direction: row;
    flex-basis: 100%;
    width: 100%;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

    .cards .card {
        width: 50%;
        position: relative;
        padding-left: 40px;
        padding-top: 20%;
        margin-bottom: 30px;
        page-break-inside: avoid;
    }

        .cards .card.lastOne {
            width: 100%;
        }

.card .card-img {
    max-width: 300px;
    max-height: 300px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

    .card .card-img img {
        max-width: 100%;
        height: auto;
    }


.card .card-data {
    background-color: rgba(246,246,246,0.9);
    padding: 15px 23px 30px 23px;
}

.card-text {
    min-height: 200px;
    overflow: hidden;
}

.card .card-data h4, .card .card-data h2 {
    font-size: 11px;
    line-height: 24px;
    color: #000000;
    text-transform: uppercase;
    font-weight: normal;
}

.card .card-data h2 {
    font-size: 24px;
    min-height: 50px;
}

.card .card-data .description p {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
}


.card .card-data .more,
.card .card-data .less {
    display: inline-block;
    font-size: 13px;
    color: #000000;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 10px;
}

    .card .card-data .more:after,
    .card .card-data .less:after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 5px;
        background-image: url(../img/icon_down.png);
        margin-left: 5px;
    }

    .card .card-data .less:after {
        transform: rotate(180deg);
    }




.card .card-data ul {
    list-style: none;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    padding: 20px 0px;
    color: #000000;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    height: 70px;
}

    .card .card-data ul li:last-child {
        margin-left: auto;
        text-align: right;
    }

    .card .card-data ul li span {
        font-size: 9px;
        line-height: 6px;
        display: block;
        text-transform: initial;
    }

.card .btn {
    color: #ffffff;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    width: 100%;
    border-radius: 24px;
    background-color: #000000;
    margin-top: 25px;
    text-transform: uppercase;
    display: block;
    padding: 15px 0px;
}

.card.servicelock .btn {
    background-color: #d9d9d9;
    cursor: default;
}

#home .info {
    text-align: center;
    color: #757575;
}

section#meeting-form {
    background-color: #f6f6f6;
    padding: 55px 0px 80px 0px;
}


    section#meeting-form h3 {
        font-size: 30px;
        line-height: 35px;
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    section#meeting-form p {
        font-size: 18px;
        line-height: 24px;
    }


/* CUSTOM SELECTOR */

.country-custom-selector, .custom-selector, .staff-custom-selector, .custom-input-selector, .country-custom-selector-waitinglist, .custom2-selector, .custom3-selector, .custom4-selector {
    position: relative;
    display: inline-block;
}


.custom-selector, .staff-custom-selector, .custom2-selector, .custom3-selector, .custom4-selector {
    width: 100%;
    height: 48px;
    padding: 10px 25px;
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ffffff;
}


.custom-input-selector, .selector {
    width: 100%;
    height: 48px;
    padding: 2px;
    /*
    border: 1px solid #cecece;
    border-radius: 5px;
    */
}


    .custom-input-selector select, .custom-input-selector input, .selector {
        width: 93vw;
        min-width: 93vw;
        height: 48px;
        padding-left: 20px;
        border: 1px solid #cecece;
        font-size: 16px;
        background-color: #ffffff;
        border-radius: 5px;
    }

    .custom-input-selector span {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 20px;
        line-height: 40px;
    }

.wheel-item span {
    color: transparent;
}
/*
.custom-input-selector:after{
    content: "";
    display: inline-block;
    width: 9px;
    height: 5px;
    background-image: url(../img/icon_down.png);
    margin-left: 5px;
    position: absolute;
    top: 20px;
    right: 20px;
}
*/


.country-custom-selector label.selected-item, .custom-selector label.selected-item, .staff-custom-selector label.selected-item, country-custom-selector-waitinglist label.selected-item, .custom2-selector label.selected-item, .custom3-selector label.selected-item, .custom4-selector label.selected-item {
    display: inline-block;
    cursor: pointer;
}

.custom-selector label.selected-item, .staff-custom-selector label.selected-item, .custom2-selector label.selected-item, .custom3-selector label.selected-item, .custom4-selector label.selected-item {
    width: 100%;
    position: relative;
}

.country-custom-selector label.selected-item img, .country-custom-selector-waitinglist label.selected-item img {
    max-width: 20px;
    height: auto;
}

.country-custom-selector label.selected-item:after, .custom-selector label.selected-item:after, .staff-custom-selector label.selected-item:after, .country-custom-selector-waitinglist label.selected-item:after, .custom2-selector label.selected-item:after, .custom3-selector label.selected-item:after, .custom4-selector label.selected-item:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 5px;
    background-image: url(../img/icon_down.png);
    margin-left: 5px;
    position: relative;
    top: -3px;
}



.custom-selector label.selected-item:after, .staff-custom-selector label.selected-item:after, .custom2-selector label.selected-item:after, .custom3-selector label.selected-item:after, .custom4-selector label.selected-item:after {
    position: absolute;
    right: 0px;
    top: 10px;
}

.country-custom-selector ul, .custom-selector ul, .staff-custom-selector ul, .country-custom-selector-waitinglist ul, .custom2-selector ul, .custom3-selector ul, .custom4-selector ul {
    list-style: none;
    width: 380px;
    display: none;
    border: 1px solid #cecece;
    position: absolute;
    z-index: 2;
    top: 35px;
    left: -20px;
    background-color: #ffffff;
}

.custom-selector ul, .staff-custom-selector ul, .custom2-selector ul, .custom3-selector ul, .custom4-selector ul {
    width: 75%;
    top: 55px;
    left: 15px;
}

    .country-custom-selector ul.opened, .custom-selector ul.opened, .staff-custom-selector ul.opened, .country-custom-selector-waitinglist ul.opened, .custom2-selector ul.opened, .custom3-selector ul.opened, .custom4-selector ul.opened {
        display: block;
    }

    .country-custom-selector ul:before, .custom-selector ul:before, .staff-custom-selector ul:before, .country-custom-selector-waitinglist ul:before, .custom2-selector ul:before, .custom3-selector ul:before, .custom4-selector ul:before {
        content: "";
        display: block;
        width: 13px;
        height: 8px;
        background-image: url(../img/select_up.png);
        position: absolute;
        top: -8px;
        left: 25px;
    }

    .country-custom-selector ul li, .custom-selector ul li, .staff-custom-selector ul li, .country-custom-selector-waitinglist ul li, .custom2-selector ul li, .custom3-selector ul li, .custom4-selector ul li {
        color: #939393;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        padding: 5px 25px 5px 25px;
        display: block;
        cursor: pointer;
        text-align: left;
    }

        .custom-selector ul li.selected, .staff-custom-selector ul li.selected, .custom2-selector ul li.selected, .custom3-selector ul li.selected, .custom4-selector ul li.selected {
            background-color: #e8e3e3;
        }

        .country-custom-selector ul li:first-child, .custom-selector ul li:first-child, .staff-custom-selector ul li:first-child, .country-custom-selector-waitinglist ul li:first-child, .custom2-selector ul li:first-child, .custom3-selector ul li:first-child, .custom4-selector ul li:first-child {
            padding-top: 10px;
        }

        .country-custom-selector ul li:last-child, .custom-selector ul li:last-child, .staff-custom-selector ul li:last-child, .country-custom-selector-waitinglist ul li:last-child, .custom2-selector ul li:last-child, .custom3-selector ul li:last-child, .custom4-selector ul li:last-child {
            padding-bottom: 10px;
        }

        .country-custom-selector ul li:hover, .custom-selector ul li:hover, .staff-custom-selector ul li:hover, .country-custom-selector-waitinglist ul li:hover, .custom2-selector ul li:hover, .custom3-selector ul li:hover, .custom4-selector ul li:hover {
            background-color: #e8e3e3;
        }

        .country-custom-selector ul li:before, .country-custom-selector-waitinglist ul li:before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            border: 1px solid #d2d2d2;
            border-radius: 2px;
            margin-right: 20px;
        }

        .country-custom-selector ul li.selected:before, .custom-selector ul li.selected:before, .staff-custom-selector ul li.selected:before, .country-custom-selector-waitinglist ul li.selected:before, .custom2-selector ul li.selected:before, .custom3-selector ul li.selected:before, .custom4-selector ul li.selected:before {
            background-color: #000000;
        }

/* End of selector*/

.phone-field-validator, .phone-field-validator-waitinglist {
    border: 1px solid #cecece;
    border-radius: 5px;
    background-color: #ffffff;
    height: 48px;
    display: inline-table;
    padding: 5px 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

    .phone-field-validator > span, .phone-field-validator-waitinglist > span {
        display: block;
        font-size: 10px;
        color: #828282;
        text-align: left;
    }

    .phone-field-validator input[type=text], .phone-field-validator-waitinglist input[type=text] {
        display: inline-block;
        width: calc(100% - 55px) !important;
        border: 0;
        padding-left: 5px;
        color: #000000;
    }

        .phone-field-validator input[type=text].other, .phone-field-validator-waitinglist input[type=text].other {
            width: calc(80% - 55px) !important;
        }

        .phone-field-validator input[type=text].phone-validator-input-country, .phone-field-validator-waitinglist input[type=text].phone-validator-input-country-waitinglist {
            display: inline-block;
            width: 20% !important;
            border: 0;
            padding-left: 5px;
            color: #000000;
        }

    .phone-field-validator input::placeholder, .phone-field-validator-waitinglist input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 9px;
        color: #c1c1c1;
    }

    .phone-field-validator input:-ms-input-placeholder, .phone-field-validator-waitinglist input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 9px;
        color: #c1c1c1;
    }

    .phone-field-validator input::-ms-input-placeholder, .phone-field-validator-waitinglist input::-ms-input-placeholder { /* Microsoft Edge */
        font-size: 9px;
        color: #c1c1c1;
    }

.error-message {
    font-size: 10px;
    color: #ff2626;
    position: relative;
    /*top: 5px;*/
    display: none;
}


.field-text {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 16px 5px;
}

/* override Dior.com style */
.form-field input[type=text],
.form-field select,
.form-field textarea {
    transform: none !important;
    max-width: initial !important;
    min-width: initial !important;
}

.form-field.text input::placeholder, .form-field.textarea textarea::placeholder {
    font-size: 16px;
    color: #939393;
    font-family: 'Century Gothic';
}

.form-field.text input:-ms-input-placeholder, .form-field.textarea textarea:-ms-input-placeholder {
    font-size: 16px;
    color: #939393;
    font-family: 'Century Gothic';
}

.form-field.text input::-ms-input-placeholder, .form-field.textarea textarea::-ms-input-placeholder {
    font-size: 16px;
    color: #939393;
    font-family: 'Century Gothic';
}


.form-field.radio input {
    display: none;
}

.form-field.radio label {
    color: #939393;
    font-size: 16px;
    display: inline-block;
    padding: 20px;
    border: 1px solid #cecece;
    text-align: center;
    cursor: pointer;
}


.form-field.text input {
    border: 1px solid #cecece;
    border-radius: 5px;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px !important;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
    width: 380px !important;
    font-family: inherit;
}

.form-field.textarea textarea {
    border: 1px solid #cecece;
    border-radius: 5px;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px !important;
    height: 160px;
    padding: 20px;
    width: 380px !important;
    font-family: inherit;
}

.form-field.radio tr:first-child label {
    border-right: 0px;
    border-radius: 5px 0px 0px 5px;
}

.form-field.radio tr:last-child label {
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
}

.form-field.radio input:checked + label {
    background-color: #000000;
    color: #ffffff;
}

.radio-inline {
    margin: auto;
    border-spacing: 0;
    padding: 0;
}

    .radio-inline tr {
        display: inline-block;
    }

.form-field.checkbox label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 25px;
    line-height: 16px;
}

    .form-field.checkbox label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.form-field.checkbox .mark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #cecece;
}

.form-field.checkbox.right label {
    padding-left: 0px;
    padding-right: 35px;
}

.form-field.checkbox.right .mark {
    left: auto;
    right: 0px;
}

/* On mouse-over, add a grey background color */
.form-field.checkbox label:hover input ~ .mark {
    background-color: #ffffff;
}

/* When the checkbox is checked, add a blue background */
.form-field.checkbox label input:checked ~ .mark {
    background-image: url(../img/icon_valid.jpg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.form-field.error .phone-field-validator .icon {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url(../img/icon_error.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    right: 20px;
    cursor: pointer;
}

.form-field.valid .phone-field-validator .icon, .form-field.valid .phone-field-validator-waitinglist .icon {
    content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
    background-image: url(../img/icon_valid.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    right: 20px;
}

.form-field.error .error-message {
    display: block;
}

.form-field.error .phone-field-validator, .form-field.error .phone-field-validator-waitinglist {
    border-color: #ff2626;
}

section#meeting-form .field-text {
    width: 230px;
    margin-right: 20px;
}

section#meeting-form a:not(.btn) {
    text-decoration: underline;
    color: #000000;
}

section#meeting-form .form-field.checkbox .mark {
    top: 5px;
}


/*FOOTER*/

footer h2 {
    text-align: center;
    font-size: 30px;
    line-height: 83px;
    text-transform: uppercase;
    font-weight: normal;
}

section#google-map {
    height: 615px;
    width: 100%;
    background-image: url(../img/google_map.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


    section#google-map .google-search-form {
        border: 1px solid #000000;
        display: inline-block;
        border-radius: 30px;
        overflow: hidden;
        background-color: #ffffff;
        display: flex;
        align-items: flex-start;
    }

        section#google-map .google-search-form input[type=text] {
            width: 310px;
            border: none;
            padding: 0px 30px;
            height: 60px;
            display: inline-block;
        }

        section#google-map .google-search-form button,
        section#google-map .google-search-form input[type=button],
        section#google-map .google-search-form input[type=submit] {
            background-color: #000000;
            width: 75px;
            height: 60px;
            border: 0px;
            display: inline-block;
            background-image: url(../img/icon_search.png);
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
            -webkit-appearance: none;
        }


section#advantages {
    padding: 45px 0px;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
}

@media (min-width: 992px) {
    section#advantages .container {
        max-width: 700px;
    }
}


.advantage > * {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.advantage h4, .advantage p {
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
}

.advantage h4 {
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
}


section#footer {
    padding: 80px 0px;
    width: 100%;
    background-color: #ffffff;
}

    section#footer h4 {
        font-size: 15px;
        line-height: normal;
        font-weight: normal;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    section#footer ul {
        list-style: none;
    }

        section#footer ul li {
            padding-bottom: 20px;
        }

            section#footer ul li a {
                font-size: 15px;
                line-height: normal;
                font-weight: normal;
                color: #000000;
                text-decoration: underline;
            }

.newsletter-form {
    border: 1px solid #000000;
    display: inline-block;
    border-radius: 30px;
    overflow: hidden;
    background-color: #ffffff;
    display: flex;
    align-items: flex-start;
}

    .newsletter-form input[type=text] {
        width: 80%;
        border: none;
        padding: 10px 30px;
        height: 50px;
        display: inline-block;
        font-size: 14px;
        line-height: 26px;
    }

    .newsletter-form input::placeholder, .google-search-form input::placeholder {
        font-size: 12px;
        line-height: 26px;
    }

    .newsletter-form input:-ms-input-placeholder, .google-search-form input:-ms-input-placeholder {
        font-size: 12px;
        line-height: 26px;
    }

    .newsletter-form input::-ms-input-placeholder, .google-search-form input::-ms-input-placeholder {
        font-size: 12px;
        line-height: 26px;
    }

    .newsletter-form button,
    .newsletter-form input[type=button],
    .newsletter-form input[type=submit] {
        background-color: #000000;
        color: #ffffff;
        font-size: 16px;
        width: 20%;
        height: 50px;
        border: 0px;
        display: inline-block;
        background-color: #cbcbcb;
        cursor: pointer;
        -webkit-appearance: none;
    }

section#footer .socials img {
    max-width: 100%;
    height: auto;
}


/*RESERVATION*/

.reservation-form {
    margin-bottom: 80px;
}

.steps {
    position: relative;
}

    .steps .back {
        color: #000000;
        text-decoration: none;
        display: block;
    }

        .steps .back:before {
            content: "";
            width: 30px;
            height: 30px;
            background-image: url(../img/icon_back.jpg);
            background-size: contain;
            background-repeat: no-repeat;
            display: inline-block;
            margin-right: 10px;
            position: relative;
            top: 8px;
        }

    .steps ul {
        list-style: none;
    }

        .steps ul li:before {
            content: "";
            width: 9px;
            height: 9px;
            background-color: #939393;
            border-radius: 50%;
            margin-right: 10px;
            display: inline-block;
        }

        .steps ul li.current:before {
            background-color: #000000;
        }

        .steps ul li.completed:before {
            background-color: transparent;
            background-image: url(../img/icon_valid.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            border-radius: 0;
            content: "";
            width: 9px;
            height: 9px;
        }

        .steps ul li:after {
            background-color: #000000;
            content: "";
            width: 1px;
            height: 30px;
            display: inline-block;
            position: absolute;
            left: 4px;
            top: 24px;
        }

        .steps ul li:last-child:after {
            display: none;
        }

        .steps ul li {
            font-weight: bold;
            height: 60px;
            color: #939393;
            position: relative;
        }

            .steps ul li.current, .steps ul li.completed {
                color: #000000;
            }

            .steps ul li span.choice {
                display: block;
                font-weight: normal;
                margin-left: 20px;
                color: #000000;
            }


/*CALENDAR */

.full-calendar {
    border-radius: 5px;
    border: 1px solid #cecece;
}

    .full-calendar ul {
        list-style: none;
    }

    .full-calendar .month-switcher {
        display: flex;
        justify-content: space-around;
        padding: 20px 0px;
        border-bottom: 1px solid #cecece;
    }

        .full-calendar .month-switcher .next, .full-calendar .month-switcher .prev {
            background-image: url(../img/icon_next.jpg);
            background-repeat: no-repeat;
            background-position: center;
            width: 50px;
            height: 20px;
            cursor: pointer;
        }

        .full-calendar .month-switcher .prev {
            transform: rotate(180deg);
        }

            .full-calendar .month-switcher .next a, .full-calendar .month-switcher .prev a {
                display: block;
                width: 100%;
                height: 100%;
            }

        .full-calendar .month-switcher .month {
            text-align: center;
            font-size: 20px;
            font-weight: bold;
            display: none;
        }

            .full-calendar .month-switcher .month.current {
                display: initial;
            }

    .full-calendar ul.weekdays, .full-calendar ul.days, .full-calendar ul.times {
        display: inline-flex;
        flex-wrap: wrap;
        grid-template-columns: repeat(7, 1fr);
        max-width: 355px;
        /*column-gap: 10px;*/
        margin: 0 auto;
        margin: -10px 0 0 -10px;
        width: calc(100% + 10px);
    }

        .full-calendar ul.weekdays, .full-calendar ul.days, .full-calendar ul.times > * {
            margin: 10px 0 0 10px;
        }

    .full-calendar ul.times {
        max-width: 416px;
        grid-template-columns: repeat(4, 1fr);
    }

    .full-calendar .calendar-days {
        background-color: #f6f6f6;
        padding-top: 10px;
        position: relative;
        display: none;
    }

        .full-calendar .calendar-days.current {
            display: block;
        }

    .full-calendar .calendar-weekdays {
        padding: 10px 0;
    }

    .full-calendar .calendar-times {
        background-color: #f6f6f6;
        padding: 20px 0;
        border-top: 1px solid #cecece;
        text-align: center;
    }

    .full-calendar .calendar-days .empty {
        text-align: center;
        height: 280px;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        color: #cacaca;
        display: flex;
        align-items: center;
        justify-content: center;
    }



    .full-calendar ul.weekdays li {
        color: #000000;
        font-size: 12px;
        text-align: center;
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .full-calendar ul.days li, .full-calendar ul.times li {
        border: 1px solid #828282;
        border-radius: 3px;
        background-color: #ffffff;
        color: #000000;
        font-size: 18px;
        text-align: center;
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .full-calendar ul.times li {
        width: 94px;
        height: 47px;
    }

        .full-calendar ul.days li.diabled, .full-calendar ul.weekdays li.diabled, .full-calendar ul.times li.diabled {
            color: #cecece;
        }

        .full-calendar ul.days li.current, .full-calendar ul.times li.current, .full-calendar ul.days li:hover, .full-calendar ul.times li:hover {
            color: #ffffff;
            background-color: #000000;
        }

        .full-calendar ul.days li:empty, .full-calendar ul.times li:empty {
            border: 0px;
            background-color: transparent;
        }

/* End of calendar */

/* CONTACT FORM */

.contact-form .chosen-reservation {
    font-size: 18px;
    line-height: 24px;
}

contact-form .confirm-info {
    font-size: 12px;
    line-height: 16px;
    color: #939393;
}

.contact-form h3 {
    font-size: 20px;
    line-height: 35px;
    color: #040000;
    font-weight: normal;
}

.contact-form .contact-container {
    max-width: 400px;
    margin: 0 auto;
}

.contact-form small {
    color: #9f9f9f;
    font-size: 12px;
    line-height: 16px;
}

.contact-form .popup-rgpd {
    color: #757575;
}

.contact-form .contact-type {
    display: flex;
    justify-content: space-around;
    flex-direction: inherit;
}

.cancel {
    color: #000000;
    font-size: 16px;
    text-decoration: underline;
    display: block;
}


/* meeting */

h3.meeting-subtitle {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
}

.meeting-slider {
    margin-bottom: 100px !important;
}

    .meeting-slider:before {
        content: "";
        width: 420px;
        height: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.6) 60%, rgba(255,255,255,0) 100%);
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
    }

    .meeting-slider:after {
        content: "";
        width: 420px;
        height: 100%;
        background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,0) 5%, rgba(255,255,255,0.6) 20%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0.99) 75%, rgba(255,255,255,1) 100%);
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
    }

    .meeting-slider .slick-dots {
        bottom: -40px;
    }

        .meeting-slider .slick-dots li button:before {
            font-size: 14px;
        }

        .meeting-slider .slick-dots li.slick-active button:before {
            font-size: 22px;
        }

    .meeting-slider .slick-prev, .meeting-slider .slick-next {
        width: 450px;
        height: 650px;
        z-index: 2;
    }

    .meeting-slider .slick-prev:before, .meeting-slider .slick-next:before {
        color:black;
    }

.meeting-box {
    width: 420px !important;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 50px 25px 25px 25px;
    margin: 0 auto;
}

.meeting-slider .meeting-box {
    margin: 0 20px;
}

.meeting-box h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: normal;
    color: #040000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.meeting-box .meetting-with {
    line-height: 20px;
    font-weight: normal;
}

.meeting-box hr {
    border: none;
    height: 1px;
    background-color: #cecece;
    margin: 25px 0px;
}

.meeting-box .meetting-date, .meeting-box .meetting-place, .meeting-box .meetting-place a {
    color: #040000;
}

    .meeting-box .meetting-date:before {
        content: "";
        width: 27px;
        height: 28px;
        display: block;
        background-image: url(../img/icon_calendar.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
    }



    .meeting-box .meetting-place a {
        text-decoration: underline;
    }

    .meeting-box .meetting-place:before {
        content: "";
        width: 20px;
        height: 30px;
        display: block;
        background-image: url(../img/icon_map_pin.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 0 auto;
    }

.meeting-box .meetting-remote:before {
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    background-image: url(../img/icon_remote.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 15px auto 0px auto;
}

.meeting-box .meetting-date:before {
    content: "";
    width: 27px;
    height: 28px;
    display: block;
    background-image: url(../img/icon_calendar.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.meeting-box .meeting-buttons {
    max-width: 315px;
    margin: 0 auto;
}

.container-meeting-slider {
    max-width: 1400px;
}


@media (min-width: 768px) {
    .home-notice,
    .cards .card {
        padding-right: 25px;
    }

    .filters {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .card .card-img {
        max-width: 230px;
        max-height: 230px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .meeting-slider:before {
        width: calc(50% - 200px);
    }

    .meeting-slider:after {
        width: calc(50% - 200px);
    }
}



@media (max-width: 991px) {
    .card .card-data h2 {
        font-size: 20px;
        min-height: 50px;
    }
}

@media (max-width: 767px) {

    .btn {
        padding: 30px 40px;
        border-radius: 50px;
    }

    header.top {
        width: 100%;
        height: 230px;
        background-image: url(../img/mobile_header.jpg);
        margin-bottom: 0px;
    }

    section#home.home-remote {
        padding-top: 270px;
    }

    .filter-form {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        border-bottom: 1px solid #c5c5c5;
    }

    .popup {
        position: fixed;
        top: 0px !important;
    }

        .popup .filter-form {
            position: relative;
            top: initial;
            left: initial;
            z-index: 5;
            display: flex;
            padding: 0px;
            border-bottom-style: none;
        }

        .popup .filter-form {
            max-width: 100%;
        }

        .popup .popup-data h2, .popup .popup-data h3 {
            font-size: 30px;
            line-height: 45px;
            font-weight: normal;
            font-family: 'Century Gothic';
        }

        .popup .popup-data h3 {
            font-size: 22px;
            line-height: 30px;
        }

        .popup .filters li ul {
            margin-left: 0px;
        }

        .popup .filters > ul {
            display: block;
        }

        .popup .filter-title {
            display: none;
        }

        .popup .filters {
            width: 100%;
            border: 0px;
        }


        .popup .popup-data .btn {
            width: 100%;
            margin-bottom: 10px;
        }

    .no-services {
        color: #040000;
        font-size: 30px;
        line-height: 35px;
        font-family: 'Century Gothic';
        font-weight: normal;
    }

    .filters {
        width: 33.333%;
        background-color: #ffffff;
        color: #000000;
        padding: 20px 0px;
        /*border-bottom: 1px solid #c5c5c5;*/
        border-top: 1px solid #c5c5c5;
    }

    .home-remote .filters {
        width: 50%;
    }

    .filters > ul {
        display: none;
    }

    .filters.opened > ul {
        display: block;
        position: absolute;
        width: 100%;
        background: #ffffff;
        height: 100vh;
        padding: 50px;
        top: 125px;
        left: 0px;
        z-index: 10;
    }

    .home-remote .filters.opened > ul {
        top: 245px;
    }

    .filters .mobile-title {
        display: block;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        font-weight: bold;
        border-bottom: 1px solid #c5c5c5;
        color: #000000;
        padding-bottom: 20px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }

    .filters .mobile-close {
        display: block;
        position: absolute;
        right: 50px;
        top: 55px;
        width: 21px;
        height: 21px;
        background-image: url(../img/icon_error.jpg);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

    .filters .filter-title {
        color: #000000;
        font-size: 20px;
        text-align: center;
        line-height: 80px;
        border-right: 1px solid #c5c5c5;
        cursor: pointer;
        text-transform: uppercase;
    }

    .filters:last-child .filter-title {
        border-right: none;
    }

    .filters .filter-title:after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 5px;
        background-image: url(../img/icon_down.png);
        margin-left: 5px;
        position: relative;
        top: -3px;
    }

    .filters:last-child .filter-title:after {
        display: none;
    }

    .filters li {
        color: #000000;
        font-size: 30px;
        line-height: 60px;
    }

        .filters li a {
            padding-left: 50px;
        }

    .filters .filter-title a {
        padding-left: 0px;
    }


    .filters li.parent {
        position: relative;
    }

        .filters li.parent:before {
            position: absolute;
            top: 15px;
            right: -10px;
        }

        .filters li.parent.opened {
            font-weight: bold;
        }

        .filters li.parent li {
            text-transform: initial;
        }

        .filters li.parent.opened li {
            font-weight: normal;
        }

    /*.filters label {
        padding-left: 0px;
    }*/

    #popup3 .filters label {
        padding-left: 50px;
    }

    .checkmark input[type="radio" i] {
        height: 20px;
        width: 20px;
        position: relative;
        top: 0px;
    }

        .checkmark input[type="radio" i]:hover {
            background-color: #ccc;
        }

        .checkmark input[type="radio" i]:checked {
            background-color: #000;
        }

        .checkmark input[type="radio" i]:focus {
            outline: none;
        }

    .filters li.parent:before {
        content: "";
        width: 14px;
        height: 6px;
        background-image: url(../img/filter_down_icon.png);
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 10px;
    }

    .cards .card {
        width: 100%;
        padding-left: 80px;
        margin-bottom: 50px;
    }

    .card .card-data {
        padding: 15px 50px 50px 50px;
    }

    .card .card-img {
        max-width: calc(100% - 40px);
        max-height: 540px;
    }

    .card .btn {
        padding: 30px 0px;
        border-radius: 50px;
        font-size: 27px;
    }

    .card .card-data h4 {
        font-size: 20px;
        line-height: 43px;
    }

    .card .card-data h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .card .card-data .description p {
        font-size: 23px;
        line-height: 36px;
    }

    .card .card-data .more,
    .card .card-data .less {
        font-size: 23px;
        line-height: 36px;
    }

    .card .card-data ul {
        font-size: 37px;
        line-height: 40px;
    }

    section#google-map .google-search-form {
        border-radius: 60px;
    }

        section#google-map .google-search-form input[type="text"] {
            width: calc(100% - 140px);
            height: 120px;
            font-size: 14px;
            line-height: 26px;
        }

        section#google-map .google-search-form button, section#google-map .google-search-form input[type="button"], section#google-map .google-search-form input[type="submit"] {
            width: 140px;
            height: 120px;
            -webkit-appearance: none;
        }

    section#google-map > div {
        width: 100%;
        padding: 0 10px;
    }

    .google-search-form input::placeholder {
        font-size: 20px;
    }

    .google-search-form input:-ms-input-placeholder {
        font-size: 20px;
    }

    .google-search-form input::-ms-input-placeholder {
        font-size: 20px;
    }

    section#footer .container {
        max-width: 100%;
        padding: 0px;
    }

    section#footer .row > div {
        border-bottom: 1px solid #e5e5e5;
        padding: 50px 40px;
    }

        section#footer .row > div:last-child {
            border-bottom: none;
        }

    footer h2 {
        margin-bottom: 80px;
    }

    .advantage {
        padding-bottom: 40px;
    }

        .advantage > * {
            max-width: 400px;
        }

        .advantage h4, .advantage p {
            font-size: 20px;
            font-weight: normal;
            line-height: 28px;
        }

        .advantage h4 {
            font-weight: bold;
        }

    section#footer h4, section#footer ul li a {
        font-size: 22px;
        line-height: 26px;
    }

    .newsletter-form input[type="text"] {
        height: 100px;
    }

    .newsletter-form button, .newsletter-form input[type="button"], .newsletter-form input[type="submit"] {
        height: 100px;
        font-size: 30px;
        -webkit-appearance: none;
    }

    .newsletter-form {
        border-radius: 100px;
    }

        .newsletter-form input::placeholder {
            font-size: 30px;
        }

        .newsletter-form input:-ms-input-placeholder {
            font-size: 30px;
        }

        .newsletter-form input::-ms-input-placeholder {
            font-size: 30px;
        }

    .steps .back {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
    }

        .steps .back span {
            display: none;
        }

    .steps ul {
        text-align: center;
        margin-top: 25px;
        position: relative;
        margin-bottom: 90px;
    }

        .steps ul li {
            width: 80px;
            display: inline-block;
            font-size: 20px;
            font-weight: normal;
            line-height: 30px;
            text-align: center;
        }

            .steps ul li span, .steps ul li span.choice {
                display: none;
                font-size: 20px;
                font-weight: normal;
                text-decoration: none;
                margin-left: 0px;
                color: #000000;
            }

            .steps ul li:after {
                transform: rotate(90deg);
                left: 75px;
                top: -12px;
            }

            .steps ul li.previous, .steps ul li.previous span {
                display: inline-block;
            }

                .steps ul li.previous span:not(.choice) {
                    position: absolute;
                    top: 40px;
                    left: 0px;
                    width: 320px;
                    color: transparent;
                    font-size: 1px;
                }

            .steps ul li:nth-child(2) span:not(.choice) {
                left: -83px;
            }

            .steps ul li:nth-child(3) span:not(.choice) {
                left: -165px;
            }

            .steps ul li:nth-child(4) span:not(.choice) {
                left: -250px;
            }


            .steps ul li:before {
                width: 15px;
                height: 15px;
            }


            .steps ul li.completed:before {
                width: 15px;
                height: 15px;
            }

            .steps ul li:after {
                height: 55px;
            }


    .steps .back:before {
        width: 60px;
        height: 60px;
    }

    section#reservation .container {
        max-width: 740px;
    }



    .full-calendar ul.days li, .full-calendar ul.weekdays li {
        width: calc(14.1% - 8px);
        height: 12vw;
        font-size: 30px;
    }

    .full-calendar ul.weekdays li {
        font-size: 20px;
    }

    /* removed by waymon to list the time for full calendar
    .full-calendar ul.times li {
        width: calc(25% - 8px);
        height: 12vw;
        font-size: 30px;
    }
    */

    .full-calendar ul.weekdays, .full-calendar ul.days, .full-calendar ul.times {
        max-width: 60%;
        /* modified by waymon to list the time for full calendar */
        margin: 0, auto;
    }

    .full-calendar .calendar-days {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .full-calendar .calendar-times {
        padding-top: 30px;
    }

    .full-calendar .calendar-days {
        padding-bottom: 20px;
    }

    .margin-vertical-5 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }

    .margin-vertical-30 {
        margin-top: 45px !important;
        margin-bottom: 45px !important;
    }

    .contact-form .contact-container {
        max-width: 580px;
    }

    .form-field.radio label span {
        font-size: 23px;
    }


    .form-field.text input {
        font-size: 23px !important;
        height: 75px;
        width: 100% !important;
    }

    .form-field.textarea textarea {
        height: 190px;
        font-size: 23px !important;
        width: 100% !important;
    }

        .form-field.text input::placeholder, .form-field.textarea textarea::placeholder {
            font-size: 23px;
        }

        .form-field.text input:-ms-input-placeholder, .form-field.textarea textarea:-ms-input-placeholder {
            font-size: 23px;
        }

        .form-field.text input::-ms-input-placeholder, .form-field.textarea textarea::-ms-input-placeholder {
            font-size: 23px;
        }

    .contact-form h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .contact-form small {
        font-size: 18px;
        line-height: 25px;
    }

    .contact-form .contact-type {
        flex-direction: column;
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .form-field.checkbox label {
        padding-bottom: 20px;
    }

    .cancel {
        font-size: 27px;
    }

    .contact-form .phone-field-validator, .contact-form .phone-field-validator-waitinglist {
        width: 100%;
        max-width: 400px;
    }

        .contact-form .phone-field-validator input[type="text"], .contact-form .phone-field-validator-waitinglist input[type="text"] {
            width: calc(100% - 45px) !important;
        }

            .contact-form .phone-field-validator input[type="text"].other, .contact-form .phone-field-validator-waitinglist input[type="text"].other {
                width: calc(80% - 45px) !important;
            }

    .phone-field-validator input[type=text].phone-validator-input-country, .phone-field-validator-waitinglist input[type=text].phone-validator-input-country-waitinglist {
        width: 20% !important;
    }

    .contact-form .phone-field-validator > span, .contact-form .phone-field-validator-waitinglist > span {
        font-size: 15px;
    }

    .contact-form .phone-field-validator, .contact-form .phone-field-validator-waitinglist {
        height: 75px;
    }

        .contact-form .phone-field-validator input::placeholder, .contact-form .phone-field-validator-waitinglist input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            font-size: 16px;
        }

        .contact-form .phone-field-validator input:-ms-input-placeholder, .contact-form .phone-field-validator-waitinglist input:-ms-input-placeholder { /* Internet Explorer 10-11 */
            font-size: 16px;
        }

        .contact-form .phone-field-validator input::-ms-input-placeholder, .contact-form .phone-field-validator-waitinglist input::-ms-input-placeholder { /* Microsoft Edge */
            font-size: 16px;
        }

    .contact-form .country-custom-selector, .custom-selector, .staff-custom-selector, .country-custom-selector-waitinglist, .custom2-selector, .custom3-selector, .custom4-selector {
        margin-top: 10px;
    }

    .contact-form .error-message {
        font-size: 15px;
        top: 0px;
    }

    .custom-input-selector .error-message {
        font-size: 22px;
    }

    .contact-form .form-field.error .phone-field-validator:after, .contact-form .form-field.error .phone-field-validator-waitinglist:after {
        top: 25px;
    }

    .contact-form .form-field.valid .phone-field-validator:after, .contact-form .form-field.valid .phone-field-validator-waitinglist:after {
        top: 25px;
    }


    .meeting-slider:after, .meeting-slider:before {
        display: none;
    }

    section#meeting .container {
        max-width: 100%;
    }

    .meeting-box {
        width: 90% !important;
        margin: 0px auto;
    }

        .meeting-box h3 {
            font-size: 30px;
            line-height: 40px;
        }

        .meeting-box .meetting-with {
            line-height: 28px;
        }

        .meeting-box hr {
            margin: 30px 0px;
        }



        .meeting-box .meeting-buttons {
            max-width: 480px;
        }

        .meeting-box .meetting-place {
            max-width: 70vw;
        }

        .meeting-box .meetting-date:before {
            width: 44px;
            height: 44px;
        }

        .meeting-box .meetting-place:before {
            width: 36px;
            height: 52px;
        }

        .meeting-box .meetting-date:before, .meeting-box .meetting-place:before {
            margin-bottom: 20px;
        }

    .popup .popup-container {
        margin-top: 50px;
    }

    .popup.popup-long .popup-container {
        height: calc(100vh - 100px);
        overflow-x: auto;
    }

    .card-text {
        min-height: 370px;
    }


    .xxxxx {
    }

    .card .card-data h2 {
        min-height: 90px;
    }

    #meeting {
        padding-top: 50px;
    }
}

@media (max-width: 576px) {

    .btn {
        width: 100%;
        padding: 20px 10px;
    }

    header.top {
        width: 100%;
        height: 120px;
        background-image: url(../img/mobile_header.jpg);
    }

    section#home.home-remote {
        padding-top: 180px;
    }

    .contact-form h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .card-text {
        min-height: 200px;
    }

    .cancel {
        font-size: 16px;
    }


    .filters .filter-title {
        font-size: 10px;
        line-height: 40px;
    }

    .phone-field-validator input[type="text"], .phone-field-validator-waitinglist input[type="text"] {
        width: calc(100% - 45px) !important;
    }

        .phone-field-validator input[type="text"].other, .phone-field-validator-waitinglist input[type="text"].other {
            width: calc(80% - 45px) !important;
        }


    footer h2 {
        margin-bottom: 40px;
        font-size: 20px;
        line-height: 40px;
    }


    .card .card-data {
        padding: 15px 20px 20px 20px;
        margin-top: 60px;
    }


    .card .card-img {
        max-width: calc(100% - 20px);
        width: calc(100% - 20px);
        height: calc(100vw - 20px);
    }

        .card .card-img img {
            max-width: 100%;
            height: auto;
        }

    .card .btn {
        padding: 15px 0px;
        border-radius: 50px;
        font-size: 20px;
    }

    .cards .card {
        padding-left: 40px;
    }

    .card .card-data h4 {
        font-size: 12px;
        line-height: 20px;
    }

    .card .card-data h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .card .card-data .description p {
        font-size: 14px;
        line-height: 20px;
    }

    .card .card-data .more,
    .card .card-data .less {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .card .card-data ul {
        font-size: 22px;
        line-height: 30px;
    }


    section#google-map .google-search-form input[type="text"] {
        width: calc(100% - 70px);
        height: 60px;
    }

    section#google-map .google-search-form button, section#google-map .google-search-form input[type="button"], section#google-map .google-search-form input[type="submit"] {
        width: 70px;
        height: 60px;
        -webkit-appearance: none;
    }

    section#google-map > div {
        width: 100%;
        padding: 0 10px;
    }

    .google-search-form input::placeholder {
        font-size: 20px;
    }

    .google-search-form input:-ms-input-placeholder {
        font-size: 20px;
    }

    .google-search-form input::-ms-input-placeholder {
        font-size: 20px;
    }

    section#footer .container {
        max-width: 100%;
        padding: 0px;
    }

    section#footer .row > div {
        border-bottom: 1px solid #e5e5e5;
        padding: 50px 40px;
    }

    section#meeting-form .field-text {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    #meeting-form .phone-field-validator, #meeting-form .phone-field-validator-waitinglist {
        width: 100%;
    }

    section#footer h4, section#footer ul li a {
        font-size: 22px;
        line-height: 26px;
    }

    .newsletter-form input[type="text"] {
        height: 50px;
    }

    .newsletter-form button, .newsletter-form input[type="button"], .newsletter-form input[type="submit"] {
        height: 50px;
        font-size: 20px;
        -webkit-appearance: none;
    }

    .newsletter-form {
        border-radius: 100px;
    }

        .newsletter-form input::placeholder {
            font-size: 20px;
        }

        .newsletter-form input:-ms-input-placeholder {
            font-size: 20px;
        }

        .newsletter-form input::-ms-input-placeholder {
            font-size: 20px;
        }

    .steps ul {
        margin-top: 15px;
    }

        .steps ul li {
            width: 50px;
            font-size: 16px;
            line-height: 24px;
        }

            .steps ul li span, .steps ul li span.choice {
                font-size: 16px;
            }

            .steps ul li:after {
                transform: rotate(90deg);
                left: 46px;
                top: -2px;
            }

            .steps ul li.current span:not(.choice) {
                width: 200px;
            }

            .steps ul li:nth-child(2) span:not(.choice) {
                left: -115px;
            }

            .steps ul li:nth-child(3) span:not(.choice) {
                left: -170px;
            }

            .steps ul li:nth-child(4) span:not(.choice) {
                left: -240px;
            }


            .steps ul li:after {
                height: 25px;
            }


    .steps .back:before {
        width: 40px;
        height: 40px;
    }

    .meeting-box {
        width: 90% !important;
    }

        .meeting-box h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .meeting-box .meetting-with {
            line-height: 24px;
        }

        .meeting-box hr {
            margin: 20px 0px;
        }


        .meeting-box .meeting-buttons {
            max-width: 300px;
        }

        .meeting-box .meetting-place {
            max-width: 70vw;
        }

        .meeting-box .meetting-date:before {
            width: 30px;
            height: 30px;
        }

        .meeting-box .meetting-place:before {
            width: 20px;
            height: 30px;
        }

        .meeting-box .meetting-date:before, .meeting-box .meetting-place:before {
            margin-bottom: 20px;
        }



    .popup .popup-container {
        max-width: 300px;
        padding: 70px 20px 50px 20px;
        margin-top: 20px;
    }

    .popup .popup-data h2, .popup .popup-data h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .no-services {
        font-size: 18px;
        line-height: 24px;
    }

    .filters li {
        font-size: 15px;
        line-height: 20px;
        padding-top: 15px;
    }

    .checkmark input[type="radio" i] {
        height: 10px;
        width: 10px;
        position: absolute;
        top: 5px;
    }

    .filters li label {
        font-size: 15px;
        line-height: 20px;
        padding-left: 30px;
    }


    /* removed by waymon to list the time for full calendar
    .full-calendar ul.times li, .full-calendar ul.days li, .full-calendar ul.weekdays li {
    */
    .full-calendar ul.days li, .full-calendar ul.weekdays li {
        font-size: 20px;
    }

    /* added by waymon to list the time for full calendar */
    .full-calendar ul.times {
        max-width: 95%;
        margin: 0 auto;
    }

        .full-calendar ul.times li {
            width: 100%;
            height: 30px;
        }

    .phone-field-validator, phone-field-validator-waitinglist {
        padding: 5px 5px;
    }


    .contact-form .phone-field-validator input::placeholder, .contact-form .phone-field-validator-waitinglist input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 10px;
    }

    .contact-form .phone-field-validator input:-ms-input-placeholder, .contact-form .phone-field-validator-waitinglist input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 10px;
    }

    .contact-form .phone-field-validator input::-ms-input-placeholder, .contact-form .phone-field-validator-waitinglist input::-ms-input-placeholder { /* Microsoft Edge */
        font-size: 10px;
    }

    .filters.opened > ul {
        top: 85px;
        padding: 20px;
    }

    .home-remote .filters.opened > ul {
        top: 165px;
    }

    .filters .mobile-title {
        font-size: 16px;
        line-height: 20px;
    }

    .filters .mobile-close {
        right: 20px;
        top: 20px;
    }

    .filters li a {
        padding-left: 15px;
    }

    .filters .filter-title a {
        padding-left: 0px;
    }

    #popup3 .filters label {
        padding-left: 25px;
    }

    .card .card-data h2 {
        min-height: 50px;
    }



    .form-field.text input {
        font-size: 16px !important;
    }

    .form-field.textarea textarea {
        font-size: 16px !important;
    }

        .form-field.text input::placeholder, .form-field.textarea textarea::placeholder {
            font-size: 16px;
        }

        .form-field.text input:-ms-input-placeholder, .form-field.textarea textarea:-ms-input-placeholder {
            font-size: 16px;
        }

        .form-field.text input::-ms-input-placeholder, .form-field.textarea textarea::-ms-input-placeholder {
            font-size: 16px;
        }
}

@media (max-width: 340px) {
    .meeting-box {
        width: 100% !important;
    }

    .meeting-slider .meeting-box {
        width: 80% !important;
    }

    .popup .margin-vertical-40 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #meeting-form .container {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

.calendar-custom {
    background-color: #f6f6f6;
}

    .calendar-custom .ui-datepicker-header {
        display: flex;
        justify-content: center;
        padding: 20px 0px;
        border-bottom: 1px solid #cecece;
        position: relative;
        background-color: #ffffff;
    }

    .calendar-custom .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .calendar-custom .ui-datepicker .ui-datepicker-prev,
    .calendar-custom .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 20px;
    }

    .calendar-custom .ui-datepicker .ui-datepicker-prev {
        left: 100px;
    }

    .calendar-custom .ui-datepicker .ui-datepicker-next {
        right: 100px;
    }

@media (max-width: 767px) {
    .calendar-custom .ui-datepicker .ui-datepicker-prev {
        left: 20px;
    }

    .calendar-custom .ui-datepicker .ui-datepicker-next {
        right: 20px;
    }
}

.calendar-custom .ui-datepicker .ui-datepicker-prev span {
    background-image: url("../img/icon_next.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    transform: rotate(180deg);
}

.calendar-custom .ui-datepicker .ui-datepicker-next span {
    background-image: url("../img/icon_next.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.calendar-custom .ui-datepicker .ui-datepicker-title {
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.calendar-custom .ui-datepicker .ui-datepicker-calendar {
    margin: 0 auto;
    border-spacing: 10px;
    color: #000000;
}

    .calendar-custom .ui-datepicker .ui-datepicker-calendar th {
        padding: 10px 0;
        font-size: 12px;
        text-align: center;
        width: 42px;
        height: 42px;
        justify-content: center;
        align-items: center;
        font-weight: normal;
    }

        /*.calendar-custom .ui-datepicker .ui-datepicker-calendar th:first-child span*/
        .calendar-custom .ui-datepicker .ui-datepicker-calendar th:last-child span {
            color: #cecece;
        }

.calendar-custom .ui-widget-content .ui-state-default {
    color: #000000;
}

.calendar-custom .ui-widget-content .ui-state-disabled .ui-state-default {
    color: #cecece;
}

.calendar-custom .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month {
    border: none;
    background-color: #f6f6f6;
    pointer-events: none;
}

.calendar-custom .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day {
    background-color: #000000;
}

    .calendar-custom .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
        color: #ffffff;
    }

.calendar-custom .ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #828282;
    border-radius: 3px;
    background-color: #ffffff;
    font-size: 18px;
    text-align: center;
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .calendar-custom .ui-datepicker .ui-datepicker-calendar td:hover {
        background-color: #000000;
    }

        .calendar-custom .ui-datepicker .ui-datepicker-calendar td:hover .ui-state-default {
            color: #ffffff;
        }

    .calendar-custom .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled:hover {
        background-color: #ffffff;
    }

        .calendar-custom .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled:hover .ui-state-default {
            color: #cecece;
        }

.calendar-custom.empty-month {
    text-align: center;
    height: 260px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #cacaca;
    display: none;
    align-items: center;
    justify-content: center;
}

.full-calendar.empty .calendar-custom.empty-month {
    display: flex;
}

.full-calendar.empty .calendar-custom tbody {
    display: none;
}

.outline-n {
    outline: none;
}

.visible-n {
    display: none;
}

#ddlStaff.selector {
    width: 100%;
    min-width: inherit;
}

.greyWord {
    color: #808080;
}

.remoteLabel {

}

.wCode {
    background-image: url(../img/padlock.png);
    height: 20px;
    width: 20px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    filter: brightness(0%);
}

    .wCode ~ span {
        padding-left: 10px;
        vertical-align: middle;
    }

.disable {
    background-color: #d9d9d9;
}

.radio {
    padding: 20px;
}

    .radio > label {
        display: inline-block;
        position: relative;
        cursor: pointer;
        padding-left: 10px;
        color: #939393;
    }

    .radio input[type="radio" i], .radio input[type="radio" i]:checked {
        color: black;
    }

.notification > ul {
    display: inline-flex;
    list-style-type: none;
    width: 100%;
    padding: 0px 10px;
}

    .notification > ul > li {
        /*padding-right: 40px;*/
        cursor: pointer;
        width: 33%;
        display: inline-flex;
        text-align: left;
    }

.notification .checkmark input[type="radio" i] {
    position: relative;
    /*top: 0px;*/
    float: left;
}

.notification .checkmark label {
    padding-left: 20px;
    cursor: pointer;
    display: block;
}


.questionaireContentBuildingEachSec {
	margin-top: 20px;
}
.questionaireContentBuildingInput {
    width: 100%;
    padding: 10px;
}
.questionaireContentBuildingTitle {
    margin-bottom: 5px;
    font-size: 15px !important;
}
.questionaireContentBuildingCheckBox {
    margin-right: 10px;
    transform: scale(1.5);
}
.btnQuestionaireSkip {
    position: absolute;
    right: 0;
}
@media (max-width: 767px)
{
    .btnQuestionaireSkip { position: relative; }
}
#questionaireContentBuildingMsg {
    color: red;
}
.questionaireContentBuildingCheckBoxLabel {
    font-family: 'Century Gothic' !important;
    font-weight: normal !important;
    color: #000000 !important;
    font-size: 15px !important;
}
.popButtonDiv {
    position: relative;
}
.divWaitingListCity, .divWaitingListCounter {
    padding: 0px 10px;
}
.ddlWaitingListCity, .ddlWaitingListCounter {
    max-width: 100%;
    min-width: 100%
}
.waitinglistRequiredSuccess {
    display: none;
}
.waitinglistRequiredError {
    display: block;
}
.waitinglistErrorMsg {
    font-size: 10px;
    color: #ff2626;
}
.waitinglistErrorMsgBorder {
    border: 1px red solid !important;
}
.form-field.error .phone-field-validator-waitinglist .icon {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background-image: url(../img/icon_error.jpg);
    background-repeat: no-repeat;
    position: absolute;
    top: 12px;
    right: 20px;
    cursor: pointer;
}
/* Loading Bar */
.waitingListLoadingBar {
    box-sizing: content-box;
    height: 20px;
    position: relative;
    margin: 60px 0 20px 0;
    /*background: #555;*/
    border-radius: 25px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.waitingListLoadingBar > span {
    display: block;
    height: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43, 194, 83);
    background-image: linear-gradient(
        center bottom, 
        rgb(43, 194, 83) 37%, 
        rgb(84, 240, 84) 69%
    );
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}
.waitingListLoadingBar > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
@keyframes move {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
.waitingListLoadingBarSelfColor > span {
    background-color: #f1a165;
    /*background-image: linear-gradient(to bottom, #f1a165, #f36d0a);*/
    background-image: linear-gradient(to bottom, #403C3B, #B3B1B1);
}
/* Loading Bar */

.meeting-slider .slickIW-dots {
    bottom: -40px;
}

    .meeting-slider .slickIW-dots li button:before {
        font-size: 14px;
    }

    .meeting-slider .slickIW-dots li.slickIW-active button:before {
        font-size: 22px;
    }

.meeting-slider .slickIW-prev, .meeting-slider .slickIW-next {
    width: 450px;
    height: 650px;
    z-index: 2;
}

.meeting-slider .slickIW-prev:before, .meeting-slider .slickIW-next:before {
    color:black;
}