.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-arrow.slick-hidden {
    display: none
}

.video {
    min-height: 100vh;
    display: flex
}

.spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #333;
    animation: 1s linear infinite spin;
    z-index: 1
}

.video {
    position: relative;
    overflow: hidden;
    background: #000;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video iframe {
    box-sizing: border-box;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 177.77777778vh
}

.video video {
    object-fit: cover;
    height: 100vh;
    width: 100%
}

.video.vm iframe {
    height: 56.25vw
}

.video:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%
}

custom-icon.play {
    display: block;
    background: url('../images/play.svg') center center no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

custom-icon.pause {
    display: block;
    background: url('../images/pause.svg') center center no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

custom-icon.unmute {
    display: block;
    background: url('../images/mute.svg') center center no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

custom-icon.mute {
    display: block;
    background: url('../images/unmute.svg') center center no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%
}

.button-controls {
    position: absolute;
    bottom: 35px;
    left: 35px;
    display: flex;
    gap: 30px;
    z-index: 1
}

.button-controls {
    left: 16.667%;
    bottom: 100px;
    margin-left: -37px
}

.button-controls button {
    background: 0 0;
    border: none;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: opacity .2s ease-out
}

.button-controls button:hover {
    opacity: .7
}

.button-controls button span {
    display: none
}

@media screen and (max-width:1270px) {
    .button-controls {
        left: 50%
    }
}

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

    #slider .absolute.texts,
    #slider .gallery.slide.right {
        display: block
    }

    .button-controls {
        display: none
    }

    .video {
        display: none
    }
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Arapey;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/arapey/v16/-W__XJn-UDDA2RCKYNod.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: 0
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}

:root {
    --transition-duration: 400ms;
    --transition-timing-function: ease;
    --transition-delay: 0s;
    --max-width: 100%;
    --popup-main-color: #656d78;
    --popup-main-color-light: #e3e3e3;
    --popup-secondary-color: #829632;
    --popup-secondary-color-light: #c2ce5e;
    --popup-color-3: #f7f7f7;
    --title-box-height: 50px;
    --padding: 25px;
    --line-height: 1.2;
    --main-text-color: #fff;
    --secondary-text-color: #454545;
    --promo-text-color: #b4b4b4;
    --secondary-hover-color: #827e79
}

.is-animated {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.fix-float:after {
    content: "";
    display: table;
    clear: both
}

* {
    -webkit-tap-highlight-color: transparent !important;
    outline: 0
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.from-left .pc-active,
.from-right .pc-active {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.show {
    opacity: 1 !important
}

.color-2 {
    background: var(--popup-main-color-light) !important
}

.color-2 span.title{
    background: var(--popup-secondary-color)
}

a.offers:before {
    content: "";
    display: block;
    position: absolute;
    height: 16px;
    width: 20px;
    left: 45px;
    top: -2px;
    background-color: var(--popup-main-color);
    mask: url("../images/star.svg") center center no-repeat;
    mask-image-size: auto 100%;
    -webkit-mask: url(../images/star.svg) center center no-repeat;
    -webkit-mask-size: auto 100%
}

.lang-el a.offers:before {
    left: 32px
}

@media only screen and (max-height:600px) {
    :root {
        --padding: 20px
    }
}

.left,
.row1 {
    float: left
}

.row1 {
    width: 100%
}

.is-home .value-container-1 {
    border-bottom: 1px solid #fff
}

.vertical-container {
    margin-top: 47px;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    border-top: 1px solid #fff
}

.vertical {
    letter-spacing: .7px;
    font-weight: 400;
    font-size: 15px;
    white-space: nowrap;
    transform: rotate(270deg) translateX(-50%);
    background-image: url("../images/checked.svg");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 0 center;
    padding-left: 24px
}

.cli-plugin-button,
.cli-plugin-button:visited {
    display: inline-block;

    padding: 8px 16px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    cursor: pointer;
    text-decoration: none
}

.cli-plugin-button:hover {
    background-color: #111;
    color: #fff;
    text-decoration: none
}

.wt-cli-cookie-bar-container[data-banner-version="2.0"] #wt-cli-save-preferences-btn:hover {
    opacity: .7;
    background-color: initial;
    color: currentColor
}

.small.cli-plugin-button,
.small.cli-plugin-button:visited {
    font-size: 11px
}

.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
    font-size: 13px;
    font-weight: 500;
    line-height: 1
}

.large.cli-plugin-button,
.large.cli-plugin-button:visited {
    font-size: 14px;
    padding: 8px 14px 9px
}

.cli-bar-popup {
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 20px
}

@media only screen and (max-width:768px) {
    .cli-settings-mobile:hover {
        box-shadow: none !important
    }

    .cli-plugin-button {
        margin: 10px
    }
}

@media only screen and (max-width:567px) {
    .cli-switch .cli-slider:after {
        display: none
    }

    .cli-tab-header a.cli-nav-link {
        font-size: 12px
    }

    .cli-modal .cli-modal-close {
        right: -10px;
        top: -15px
    }
}

.wt-cli-iframe-placeholder .wt-cli-inner-text {
    width: 100%;
    text-align: center;
    padding: 1rem;
    border-radius: 400px
}

.wt-cli-necessary-checkbox {
    display: none !important
}

.cli-preference-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.cli-preference-btn-wrapper .cli-plugin-button {
    flex: auto;
    max-width: 100%;
    text-shadow: none;
    box-shadow: none;
    margin: 5px 8px 5px 0 !important;
    text-align: center
}

.cli-preference-btn-wrapper .cli-plugin-button:last-child {
    margin: 5px 0 !important
}

.cli-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.cli-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.cli-align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.cli-px-0 {
    padding-left: 0;
    padding-right: 0
}

.cli-btn {
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1.25rem;
    line-height: 1;
    border-radius: .25rem;
    transition: all .15s ease-in-out
}

.cli-btn:hover {
    opacity: .8
}

.cli-btn:focus {
    outline: 0
}

.cli-modal-backdrop.cli-show {
    opacity: .8
}

.cli-modal-open {
    overflow: hidden
}

.cli-barmodal-open {
    overflow: hidden
}

.cli-modal-open .cli-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.cli-modal.cli-fade .cli-modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.cli-modal.cli-show .cli-modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.cli-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: opacity ease-in-out .5s
}

.cli-modal-backdrop.cli-fade {
    opacity: 0
}

.cli-modal-backdrop.cli-show {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cli-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    -webkit-transform: scale(0);
    transform: scale(0);
    overflow: hidden;
    outline: 0;
    visibility: hidden
}

.cli-modal.cli-show {
    visibility: visible
}

.cli-modal a {
    text-decoration: none
}

.cli-modal .cli-modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

@media (min-width:576px) {
    .cli-modal .cli-modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        min-height: calc(100% - (1.75rem * 2))
    }
}

.cli-modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: .2rem;
    box-sizing: border-box;
    outline: 0
}

.cli-modal .row {
    margin: 0 -15px
}

.cli-modal-footer {
    position: relative
}

.cli-modal .cli-modal-close:focus {
    outline: 0
}

.cli-switch {
    display: inline-block;
    position: relative;
    min-height: 1px;
    padding-left: 38px;
    font-size: 14px;
    width: auto
}

.cli-switch input[type=checkbox] {
    display: block;
    margin: 0;
    width: 0;
    position: absolute !important;
    left: 0 !important;
    opacity: 0 !important
}

.cli-switch .cli-slider {
    background-color: #e3e1e8;
    height: 20px;
    width: 38px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s
}

.cli-switch .cli-slider:before {
    bottom: 2px;
    content: "";
    height: 15px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 15px
}

.cli-switch input:checked+.cli-slider:before {
    transform: translateX(18px)
}

.cli-switch .cli-slider {
    border-radius: 34px;
    font-size: 0
}

.cli-switch .cli-slider:before {
    border-radius: 50%
}

.cli-sub-tab-content,
.cli-tab-content {
    width: 100%;
    padding: 5px 30px 5px 5px;
    box-sizing: border-box
}

@media (max-width:767px) {

    .cli-sub-tab-content,
    .cli-tab-content {
        padding: 30px 10px
    }
}

.cli-sub-tab-content p,
.cli-tab-content p {
    color: #343438;
    font-size: 14px;
    margin-top: 0
}

.cli-sub-tab-content h4,
.cli-tab-content h4 {
    font-size: 20px;
    margin-bottom: 1.5rem;
    margin-top: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit
}

.cli-wrapper {
    max-width: 100%;
    float: none;
    margin: 0 auto
}

.cli-tab-footer .cli-btn {
    padding: 10px 15px;
    width: auto;
    text-decoration: none
}

.cli-tab-footer {
    width: 100%;
    text-align: right;
    padding: 20px 0
}

.cli-col-12 {
    width: 100%
}

.cli-sub-tab-header,
.cli-tab-header {
    display: flex;
    justify-content: space-between
}

.cli-sub-tab-header a:before,
.cli-tab-header a:before {
    width: 10px;
    height: 2px;
    left: 0;
    top: calc(50% - 1px)
}

.cli-sub-tab-header a:after,
.cli-tab-header a:after {
    width: 2px;
    height: 10px;
    left: 4px;
    top: calc(50% - 5px);
    -webkit-transform: none;
    transform: none
}

.cli-sub-tab-header a:before,
.cli-tab-header a:before {
    width: 7px;
    height: 7px;
    border-right: 1px solid #4a6e78;
    border-bottom: 1px solid #4a6e78;
    content: " ";
    transform: rotate(-45deg);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-right: 10px
}

.cli-sub-tab-header a.cli-nav-link,
.cli-tab-header a.cli-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    text-decoration: none
}

.cli-sub-tab-header.cli-tab-active .cli-nav-link:before,
.cli-tab-header.cli-tab-active .cli-nav-link:before {
    transform: rotate(45deg);
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cli-sub-tab-header,
.cli-tab-header {
    border-radius: 5px;
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color .2s ease-out .3s, color .2s ease-out 0s;
    background-color: #f2f2f2
}

.cli-modal .cli-modal-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    padding: 10px;
    background: 0 0;
    border: none
}

.cli-tab-container h4 {
    font-family: inherit;
    font-size: 16px;
    margin-bottom: 15px;
    margin: 10px 0
}

.cli-privacy-content-text,
.cli-tab-container p {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 0;
    padding: 0;
    color: #000
}

.cli-sub-tab-content,
.cli-tab-content {
    display: none
}

.cli-tab-section .cli-tab-content {
    padding: 10px 20px 5px
}

.cli-tab-section {
    margin-top: 5px
}

@media (min-width:992px) {
    .cli-modal .cli-modal-dialog {
        max-width: 700px
    }
}

.cli-switch .cli-slider:after {
    content: attr(data-cli-disable);
    position: absolute;
    right: 50px;
    font-size: 12px;
    text-align: right;
    min-width: 120px
}

.cli-switch input:checked+.cli-slider:after {
    content: attr(data-cli-enable)
}

a.cli-privacy-readmore {
    font-size: 12px;
    margin-top: 12px;
    display: inline-block;
    cursor: pointer;
    text-decoration: underline
}

.cli-privacy-overview {
    padding-bottom: 12px
}

a.cli-privacy-readmore:before {
    content: attr(data-readmore-text)
}

.cli-collapsed a.cli-privacy-readmore:before {
    content: attr(data-readless-text)
}

.cli-collapsed .cli-privacy-content {
    transition: max-height .25s ease-in
}

.cli-privacy-content p {
    margin-bottom: 0
}

.cli-modal-close svg {
    fill: #000
}

span.cli-necessary-caption {
    color: #000;
    font-size: 12px
}

.cli-tab-container .cli-row {
    max-height: 500px;
    overflow-y: auto
}

.cli-modal.cli-blowup.cli-out {
    z-index: -1
}

.cli-modal.cli-blowup {
    z-index: 999999;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cli-modal.cli-blowup .cli-modal-dialog {
    animation: .5s cubic-bezier(.165, .84, .44, 1) forwards blowUpModal
}

.cli-modal.cli-blowup.cli-out .cli-modal-dialog {
    animation: .5s cubic-bezier(.165, .84, .44, 1) forwards blowUpModalTwo
}

@keyframes blowUpModal {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes blowUpModalTwo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.cli-bar-container {
    float: none;
    margin: 0 auto;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width:985px) {
    .cli-bar-container {
        justify-content: center
    }
}

.wt-cli-category-widget-active .cli-necessary-caption,
.wt-cli-category-widget-active .cli-switch,
.wt-cli-category-widget-active .wt-cli-necessary-checkbox {
    display: none !important
}

.wt-cli-sr-only {
    display: none
}

.wt-cli-privacy-accept-btn {
    margin-left: 10px
}

.cli-plugin-button:focus {
    outline: 0;
    opacity: .7
}

.wt-cli-privacy-overview-actions {
    padding-bottom: 0
}

.cli-modal-content,
.cli-tab-content {
    background-color: #fff
}

.cli-modal .cli-modal-dialog,
.cli-privacy-content-text,
.cli-tab-container p,
a.cli-privacy-readmore {
    color: #000
}

.cli-tab-header {
    background-color: #f2f2f2
}

.cli-switch .cli-slider:after,
.cli-tab-header,
.cli-tab-header a.cli-nav-link,
span.cli-necessary-caption {
    color: #000
}

.cli-switch .cli-slider:before {
    background-color: #fff
}

.cli-switch input:checked+.cli-slider:before {
    background-color: #fff
}

.cli-switch .cli-slider {
    background-color: #e3e1e8
}

.cli-switch input:checked+.cli-slider {
    background-color: #28a745
}

.cli-modal-close svg {
    fill: #000000
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #00acad;
    color: #fff
}

.cli-tab-header a:before {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

#slider .gallery.slide.right {
    background-image: url('../images/santorini-suites-astra.webp');
    height: 100vh
}

@media screen and (max-width:600px) {
    #slider .gallery.slide.right {
        background-image: url('../images/santorini-suites-astra-s.webp');
    }
}

#mc-embedded-subscribe-form input[type=checkbox] {
    display: inline;
    width: auto;
    margin-right: 8px;
    position: relative;
    top: 2px
}

#mergeRow-gdpr {
    margin-top: 20px
}

#mergeRow-gdpr fieldset label {
    font-weight: 400
}

#mc-embedded-subscribe-form .mc_fieldset {
    border: none;
    min-height: 0;
    padding-bottom: 0
}

.ngg-gallery-thumbnail-box {
    float: left;
    max-width: 100% !important
}

button,
html,
input,
option,
select,
textarea {
    font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif
}

html[lang=el] {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.clearfloat,
.maximum {
    clear: both
}

a:active,
a:focus,
a:hover,
button,
input:focus {
    outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.uppercase {
    text-transform: uppercase
}

.left,
.row {
    float: left
}

#logo,
.block-btn,
a#webolution {
    text-indent: -9999px;
    overflow: hidden
}

.align-center,
.nav-overlay {
    text-align: center
}

body,
sub,
sup {
    line-height: 1
}

html {
    font-size: 14px;
    color: #767068;
    font-weight: 400;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden !important
}

body,
html {
    height: 100%
}

body {
    min-width: 320px
}

a,
abbr,
address,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
input,
ins,
label,
legend,
li,
object,
ol,
p,
pre,
q,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0
}

.wow {
    visibility: hidden
}

ol,
ul {
    list-style: none
}

p {
    margin-bottom: 1.5em
}

button,
input.button {
    cursor: pointer;
    outline: 0;
    border: none
}

button,
input,
option,
select,
textarea {
    color: #767068;
    border-radius: 0
}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none
}

::selection {
    background: #767068;
    color: #fff
}

::-moz-selection {
    background: #767068;
    color: #fff
}

img::selection {
    background: 0 0
}

img::-moz-selection {
    background: 0 0
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    color: #767068
}

a:hover {
    color: #767068
}

img {
    max-width: 100%;
    height: auto
}

#wrapper,
.row {
    width: 100%
}

#wrapper {
    margin: 0 auto;
    max-width: 2560px;
    overflow: hidden
}

.maximum {
    margin: 0 auto;
    float: none;
    max-width: 100%
}

.absolute,
.center-both,
.center-x,
.center-y {
    position: absolute
}

.border-box,
.btn,
.maximum,
.minimum,
footer .column {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box
}

.center-x {
    left: 50.1%;
    transform: translate3d(-50.1%, 0, 0);
    -moz-transform: translate3d(-50.1%, 0, 0);
    -webkit-transform: translate3d(-50.1%, 0, 0);
    -o-transform: translate3d(-50.1%, 0, 0)
}

.center-y {
    top: 50.1%;
    transform: translate3d(0, -50.1%, 0);
    -moz-transform: translate3d(0, -50.1%, 0);
    -webkit-transform: translate3d(0, -50.1%, 0);
    -o-transform: translate3d(0, -50.1%, 0)
}

.center-both {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.half {
    width: 50%;
    float: left
}

.right {
    float: right
}

.relative {
    position: relative
}

#logo,
ul#qtranslate-chooser {
    position: relative;
    z-index: 10
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.medium,
.minimum {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    float: none
}

.medium {
    max-width: 2400px
}

.btm-40,
.form>.row.btm-40 {
    margin-bottom: 40px
}

.padded-80 {
    padding: 80px
}

.grey {
    background-color: #f0f0f0
}

h1,
h2,
h3 {
    font-weight: 400
}

#accommodation h2,
h1 {
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 1.2
}

#accommodation h2:lang(el),
h1:lang(el),
h2:lang(el) {
    letter-spacing: 1.6px;
    font-weight: 300
}

h1 strong,
h2 strong {
    font-weight: 400
}

h2 {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.3
}

header {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0
}

header .maximum {
    max-width: 2560px
}

header.scroll {
    background: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .08)
}

header.scroll #logo {
    width: 60px;
    height: 78px;
    margin-top: 0
}

header.scroll a.book-now {
    height: 80px;
    line-height: 80px;
    color: #767068
}

header.scroll ul#qtranslate-chooser li a {
    color: #fff
}

header.scroll ul#qtranslate-chooser li a:hover,
header.scroll ul#qtranslate-chooser li.active a {
    color: #767068
}

header.scroll ul#qtranslate-chooser {
    margin-top: 23px
}

.logo-area {
    width: 16.667%;
    text-align: center
}

#logo {
    display: inline-block;
    width: 99px;
    height: 110px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    text-indent: -9999px;
    text-align: left;
    margin: 17px 5px 0 0
}

#logo:hover {
    opacity: .8
}

ul#qtranslate-chooser {
    box-sizing: border-box;
    float: right;
    height: 36px;
    margin: 17px 15px 0 0;
    overflow: hidden;
    padding-top: 36px;
    text-align: center;
    width: 40px;
    font-weight: 700
}

ul#qtranslate-chooser:hover {
    overflow: visible
}

ul#qtranslate-chooser:hover li a {
    opacity: 1
}

ul#qtranslate-chooser li a {
    border-top: none;
    box-sizing: border-box;
    display: block;
    height: 36px;
    opacity: 0;
    line-height: 36px;
    width: 40px;
    text-align: center;
    color: #fff;
    background: #767068;
    border-bottom: 1px solid #fff;
    font-size: .857em;
    font-weight: 700
}

ul#qtranslate-chooser li.active a {
    border: none
}

ul#qtranslate-chooser li a:hover,
ul#qtranslate-chooser li.active a:hover {
    background: rgba(255, 255, 255, .7);
    color: #635e58
}

ul#qtranslate-chooser li.active a {
    display: block;
    opacity: 1;
    left: 0;
    color: #fff;
    background: 0 0;
    position: absolute;
    top: 0;
    height: 36px
}

header a.book-now {
    line-height: 140px;
    height: 140px;
    width: 160px;
    float: right;
    font-weight: 800;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center
}

header a.book-now:hover {
    background: #777068
}

header.scroll a.book-now:hover {
    color: #fff
}

header.scroll #nav:after {
    display: none
}

header.scroll #nav:before,
header.scroll .book-now:before {
    background: #777068;
    top: 0;
    height: 80px
}

.nav-overlay {
    display: none
}

@media only screen and (min-width:1271px) {
    a#menu-btn {
        display: none
    }

    #nav {
        position: absolute;
        left: 16.667%;
        height: 70px;
        right: 160px
    }

    #nav:after,
    #nav:before,
    .book-now:after,
    .book-now:before {
        height: 1px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        background: #fff;
        opacity: .5
    }

    #nav:before,
    .book-now:before {
        width: 1px;
        height: 140px;
        top: 0;
        bottom: auto
    }

    #nav ul.main-menu {
        position: absolute;
        display: flex;
        justify-content: space-between;
        max-width: 990px;
        width: 88%;
        margin-left: -1%
    }

    #nav ul.main-menu li,
    #nav ul.main-menu li.current-menu-item {
        position: relative
    }

    #nav ul.main-menu li {
        display: inline-block
    }

    #nav ul.main-menu li a {
        line-height: 70px;
        height: 70px;
        display: block;
        font-weight: 500;
        font-size: .857em;
        color: #fff
    }

    #nav ul.main-menu li.offers a {
        background: #767068;
        padding: 0 12px;
        height: 32px !important;
        line-height: 32px !important;
        margin-top: 19px;
        color: #fff !important
    }

    header.scroll #nav ul.main-menu li.offers a {
        margin-top: 24px
    }

    header.scroll #nav ul.main-menu>li>a {
        color: #767068;
        line-height: 80px;
        height: 80px
    }

    #nav ul.main-menu>li.current-menu-item>a {
        color: #635e58
    }

    #nav ul.main-menu li a:after {
        width: 0;
        transition: all .3s ease 0s;
        -moz-transition: .3s;
        -webkit-transition: .3s;
        -o-transition: .3s;
        content: "";
        position: absolute;
        bottom: -2px;
        height: 5px;
        background: #fff;
        opacity: .5;
        left: 0
    }

    header.scroll #nav ul.main-menu>li>a:after {
        background: #767068
    }

    #nav ul.main-menu li a:hover:after {
        width: 100%
    }

    #nav li:hover a {
        color: #635e58
    }

    #nav ul.main-menu .sub-menu li a:hover,
    #nav ul.main-menu .sub-menu li.current-menu-item a {
        background: rgba(255, 255, 255, .2)
    }

    #nav ul.main-menu .sub-menu li.current-menu-item a {
        font-weight: 700
    }

    #nav ul.main-menu ul.sub-menu {
        display: none;
        min-width: 100%;
        text-align: left;
        position: absolute;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        left: 0;
        top: 100%;
        background: #635e58;
        z-index: 1000
    }

    #nav ul.main-menu .sub-menu li {
        display: block;
        margin-right: 0;
        float: left;
        width: 100%
    }

    #nav ul.main-menu .sub-menu li.hide,
    #nav ul.main-menu li.hide {
        display: none
    }

    #nav ul.main-menu .sub-menu li a {
        display: block;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        white-space: nowrap;
        padding: 12px 15px;
        height: auto;
        line-height: normal
    }

    #nav ul.main-menu>li.menu-item-has-children:hover>a {
        position: relative
    }

    #nav ul.main-menu li.menu-item-has-children:hover ul.sub-menu {
        display: block
    }

    ul.sub-menu li a:after {
        display: none !important
    }
}

.button {
    display: none
}

.button-link a,
a.btn {
    font-weight: 600;
    border: 2px solid;
    line-height: 46px;
    height: 50px;
    text-align: center;
    width: 200px;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0 auto;
    display: table;
    transition: all .4s
}

.button-link a:lang(el),
a.btn:lang(el) {
    font-weight: 700
}

.button-link a {
    line-height: 50px;
    background-color: #fff
}

.button-link a:hover,
a.btn:hover {
    background: #767068;
    color: #fff
}

#slider-container {
    float: none;
    clear: both
}

#slider-container .texts,
.hero-container .texts {
    z-index: 10;
    max-width: 280px;
    left: 16.667%;
    margin-left: -140px;
    font-weight: 300;
    font-size: 18px;
    top: 50%;
    margin-top: -100px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

@media screen and (min-width:580px) and (max-height:770px) {

    #slider-container .texts,
    .hero-container .texts {
        margin-top: -80px
    }
}

#slider-container .texts:after,
#slider-container .texts:before,
.hero-container .texts:after,
.hero-container .texts:before {
    position: absolute;
    left: 50%;
    top: -75px;
    content: "";
    background: #777068;
    height: 60px;
    z-index: 10;
    width: 1px;
    opacity: .5
}

#slider-container .texts:after,
.hero-container .texts:after {
    bottom: -75px;
    top: auto;
    background: #fff
}

#slider-container .texts span,
.hero-container .texts span {
    letter-spacing: 7px;
    display: block;
    margin-bottom: 15px;
    line-height: 1.2
}

#slider-container .texts p,
.hero-container .texts p {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 0
}

#slider-container .texts p strong,
.hero-container .texts p strong {
    font-weight: 500
}

#slider,
#slider .slide,
#slider-container {
    min-height: 540px;
    position: relative
}

#slider,
#slider .slide {
    float: left;
    width: 100%
}

#slider:after,
.hero-container:after {
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/top-gradient.webp') center center no-repeat;
    background-size: 100% 198px;
    content: "";
    height: 198px;
    width: 100%;
    mix-blend-mode: multiply;
    z-index: 0
}

#slider:before {
    position: absolute;
    left: 16.6667%;
    bottom: 0;
    background: #e0d8ce;
    content: "";
    height: 70px;
    width: 1px;
    z-index: 1
}

.slide {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-position: center center;
    background-size: cover
}

.slide.right {
    background-position: right center
}

.numbered-slider .custom_paging {
    color: #fff;
    font-size: 30px;
    z-index: 10;
    letter-spacing: 1.5px;
    right: 225px;
    position: absolute;
    margin-bottom: 0 !important;
    font-family: Arapey, serif
}

.numbered-slider .custom_paging li {
    display: none;
    margin-bottom: 0 !important
}

.numbered-slider .custom_paging li.slick-active {
    display: block
}

.numbered-slider .custom_paging span {
    font-size: 41px
}

.mini-slider .custom_paging span {
    font-size: 35px
}

.mini-slider .custom_paging {
    font-size: 25px
}

.custom_paging [aria-hidden=true] {
    display: none
}

.numbered-slider .slick-arrow {
    right: 160px;
    top: 50%;
    width: 30px;
    height: 60px;
    background: url('../images/arrow-grey.svg') center center no-repeat;
    text-indent: -9999px;
    position: absolute;
    z-index: 10;
    margin-top: -45px;
    background-size: 100% auto;
    opacity: .8
}

.numbered-slider .slick-arrow:hover {
    opacity: 1;
    right: 158px
}

.numbered-slider .slick-arrow.slick-prev {
    margin-top: -5px;
    background: url('../images/arrow-beige.svg') center center no-repeat;
    background-size: 100% auto;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#home-intro,
#intro {
    padding-top: 70px
}

span.number {
    font-size: 11px;
    top: 70px;
    left: 3px;
    line-height: 74px;
    text-align: left;
    text-transform: lowercase
}

span.number.right {
    left: auto;
    right: 3px;
    text-align: right
}

span.number strong {
    font-family: Arapey, serif;
    display: block;
    font-size: 174px;
    position: relative;
    left: -42px;
    font-weight: 400;
    letter-spacing: -10px
}

span.number.right strong {
    left: 30px
}

#home-intro h1 {
    max-width: 530px;
    padding-left: 40px;
    margin-left: 16.6667%;
    margin-bottom: 98px;
    position: relative;
    min-height: 108px
}

#home-intro.home h1 {
    max-width: 485px
}

#home-intro.home h1:lang(el) {
    max-width: 535px
}

#home-intro h2 {
    font-size: 20px
}

#accommodation:after,
#contact-form:after,
#home-intro:after,
#home-intro:before,
#intro:after,
#intro:before {
    position: absolute;
    top: 70px;
    left: 16.667%;
    height: 170px;
    content: "";
    background: #767068;
    width: 1px
}

#home-intro:before,
#intro:before {
    background: #ada9a3;
    top: 0;
    height: 70px
}

.leaf-shadow {
    display: block;
    width: 281px;
    height: 418px;
    position: absolute;
    right: 0;
    top: 120px;
    background: url('../images/small-leaves-bg.png') center center no-repeat
}

.leaf-shadow:before {
    background: #767068;
    height: 1px;
    width: 240px;
    position: absolute;
    top: -10px;
    right: 0;
    content: ""
}

#home-intro .mini-slider {
    width: 100%;
    height: 525px;
    position: relative;
    margin-top: -50px;
    float: left
}

#home-intro .mini-slider .slide,
.restaurant-slider .slide {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 525px
}

.mini-slider.numbered-slider .custom_paging {
    top: auto;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    right: 70px;
    bottom: 35px;
    line-height: 1
}

.mini-slider.numbered-slider.numbered-slider .slick-arrow.slick-next {
    bottom: 20px
}

.mini-slider.numbered-slider.numbered-slider .slick-arrow {
    right: 25px;
    bottom: 60px;
    top: auto
}

.mini-slider span.icon {
    left: 24px;
    bottom: 12px;
    display: block;
    background: url('../images/icon.webp') center center no-repeat;
    width: 36px;
    height: 42px;
    z-index: 10;
    mix-blend-mode: multiply
}

#home-intro .left {
    margin-left: 40px;
    width: 43.75%
}

#home-intro .left .texts {
    padding: 0 25px 20px;
    margin: 0 auto;
    background: #fff;
    z-index: 10;
    position: relative;
    width: calc(100% - 80px)
}

.main-style {
    font-size: .929em;
    letter-spacing: 1.35px;
    line-height: 1.5;
    text-align: justify
}

.main-style strong {
    font-weight: 600
}

.main-style h2 strong {
    font-weight: 400
}

#home-intro .right {
    width: 40%;
    margin-right: 5.078125%
}

.pb-0 {
    padding-bottom: 0 !important
}

#home-intro .right a.btn {
    display: table;
    margin: 0 auto
}

#home-intro .right>p:first-child:first-letter,
.left.cat-top p:first-child:first-letter,
.main-style blockquote p:first-child:first-letter {
    float: left;
    line-height: 50px;
    font-weight: 700;
    font-family: Arapey, serif;
    font-size: 68px;
    padding-right: 10px;
    margin-top: 2px
}

#home-intro h2 {
    text-align: left;
    max-width: 430px;
    letter-spacing: 0;
    text-transform: uppercase
}

#home-intro .right h2 {
    margin-top: 25px;
    display: block;
    float: left;
    width: 100%
}

#home-intro .right h2+.button-link.row {
    margin-top: 40px
}

.awards.slider {
    padding: 50px;
    position: relative
}

.awards img {
    padding: 0 20px;
    box-sizing: border-box;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    overflow: hidden
}

.awards img:hover {
    filter: none;
    -webkit-filter: grayscale(0)
}

.awards.slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    width: 68px;
    right: -5px;
    background: 0 0;
    text-indent: -9999px
}

.awards.slider .slick-arrow:after,
.awards.slider .slick-arrow:before,
.flickity-prev-next-button.next:after,
.flickity-prev-next-button.next:before {
    content: "";
    height: 1px;
    width: 56px;
    background: #767068;
    position: absolute;
    right: 12px;
    top: 11px;
    box-sizing: border-box
}

.awards.slider .slick-arrow:before,
.flickity-prev-next-button.next:before {
    height: 24px;
    width: 24px;
    border: 1px solid #767068;
    background: #fff;
    right: 0;
    top: 0;
    box-sizing: border-box
}

.awards.slider .slick-arrow.slick-disabled {
    opacity: 0
}

.awards.slider .slick-arrow.slick-prev {
    left: -5px;
    right: auto;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.awards.slider .slick-arrow:hover:after,
.flickity-prev-next-button.next:hover:after {
    width: 42px
}

.awards.slider .slick-arrow:hover:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.room-data span.persons {
    background: url('../images/person.svg') left 7px no-repeat;
    background-size: 12px auto;
    padding-left: 15px;
}

.room-data span.room-size {
    padding-left: 20px;
    background: url('../images/size.svg') left 6px no-repeat;
    background-size: 14px auto
}

#accommodation h1.room-heading,
#accommodation h2,
#contact-form h2 {
    max-width: 770px;
    box-sizing: border-box;
    float: right;
    text-align: right;
    margin-top: 78px;
    padding-left: 0;
    padding-right: 40px;
    position: relative;
    margin-right: 16.667%;
    margin-bottom: 78px;
    padding-left: 40px
}

#accommodation {
    position: relative
}

#accommodation:after,
#contact-form:after {
    right: 16.667%;
    left: auto;
    top: 0;
    height: 264px
}

.carousel-cell {
    width: 50%;
    height: 740px;
    margin-right: 10px;
    counter-increment: carousel-cell
}

.rooms-slider>div {
    max-width: 1920px;
    height: 740px;
    margin: 0 auto;
    float: none
}

.rooms-slider .slide {
    height: 740px
}

.rooms-slider .slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(118, 112, 104, .4)
}

.rooms-slider .slide h3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 140px;
    line-height: 140px;
    text-align: center;
    width: 268px;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    transition: all .4s
}

.rooms-slider .slide h3:after {
    content: "";
    height: 60px;
    width: 1px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    background: #fff
}

.rooms-slider .slide p {
    color: #fff;
    font-weight: 300
}

.rooms-slider .slide span.btn {
    display: none
}

.carousel-cell.is-selected h3 {
    color: #4c4439;
    border-color: #b8b4a9
}

.carousel-cell.is-selected h3:after {
    background: #bcb8b3
}

.carousel-cell.is-selected {
    width: calc(50% - 8.854%)
}

.carousel-cell.is-selected a {
    background: rgba(118, 112, 104, 0)
}

.carousel-cell.is-selected p {
    color: #4c4439
}

@media(hover:hover) and (pointer:fine) {
    .flickity-prev-next-button.next:hover:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    .carousel:not(.in-progress) .carousel-cell.is-selected a:hover h3 {
        background: #767068 !important;
        color: #fff
    }

    .carousel:not(.in-progress) .carousel-cell.is-selected a:hover span.btn {
        background: #767068 !important;
        color: #fff
    }
}

@media(hover:none) {
    .flickity-prev-next-button.next:active:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg)
    }

    .carousel:not(.in-progress) .carousel-cell.is-selected a:active h3 {
        background: #767068 !important;
        color: #fff
    }

    .carousel:not(.in-progress) .carousel-cell.is-selected a:active span.btn {
        background: #767068 !important;
        color: #fff
    }
}

#related-rooms .type-container {
    overflow: hidden
}

.carousel-cell.is-selected p,
.carousel-cell.is-selected span.btn {
    display: block
}

.rooms-slider .slide p {
    max-width: 250px;
    text-align: left;
    position: absolute;
    right: 0;
    top: 32%;
    padding-right: 56px
}

.rooms-slider .slide span.btn {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 218px;
    text-align: center;
    line-height: 50px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    border: 1px solid #767068;
    color: #767068;
    background-color: rgba(255, 255, 255, .35);
    transition: all .4s
}

.rooms-slider .slide span.btn:before {
    content: "";
    height: 120px;
    width: 1px;
    background: #767068;
    position: absolute;
    top: -120px;
    left: 50%
}

#carousel.flickity-enabled .flickity-button {
    transition: all .3s ease 0s, opacity 0s;
    -moz-transition: .3s, opacity;
    -webkit-transition: .3s, opacity;
    -o-transition: .3s, opacity
}

.flickity-prev-next-button.previous {
    display: none !important
}

.flickity-prev-next-button.next {
    position: absolute;
    right: calc(25% - 10px);
    width: 8.854%;
    height: 100%;
    top: 0;
    background: #fff;
    border-left: 40px solid #eee;
    -webkit-box-shadow: -10px 0 0 0 #fff;
    box-shadow: -10px 0 0 0 #fff
}

.flickity-prev-next-button.next span {
    display: block;
    width: 100px;
    height: 20px;
    background: #fff;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: absolute;
    left: -59px;
    top: 50%;
    margin-top: -10px;
    line-height: 25px;
    font-size: 10px
}

.flickity-prev-next-button.next:after,
.flickity-prev-next-button.next:before {
    top: 50%;
    right: 64px
}

@media(hover:hover) and (pointer:fine) {
    .flickity-prev-next-button.next:hover {
        border-color: #767068
    }
}

@media(hover:none) {
    .flickity-prev-next-button.next:active {
        border-color: #767068
    }
}

.flickity-prev-next-button.next:before {
    margin-top: -12px;
    right: 52px
}

.rooms-slider .slide.is-next h3 {
    left: 0;
    right: auto;
    color: #fff;
    border-left: none;
    border-right: 1px solid #fff
}

.rooms-slider .slide.is-next p {
    left: 0;
    right: auto;
    padding-left: 40px;
    padding-right: 0
}

.flickity-prev-next-button.next svg {
    display: none
}

#booking-cal {
    padding: 154px 8.333% 124px
}

.booking h2 {
    margin-bottom: 20px;
    text-align: center;
}

#booking-cal .column {
    width: 24.14%;
    margin-bottom: 100px;
    border-bottom: 1px solid #adadad
}

#booking-cal .column.mini {
    width: 11%
}

#booking-cal .column span.label {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 2px;
    color: #000;
    display: block;
    margin-bottom: 5px
}

#booking-cal .column input,
#booking-cal .column span.input{
    font-size: 30px;
    color: #222;
    padding: 4px 0;
    letter-spacing: 3px;
    font-family: Arapey, serif;
    line-height: 46px;
    height: 46px;
    position: relative;
    width: 100%;
    display: block;
    border: none;
    background: 0 0
}

#booking-cal .column span.input:after,
#booking-cal .column span.input:before {
    background: #000;
    content: "";
    position: absolute;
    right: 18px;
    top: 14px;
    height: 58px;
    width: 1px
}

#booking-cal .column span.input:before{
    height: 7px;
    width: 7px;
    background: 0 0;
    display: block;
    border: 1px solid #000;
    right: 15px;
    bottom: -19px;
    top: auto;
    box-sizing: border-box;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none
}

#booking-cal .column span.input:hover:before {
    bottom: -30px
}

#booking-cal .column span.input:hover:after{
    top: 20px
}

#booking-cal a.btn {
    text-transform: none
}

#booking-cal .column.dates span.input:after,
#booking-cal .column.dates span.input:before {
    display: none
}

#booking-cal .column.dates input,
#booking-cal .column.dates span.input {
    background: url('../images/calendar.webp') right 5px center no-repeat
}

@media all and (max-width:850px) {
    #booking-cal .calendar-hide {
        display: none
    }
}

#restaurant .minimum {
    max-width: 1630px;
    float: right;
    /* padding-top: 240px; */
    width: 81.25%
}

#pool-bar:after,
#pool-bar:before {
    content: "";
    background: #767068;
    height: 240px;
    width: 1px;
    left: 8.3332%;
    position: absolute
}

#pool-bar {
    width: 100%;
    overflow: hidden
}

#restaurant h2 {
    position: absolute;
    left: -45px;
    top: 36px;
    text-align: left;
    z-index: 10
}

#restaurant .restaurant-slider {
    width: 100%;
    position: relative
}

.restaurant-slider.numbered-slider .custom_paging {
    right: 150px;
    bottom: 60px;
    top: auto
}

.restaurant-slider.numbered-slider.numbered-slider .slick-arrow {
    right: 100px;
    bottom: 46px;
    top: auto
}

.restaurant-slider.numbered-slider.numbered-slider .slick-arrow.slick-prev {
    bottom: 86px
}

.restaurant-slider .slide {
    width: 100%;
    height: 690px
}

#restaurant .right {
    width: calc(100% - 640px)
}

#restaurant .menu-box {
    padding: 218px 6% 60px;
    position: relative;
    text-align: center;
    top: -160px;
    min-height: 850px;
    width: 640px;
    background: url('../images/paper.webp');
    background-size: cover;
    border-right: 1px solid #fff
}

#restaurant .menu-box img+p {
    margin-bottom: 23px
}

#restaurant .menu-box .center {
    margin: 0 auto
}

#restaurant .menu-box a.btn {
    margin-top: 32px
}

#restaurant .menu-box:before {
    position: absolute;
    left: -70px;
    bottom: -56px;
    z-index: -1;
    content: "";
    background: url('../images/shadow.webp') right bottom no-repeat;
    width: 300px;
    height: 610px
}

#restaurant .menu-box:after {
    height: 1px;
    width: 100%;
    position: absolute;
    right: 0;
    top: 159px;
    content: "";
    background: #fff
}

#restaurant .menu-box p strong {
    text-transform: uppercase;
    font-weight: 700
}

#restaurant .menu-box .center p strong,
.paperbox .texts .center p strong {
    position: relative;
    margin-bottom: 5px;
    display: block
}

#restaurant .menu-box .center p strong:after,
.paperbox .texts .center p strong:after {
    position: absolute;
    bottom: -3px;
    background: #767068;
    content: "";
    width: 20px;
    height: 2px;
    left: 50%;
    margin-left: -12px
}

#pool-bar .container {
    margin-top: 110px;
    height: 740px
}

.flex-center-v {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#pool-bar .maximum {
    max-width: 2150px;
    width: 83.3336%
}

#pool-bar h2 {
    margin-top: 100px
}

#pool-bar:after {
    width: 240px;
    height: 1px;
    left: 0;
    top: 116px
}

#pool-bar:before {
    left: auto;
    right: 8.3332%
}

#pool-bar .leaf {
    position: absolute;
    right: 0;
    top: 155px;
    background: url('../images/green-leaf.webp');
    width: 134px;
    height: 420px;
    display: block;
    z-index: 0
}

#pool-bar .leaves {
    position: absolute;
    left: 0;
    top: 0;
    background: url('../images/leaves.webp');
    width: 320px;
    height: 740px;
    z-index: 0;
    display: block
}

#pool-bar a.btn {
    top: 620px;
    left: 49%;
    z-index: 10
}

#pool-bar h3 {
    font-family: Arapey, serif;
    font-size: 38px;
    margin-bottom: 38px;
    line-height: 1.2
}

#pool-bar .left.main-style {
    text-align: left
}

#pool-bar .right.main-style {
    text-align: right
}

#pool-bar .left {
    width: 54.461%
}

#pool-bar .left .texts {
    width: 32.204%;
    float: right;
    padding-left: 10px
}

#pool-bar .texts {
    min-height: 490px;
    padding-top: 70px;
    padding-bottom: 70px
}

#pool-bar .left .texts h3 {
    white-space: nowrap;
    position: relative;
    right: 103px
}

#pool-bar .left .img-container {
    width: 67.796%;
    float: left;
    background: url('../images/550-570.webp') center center no-repeat;
    background-size: cover;
    height: 620px;
    border: 25px solid #fff
}

#pool-bar .left .img-container.mini-slider {
    background: #fff
}

#pool-bar .right {
    width: 45.539%
}

#pool-bar .right .img-container {
    width: 63.888%;
    top: 20px;
    float: right;
    background: url('../images/460-700.webp') center center no-repeat;
    background-size: cover;
    height: 700px;
    position: relative
}

#pool-bar .right .img-container:before {
    width: 100%;
    height: 100%;
    content: "";
    box-sizing: border-box;
    position: absolute;
    border: 10px solid #f3f0e9;
    mix-blend-mode: soft-light;
    left: 0;
    top: 0
}

#pool-bar .right .texts {
    width: 40.2777%;
    background: #fff;
    padding-right: 35px;
    position: relative;
    left: 30px;
    z-index: 1;
    padding-left: 32px
}

.weddings-box {
    margin-top: 80px;
    margin-bottom: 120px
}

#weddings h2 {
    font-size: 30px
}

.weddings-box .maximum {
    max-width: 2100px
}

.weddings-box .left {
    position: absolute;
    left: 8.3332%;
    top: 80px;
    z-index: 10;
    width: 53.3333333333%;
    height: 700px
}

.weddings-box .left img {
    object-fit: cover;
    height: 100%;
    object-position: right;
    display: block
}

.weddings-box a:hover img {
    filter: grayscale;
    -webkit-filter: grayscale(70%)
}

.weddings-box .right {
    width: 61.75%;
    background: url('../images/paper-bg-leaves.webp') right top no-repeat;
    background-size: cover;
    max-width: 1205px;
    height: 700px
}

.bfr-loaded .weddings-box .right {
    background: 0 0
}

.weddings-box .texts {
    max-width: 410px;
    text-align: left;
    margin-left: 24%
}

.weddings-box .texts p {
    max-width: 360px
}

.weddings-box .texts h2 {
    margin-bottom: 40px
}

.weddings-box .texts h2 strong {
    font-weight: 400
}

.weddings-box .texts h2 strong:lang(el) {
    font-weight: 500
}

.weddings-box .texts a.btn {
    margin-top: 40px
}

#pool-bar+.row.social {
    margin-top: -40px
}

.row.social {
    text-align: right;
    margin-bottom: 40px
}

.row.social .maximum {
    width: 67%
}

.row.social .maximum h3 {
    max-width: 190px;
    font-size: 24px;
    font-weight: 300
}

.row.social .maximum h3:lang(fr-FR) {
    max-width: 240px
}

.row.social .maximum h3 strong {
    font-weight: 400
}

header #promo-top {
    padding: 6px 5px;
    background: #767068;
    color: #fff;
    text-align: center;
    line-height: 1.1;
    box-sizing: border-box;
    opacity: 0;
    display: none
}

header.scroll #promo-top {
    opacity: 1;
    display: block
}

header.scroll #promo-top.hide {
    display: none;
    opacity: 0;
    height: 0;
    padding: 0;
    margin-bottom: -50px
}

header #promo-top a.promo-name {
    color: #fff;
    font-size: 13px;
    padding: 6px 0 6px 22px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: .5px
}

header #promo-top a.promo-name:hover {
    opacity: .7
}

header #promo-top a.button-link {
    display: inline-block;
    background: #fff;
    padding: 7px 9px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    margin-left: 10px;
    color: #767068;
    position: relative;
    top: 0
}

header #promo-top a.button-link:hover {
    background: #888;
    color: #fff;
    text-decoration: none
}

footer.mega-footer {
    overflow: hidden
}

footer.mega-footer .maximum {
    max-width: 2150px;
    width: 83.3336%;
    background: #f3f0e9;
    padding: 65px 10%
}

footer.mega-footer .maximum:after {
    background: #767068;
    height: 1px;
    width: 280px;
    position: absolute;
    top: 50%;
    right: -220px;
    content: ""
}

footer.mega-footer:before {
    content: "";
    background: #767068;
    height: 240px;
    width: 1px;
    left: 8.3332%;
    top: 50%;
    margin-top: -120px;
    position: absolute;
    z-index: 100
}

footer.mega-footer span.number {
    top: 50%;
    margin-top: -45px
}

footer.mega-footer .maximum:before {
    position: absolute;
    content: "";
    top: -40px;
    left: -40px;
    right: -40px;
    bottom: -40px;
    background: url('../images/map-overlay.png') center center no-repeat;
    background-size: cover
}

footer.mega-footer .logo {
    mix-blend-mode: multiply;
    margin-bottom: 55px
}

footer.mega-footer .column {
    width: 31%;
    max-width: 360px;
    text-align: left;
    position: relative
}

footer.mega-footer .column .left,
footer.mega-footer .column .right {
    width: 48%
}

footer.mega-footer .column.newsletter {
    margin-left: -7%
}

footer.mega-footer .column ul {
    margin-bottom: 30px
}

footer.mega-footer .column ul li {
    margin-bottom: 12px;
    font-size: 13px
}

.contact .main-style a:hover,
footer.mega-footer a:hover {
    opacity: .6
}

footer.mega-footer h4 {
    margin-bottom: 25px
}

footer.mega-footer .column span.title {
    display: block;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 2px;
    margin-bottom: 20px
}

p.h-adr {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 4px
}

p.h-card {
    line-height: 1.4;
    letter-spacing: 2px;
    font-size: 13px;
    font-weight: 500
}

footer #time,
footer #wp-forecastA {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 2.4px
}

footer #wp-forecastA {
    display: inline-block
}

footer #wp-forecastA .wp-forecast-curr-head,
footer #wp-forecastA .wp-forecast-curr-left,
footer #wp-forecastA .wp-forecast-fc {
    display: none
}

footer #wp-forecastA .wp-forecast-curr-right {
    padding-left: 28px
}

span#time {
    position: relative
}

span#time:before {
    content: '/';
    position: absolute;
    right: -20px
}

footer .newsletter .mc-field-group {
    position: relative
}

footer .newsletter .mc-field-group label {
    margin-right: 5px
}

footer .newsletter .indicates-required,
footer .newsletter .select-hide,
footer .newsletter label:not(.checkbox),
footer .newsletter select {
    display: none
}

#mc_embed_signup a:hover {
    opacity: .7
}

.content__gdpr {
    text-transform: initial;
    line-height: 1.3
}

.mc_fieldset {
    font-size: 12px;
    margin-bottom: 10px
}

footer .newsletter .content__gdpr>p:first-of-type {
    margin-top: 12px;
    font-size: 12px;
    margin-bottom: 5px
}

footer .newsletter .mc-field-group .select-selected,
footer .newsletter .mc-field-group input[type=email],
footer .newsletter .mc-field-group input[type=text] {
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    width: 100%;
    background: 0 0;
    padding: 0 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-bottom: 2px solid #767068;
    font-size: .857em;
    font-weight: 400;
    letter-spacing: 1.4px
}

footer .newsletter .mc-field-group .content__gdpr p:last-of-type,
footer .newsletter .mc-field-group .content__gdprLegal p {
    font-size: 10px;
    text-transform: initial;
    line-height: 1.2;
    margin-bottom: 5px
}

footer .newsletter #mc_embed_signup_scroll {
    padding-bottom: 65px
}

footer .newsletter #mc_embed_signup_scroll>div:not([class]) {
    display: none
}

footer .newsletter button[type=submit] {
    position: relative;
    width: 100%;
    display: block;
    line-height: 45px;
    height: 45px;
    background: #767068;
    color: #fff;
    text-transform: lowercase;
    top: 0;
    left: 0;
    font-weight: 400;
    letter-spacing: 1.4px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: 10px;
    text-indent: 0
}

.indicates-required {
    display: none
}

footer .newsletter button[type=submit]:hover {
    background: #59544d
}

.social-media li {
    display: inline-block;
    margin-right: 20px
}

.social-media li:last-child {
    margin: 0
}

ul.social-media li a {
    text-align: left;
    display: inline-block;
    width: 10px;
    height: 16px;
    background: url('../images/fb-icon.svg') center center no-repeat;
    background-size: auto 16px;
    text-indent: -9999px
}

ul.social-media li a:hover {
    opacity: .7
}

ul.social-media li.pinterest a {
    background: url('../images/pinterest-icon.svg') center center no-repeat;
    width: 14px;
    background-size: auto 16px
}

ul.social-media li.instagram a {
    background: url('../images/instagram-icon.svg') center center no-repeat;
    width: 16px;
    background-size: auto 16px
}

footer.mini {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 35px 15px 34px
}

#room .maximum,
footer.mini .maximum {
    max-width: 2150px;
    width: 83.3336%
}

footer.mini .right {
    position: relative;
    text-align: right;
    width: 275px
}

footer.mini .center-both {
    margin-top: 5px
}

footer.mini .center-both a {
    color: #433f3a;
    font-weight: 500
}

.cli-modal .cli-modal-dialog {
    font-size: 13px !important
}

.cli-modal-body * {
    font-size: 13px !important
}

.cli-tab-container h4 {
    font-size: 16px !important
}

.bg-disabled {
    background: 0 0 !important
}

@media screen and (min-width:2100px) {
    #restaurant .minimum {
        float: none;
        margin-left: 19%
    }
}

@media screen and (max-width:2000px) {
    #pool-bar a.btn {
        left: 48%
    }

    footer.mega-footer .maximum {
        padding: 65px 8.5%
    }

    footer.mega-footer .column.links,
    footer.mega-footer .column.newsletter {
        max-width: 350px
    }
}

@media screen and (max-width:1800px) {
    footer.mega-footer .maximum {
        padding: 65px 8%
    }

    footer.mega-footer .column.links {
        max-width: 350px
    }

    footer.mega-footer .column.newsletter {
        max-width: 310px
    }

    .weddings-box .texts {
        margin-left: 28%
    }

    .flickity-prev-next-button.next:after {
        width: 40px
    }
}

@media screen and (max-width:1720px) {
    #restaurant .right {
        width: calc(100% - 600px)
    }

    #restaurant .menu-box {
        padding: 230px 4% 70px;
        width: 600px
    }

    .weddings-box .texts {
        margin-left: 30%
    }

    #pool-bar .right .img-container {
        min-width: 400px
    }

    #pool-bar .right .texts {
        width: 60%;
        left: 80px;
        min-width: 250px
    }

    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 710px
    }
}

@media screen and (max-width:1680px) {
    .flickity-prev-next-button.next:after {
        right: 40px
    }

    .flickity-prev-next-button.next:before {
        right: 30px
    }

    ul#qtranslate-chooser {
        margin: 17px 10px 0 0
    }

    #pool-bar a.btn {
        left: 47%
    }
}

@media screen and (max-width:1580px) {
    .weddings-box .texts {
        margin-left: 34%
    }

    .weddings-box .left,
    .weddings-box .right {
        height: 590px
    }

    #restaurant .right {
        width: calc(100% - 560px)
    }

    #restaurant .menu-box {
        width: 560px
    }

    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 670px
    }

    footer.mega-footer .maximum {
        padding: 60px 6%
    }

    footer .newsletter #mc_embed_signup_scroll {
        padding-bottom: 55px
    }

    #nav ul.main-menu {
        max-width: 940px
    }
}

@media screen and (max-width:1480px) and (min-width:1001px) {
    footer.mega-footer .column.links>div {
        float: right;
        width: 200px
    }

    footer.mega-footer .column {
        width: 32%
    }

    footer.mega-footer .column.newsletter {
        margin-left: auto
    }
}

@media screen and (max-width:1480px) {
    .weddings-box .texts {
        margin-left: 36%
    }

    .weddings-box .left,
    .weddings-box .right {
        height: 550px
    }

    #restaurant .menu-box {
        padding: 189px 4% 40px;
        width: 560px;
        min-height: 780px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 620px
    }

    #booking-cal {
        padding: 110px 6.5% 80px
    }

    #booking-cal .column {
        margin-bottom: 75px
    }

    span.number.right strong {
        left: 35px
    }

    #pool-bar h3 {
        font-size: 35px;
        margin-bottom: 31px
    }

    #booking-cal .column input,
    #booking-cal .column span.input {
        font-size: 27px
    }

    #booking-cal .column {
        width: 26%
    }

    #booking-cal .column.mini {
        width: 8%
    }

    #nav ul.main-menu {
        width: 90%
    }
}

@media screen and (max-width:1380px) {
    .weddings-box .texts {
        margin-left: 39%
    }

    .weddings-box .left,
    .weddings-box .right {
        height: 520px
    }

    .flickity-prev-next-button.next:after {
        right: 35px
    }

    .flickity-prev-next-button.next:before {
        right: 25px
    }

    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 650px
    }

    #home-intro .minimum {
        max-width: 1380px
    }
}

@media screen and (max-width:1340px) {
    #restaurant .right {
        width: calc(100% - 510px)
    }

    #restaurant .menu-box {
        padding: 190px 3% 40px;
        width: 510px;
        min-height: 760px
    }

    #restaurant .menu-box img+p {
        margin-bottom: 15px
    }

    #restaurant .menu-box a.btn {
        margin-top: 24px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 638px
    }

    #pool-bar .right {
        margin-top: 0
    }

    #pool-bar:before,
    #restaurant:before {
        display: none
    }

    #pool-bar .left,
    #pool-bar .right {
        width: 100%
    }

    #pool-bar a.btn {
        position: static;
        margin-bottom: 80px
    }

    #pool-bar .texts {
        min-height: auto
    }

    #pool-bar .flex-center-v.maximum {
        display: block
    }

    #pool-bar .left.main-style {
        min-height: 740px
    }

    #pool-bar .container {
        height: auto;
        margin-top: 50px
    }

    #pool-bar .leaf {
        top: 10%
    }

    #pool-bar .right .img-container {
        top: 0
    }

    #pool-bar .left .texts {
        padding-right: 20px;
        width: 34%;
        padding-left: 5px
    }
}

@media screen and (max-width:1270px) {

    #nav ul.main-menu,
    ul#qtranslate-chooser {
        display: none
    }

    header a.book-now:hover,
    header.scroll a.book-now:hover {
        background: 0 0;
        color: #767068
    }

    header a.book-now {
        width: auto;
        padding: 0 20px
    }

    .logo-area {
        width: 100%
    }

    #logo {
        width: 82px;
        height: 100px;
        margin: 10px 0 0
    }

    header a.book-now {
        line-height: 74px;
        height: 74px
    }

    .nav-overlay {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        background: url('../images/paper-bg-leaves.webp') right top;
        background-size: cover;
        overflow: auto;
        z-index: 1000;
        padding: 11px 0 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box
    }

    .nav-overlay .logo {
        margin-top: 3px
    }

    .nav-overlay .language-chooser {
        margin-top: 1em;
        float: left;
        width: 100%;
        margin-bottom: 10px
    }

    .nav-overlay .language-chooser li {
        display: inline-block
    }

    .nav-overlay .language-chooser li a {
        padding: 5px;
        font-size: 16px;
        font-weight: 500
    }

    .nav-overlay .language-chooser li.active a {
        font-weight: 700
    }

    .nav-overlay .language-chooser li a:after {
        content: "."
    }

    .button.menu-btn {
        display: block;
        width: 40px;
        text-indent: -9999px;
        height: 25px;
        position: fixed;
        left: 28px;
        top: 26px;
        z-index: 10001
    }

    header.scroll+.active-popup.button.menu-btn.btn-close {
        top: 26px
    }

    header.scroll+.active-popup.button.menu-btn {
        top: 69px
    }

    .button.menu-btn a {
        cursor: pointer;
        display: block;
        width: 28px;
        height: 21px;
        background: url('../images/menu.svg') left center no-repeat;
        background-size: 100% auto
    }

    header.scroll+.button.menu-btn a {
        background-image: url('../images/menu-dark.svg')
    }

    .button.btn-close a {
        background: url('../images/close.svg') left center no-repeat !important;
        background-size: auto 102%
    }

    .block-btn {
        display: block;
        width: 25px;
        height: 20px;
        float: right;
        margin-right: 1.75em;
        margin-top: 15px;
        background: url('../images/phone-grey.svg') center center no-repeat;
        background-size: auto 100%
    }

    #menu-responsive-navigation {
        margin: 90px 0 20px;
        width: 100%;
        float: left;
        position: relative
    }

    #menu-responsive-navigation li {
        width: 100%;
        float: left;
        letter-spacing: .7px;
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }

    #menu-responsive-navigation a {
        text-transform: uppercase;
        padding: 15px 0;
        display: block;
        color: #767068;
        font-size: 17px;
        font-weight: 400;
        display: block;
        text-transform: uppercase
    }

    #menu-responsive-navigation .sub-menu a {
        font-size: 15px;
        opacity: .8;
        padding: 10px 0
    }

    #menu-responsive-navigation>li.current-menu-item>a {
        font-weight: 700
    }

    #menu-responsive-navigation .sub-menu {
        display: none
    }

    #booking-cal {
        padding: 110px 6.5% 80px
    }

    #booking-cal .column {
        margin-bottom: 75px
    }

    #slider-container .texts,
    .hero-container .texts {
        left: 50%;
        font-size: 16px;
        max-width: 250px;
        margin-left: -125px
    }

    #slider-container .texts p,
    .hero-container .texts p {
        color: #fff;
        font-weight: 300;
        font-size: 27px
    }

    #slider:before {
        position: absolute;
        left: 50%
    }

    .weddings-box {
        margin-bottom: -10px;
        margin-top: -10px
    }

    .weddings-box .left,
    .weddings-box .right {
        width: 91.6668%
    }

    .weddings-box .left {
        position: relative;
        margin-left: 8.3332%;
        top: 80px;
        left: 0
    }

    .alternate-rows .weddings-box:nth-child(2n) .right,
    .weddings-box .right {
        position: relative;
        top: -60px;
        float: left;
        z-index: 0
    }

    .alternate-rows .weddings-box:nth-child(2n) .texts,
    .weddings-box .texts {
        margin-left: 0;
        margin-top: 90px;
        margin-right: 0
    }

    .weddings-box .left img {
        width: 100%
    }

    .weddings-box .left,
    .weddings-box .right {
        height: 620px
    }

    .carousel-cell {
        width: 60%
    }

    .carousel-cell.is-selected {
        width: calc(60% - 8.854%)
    }

    .flickity-prev-next-button.next {
        right: calc(20% - 10px);
        border-width: 32px
    }

    #pool-bar:after {
        width: 170px
    }

    .rooms-slider .slide h3 {
        height: 120px;
        line-height: 120px;
        width: 210px;
        font-size: 15px
    }

    .rooms-slider .slide span.btn {
        right: 15px;
        bottom: 15px;
        font-weight: 600;
        width: 180px;
        letter-spacing: 1px
    }

    .rooms-slider .slide p {
        max-width: 205px;
        padding-right: 28px
    }

    .rooms-slider .slide.is-next p {
        padding-left: 24px
    }
}

@media screen and (max-width:1180px) {
    #restaurant .right {
        width: calc(100% - 460px)
    }

    #restaurant .menu-box {
        padding: 200px 2% 50px;
        width: 460px
    }

    .carousel-cell {
        width: 70%
    }

    .carousel-cell.is-selected {
        width: calc(70% - 8.854%)
    }

    .flickity-prev-next-button.next {
        right: calc(15% - 10px);
        border-width: 30px
    }

    #pool-bar:after {
        width: 140px
    }

    #pool-bar .right .img-container {
        height: 620px
    }
}

@media screen and (max-width:1100px) {
    #booking-cal .column {
        width: 30.333%;
        margin-bottom: 45px
    }

    #booking-cal .column.mini {
        width: 47%
    }

    #pool-bar:after {
        width: 125px
    }

    .booking .padded-80 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:1080px) {
    footer.mini .maximum .half {
        width: 100%;
        text-align: center;
        float: none
    }

    footer.mini .maximum .half.right {
        width: 275px;
        margin: 8px auto
    }

    footer.mini .center-both {
        position: static;
        width: 100%;
        margin: 8px auto;
        text-align: center;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    footer.mini .maximum>.left,
    footer.mini .maximum>.right {
        float: none
    }
}

@media screen and (max-width:1000px) {

    #home-intro .left,
    #home-intro .no-gallery.left,
    #home-intro .no-gallery.left .texts,
    #home-intro .right,
    #home-intro.post-row .left,
    #home-intro.post-row .no-gallery.left,
    #home-intro.post-row .right,
    footer.mega-footer .column {
        width: 100%
    }

    #home-intro .left,
    #home-intro .no-gallery.left {
        margin-left: 0;
        margin-top: -22px
    }

    #home-intro .no-gallery.left .texts,
    #home-intro .right {
        margin-right: 0;
        padding: 50px 60px 0;
        margin-left: 0
    }

    #home-intro .left .texts {
        padding: 0 45px 45px;
        width: calc(100% - 110px);
        margin-top: 19px
    }

    #home-intro .mini-slider,
    #home-intro .mini-slider .slide {
        height: 630px
    }

    #home-intro .right h2 {
        max-width: 100%
    }

    .leaf-shadow {
        width: 188px;
        height: 291px;
        top: 70px;
        background-position: right top;
        background-size: cover
    }

    .leaf-shadow:before {
        display: none
    }

    .weddings-box .left,
    .weddings-box .right {
        height: 580px
    }

    .weddings-box .texts {
        margin-top: 110px
    }

    #restaurant .menu-box,
    #restaurant .right {
        width: 100%
    }

    #restaurant .right {
        margin-top: -100px
    }

    #restaurant .minimum {
        width: 100%
    }

    #restaurant:before {
        display: none
    }

    #restaurant .menu-box {
        margin-left: 140px;
        width: calc(100% - 220px);
        padding: 200px 12% 50px
    }

    #restaurant h2 {
        left: 40px
    }

    #restaurant {
        margin-bottom: 0
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 680px
    }

    .booking h2 {
        left: 0;
        text-align: center
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        font-size: 28px
    }

    #accommodation:after {
        height: 255px
    }

    .carousel-cell {
        width: 100%
    }

    .carousel-cell.is-selected {
        width: calc(100% - 120px)
    }

    .flickity-prev-next-button.next {
        right: calc(0% - 10px);
        border-width: 30px;
        width: 120px
    }

    #pool-bar h2 {
        margin-top: 64px;
        width: calc(100% - 36%);
        padding: 0 18%;
        text-align: right
    }

    #pool-bar:after {
        width: 16%;
        top: 91px
    }

    #pool-bar span.number {
        top: 50px
    }

    #pool-bar .right .img-container {
        height: 580px
    }

    footer.mega-footer .column {
        max-width: 420px;
        margin: 0 auto
    }

    footer.mega-footer .column.newsletter {
        margin-left: auto
    }

    footer.mega-footer .column.info {
        text-align: center;
        margin-bottom: 2em
    }

    footer.mega-footer .column.newsletter h4 {
        text-align: center
    }

    footer.mega-footer .column.links,
    footer.mega-footer .column.newsletter {
        max-width: 370px
    }
}

@media screen and (max-width:880px) {

    .weddings-box .left,
    .weddings-box .right {
        height: 550px
    }

    .weddings-box .texts {
        margin-top: 105px;
        padding: 0 1em;
        box-sizing: border-box
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        font-size: 25px;
        max-width: 545px;
        margin-top: 60px;
        margin-bottom: 60px
    }

    #accommodation:after {
        height: 270px
    }

    .booking h2 {
        font-size: 21px
    }

    #booking-cal {
        padding: 80px 6.5% 60px
    }

    #restaurant .menu-box {
        padding: 200px 8% 50px
    }

    #pool-bar .right .texts {
        left: 60px;
        padding-left: 0;
        padding-right: 25px;
        width: 35%
    }

    #pool-bar h3 {
        font-size: 32px
    }

    #pool-bar .leaf {
        right: -20px
    }
}

@media screen and (max-width:840px) {
    #pool-bar span.number {
        top: 45px
    }

    #pool-bar .leaves {
        background-image: url('../images/leaves-landscape.webp');
        width: 100%;
        height: 320px;
        background-size: cover
    }

    .bfr-loaded #pool-bar .leaves {
        background: 0 0
    }

    #pool-bar .left.main-style,
    #pool-bar .right.main-style {
        display: block
    }

    #pool-bar .left.main-style {
        margin-top: 60px
    }

    #pool-bar .left .texts,
    #pool-bar .right .texts,
    #pool-bar.inner .left .texts {
        padding: 15px 10px;
        width: calc(100% - 50px);
        text-align: left;
        left: 0;
        margin: 0 auto;
        float: none;
        clear: both
    }

    #pool-bar .left.main-style {
        min-height: auto
    }

    #pool-bar .right .img-container {
        height: 700px;
        width: 100%
    }

    #pool-bar .left .texts {
        padding-bottom: 0
    }

    #pool-bar a.btn {
        margin-top: 38px;
        margin-bottom: 40px;
        display: inline-block
    }

    #pool-bar .left .texts p:last-child {
        margin-bottom: 0
    }

    #pool-bar .left .texts h3 {
        right: 0
    }

    #pool-bar .left .img-container,
    #pool-bar .left .img-container .slide,
    #pool-bar.inner .left .img-container {
        width: 100%;
        height: 540px;
        overflow: hidden
    }
}

@media screen and (max-width:750px) {
    span.number strong {
        font-size: 155px
    }

    span.number {
        font-size: 10px;
        top: 74px;
        left: 1px;
        line-height: 66px
    }

    .weddings-box .left {
        height: 440px
    }

    .weddings-box .right {
        height: 510px
    }

    #booking-cal .column,
    #booking-cal .column.mini {
        width: 100%;
        margin-bottom: 30px
    }

    #booking-cal .column.mini {
        width: 46%
    }

    #booking-cal {
        padding: 50px 8.333% 35px
    }

    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 550px
    }

    .rooms-slider .slide h3 {
        height: 100px;
        line-height: 100px
    }

    .rooms-slider .slide p {
        display: none
    }

    .restaurant-slider.numbered-slider .custom_paging {
        right: 90px
    }

    .restaurant-slider.numbered-slider.numbered-slider .slick-arrow {
        right: 40px
    }

    #restaurant .minimum {
        padding-top: 200px
    }

    #restaurant span.number {
        top: 46px
    }

    #restaurant .menu-box {
        padding: 160px 2em 55px;
        min-height: auto;
        width: calc(100% - 180px)
    }

    #restaurant .menu-box .letter,
    #restaurant .menu-box:after {
        top: 140px
    }

    #restaurant h2 {
        left: 25px;
        top: 23px
    }

    .weddings-box {
        margin-top: 0
    }

    .weddings-box .left {
        top: 60px
    }

    .leaf-shadow,
    footer.mega-footer .maximum:after {
        display: none
    }

    .padded-80 {
        padding: 40px
    }

    #home-intro .left .texts {
        padding: 0 40px 40px
    }

    #home-intro .left .texts,
    #home-intro .no-gallery.left .texts {
        margin-top: 0
    }

    #home-intro h1 {
        margin-bottom: 35px;
        min-height: 170px
    }

    #home-intro .left,
    #home-intro .no-gallery.left {
        margin-top: 0
    }
}

@media screen and (max-width:680px) {
    #home-intro .right h2 {
        margin-top: 0
    }

    #pool-bar .left .img-container,
    #pool-bar .left .img-container .slide,
    #pool-bar.inner .left .img-container {
        height: 500px
    }
}

@media screen and (max-width:640px) {
    #home-intro .left .texts {
        padding: 0 35px 35px;
        width: calc(100% - 70px)
    }

    #home-intro .no-gallery.left .texts,
    #home-intro .right {
        padding: 35px 8.33% 0
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2,
    #weddings h2,
    h1,
    h2.heading {
        font-size: 24px
    }

    #home-intro h1 {
        padding-right: 2em;
        min-height: 140px
    }

    #home-intro:after {
        height: 140px
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        padding-left: 1em
    }

    #accommodation:after {
        height: 233px
    }

    #home-intro .mini-slider,
    #home-intro .mini-slider .slide {
        height: 520px
    }

    span.number strong {
        font-size: 135px;
        left: -33px
    }

    span.number.right strong {
        left: 20px
    }

    span.number span {
        display: none
    }

    #restaurant .minimum {
        padding-top: 180px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 520px
    }

    #restaurant h2 {
        font-size: 20px;
        left: 20px;
        top: 18px
    }

    #restaurant .menu-box .letter,
    #restaurant .menu-box:after {
        top: 115px
    }

    #restaurant .menu-box {
        padding: 140px 2em 55px;
        margin-left: 110px;
        width: calc(100% - 150px);
        top: -140px
    }

    #restaurant .menu-box:before {
        left: -70px;
        bottom: -40px;
        background: url('../images/shadow-small.webp') right bottom no-repeat;
        width: 300px;
        height: 385px
    }

    #pool-bar h2 {
        width: calc(86% - 110px);
        padding: 0 110px 0 14%
    }

    #pool-bar span.number {
        top: 73px
    }

    #pool-bar:after {
        width: 14%
    }

    #pool-bar .right .img-container {
        height: 600px;
        min-width: inherit
    }

    .weddings-box .left {
        top: 50px;
        height: 400px
    }

    .carousel-cell.is-selected {
        width: calc(100% - 100px)
    }

    #pool-bar .left .texts h3 {
        white-space: normal
    }

    #pool-bar h2 {
        margin-top: 50px
    }

    #pool-bar span.number {
        top: 42px
    }

    .flickity-prev-next-button.next {
        right: calc(0% - 10px);
        border-width: 30px;
        width: 100px
    }

    .flickity-prev-next-button.next:after {
        right: 30px;
        width: 34px
    }

    .flickity-prev-next-button.next:before {
        right: 20px !important
    }

    .flickity-prev-next-button.next:hover:after {
        width: 34px !important
    }

    #pool-bar .right .img-container {
        height: 500px
    }
}

@media screen and (max-width:580px) {
    .weddings-box .left {
        height: 360px
    }

    header a.book-now {
        width: auto;
        padding: 0 24px 0 0
    }

    .booking h2 {
        text-align: left;
        padding-left: 8.3%;
        padding-right: 8.3%
    }

    .booking h2 {
        top: 27px;
        margin-top: -27px
    }

    #restaurant .menu-box .center,
    .paperbox .texts .center,
    .paperbox:before {
        display: none
    }
}

@media screen and (max-width:540px) {
    footer.mini {
        padding: 15px
    }

    #weddings h2 {
        font-size: 27px
    }

    .weddings-box .texts h2 {
        margin-bottom: 28px
    }

    header a.book-now span {
        display: none
    }

    #home-intro .left .texts {
        padding: 0 25px 23px;
        width: calc(100% - 50px)
    }

    .booking .padded-80,
    .padded-80 {
        padding: 40px 25px 25px
    }

    #home-intro .mini-slider,
    #home-intro .mini-slider .slide {
        height: 480px
    }

    #accommodation:after,
    #contact-form:after,
    #home-intro:after,
    #home-intro:before {
        display: none
    }

    #home-intro h1 {
        margin-left: 62px;
        margin-bottom: 26px;
        min-height: 80px
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        font-size: 21px;
        margin-top: 0;
        margin-bottom: 27px;
        padding-right: 25px
    }

    span.number {
        top: 37px
    }

    #home-intro {
        padding-top: 30px
    }

    #accommodation h1.room-heading,
    #accommodation h2 br {
        display: none
    }

    #accommodation span.number {
        top: 14px
    }

    #related-rooms .carousel-cell,
    #related-rooms .rooms-slider .slide,
    #related-rooms .rooms-slider>div,
    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 360px
    }

    .rooms-slider .slide span.btn:before {
        height: 60px;
        top: -60px
    }

    #restaurant .minimum {
        padding-top: 165px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 440px
    }

    #restaurant .menu-box {
        margin-left: 100px;
        width: calc(100% - 125px);
        padding: 140px 25px 30px
    }

    #restaurant .menu-box a.btn {
        margin-top: 25px;
        width: 100%
    }

    #pool-bar span.number {
        top: 56px
    }

    #pool-bar .left.main-style {
        margin-top: 45px
    }

    #pool-bar .leaves {
        height: 255px
    }

    #pool-bar .right .texts {
        background: 0 0
    }

    footer.mega-footer .column.links {
        text-align: center
    }

    footer.mega-footer .column.links>div {
        float: none;
        width: 100%
    }

    footer.mega-footer .maximum {
        padding: 35px 5% 40px
    }

    footer.mega-footer .logo {
        margin-bottom: 35px
    }

    #pool-bar .left .img-container,
    #pool-bar.inner .left .img-container {
        height: 420px
    }
}

@media screen and (max-width:490px) {

    #slider,
    #slider .slide,
    #slider-container {
        min-height: 460px
    }

    #home-intro .mini-slider,
    #home-intro .mini-slider .slide {
        height: 440px
    }

    .main-style {
        font-size: 14px
    }

    .weddings-box {
        margin-bottom: 40px
    }

    h2 {
        font-size: 21px
    }

    .weddings-box .texts h2 {
        margin-bottom: 20px;
        line-height: 1.15
    }

    .alternate-rows .weddings-box .left,
    .alternate-rows .weddings-box:nth-child(2n) .left,
    .alternate-rows .weddings-box:nth-child(2n) .right,
    .weddings-box .left,
    .weddings-box .right {
        width: 100%;
        margin: 0;
        height: auto;
        top: 0
    }

    .weddings-box .right {
        padding: 35px 8%
    }

    .weddings-box .texts a.btn {
        margin-top: 25px
    }

    .weddings-box .texts p {
        max-width: none
    }

    .alternate-rows .weddings-box:nth-child(2n) .texts,
    .weddings-box .texts {
        margin-top: 0;
        padding: 0
    }

    .weddings-box .texts br {
        display: none
    }

    .weddings-box .left img {
        min-height: 280px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 380px
    }

    #restaurant .menu-box {
        margin-left: 25px;
        width: calc(100% - 50px);
        margin-bottom: -15px
    }

    #restaurant .right {
        padding: 0 25px;
        box-sizing: border-box;
        margin-top: -125px
    }

    #restaurant span.number {
        z-index: 1
    }

    #restaurant h2 {
        left: 70px
    }

    #restaurant .menu-box:before {
        height: 370px
    }

    #pool-bar .maximum {
        width: calc(100% - 50px)
    }

    #pool-bar .left.main-style {
        margin-top: 25px
    }

    #pool-bar .right .img-container {
        height: 440px;
        margin: 0 0 25px
    }

    #pool-bar .left .texts,
    #pool-bar .right .texts,
    #pool-bar.inner .left .texts {
        padding: 0 5px;
        width: calc(100% - 40px)
    }

    .home-page #home-intro .right.half p:nth-child(3),
    .home-page #home-intro .right.half p:nth-child(4),
    .home-page #home-intro .texts p+p,
    footer.mega-footer span.number,
    footer.mega-footer:before {
        display: none
    }

    .rooms-slider .slide span.btn:before {
        display: none
    }

    #home-intro .right h2 br {
        display: none
    }

    .awards.slider {
        padding: 35px 45px
    }

    .awards.slider .slick-arrow:after {
        width: 50px
    }

    .booking .padded-80 {
        padding: 28px 0
    }

    .booking h2 {
        top: 25px
    }

    #pool-bar span.number {
        top: 34px
    }

    #pool-bar:after {
        top: 74px
    }

    #restaurant+#pool-bar h2 {
        margin-top: 34px
    }

    #pool-bar .container {
        margin-top: 24px
    }
}

@media screen and (max-width:430px) {
    #menu-responsive-navigation a {
        font-size: 15px
    }

    #menu-responsive-navigation .sub-menu a {
        font-size: 14px
    }

    #menu-responsive-navigation a {
        text-transform: uppercase;
        padding: 15px 0
    }

    #menu-responsive-navigation {
        margin: 70px 0 20px
    }

    span.number strong {
        font-size: 90px;
        left: -20px
    }

    span.number.right strong {
        left: 10px
    }

    #accommodation span.number {
        top: 8px
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        padding-right: 10px
    }

    span.number {
        top: 25px
    }

    #home-intro {
        padding-top: 27px
    }

    #home-intro h1 {
        margin-left: 30px;
        margin-bottom: 19px
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2,
    #weddings h2,
    h1,
    h2.heading {
        font-size: 19px
    }

    #accommodation h1.room-heading,
    #accommodation h2,
    #contact-form h2 {
        padding-left: 25px;
        font-size: 18px;
        line-height: 1.2
    }

    #pool-bar h2,
    .booking h2 {
        font-size: 19px
    }

    #home-intro .mini-slider,
    #home-intro .mini-slider .slide {
        height: 340px
    }

    #restaurant .restaurant-slider,
    .restaurant-slider .slide {
        height: 310px
    }

    .numbered-slider .slick-arrow {
        width: 25px
    }

    .restaurant-slider.numbered-slider.numbered-slider .slick-arrow,
    .restaurant-slider.numbered-slider.numbered-slider .slick-arrow.slick-prev {
        bottom: 60px;
        right: 25px
    }

    .restaurant-slider.numbered-slider .custom_paging {
        bottom: 19px;
        right: 70px
    }

    .restaurant-slider.numbered-slider.numbered-slider .slick-arrow.slick-next {
        bottom: 20px
    }

    #restaurant .menu-box:before {
        height: 400px;
        left: -62px;
        bottom: -28px
    }

    #restaurant .menu-box:before {
        background-image: url('../images/shadow-xsmall.webp');
        left: -70px
    }

    #restaurant h2 {
        left: 40px
    }

    #restaurant+#pool-bar h2 {
        margin-top: 35px
    }

    #pool-bar .container {
        margin-top: 24px
    }

    #pool-bar h2 {
        width: calc(84% - 72px);
        padding: 0 72px 0 16%;
        margin-top: 25px
    }

    #pool-bar h3 {
        font-size: 30px;
        margin-bottom: 20px
    }

    #pool-bar .leaf {
        right: -45px;
        z-index: -1;
        display: none
    }

    #pool-bar .right .img-container {
        background-position: center bottom
    }

    #pool-bar span.number {
        top: 36px
    }

    #pool-bar:after {
        top: 70px
    }

    #pool-bar .left .img-container,
    #pool-bar.inner .left .img-container {
        height: 350px
    }

    #pool-bar .leaves {
        height: 210px
    }

    .numbered-slider .custom_paging {
        font-size: 28px
    }

    #home-intro h1 {
        min-height: 75px
    }

    #home-intro .no-gallery.left .texts,
    #home-intro .right {
        padding: 30px 8.333% 0
    }

    .numbered-slider .custom_paging span {
        font-size: 36px
    }

    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 380px
    }

    footer.mini {
        font-size: 10px
    }

    footer.mini .maximum {
        width: 92%
    }

    footer.mini .maximum .half.right {
        width: 260px
    }
}

@media screen and (max-width:380px) {

    #logo,
    .logo {
        width: 75px
    }

    .nav-overlay .logo {
        margin-top: 7px
    }

    #related-rooms .carousel-cell,
    #related-rooms .rooms-slider .slide,
    #related-rooms .rooms-slider>div,
    .carousel-cell,
    .rooms-slider .slide,
    .rooms-slider>div {
        height: 330px
    }

    #pool-bar .right .img-container {
        height: 370px
    }
}

@media screen and (max-width:340px) {
    #menu-responsive-navigation a {
        padding: 12px 0;
        font-size: 15px
    }

    #pool-bar h3 {
        font-size: 28px
    }

    header a.book-now {
        font-size: 12px
    }
}

@media screen and (max-height:600px) {

    #slider-container .texts p,
    .hero-container .texts p {
        font-size: 25px
    }

    #slider-container .texts,
    .hero-container .texts {
        font-size: 14px;
        max-width: 230px;
        margin-left: -115px;
        margin-top: -60px
    }
}

@media screen and (max-height:550px) {

    #slider-container .texts:after,
    #slider-container .texts:before,
    .hero-container .texts:after,
    .hero-container .texts:before {
        height: 45px
    }

    #slider-container .texts:before,
    .hero-container .texts:before {
        top: -60px
    }

    #slider-container .texts:after,
    .hero-container .texts:after {
        bottom: -60px;
        top: auto
    }

    #slider-container .texts,
    .hero-container .texts {
        margin-top: -60px
    }

    #slider:before {
        height: 50px
    }
}

@media screen and (max-height:520px) {

    #slider-container .texts,
    .hero-container .texts {
        margin-top: -40px;
        font-size: 12px;
        max-width: 210px;
        margin-left: -105px
    }

    #slider-container .texts p,
    .hero-container .texts p {
        font-size: 22px
    }

    #slider:before {
        height: 40px
    }

    #slider-container .texts:after,
    #slider-container .texts:before,
    .hero-container .texts:after,
    .hero-container .texts:before {
        height: 40px
    }

    #slider-container .texts:before,
    .hero-container .texts:before {
        top: -55px
    }

    #slider-container .texts:after,
    .hero-container .texts:after {
        bottom: -55px;
        top: auto
    }
}

@media all and (orientation:portrait) and (max-width:1280px) {
    .slide.right {
        background-position: 78% center
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .18);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .18)
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: url('../images/paper-bg-leaves.webp') right top no-repeat;
    opacity: 1 !important;
    background-size: cover
}

#colorbox {
    outline: 0
}

#cboxContent {
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin: 35px 40px 40px
}

#cboxTitle {
    position: absolute;
    bottom: 17px;
    left: 5%;
    width: 90%;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
    font-style: italic;
    font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif
}

#cboxCurrent {
    position: fixed;
    bottom: 30px;
    font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
    left: 0;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    color: #767068
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0;
    text-indent: -9999px
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 0;
    color: #444
}

#cboxPrevious {
    color: #444
}

#cboxNext {
    color: #444
}

#cboxClose {
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    border-bottom: none
}

#cboxNext,
#cboxPrevious {
    position: fixed;
    background: url('../images/right-arrow.svg') center center no-repeat;
    width: 60px;
    height: 70px;
    opacity: .7;
    background-size: 15px auto;
    bottom: 0;
    right: 0;
    top: 40%;
}

#cboxPrevious {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

#cboxPrevious {
    left: 0;
    right: auto
}

#cboxLoadingGraphic {
    background: url('../images/preloader.webp') center center no-repeat
}

#cboxClose:hover,
#cboxNext:hover,
#cboxPrevious:hover {
    opacity: 1
}

#cboxClose {
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    background: url('../images/close.svg') center center no-repeat;
    background-size: 24px auto;
    opacity: .7
}

#cboxOverlay.wb-box-container {
    opacity: .75 !important
}

.wb-box-container #cboxClose {
    position: absolute;
    width: 40px;
    height: 35px;
    background-size: 22px
}

#popup {
    width: 450px;
    background: url('../images/paper-bg-leaves.webp') right top;
    background-size: cover;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .2);
    max-width: 100%;
    text-align: center
}

@media screen and (max-width:480px) {
    #cboxLoadedContent {
        margin: 35px 0 40px
    }

    #cboxLoadedContent.wb-box-container {
        margin: 35px 30px 40px
    }
}

@media screen and (max-width:380px) {
    #popup .pop-header {
        font-size: 21px;
        padding: 130px 18px 0
    }
}

@media screen and (max-width:355px) {
    #popup .pop-content {
        padding: 12px 25px 25px
    }
}

ul#guestsSelector {
    background: #fff;
    border: 1px solid #ececec;
    box-sizing: border-box;
    padding: .614em
}

ul#guestsSelector li {
    border-bottom: 1px solid #fff;
    cursor: pointer;
    display: block;
    font-size: 1.171em;
    padding: .25em 0;
    text-align: center
}

ul#guestsSelector li:hover {
    background: #767068;
    color: #fff
}

ul#guestsSelector li.active {
    color: #fff;
    background: #cad57b
}

.accommodation-page span.devprice {
    display: inline-block !important;
    padding: 0 !important;
    position: relative;
    top: 1px;
    font-size: 10px
}

.accommodation-page a.non-available::before,
.accommodation-page span.non-available::before {
    content: " ";
    height: 18px;
    width: 1px;
    background-color: #333;
    position: absolute;
    top: 10px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(221deg)
}

.accommodation-page a.non-available {
    cursor: default !important
}

td.in-range{
    background-color: #767068;
    color: #fff
}

td.range-end,
td.range-start {
    background-color: #767068
}

td.hover-range{
    background-color: #767068;
    color: #fff
}