/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */















/* Document







   ========================================================================== */















/**







 * 1. Correct the line height in all browsers.







 * 2. Prevent adjustments of font size after orientation changes in iOS.







 */















html {







    line-height: 0;







    /* 1 */







    -webkit-text-size-adjust: 100%;







    /* 2 */







}















/* Sections







   ========================================================================== */















/**







 * Remove the margin in all browsers.







 */















body {







    margin: 0;







}















/**







 * Render the `main` element consistently in IE.







 */















main {







    display: block;







}















/**







 * Correct the font size and margin on `h1` elements within `section` and







 * `article` contexts in Chrome, Firefox, and Safari.







 */















h1 {







    font-size: 2em;







    margin: 0.67em 0;







}















/* Grouping content







   ========================================================================== */















/**







 * 1. Add the correct box sizing in Firefox.







 * 2. Show the overflow in Edge and IE.







 */















hr {







    -webkit-box-sizing: content-box;







    box-sizing: content-box;







    /* 1 */







    height: 0;







    /* 1 */







    overflow: visible;







    /* 2 */







}















/**







 * 1. Correct the inheritance and scaling of font size in all browsers.







 * 2. Correct the odd `em` font sizing in all browsers.







 */















pre {







    font-family: monospace, monospace;







    /* 1 */







    font-size: 1em;







    /* 2 */







}















/* Text-level semantics







   ========================================================================== */















/**







 * Remove the gray background on active links in IE 10.







 */















a {







    background-color: transparent;







}















/**







 * 1. Remove the bottom border in Chrome 57-







 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.







 */















abbr[title] {







    border-bottom: none;







    /* 1 */







    text-decoration: underline;







    /* 2 */







    -webkit-text-decoration: underline dotted;







    text-decoration: underline dotted;







    /* 2 */







}















/**







 * Add the correct font weight in Chrome, Edge, and Safari.







 */















b,







strong {







    font-weight: bolder;







}















/**







 * 1. Correct the inheritance and scaling of font size in all browsers.







 * 2. Correct the odd `em` font sizing in all browsers.







 */















code,







kbd,







samp {







    font-family: monospace, monospace;







    /* 1 */







    font-size: 1em;







    /* 2 */







}















/**







 * Add the correct font size in all browsers.







 */















small {







    font-size: 80%;







}















/**







 * Prevent `sub` and `sup` elements from affecting the line height in







 * all browsers.







 */















sub,







sup {







    font-size: 75%;







    line-height: 0;







    position: relative;







    vertical-align: baseline;







}















sub {







    bottom: -0.25em;







}















sup {







    top: -0.5em;







}















/* Embedded content







   ========================================================================== */















/**







 * Remove the border on images inside links in IE 10.







 */















img {







    border-style: none;







}















/* Forms







   ========================================================================== */















/**







 * 1. Change the font styles in all browsers.







 * 2. Remove the margin in Firefox and Safari.







 */















button:not(#CybotCookiebotDialog button),







input:not(#CybotCookiebotDialog input),







optgroup,







select,







textarea {







    font-family: inherit;







    /* 1 */







    font-size: 100%;







    /* 1 */







    line-height: 1.15;







    /* 1 */







    margin: 0;







    /* 2 */







}















/**







 * Show the overflow in IE.







 * 1. Show the overflow in Edge.







 */















button:not(#CybotCookiebotDialog button),







input:not(#CybotCookiebotDialog input) {







    /* 1 */







    overflow: visible;







}















/**







 * Remove the inheritance of text transform in Edge, Firefox, and IE.







 * 1. Remove the inheritance of text transform in Firefox.







 */















button:not(#CybotCookiebotDialog button),







select {







    /* 1 */







    text-transform: none;







}















/**







 * Correct the inability to style clickable types in iOS and Safari.







 */















button:not(#CybotCookiebotDialog button),







[type="button"],







[type="reset"],







[type="submit"] {







    -webkit-appearance: button;







}















/**







 * Remove the inner border and padding in Firefox.







 */















button:not(#CybotCookiebotDialog button)::-moz-focus-inner,







[type="button"]::-moz-focus-inner,







[type="reset"]::-moz-focus-inner,







[type="submit"]::-moz-focus-inner {







    border-style: none;







    padding: 0;







}















/**







 * Restore the focus styles unset by the previous rule.







 */















button:not(#CybotCookiebotDialog button):-moz-focusring,







[type="button"]:-moz-focusring,







[type="reset"]:-moz-focusring,







[type="submit"]:-moz-focusring {







    outline: 1px dotted ButtonText;







}















/**







 * Correct the padding in Firefox.







 */















fieldset {







    padding: 0.35em 0.75em 0.625em;







}















/**







 * 1. Correct the text wrapping in Edge and IE.







 * 2. Correct the color inheritance from `fieldset` elements in IE.







 * 3. Remove the padding so developers are not caught out when they zero out







 *    `fieldset` elements in all browsers.







 */















legend {







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







    /* 1 */







    color: inherit;







    /* 2 */







    display: table;







    /* 1 */







    max-width: 100%;







    /* 1 */







    padding: 0;







    /* 3 */







    white-space: normal;







    /* 1 */







}















/**







 * Add the correct vertical alignment in Chrome, Firefox, and Opera.







 */















progress {







    vertical-align: baseline;







}















/**







 * Remove the default vertical scrollbar in IE 10+.







 */















textarea {







    overflow: auto;







}















/**







 * 1. Add the correct box sizing in IE 10.







 * 2. Remove the padding in IE 10.







 */















[type="checkbox"],







[type="radio"] {







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







    /* 1 */







    padding: 0;







    /* 2 */







}















/**







 * Correct the cursor style of increment and decrement buttons in Chrome.







 */















[type="number"]::-webkit-inner-spin-button,







[type="number"]::-webkit-outer-spin-button {







    height: auto;







}















/**







 * 1. Correct the odd appearance in Chrome and Safari.







 * 2. Correct the outline style in Safari.







 */















[type="search"] {







    -webkit-appearance: textfield;







    /* 1 */







    outline-offset: -2px;







    /* 2 */







}















/**







 * Remove the inner padding in Chrome and Safari on macOS.







 */















[type="search"]::-webkit-search-decoration {







    -webkit-appearance: none;







}















/**







 * 1. Correct the inability to style clickable types in iOS and Safari.







 * 2. Change font properties to `inherit` in Safari.







 */















::-webkit-file-upload-button {







    -webkit-appearance: button;







    /* 1 */







    font: inherit;







    /* 2 */







}















/* Interactive







   ========================================================================== */















/*







 * Add the correct display in Edge, IE 10+, and Firefox.







 */















details {







    display: block;







}















/*







 * Add the correct display in all browsers.







 */















summary {







    display: list-item;







}















/* Misc







   ========================================================================== */















/**







 * Add the correct display in IE 10+.







 */















template {







    display: none;







}















/**







 * Add the correct display in IE 10.







 */















[hidden] {







    display: none;







}















/* Color palette */















:root {







    --grid-index: 4px;







    --color-black: #161616;







    --color-black-background: #1a1a1a;







    --color-black-dark: #131212;







    --color-black-hero: #1c1c1c;







    --color-black-90: rgba(26, 26, 26, 0.7);







    --color-black-80: rgba(26, 26, 26, 0.5);







    --color-black-70: rgba(26, 26, 26, 0.3);







    --color-black-light: #1F1F1F;







    /* --color-black-light: #4a4a4a; */







    --color-grey-dark: #666666;







    /* --color-grey: #ababab; */







    --color-grey: #e5e5e5;







    --color-grey-light: #e5e5e5;







    --color-bronze-dark: #a26a47;







    --color-bronze: #be8b65;







    --color-white: #fff;







    --font-serif: 'Prata', serif;







    --font-sans: 'Karla', sans-serif;







    --timing-fast: .3s cubic-bezier(1, 0, 0, 1);







    --timing-normal: .6s cubic-bezier(1, 0, 0, 1);







    --timing-slow-ease-in-out: 3s ease-in-out;







    --timing-slow: 6s cubic-bezier(1, 0, 0, 1);







}







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







    :root {







        --grid-index: 8px;







    }







}















* {







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







}















img {







    line-height: 0;







}















.no-touch {







    cursor: none !important;







}















.touch {







    cursor: auto !important;







}















/* cursor */















.cursor-wrapper {







    position: fixed;







    opacity: 1;







    width: 100px;







    height: 100px;







    left: -50px;







    top: -50px;







    -webkit-transform: translate(-100%, -100%);







    transform: translate(-100%, -100%);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 2147483647;







    pointer-events: none
}















.touch .cursor-wrapper {







    display: none;







}















.cursor-wrapper.has-blend-mode {







    mix-blend-mode: exclusion
}















@supports (-ms-ime-align: auto) {







    .cursor-wrapper.has-blend-mode.is-outside .custom-cursor__outer {







        border-color: black
    }















    .cursor-wrapper.has-blend-mode.is-outside .custom-cursor__inner:before,







    .cursor-wrapper.has-blend-mode.is-outside .custom-cursor__inner:after {







        background: black
    }







}















.custom-cursor {







    position: relative;







    left: 0;







    top: 0
}















.custom-cursor__outer {







    width: 6px;







    height: 6px;







    border: 4px solid var(--color-bronze-dark);







    background: var(--color-bronze-dark);







    border-radius: 50%
}















.custom-cursor__inner,







.custom-cursor__swiper {







    position: absolute;







    width: 100%;







    height: 100%;







    top: 0;







    left: 0;







}















.custom-cursor__swiper {







    opacity: 0;







    z-index: 2;







}















.custom-cursor__inner:before,







.custom-cursor__inner:after {







    content: "";







    position: absolute;







    width: 40%;







    height: 1px;







    background: var(--color-black-90);







    transition: -webkit-transform 0.1s linear;







    -webkit-transition: -webkit-transform 0.1s linear;







    transition: transform 0.1s linear;







    transition: transform 0.1s linear, -webkit-transform 0.1s linear;







}















.custom-cursor__inner:before {







    left: 50%;







    top: 50%;







    -webkit-transform: translateX(-50%);







    transform: translateX(-50%)
}















.custom-cursor__inner:after {







    left: 50%;







    top: 50%;







    -webkit-transform: translateX(-50%) rotate(-90deg);







    transform: translateX(-50%) rotate(-90deg)
}















.custom-cursor__inner.is-closing:after {







    -webkit-transform: translateX(-50%) rotate(0deg);







    transform: translateX(-50%) rotate(0deg)
}















.custom-cursor__swiper:after {







    content: url(../svg/swipe.svg);







    position: absolute;







    width: 100%;







    height: 100%;







    background: var(--color-bronze);







    border-radius: 50%;







    transition: -webkit-transform 0.1s linear;







    -webkit-transition: -webkit-transform 0.1s linear;







    transition: transform 0.1s linear;







    transition: transform 0.1s linear, -webkit-transform 0.1s linear;







    left: 0;







    top: 0;







    -webkit-transform: translate(-50%, -50%);







    transform: translate(-50%, -50%);







    padding: 8px;







}















/* width */















::-webkit-scrollbar {







    width: 5px;







    height: 5px;







    opacity: .3;







}















/* Track */















::-webkit-scrollbar-track {







    background: #1a1a1a;







    padding: 2px;







}















/* Handle */















::-webkit-scrollbar-thumb {







    background: #4a4a4a;







    border-radius: 5px;







}















/* Handle on hover */















::-webkit-scrollbar-thumb:hover {







    background: #ababab;







}















html {







    font-size: 16px;







    background-color: var(--color-black-background);







    font-family: var(--font-sans);







    color: var(--color-grey);







}















html.hotel,







html.hotel .black-bg,







html.hotel .mask {







    background-color: #000 !important;







}















body {







    overflow-x: hidden;







    width: 100%;







}















section {







    max-width: 100%;







    position: relative;







}















.content {







    width: 100%;







    overflow: hidden;







}















.mask {







    position: absolute;







    width: 100%;







    height: 101%;







    background-color: var(--color-black-dark);







    top: 0;







    left: 0;







    -webkit-transform-origin: left bottom;







    transform-origin: left bottom;







    z-index: 9;







}















.cover {







    width: 100%;







    height: 100%;







    position: absolute;







    opacity: .5;







    top: 0;







    left: 0;







    z-index: 1;







    background-image: url(../svg/cover-img.svg);







    background-size: cover;







    background-position: center center;







    display: none;







}















.cover-light {







    width: 100%;







    height: 100%;







    position: absolute;







    top: 0;







    left: 0;







    z-index: 0;







    background-image: url(../svg/cover-img.svg);







    background-size: cover;







    background-position: center center;







    opacity: .5;







    display: none;







}















.bg-img {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    z-index: 0;







    -o-object-position: center 25%;







    object-position: center 25%;







    opacity: 1;







    z-index: -2;







}















#preloader {







    position: fixed;







    width: 100%;







    height: 100vh;







    z-index: 2147483646;







    background-color: var(--color-black-background);







    top: 0;







    left: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    /* display: none; */







}















#preloader img {







    max-width: 80px;







}















#preloader .preloader-line {







    height: 1px;







    width: 120px;







    -webkit-transform-origin: left center;







    transform-origin: left center;







    background-color: var(--color-bronze);







    -webkit-animation: preloader-line-animation 1s ease-in-out infinite;







    animation: preloader-line-animation 1s ease-in-out infinite;







    margin-top: 16px;







}















@-webkit-keyframes preloader-line-animation {







    0% {







        -webkit-transform: scale3d(0, 0, 1);







        transform: scale3d(0, 0, 1);







        /* transform-origin: left center; */







    }















    /* 50% {







        transform: scale3d(1, 1, 1);







        transform-origin: left center;







    }







    51% {







        transform: scale3d(1, 1, 1);







        transform-origin: right center;







    } */







    100% {







        -webkit-transform: scale3d(1, 1, 1);







        transform: scale3d(1, 1, 1);







        /* transform-origin: right center; */







    }







}















@keyframes preloader-line-animation {







    0% {







        -webkit-transform: scale3d(0, 0, 1);







        transform: scale3d(0, 0, 1);







        /* transform-origin: left center; */







    }















    /* 50% {







        transform: scale3d(1, 1, 1);







        transform-origin: left center;







    }







    51% {







        transform: scale3d(1, 1, 1);







        transform-origin: right center;







    } */







    100% {







        -webkit-transform: scale3d(1, 1, 1);







        transform: scale3d(1, 1, 1);







        /* transform-origin: right center; */







    }







}















/* BUTTON & CTA */















button:not(#CybotCookiebotDialog button):not(#map button),


.button-cta {







    height: 48px;







    min-width: 208px;







    margin: 24px;







    padding: 0 24px;







    background-color: var(--color-bronze);







    color: var(--color-white);







    text-transform: uppercase;







    position: relative;







    font-family: var(--font-sans);







    font-weight: 700;







    border: 0;







    cursor: pointer;







    font-size: .675rem;







    letter-spacing: .2rem;







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







    display: -webkit-inline-box;







    display: -ms-inline-flexbox;







    display: inline-flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















button:not(#CybotCookiebotDialog button) .float-element,







.button-cta .float-element {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    border: 1px solid var(--color-bronze);







    z-index: 1;







    -webkit-transform: translate3d(8px, 8px, 0);







    transform: translate3d(8px, 8px, 0)
}















.cta-secondary {







    position: relative;







    text-transform: uppercase;







    color: var(--color-grey);







    text-decoration: none;







    padding: 0 16px 8px 16px;







    margin: 0 24px;







    font-weight: 700;







    font-size: .7rem;







    letter-spacing: .18rem;







    -webkit-transition: color var(--timing-fast);







    transition: color var(--timing-fast);







    /* min-height: 28px; */







}







.cta-secondary.share {







    min-height: 28px;







}















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















    .cta-secondary.download:after,







    .cta-secondary.share:after,







    .cta-secondary.view:after {







        display: none;







    }







}















.cta-secondary.download:after {







    content: url(../svg/icon-download.svg);







    margin-left: 8px;







}















.cta-secondary.share:after {







    content: url(../svg/icon-share.svg);







    margin-left: 8px;







}















.cta-secondary.view:after {







    content: url(../svg/icon-view.svg);







    margin-left: 8px;







}















.cta-secondary.small:before {







    display: none;







}















.cta-secondary-arrow {







    position: relative;







    text-transform: uppercase;







    color: var(--color-grey);







    text-decoration: none;







    padding: 0 64px 16px 0;







    margin: 0;







    font-weight: 700;







    font-size: .7rem;







    letter-spacing: .18rem;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.cta-secondary-arrow:after {







    content: url(../svg/arrowhead-grey.svg);







    position: absolute;







    width: 15px;







    height: 15px;







    bottom: 0;







    right: 0;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    z-index: 1;







}















.cta-secondary-arrow:before {







    content: '';







    position: absolute;







    width: calc(100% - 2px);







    height: 1px;







    bottom: 7px;







    right: 4px;







    background-color: var(--color-grey-light);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    z-index: 1;







}















.no-touch .cta-secondary-arrow:hover:after,







.no-touch .cta-secondary-arrow:hover:before {







    -webkit-transform: translate3d(16px, 0, 0);







    transform: translate3d(16px, 0, 0)
}















.no-touch .cta-secondary:hover {







    color: var(--color-bronze);







}















.cta-secondary:before {







    content: '';







    position: absolute;







    height: 1px;







    width: 100%;







    bottom: 0;







    left: 0;







    background-color: var(--color-grey-light);







    -webkit-transform-origin: center center;







    transform-origin: center center;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.no-touch .cta-secondary:hover:before {







    -webkit-transform: scale3d(0, 1, 1);







    transform: scale3d(0, 1, 1)
}















.cta-scroll {







    position: absolute;







    bottom: 13%;







    right: 24px;







    color: var(--color-grey);







    font-size: .75rem;







    line-height: 1.1rem;







    letter-spacing: .075rem;







    -webkit-transform-origin: right top;







    transform-origin: right top;







    padding: 16px 0 0 0;







    text-transform: uppercase;







    -webkit-transform: rotate(90deg);







    transform: rotate(90deg);







    z-index: 999;







    width: 160px;







    opacity: 0.8;







    overflow: hidden;







    display: none;







}















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







    .cta-scroll {







        display: block;







    }







    button:not(#CybotCookiebotDialog button),







    .button-cta {







        font-size: .775rem;







    }







}















.cta-scroll.cta-scroll-center {







    position: absolute;







    bottom: 0;







    right: 50%;







    -webkit-transform: translate3d(-10%, 200%, 0) rotate(90deg);







    transform: translate3d(-10%, 200%, 0) rotate(90deg);







    width: 130px;







}















.cta-scroll:after {







    /* content: url(../img/arrow.svg); */







    content: '';







    height: 1px;







    background-color: var(--color-bronze);







    position: absolute;







    top: 0;







    right: 0;







    width: 100%;







    /* height: auto; */







    -webkit-animation: scroll-animation var(--timing-slow-ease-in-out) infinite;







    animation: scroll-animation var(--timing-slow-ease-in-out) infinite;







    -webkit-animation-delay: 2s;







    animation-delay: 2s;







}















.cta-scroll.cta-scroll-center:after {







    content: '';







    position: absolute;







    top: 0;







    right: 0;







    width: 100%;







    height: 2px;







    background-color: var(--color-bronze);







    -webkit-animation: scroll-animation var(--timing-slow) infinite;







    animation: scroll-animation var(--timing-slow) infinite;







    -webkit-animation-delay: 2s;







    animation-delay: 2s;







}















@-webkit-keyframes scroll-animation {







    0% {







        -webkit-transform: translate3d(-150%, 0, 0);







        transform: translate3d(-150%, 0, 0);







    }















    30% {







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







    }















    80% {







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







    }















    100% {







        -webkit-transform: translate3d(150%, 0, 0);







        transform: translate3d(150%, 0, 0);







    }







}















@keyframes scroll-animation {







    0% {







        -webkit-transform: translate3d(-150%, 0, 0);







        transform: translate3d(-150%, 0, 0);







    }















    30% {







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







    }















    80% {







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







    }















    100% {







        -webkit-transform: translate3d(150%, 0, 0);







        transform: translate3d(150%, 0, 0);







    }







}















/* END BUTTON & CTA*/















/* MOUSE SCROLL ICON */















.hero-mouse {







    position: absolute;







    bottom: 40px;







    left: 50%;







    margin-left: -15px;







    text-align: center;







    z-index: 100;







    font-size: 12px;







    text-transform: uppercase;







    color: var(--color-grey);







    font-weight: 600;







    letter-spacing: 1px;







    z-index: 3;







    display: none;







}















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







    .no-touch .hero-mouse {







        display: block;







    }







}















.hero-mouse h3 {







    margin-left: -14px;







    padding-top: 15px;







}















.mouse-icon {







    width: 18px;







    height: 30px;







    border-radius: 15px;







    position: relative;







    border: 1px solid var(--color-grey);







    text-align: center;







}















.mouse-icon span {







    width: 2px;







    height: 5px;







    margin: 2px auto 0;







    display: block;







    background: var(--color-grey);







    border-radius: 5px;







    -webkit-animation: 1.2s ease infinite wheel-up-down;







    animation: 1.2s ease infinite wheel-up-down;







}















@-webkit-keyframes wheel-up-down {







    0% {







        margin-top: 2px;







        opacity: 0;







    }















    30% {







        opacity: 1;







    }















    100% {







        margin-top: 10px;







        opacity: 0;







    }







}















@keyframes wheel-up-down {







    0% {







        margin-top: 2px;







        opacity: 0;







    }















    30% {







        opacity: 1;







    }















    100% {







        margin-top: 10px;







        opacity: 0;







    }







}















/* MOUSE SCROLL ICON END */















.bg-img {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    z-index: -2;







    -o-object-position: center 25%;







    object-position: center 25%;







    opacity: 1;







}















.text-xl_background_dark.parallax-text {







    position: absolute;







    left: 0;







    top: 0;







    -webkit-transform: translate3d(0, -70%, 0);







    transform: translate3d(0, -70%, 0);







    z-index: -1;







    white-space: nowrap;







}















ul li {







    line-height: initial;







}















.slider-controls {







    z-index: 1;







}















.slider-controls .button:not(#CybotCookiebotDialog button) {







    background-color: var(--color-black-90);







}















.contact .mappa {







    /* display: none; */







    width: 100%;







}















.contact .modal {







    height: auto;







}















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







    .contact .mappa {







        display: block;







        width: 60%;







    }







}















#saveFor {







    margin-left: auto;







}















/* TYPOGRAPHY */















h1,







h2,







h3,







h4,







h5,







h6,







p,







a {







    margin: 0;







    padding: 0;







    color: var(--color-white);







    line-height: 1.15;







}















a,







a:hover,







a:active,







a:focus {







    text-decoration: none;







    outline: none;







}















button:not(#CybotCookiebotDialog button),







.button {







    outline: none;







}















body {







    text-rendering: optimizeLegibility;







    -webkit-font-smoothing: antialiased;







    -moz-osx-font-smoothing: grayscale;







    -webkit-font-feature-settings: 'liga', 'kern';







    font-feature-settings: 'liga', 'kern';







    -webkit-font-variant-ligatures: none;







    font-variant-ligatures: none;







}















.text-xl_hero_primary {







    font-family: var(--font-serif);







    font-size: 2.5rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.28;







    letter-spacing: 0.05rem;







    color: var(--color-grey-light);







}















.text-xl_hero_primary span {







    font-size: .7em;







}















.text-xl_hero {







    font-family: var(--font-serif);







    font-size: 2.7rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.1;







    color: var(--color-grey-light);







}































.text-xl_background_dark {







    font-family: var(--font-serif);







    font-size: 6.75rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    color: var(--color-black-light);







}















.hotel .text-xl_background_dark {







    color: var(--color-black);







}















.hotel .houses-new-modal {







    display: none;







}















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







    .text-xl_background_dark {







        font-size: 18.75rem;







        letter-spacing: -17.7px;







    }







}















.text-xl_hero_dark_primary {







    font-family: var(--font-serif);







    font-size: 5.5rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1;







    letter-spacing: 2.4px;







    color: var(--color-bronze);







}















.text-xl_main-title_dark {







    font-family: var(--font-serif);







    font-size: 4rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.25;







    letter-spacing: 1px;







    color: var(--color-grey-light);







}















.text-xl_big_quote {







    font-family: var(--font-serif);







    font-size: 2rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.33;







    letter-spacing: normal;







    color: var(--color-grey-dark);







}















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







    .text-xl_big_quote {







        font-size: 3rem;







    }







}















.text-xl_sub-title {







    font-family: var(--font-serif);







    font-size: 3rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.5;







    letter-spacing: normal;







    color: var(--color-grey-light);







}















.text-xl_cards_title {







    font-family: var(--font-serif);







    font-size: 2.625rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 0.76;







    letter-spacing: normal;







    color: #ffffff;







}















.text-xl_small-title {







    font-family: var(--font-serif);







    font-size: 2.25rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.33;







    letter-spacing: normal;







    color: var(--color-grey-light);







}















.text-xl_small-title_left-primary {







    font-family: var(--font-serif);







    font-size: 2.25rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.17;







    letter-spacing: 0.5px;







    color: var(--color-bronze);







}















.text-xl_small-title_dark {







    font-family: var(--font-serif);







    font-size: 2.25rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.33;







    letter-spacing: -0.1px;







    color: var(--color-grey-light);







}















.text-xl_general-giant {







    font-family: var(--font-sans);







    font-size: 1.5rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 1px;







    color: var(--color-bronze);







}















.text-xl_footer_dark {







    font-family: var(--font-serif);







    font-size: 1.5rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1;







    letter-spacing: normal;







    color: var(--color-grey-light);







}















.text-xl_general-big {







    font-family: var(--font-sans);







    font-size: 1.125rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.78;







    letter-spacing: 0.027rem;







    color: var(--color-grey);







}















.text-xl_news-title {







    font-family: var(--font-sans);







    font-size: 1rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 0.2px;







    color: var(--color-bronze);







}















.text-xl_news-title-big {







    font-family: var(--font-sans);







    font-size: 1.375rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 0.2px;







    color: var(--color-white);







}















.text-xl_general {







    font-family: var(--font-sans);







    font-size: 1rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.63;







    letter-spacing: 0.3px;







    color: #ffffff;







}















.text-sm_hero_dark_primary {







    font-family: var(--font-serif);







    font-size: 4.5rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.18;







    letter-spacing: 0.4px;







    color: var(--color-bronze);







}















.text-sm_hero_dark_left {







    font-family: var(--font-serif);







    font-size: 3.25rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.18;







    letter-spacing: 0.4px;







    color: var(--color-grey-light);







}















.text-sm_main-title_dark {







    font-family: var(--font-serif);







    font-size: 3rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.17;







    letter-spacing: 0.7px;







    color: var(--color-grey-light);







}















.text-sm_sub-title_dark {







    font-family: var(--font-serif);







    font-size: 2.375rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.89;







    letter-spacing: normal;







    color: var(--color-grey-light);







}















.text-sm_small-title_dark {







    font-family: var(--font-serif);







    font-size: 2rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.44;







    letter-spacing: 0px;







    color: var(--color-grey-light);







}















.text-sm_small-title_dark_dark_center {







    font-family: var(--font-serif);







    font-size: 2rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.44;







    letter-spacing: 0px;







    text-align: center;







    color: var(--color-grey-light);







}















.text-sm_small-title_dark {







    font-family: var(--font-serif);







    font-size: 2rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.31;







    letter-spacing: 0px;







    text-align: center;







    color: var(--color-grey-light);







}















.text-sm_general-giant {







    font-family: var(--font-sans);







    font-size: 1.3125rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 0.9px;







    color: var(--color-bronze);







}















.text-sm_general {







    font-family: var(--font-sans);







    font-size: 1rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.81;







    letter-spacing: 0.3px;







    color: #ffffff;







}















.text-xl_news-general {







    font-family: var(--font-sans);







    font-size: 0.875rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: 1.43;







    letter-spacing: 0.3px;







    color: var(--color-grey);







}















.text-xl_horizontal {







    font-family: var(--font-sans);







    font-size: .8125rem;







    font-weight: normal;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 0.9px;







    text-align: center;







    color: #ffffff;







}















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







    .text-xl_hero {







        font-size: 2.8rem;







        line-height: 4.3rem;







    }







}















/*@media screen and (min-width:1440px) {







    .text-xl_hero_primary {







        font-size: 4.5rem;







        line-height: 1.28;







    }















    .text-xl_hero {







        font-size: 4rem;







    }







}*/















.nav-link {







    font-family: var(--font-sans);







    font-size: .75rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 1px;







    text-align: center;







    color: var(--color-bronze);







    text-transform: uppercase;







    text-decoration: none;







    padding: 0;







    cursor: pointer;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.nav-secondary-link.own-a-house {







    border: 1px solid var(--color-bronze);







    padding: 8px 24px;







    color: var(--color-bronze);







}















/*.nav-secondary-link.own-a-house:hover {







    background-color: var(--color-bronze);







    color: var(--color-white);







}*/















.nav-link:last-child {







    margin-right: 0;







}















/* MAIN NAV */















/* nav {







    z-index: 99999999;







} */















nav.main {







    position: fixed;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    top: 0;







    left: 0;







    -ms-flex-line-pack: center;







    align-content: center;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    width: 100%;







    padding: 0 32px;







    z-index: 9999999;







    background-color: var(--color-black-90);







}















nav.main .elements-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    height: 64px;







}















nav.main .logo-full {







    position: absolute;







    left: 50%;







    top: 24px;







    -webkit-transform: translate3d(-50%, -150%, 0);







    transform: translate3d(-50%, -150%, 0);







    width: 130px;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    opacity: 0;







}















nav.main .logo-full img {







    width: 100%;







}















nav.main.sticky .logo-full {







    opacity: 0;







    -webkit-transform: translate3d(-50%, -100%, 0);







    transform: translate3d(-50%, -100%, 0);







}















.hasSubmenu nav.main .logo-full {







    opacity: 0;







    -webkit-transform: translate3d(-50%, -100%, 0);







    transform: translate3d(-50%, -100%, 0);







}















nav.main .logo {







    line-height: 0;







    opacity: 1;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















nav.main .logo img {







    height: 25px;







}















nav.main.sticky {







    background-color: var(--color-black-90);







}















nav.submenu.sticky {







    background-color: rgba(26, 26, 26, .6);







}















nav.main.sticky .logo {







    opacity: 1;







    -webkit-transition-delay: .3s;







    transition-delay: .3s;







    /*-webkit-transform: translate3d(38%, 0, 0);







    transform: translate3d(38%, 0, 0);*/







}















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







    nav.main .logo {







        position: absolute;







        left: 50%;







        transform: translate3d(-50%, 0, 0);







    }







}















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







    nav.main.sticky .logo {







        -webkit-transform: translate3d(15%, 0, 0);







        transform: translate3d(15%, 0, 0);







    }







}















.hasSubmenu nav.main {







    background-color: var(--color-black-90);







}















.hasSubmenu nav.submenu {







    background-color: var(--color-black-80);







}















.hasSubmenu nav.main .logo {







    opacity: 1;







    -webkit-transition-delay: .3s;







    transition-delay: .3s;







    /* transform: translate3d(0, 0, 0); */







}















nav.main .nav-link-container {







    height: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    cursor: pointer;







    padding: 16px;







}















nav.main .nav-link-container.mark {







    height: 36px;







    background-color: transparent;







    padding: 0;







    margin-left: 32px;







    -webkit-transition: var(--timing-normal);







    transition: var(--timing-normal);







    min-width: 145px;







}















nav.main .nav-link-container.mark:after {







    content: '';







    top: 50%;







    left: 50%;







    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);







    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);







    background-color: transparent;







    border: 2px solid var(--color-bronze);







    width: calc(100% - 3px);







    height: calc(100% - 3px);







    opacity: 1;







}















nav.main .nav-link-container.mark a {







    width: 100%;







    height: 100%;







    display: flex;







    align-items: center;







    justify-content: center;







}















nav.main .nav-container-right .nav-link-container {







    display: none;







}















.no-touch nav.main .nav-link-container.mark:hover:after {







    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);







    transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);







    opacity: 1;







}















.no-touch nav.main .nav-link-container.mark:hover {







    background-color: var(--color-bronze);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    -webkit-transition-delay: .3s;







    transition-delay: .3s
}















nav.main .nav-link-container:mark .nav-link {







    color: var(--color-bronze);







}















.no-touch nav.main .nav-link-container.mark:hover .nav-link {







    color: var(--color-white);







}















nav.main .nav-link-container {







    overflow: hidden;







    position: relative;







}















nav.main .nav-link-container:after {







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    background-color: var(--color-black-light);







    width: 100%;







    height: 100%;







    z-index: 0;







    -webkit-transform: translate3d(0, 100%, 0);







    transform: translate3d(0, 100%, 0);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    opacity: .5;







}















.no-touch nav.main .nav-link-container:hover:after {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















.no-touch nav.main .nav-link-container:hover .nav-link {







    color: var(--color-white);







    z-index: 1;







}















nav.main .nav-link-container.active:after {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















nav.main .nav-link-container.active .nav-link {







    color: var(--color-white);







    z-index: 1;







}















.toggle-nav {







    margin-right: 32px;







    position: relative;







    width: 25px;







    height: 20px;







    overflow: hidden;







    cursor: pointer;







}















.toggle-nav span {







    position: absolute;







    top: 0;







    left: 0;







    width: 25px;







    height: 2px;







    background-color: var(--color-bronze);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.toggle-nav span:nth-child(2) {







    top: 50%;







    -webkit-transform: translate3d(-5px, -1px, 0);







    transform: translate3d(-5px, -1px, 0)
}















.toggle-nav:hover span:nth-child(2) {







    -webkit-transform: translate3d(0, -1px, 0);







    transform: translate3d(0, -1px, 0)
}















.toggle-nav span:nth-child(3) {







    top: auto;







    bottom: 0;







    -webkit-transform: translate3d(-10px, 0, 0);







    transform: translate3d(-10px, 0, 0)
}















.toggle-nav:hover span:nth-child(3) {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0)
}















/* END MAIN NAV */















/* SEC NAV */















nav.secondary {







    position: fixed;







    z-index: 999999999;







    width: 100%;







    max-width: 600px;







    height: 100vh;







    top: 0;







    left: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    background-color: var(--color-black-light);







    -webkit-transition: var(--timing-normal);







    transition: var(--timing-normal);







    -webkit-transform: translate3d(-120%, 0, 0);







    transform: translate3d(-120%, 0, 0);







    overflow: hidden;







}















.secondary-nav-open nav.secondary {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    overflow: auto;







}















.close-secondary-nav {







    position: absolute;







    top: 34px;







    right: 32px;







    width: 20px;







    height: 20px;







    fill: var(--color-bronze);







    z-index: 999;







    cursor: pointer;







}















.nav-secondary-title {







    position: relative;







    width: 100%;







}















.nav-secondary-title:after {







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 1px;







    background-color: var(--color-bronze);







}















nav.secondary .logo-full {







    position: absolute;







    top: 80px;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    height: 100px;







    width: auto;







}















nav.secondary .frame {







    position: absolute;







    top: 40px;







    left: 40px;







    width: calc(100% - 80px);







    height: calc(100% - 80px);







    z-index: -1;







}















.links-list {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    margin: 32px;







    width: 100%;







    max-width: 500px;







}







.links-list.mobile {







    margin: 80px 32px 80px 32px;







}







.links-list.desktop {







    display: none;







}















.nav-secondary-link {







    font-family: var(--font-sans);







    font-size: 1.3rem;







    letter-spacing: .06rem;







    color: var(--color-grey);







    margin-bottom: 18px;







    /* -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast); */







}















.nav-secondary-link.link-cta {







    text-transform: uppercase;







    color: var(--color-bronze);







    padding: 8px 16px;







    border: 1px solid var(--color-bronze);







    font-size: 1rem;







    position: relative;







    padding-right: 30px;







}















.nav-secondary-link.has-submenu-new {







    position: relative;







}















/*.nav-secondary-link.has-submenu-new:after {







    content: "";







    position: absolute;







    width: 15px;







    height: 15px;







    background-image: url(../img/arrow-new-menu.svg);







    top: 0;







    right: 0;







}*/















.no-touch .nav-secondary-link:hover {







    color: var(--color-bronze);







}















nav.secondary .close-nav {







    position: absolute;







    right: 80px;







    top: 80px;







    font-family: var(--font-sans);







    font-size: 1rem;







    letter-spacing: .25rem;







    cursor: pointer;







}















nav.secondary .instagram-nav {







    position: absolute;







    right: 40px;







    bottom: 40px;







    width: 64px;







    height: 64px;







    background-color: var(--color-bronze);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-transform-origin: right center;







    transform-origin: right center
}















nav.secondary .close-nav p {







    color: var(--color-grey);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast)
}















nav.secondary .close-nav:hover p {







    color: var(--color-bronze);







}















/* .nav-secondary-link:first-child {







    margin-top: 80px;







} */















.nav-secondary-link:last-child {







    margin-bottom: 0;







}















/* END SEC NAV */















/* START NAV SUBMENU */















nav.submenu {







    position: fixed;







    top: 80px;







    left: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -ms-flex-line-pack: center;







    align-content: center;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    width: 100%;







    padding: 0 8px;







    z-index: 999999;







    /* display: none; */







    overflow: auto;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















nav.subsubmenu {







    position: fixed;







    width: 100%;







    top: 50%;







    left: auto;







    right: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    background-color: var(--color-black-80);







    width: auto;







    height: auto;







    padding: 16px;







    -webkit-transform: translate3d(100%, -50%, 0);







    transform: translate3d(100%, -50%, 0);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    display: none;







    z-index: 999999;







}















nav.subsubmenu.show {







    -webkit-transform: translate3d(0, -50%, 0);







    transform: translate3d(0, -50%, 0);







}















nav.submenu .nav-container-right,







nav.subsubmenu .nav-container-right {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    height: auto;







}















nav.submenu .nav-container-right {







    padding: 0 40px;







}















nav.subsubmenu .nav-container-right {







    -webkit-box-align: stretch;







    -ms-flex-align: stretch;







    align-items: stretch;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    /* background-color: var(--color-black-70); */







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    height: auto;







}















nav.submenu .you-are-here {







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    /* height: 48px; */







    /* display: none; */







    font-weight: bold;







    letter-spacing: 1px;







    text-transform: uppercase;







    line-height: normal;







    position: -webkit-sticky;
    /* Safari */







    position: sticky;







    top: 0;







    left: 0;







}















nav.submenu .you-are-here:after {







    content: '';







    display: none;







}















nav.submenu .nav-link-container,







nav.subsubmenu .nav-link-container {







    height: 100%;







    position: relative;







}















nav.submenu .nav-link,







nav.subsubmenu .nav-link {







    color: var(--color-grey);







}















nav.submenu .nav-link-container,







nav.subsubmenu .nav-link-container {







    margin-right: 20px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-flex: 0;







    -ms-flex: 0 0 auto;







    flex: 0 0 auto;







}















nav.subsubmenu .nav-link-container {







    margin-right: 16px;







}















nav.submenu .nav-link-container:last-child,







nav.subsubmenu .nav-link-container:last-child {







    margin-right: 0;







}















nav.submenu .nav-link:after,







nav.subsubmenu .nav-link:after {







    content: '';







    position: absolute;







    left: 0;







    bottom: -8px;







    height: 1px;







    width: 100%;







    background-color: var(--color-white);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    -webkit-transform: scale3d(0, 0, 0);







    transform: scale3d(0, 0, 0);







    -webkit-transform-origin: left center;







    transform-origin: left center;







}















.no-touch nav.submenu .nav-link:hover:after {







    -webkit-transform: scale3d(1, 1, 1);







    transform: scale3d(1, 1, 1);







}















nav.submenu .nav-link.active:after {







    -webkit-transform: scale3d(1, 1, 1);







    transform: scale3d(1, 1, 1);







}















nav.subsubmenu .nav-link-container {







    margin: 0;







    text-align: right;







    height: auto;







    -webkit-writing-mode: vertical-rl;







    -ms-writing-mode: tb-rl;







    writing-mode: vertical-rl;







    text-orientation: mixed;







}















nav.subsubmenu .nav-link-container a {







    margin-left: auto;







    margin-bottom: 16px;







}















nav.subsubmenu .nav-link-container:last-child a {







    margin-bottom: 0;







}















.you-are-here>* {







    font-family: var(--font-sans);







    font-size: 0.8rem;







    padding-left: 32px;







    position: relative;







    font-weight: 400;







}















nav.submenu .nav-container-right,







.you-are-here {







    margin-bottom: 8px;







    margin-top: 8px;







}















/* END NAV SUBMENU */







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







    /* nav.submenu .nav-link {







        font-size: 0.75rem;







    } */





    nav.submenu {

        top: 64px;

    }





    nav.submenu .you-are-here {







        position: relative;







    }







}















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







    nav.secondary {







        width: 100%;







        /* max-width: 500px; */







        height: 100%;







        left: 0;







        background-color: var(--color-black);







        -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);







        box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.5);







        top: 0;







        align-items: flex-start;







        padding-top: 100px;







    }















    nav.main.sticky .logo {







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







    }















    .nav-secondary-link {







        font-size: 1.7rem;







        line-height: 2.7rem;







    }







    .nav-secondary-link.proposals {







        margin-bottom: 5px;







    }







    .sub-sub-link {







        padding-left: 30px;







        font-size: 1rem;







        position: relative;







        margin-bottom: 5px;







    }







    .sub-sub-link:after {







        content: "";







        position: absolute;







        top: 50%;







        left: 0;







        background-color: var(--color-bronze);







        height: 2px;







        width: 14px;







    }







    .main-houses-nav .nav-secondary-link,







    .main-hotel-nav .nav-secondary-link,







    .main-about-nav .nav-secondary-link,







    .main-offerte-nav .nav-secondary-link,







    .main-art-nav .nav-secondary-link,



    .main-enviroment-nav .nav-secondary-link,



    .main-eat-nav .nav-secondary-link {







        font-size: 1.3rem;







        line-height: 2rem;







    }















    nav.submenu {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







        padding: 0 32px;







        -webkit-box-pack: justify;







        -ms-flex-pack: justify;







        justify-content: space-between;







        -ms-flex-wrap: wrap;







        flex-wrap: wrap;







    }















    nav.subsubmenu {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







        -webkit-box-pack: justify;







        -ms-flex-pack: justify;







        justify-content: space-between;







        -ms-flex-wrap: wrap;







        flex-wrap: wrap;







    }















    nav.submenu .nav-link:after,







    nav.subsubmenu .nav-link:after {







        bottom: 8px;







    }















    nav.submenu .nav-link-container {







        margin-right: 32px;







    }















    nav.submenu .you-are-here {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







        height: 48px;







    }















    nav.main .nav-container-right .nav-link-container {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







    }















    nav.submenu .nav-container-right,







    nav.subsubmenu .nav-container-right {







        height: 48px;







    }















    nav.submenu .nav-container-right,







    .you-are-here {







        margin-bottom: 0;







    }















    .links-list.desktop {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







    }















    .links-list.mobile {







        display: none;







    }















    .you-are-here>* {







        font-size: 1.2rem;







    }







}















@media screen and (min-width:1366px) {







    nav.main .logo-full {







        opacity: 1;







        -webkit-transform: translate3d(-50%, 0, 0);







        transform: translate3d(-50%, 0, 0);







    }















    nav.main .logo {







        opacity: 0;







        -webkit-transform: translate3d(0, -100%, 0);







        transform: translate3d(0, -100%, 0);







    }







}















.you-are-here>*:before {







    content: '';







    position: absolute;







    top: 50%;







    left: 0;







    -webkit-transform: translateY(-50%);







    transform: translateY(-50%);







    width: 24px;







    margin-right: 4px;







    height: 2px;







    background-color: var(--color-bronze);







}















nav.subsubmenu .nav-link.active,







.no-touch nav.subsubmenu .nav-link:hover {







    color: var(--color-bronze);







}















/* FOOTER */















footer {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -ms-flex-pack: distribute;







    justify-content: space-around;







    background-color: var(--color-black);







    padding: 5%;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















footer .credits {







    width: 100%;







    padding: 16px;







    background-color: var(--color-black-light);







}















footer .col {







    width: 90%;







    margin-bottom: 30px;







    margin-top: 30px;







}















footer .col p {







    /* cursor: pointer; */







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















footer .col a {







    display: table;







}















footer .col a:hover {







    color: var(--color-bronze) !important;







}























/* footer .col:last-child {







    width: 90%;







} */















footer .col:nth-child(2),







footer .col:nth-child(3),







footer .col:nth-child(4) {







    display: none;







}















footer .col .text-xl_footer_dark {







    position: relative;







}















footer .col .text-xl_footer_dark:after {







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    width: 24px;







    height: 2px;







    background-color: var(--color-bronze);







    -webkit-transform: translate3d(-40px, 10px, 0);







    transform: translate3d(-40px, 10px, 0)
}















footer form {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.credits {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    padding: 16px;







}















.credits img {







    margin-right: 32px;







}















/* FOOTER END */















/* FORM */















input:not(#CybotCookiebotDialog input).newsletter {







    background: transparent;







    border: none;







    border-bottom: var(--color-grey) solid 1px;







    padding: 8px;







    font-family: var(--font-sans);







    color: var(--color-grey);







    width: 100%;







    outline: none;







    border-radius: 0;







    margin-bottom: 16px;







    margin-right: 2%;







}















input:not(#CybotCookiebotDialog input).newsletter::-webkit-input-placeholder {







    color: var(--color-grey-dark);







}















input:not(#CybotCookiebotDialog input).newsletter:-ms-input-placeholder {







    color: var(--color-grey-dark);







}















input:not(#CybotCookiebotDialog input).newsletter::-ms-input-placeholder {







    color: var(--color-grey-dark);







}















input:not(#CybotCookiebotDialog input).newsletter::placeholder {







    color: var(--color-grey-dark);







}







#submitnewsletter:not(#CybotCookiebotDialog input) {







    text-align: center;







    border: 1px solid var(--color-bronze);







    display: block;







    width: 100%;







    margin-left: 0;







    margin-right: 0;







    padding: 10px 0px;







    background-color: var(--color-bronze);







}















#submitnewsletter:not(#CybotCookiebotDialog input):hover {







    background-color: transparent;







}















/* FORM END */















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







    footer {







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    footer .col {







        width: 40%;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







        -ms-flex-pack: distribute;







        justify-content: space-around;







        margin-bottom: 64px;







        margin-top: 0;







    }















    footer .col:last-child {







        width: 40%;







    }







    footer .col:nth-child(2),







    footer .col:nth-child(3),







    footer .col:nth-child(4) {







        display: block;







    }







}















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















    footer .col:last-child {







        width: 40%;







    }







    input:not(#CybotCookiebotDialog input).newsletter {







        margin-bottom: 0;







    }







}















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







    footer {







        padding: 10%;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    footer .col {







        width: 20%;







        margin-bottom: 0;







    }







    input:not(#CybotCookiebotDialog input).newsletter {







        width: 48%;







    }







    #submitnewsletter:not(#CybotCookiebotDialog input) {







        width: 48%;







    }







}















/* SECTION ALL ACTIVITIES */







.section-all-activities {







    position: relative;







    padding: 5%;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







}















.section-all-activities .bg-black {







    position: absolute;







    top: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    width: 80%;







    height: 100%;







    max-width: 900px;







    background-color: var(--color-black);







    z-index: -2;







}















.hotel .section-all-activities .bg-black {







    background-color: var(--color-black-70);







}















.section-all-activities .single-activity {







    position: relative;







    margin: 10% 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    z-index: 1;







}















.section-all-activities .single-activity .text-container {







    width: 100%;







    max-width: 750px;







}















.section-all-activities .single-activity .text-xl_general-big {







    max-width: 650px;







}















.section-all-activities .single-activity:nth-child(even) .mask {







    -webkit-transform-origin: right top;







    transform-origin: right top;







}















.section-all-activities .single-activity .img {







    width: 110%;







    max-width: 750px;







    z-index: -1;







    position: relative;







    margin-bottom: 32px;







}















.section-all-activities .bg-img {







    display: none;







}















.section-all-activities .single-activity .img img {







    width: 100%;







}















.section-all-activities .single-activity:nth-child(even) .img {







    z-index: -1;







}















.section-all-activities .single-activity .cover-gradient {







    width: 160px;







}















.section-all-activities .single-activity:nth-child(even) .cover-gradient {







    left: 0;







    -webkit-transform: rotate(180deg);







    transform: rotate(180deg);







    right: auto;







}















.section-all-activities .single-activity:nth-child(odd) .img {







    z-index: -1;







}















/* SECTION ALL ACTIVITIES END */















/* RESPONSIVE */















@media screen and (min-width:1180px) {







    .section-all-activities .single-activity {







        -webkit-box-pack: start;







        -ms-flex-pack: start;







        justify-content: flex-start;







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        margin: 5% 0;







    }















    .section-all-activities .single-activity:nth-child(even) {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: reverse;







        -ms-flex-direction: row-reverse;







        flex-direction: row-reverse;







    }















    .section-all-activities .single-activity .img {







        margin-bottom: 0;







        width: 70%;







    }















    .section-all-activities .single-activity:nth-child(even) .img {







        -webkit-transform: translate3d(64px, 0, 0);







        transform: translate3d(64px, 0, 0);







    }















    .section-all-activities .single-activity:nth-child(odd) .img {







        -webkit-transform: translate3d(-64px, 0, 0);







        transform: translate3d(-64px, 0, 0);







    }







    .section-all-activities .single-activity .img {







        max-width: 1000px;







    }







}















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







    .section-all-activities {







        padding: 10%;







    }







    .section-all-activities .single-activity .text-container {







        width: 90%;







    }







}







@media screen and (min-width: 1180px) {







    .section-all-activities .single-activity .text-container {







        max-width: 400px;







    }







    .section-all-activities .single-activity .text-xl_general-big {







        max-width: 400px;







    }







}







.cta-cards-container {







    position: relative;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    width: 100%;







    max-width: 1000px;







    padding: 80px 0 180px 0;







    margin: 0 auto;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    padding: 0 5%;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















.cta-cards-container .bg-black {







    position: absolute;







    top: 50%;







    left: 50%;







    -webkit-transform: translate3d(-50%, -50%, 0);







    transform: translate3d(-50%, -50%, 0);







    background-color: var(--color-black);







    width: 80%;







    height: 50%;







    z-index: -1;







}















.hotel .cta-cards-container .bg-black {







    background-color: var(--color-black-70);







}















.cta-cards-container .card-cta-details {







    width: 100%;







    position: relative;







}















.cta-cards-container .text-container-top,







.cta-cards-container .text-container-bottom {







    padding: 16px 16px 32px 16px;







    margin: 16px 0 0;







}























.cta-cards-container .card-cta-details-tilt:nth-child(even) {







    width: 100%;







    margin-bottom: 96px;







}















.cta-cards-container .card-cta-details-tilt:nth-child(odd) {







    width: 100%;







    max-width: 500px;







}















.cta-cards-container .card-cta-details img {







    width: 100%;







}















.cta-cards-container .cta-secondary {







    position: absolute;







    bottom: 0;







    right: 16px;







    margin: 0;







}















.addmargin {







    margin-top: -80px;







    margin-bottom: 160px
}























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







    .cta-cards-container .card-cta-details-tilt:nth-child(even) {







        width: 70%;







        margin-bottom: 96px;







    }















    .cta-cards-container .card-cta-details-tilt:nth-child(odd) {







        width: 70%;







        max-width: 500px;







    }







}























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







    .cta-cards-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        padding: 0;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    .cta-cards-container .bg-black {







        -webkit-transform: translate3d(-50%, -10%, 0);







        transform: translate3d(-50%, -10%, 0);







        width: 100%;







        height: 120%;







    }















    .cta-cards-container .card-cta-details-tilt:nth-child(odd) .card-cta-details {







        -webkit-transform: translate3d(25%, 25%, 0);







        transform: translate3d(25%, 25%, 0);







        width: 100%;







    }















    .cta-cards-container .card-cta-details-tilt:nth-child(even) {







        width: 35%;







        margin-bottom: 0;







    }















    .cta-cards-container .text-container-top {







        position: absolute;







        top: 0;







        left: 0;







        -webkit-transform: translate3d(-64px, 100%, 0);







        transform: translate3d(-64px, 100%, 0);







        padding: 16px;







        background-color: var(--color-black-90);







        margin: 0;







    }















    .cta-cards-container .text-container-bottom {







        position: absolute;







        bottom: 0;







        left: 0;







        -webkit-transform: translate3d(-64px, -100%, 0);







        transform: translate3d(-64px, -100%, 0);







        padding: 16px;







        background-color: var(--color-black-90);







        margin: 0;







    }















    .cta-cards-container .cta-secondary {







        bottom: 24px;







    }







}































/* CREATIVE CENTER SECTION */















.section-creative-center {







    position: relative;







    padding: 5% 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-creative-center>.text-container {







    background-color: var(--color-black);







    width: 100%;







    max-width: 1000px;







    margin: 0 auto;







    padding-left: 5%;







    padding-right: 5%;







}















.section-creative-center .img-container {







    position: relative;







    width: 90%;







    max-width: 1380px;







}















.section-creative-center .img-container .cover {







    position: absolute;







    width: 100%;







    height: 100%;







    z-index: 1;







    background-image: url(../svg/cover-img.svg);







    background-size: cover;







    background-position: center center;







}















.section-creative-center .img-container img {







    width: 100%;







    z-index: 2;







}















.section-creative-center .img-container .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    z-index: 3;







    padding: 16px;







    margin-bottom: 16px;







    background-color: var(--color-black-90);







    max-width: 600px;







}















.section-creative-center .img-container .text-container .button-cta {







    margin-left: 0;







}















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







    .section-creative-center .img-container .text-container {







        padding: 32px;







    }







}















.section-creative-center img.bg-img {







    position: absolute;







    top: 50%;







    left: 0;







    width: 100%;







    height: 100%;







    -o-object-fit: contain;







    object-fit: contain;







    z-index: -2;







    -o-object-position: center center;







    object-position: center center;







    opacity: 1;







    -webkit-transform: translate3d(0, -50%, 0);







    transform: translate3d(0, -50%, 0)
}















.section-creative-center .cta-details-container {







    position: relative;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    width: 100%;







    max-width: 1000px;







    padding-top: 120px;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-creative-center .cta-details-container .bg-black {







    position: absolute;







    top: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    background-color: var(--color-black);







    width: 100%;







    height: 400px;







    z-index: -1;







}















.hotel .section-creative-center .cta-details-container .bg-black {







    background-color: var(--color-black-70);







}















.section-creative-center .cta-details-container .card-cta-details {







    width: 100%;







    position: relative;







}















.section-creative-center .cta-details-container .card-cta-details-tilt {







    width: 100%;







}















.section-creative-center .cta-details-container .card-cta-details-tilt:nth-child(even) {







    margin-bottom: 96px;







}















.section-creative-center .cta-details-container .card-cta-details-tilt:nth-child(odd) .card-cta-details {







    margin-top: 32px;







}















.section-creative-center .cta-details-container .card-cta-details img {







    width: auto;







    height: auto;







    margin: 0 auto;







    display: block;







}















.section-creative-center .cta-details-container .text-container-top {







    padding: 24px;







    background-color: var(--color-black-90);







    max-width: 600px;







}















.section-creative-center .cta-details-container .text-container-bottom {







    position: absolute;







    bottom: 0;







    left: 0;







    -webkit-transform: translate3d(-64px, -100%, 0);







    transform: translate3d(-64px, -100%, 0);







}















.section-creative-center .cta-details-container .cta-secondary {







    position: absolute;







    bottom: -24px;







    right: 16px;







    margin: 0;







}















/* CREATIVE CENTER SECTION END */







@media screen and (min-width: 1199px) {







    .section-creative-center .img-container .text-container {







        position: absolute;







        left: 10%;







        top: 50%;







        -webkit-transform: translate3d(0, -50%, 0);







        transform: translate3d(0, -50%, 0);







        z-index: 3;







    }















    .section-creative-center .cta-details-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-pack: start;







        -ms-flex-pack: start;







        justify-content: flex-start;







    }















    .section-creative-center .cta-details-container .card-cta-details-tilt {







        width: 100%;







    }















    .section-creative-center .cta-details-container .card-cta-details-tilt:nth-child(even) {







        margin-bottom: 0;







        width: 35%;







        margin-right: 10%;







    }















    .section-creative-center .cta-details-container .card-cta-details-tilt:nth-child(odd) .card-cta-details {







        margin-top: 0;







        -webkit-transform: translate3d(30%, 30%, 0);







        transform: translate3d(30%, 30%, 0);







    }















    .section-creative-center .cta-details-container .text-container-top {







        position: absolute;







        top: 0;







        left: 0;







        -webkit-transform: translate3d(-64px, 100%, 0);







        transform: translate3d(-64px, 100%, 0);







        max-width: 360px;







    }















    .section-creative-center .cta-details-container .cta-secondary {







        bottom: 24px;







    }







    .section-creative-center .cta-details-container .card-cta-details img {







        width: 100%;







        margin: 0;







    }







}















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







    .section-creative-center>.text-container {







        padding-right: 0;







        padding-left: 0;







    }







    .section-creative-center .cta-details-container .card-cta-details-tilt {







        width: auto;







    }







}















.section-features-list {







    position: relative;







    min-height: 100vh;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    padding: 200px 0 100px 0;







}















.section-features-list .text-xl_background_dark.parallax-text {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















.section-features-list .features-list-container {







    width: 100%;







    margin: 0 auto;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-features-list .features-list-container .features-list-column {







    width: 30%;







    background-color: var(--color-black);







    padding: 48px;







    max-width: 400px;







    width: 100%;







    position: relative;







    min-height: 320px;







    margin-bottom: 32px;







}















.section-features-list .features-list-container .features-list-column .text-xl_small-title {







    position: absolute;







    top: 0;







    left: 0;







    -webkit-transform: translate3d(0, -200%, 0);







    transform: translate3d(0, -200%, 0);







    width: 100%;







    padding-left: 32px;







}















.section-features-list .features-list-container .features-list-column.big ul {







    padding-inline-start: 20px;







}















.section-features-list .features-list-container .features-list-column.big:after {







    content: '';







    display: none;







    position: absolute;







    top: 0;







    left: 0;







    width: 56px;







    height: 32px;







    background-color: var(--color-black);







    z-index: -1;







    -webkit-transform: translate3d(-36px, 15px, 0) rotate(-45deg);







    transform: translate3d(-36px, 15px, 0) rotate(-45deg);







}















.section-features-list .features-list-container .features-list-column.big:before {







    content: '';







    display: none;







    position: absolute;







    top: 0;







    right: 0;







    width: 56px;







    height: 32px;







    background-color: var(--color-black);







    z-index: -1;







    -webkit-transform: translate3d(36px, 15px, 0) rotate(45deg);







    transform: translate3d(36px, 15px, 0) rotate(45deg);







}















.section-features-list .features-list-container .features-list-column .features-title {







    position: relative;







}















.section-features-list .features-list-container .features-list-column .features-title:after {







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    width: 100%;







    height: 1px;







    background-color: var(--color-bronze);







}















.section-features-list .features-list-container .features-list-column .features-title:before {







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    width: 99.9%;







    height: 8px;







    margin-bottom: -3px;







    border-left: 1px solid var(--color-bronze);







    border-right: 1px solid var(--color-bronze);







}















@media screen and (min-width:1210px) {







    .section-features-list .features-list-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







    }















    .section-features-list {







        padding: 0;







    }























    .section-features-list .features-list-container .features-list-column.big {







        -webkit-box-shadow: 0 15px 15px 5px rgba(0, 0, 0, .2);







        box-shadow: 0 15px 15px 5px rgba(0, 0, 0, .2);







    }















    .section-features-list .features-list-container .features-list-column {







        margin-bottom: 0;







    }















    .section-features-list .features-list-container .features-list-column.big:after {







        display: block;







    }















    .section-features-list .features-list-container .features-list-column.big:before {







        display: block;







    }







}















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







    .section-features-list {







        padding: 40px 0;







    }







    .summer-days-free-to-roam-at-reschio .section-for-rent-slider {







        padding: 0;







    }







}















.section-general {







    position: relative;







    padding: 0;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







}















.section-general .general-element-with-cta {







    position: relative;







    /* margin-top: 10%; */







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















.section-general .general-element-with-cta .text-container {







    width: 100%;







    max-width: 700px;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    z-index: 2;







    margin-bottom: 32px;







    padding: 5%;







}















.section-general .general-element-with-cta .img {







    position: relative;







    width: 100%;







    max-width: 870px;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    z-index: 1;







}















@media screen and (min-width:1200px) {







    .section-general .general-element-with-cta .img {







        width: 60%;







    }















    .section-general .general-element-with-cta .text-container {







        -webkit-transform: translate3d(-40px, 0, 0);







        transform: translate3d(-40px, 0, 0);







        width: 40%;







        max-width: 435px;







    }















    .section-general .general-element-with-cta .img {







        -webkit-transform: translate3d(40px, 0, 0);







        transform: translate3d(40px, 0, 0);







    }







}















.section-general .general-element-with-cta .img img {







    width: 100%;







}















.section-general .general-element-with-cta .img .cta-secondary {







    position: absolute;







    right: 32px;







    bottom: 32px;







    display: block;







    z-index: 1;







}















/* without cta */















.section-general .general-element {







    position: relative;







    /* margin-top: 10%; */







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}























.section-general .general-element.invert {







    -webkit-box-orient: vertical;







    -webkit-box-direction: reverse;







    -ms-flex-direction: column-reverse;







    flex-direction: column-reverse;







}























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







    .section-general .general-element {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







    }















    .section-general .general-element.invert {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: reverse;







        -ms-flex-direction: row-reverse;







        flex-direction: row-reverse;







    }







}















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







    .section-general {







        padding: 5%;







    }







    .section-general .general-element-with-cta .img {







        width: 90%;







    }







    .section-general .general-element-with-cta .text-container {







        padding: 0;







    }







}















.section-general .general-element .black-bg {







    background-color: var(--color-black);







    width: 60%;







    height: 62%;







    position: absolute;







    z-index: -1;







    bottom: 0;







    -webkit-transform: translate3d(0, 32px, 0);







    transform: translate3d(0, 32px, 0);







    -webkit-transform-origin: left center;







    transform-origin: left center;







}















.section-general .general-element .black-bg.no-img-new {







    width: 100%;







    height: 100%;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







}















.section-general .general-element .img {







    position: relative;







    z-index: 1;







    max-width: 750px;







}















.section-general .general-element .img img {







    width: 100%;







}















.section-general .general-element .text-container {







    padding: 32px;







    max-width: 700px;







}















.general-element-with-cta .cover-gradient.start-left {







    width: 160px;







}















#section-general194 {







    padding-bottom: 0;







}















#section-static-gallery195 {







    padding-top: 0;







}















#section-general194 .black-bg {







    width: 100%;







    -webkit-transform: translate3d(0, 72px, 0);







    transform: translate3d(0, 72px, 0);







}















.section-house-preview {







    padding: 0;







}















.section-house-preview .bg-img {







    -o-object-position: center bottom;







    object-position: center bottom;







}















.house-container {







    width: 100%;







    padding: 32px 0;







    /* max-width: 1000px; */







    position: relative;







}















.section-house-preview .house-container .single-house-preview {







    position: relative;







    text-align: center;







}















.section-house-preview .house-container .single-house-preview .main-img {







    width: 100%;







    max-width: 700px;







}















.section-house-preview .house-container .cta-container {







    text-align: right;







    width: 90%;







}















.section-house-preview .house-container .text-xl_general-giant,







.section-house-preview .house-container .text-xl_hero {







    width: 80%;







    margin: auto;







}















.section-house-preview .house-container .text-xl_background_dark.parallax-text {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0)
}















.section-house-preview .house-container .house-info-container {







    width: 100%;







    max-width: 500px;







    padding: 32px;







    background-color: var(--color-black-90);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    margin: 0 auto;







    text-align: left;







}















.section-house-preview .house-container .house-info-container>p {







    color: var(--color-grey);







}















.section-house-preview .house-container .house-info-container .divider {







    width: 100%;







    height: 1px;







    background-color: var(--color-grey-light);







    margin: 16px 0;







}















.section-house-preview .house-container .house-info-container .short-info-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 100%;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















.section-house-preview .house-container .house-info-container .short-info-element {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    margin-bottom: 32px;







    width: 50%;







}















.section-house-preview .house-container .house-info-container .short-info-element:last-child {







    margin-right: 0;







}















.section-house-preview .house-container .house-info-container .short-info-element>p {







    color: var(--color-grey-light);







    margin-bottom: 8px;







    font-size: .7rem;







}















.section-house-preview .house-container .house-info-container .short-info-element div {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: end;







    -ms-flex-align: end;







    align-items: flex-end;







}















.section-house-preview .house-container .house-info-container .short-info-element div p {







    font-size: .8rem;







}















.section-house-preview .house-container .house-info-container .short-info-element img {







    height: 20px;







    margin-bottom: 16px;







}















.section-house-preview .house-container .cta-scroll {







    bottom: 0;







    right: 0;







    -webkit-transform: translate3d(-100%, 0, 0) rotate(90deg);







    transform: translate3d(-100%, 0, 0) rotate(90deg);







    -webkit-transform-origin: right 0;







    transform-origin: right 0;







    display: none;







}















.section-house-preview:nth-child(even) .house-container .cta-scroll {







    bottom: 0;







    left: 0;







    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);







    transform: translate3d(0, 0, 0) rotate(90deg);







    -webkit-transform-origin: right 0;







    transform-origin: right 0;







}















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







    .house-container {







        padding: 20vh 20vw;







    }















    .house-container:nth-child(odd) {







        -webkit-transform: translateX(-5%);







        transform: translateX(-5%);







    }















    .house-container:nth-child(even) {







        -webkit-transform: translateX(5%);







        transform: translateX(5%);







    }















    .house-container:nth-child(even) .bg-img {







        -webkit-transform: translateX(-5%);







        transform: translateX(-5%);







    }















    .section-house-preview:nth-child(odd) .house-container {







        -webkit-transform: translateX(-5%);







        transform: translateX(-5%);







    }















    .section-house-preview:nth-child(even) .house-container {







        -webkit-transform: translateX(5%);







        transform: translateX(5%);







    }















    .section-house-preview:nth-child(even) .house-container .bg-img {







        -webkit-transform: translateX(-5%);







        transform: translateX(-5%);







    }















    .section-house-preview .house-container .cta-container {







        padding: 32px;







        width: 100%;







    }















    .section-house-preview .house-container .cta-container {







        text-align: right;







        width: 90%;







    }















    .section-house-preview .house-container .house-info-container {







        width: 500px;







        padding: 40px;







        position: absolute;







        bottom: 0;







        left: 72px;







        -webkit-transform: translate3d(0, 80px, 0);







        transform: translate3d(0, 80px, 0)
    }















    .section-house-preview .house-container .single-house-preview .main-img {







        max-width: none;







    }















    .section-house-preview.house-container .cta-scroll {







        display: block;







        padding: 32px;







    }















    .section-house-preview .house-container .house-info-container .short-info-element img {







        height: 25px;







    }















    .section-house-preview .house-container .house-info-container .short-info-element {







        width: auto;







    }







    /* .section-house-preview .house-container .single-house-preview .main-img {







        max-width: 500px;







    } */







    .section-general .general-element .text-container {







        max-width: 500px;







    }







}















/* SECTION INSTAFEED */















.section-instagram {







    position: relative;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    padding: 10vh 0 0 0;







    margin-top: 5%;







    margin-bottom: 0 !important;







}















.section-instagram .section-instagram-header {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    width: 100%;







    -ms-flex-pack: distribute;







    justify-content: space-around;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin-bottom: 64px;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-instagram .section-instagram-header .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-instagram .section-instagram-header .text-container img {







    width: 40px;







    height: 40px;







    margin-right: 16px;







    margin-bottom: 8px;







}















.section-instagram>img {







    width: 100%;







}















.section-instagram .text-xl_background_dark {







    position: absolute;







    top: 0;







    left: 0;







    -webkit-transform: translate3d(0, -10%, 0);







    transform: translate3d(0, -10%, 0);







    z-index: -1;







    width: 100%;







    text-align: center;







}















#instafeed {







    width: 100%;







    position: relative;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















#instafeed>a {







    width: 50%;







    height: 50vw;







    position: relative;







}







#instafeed>a:nth-child(n+11) {







    display: none;







}







/* #instafeed>a:nth-child(11) {







    display: none;







} */















#instafeed>a>img {







    -webkit-transition: var(--timing-normal);







    transition: var(--timing-normal);







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center center;







    object-position: center center
}















.no-touch #instafeed>a:hover>img {







    opacity: .3;







}















/* .no-touch #instafeed>a:hover {







    opacity: 1 !important;







} */















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







    #instafeed>a {







        width: 20%;







        height: 20vw;







    }







}















#instafeed>a .likes-comments-container {







    position: absolute;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    bottom: 0;







}















.likes-comments-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







}















.insta-likes,







.insta-comments {







    position: relative;







}















.insta-likes:after {







    content: attr(data-likes);







    position: absolute;







    top: 50%;







    left: 50%;







    -webkit-transform: translate3d(-50%, -70%, 0);







    transform: translate3d(-50%, -70%, 0);







    font-size: .6rem;







    color: var(--color-white);







    /* font-weight: 700; */







    -webkit-filter: drop-shadow(5px 5px 10px 10px rgba(0, 0, 0, 0.3));







    filter: drop-shadow(5px 5px 10px 10px rgba(0, 0, 0, 0.3));







}















.insta-comments:after {







    content: attr(data-comments);







    position: absolute;







    top: 50%;







    left: 50%;







    -webkit-transform: translate3d(-50%, -70%, 0);







    transform: translate3d(-50%, -70%, 0);







    font-size: .6rem;







    color: var(--color-white);







    /* font-weight: 700; */







    -webkit-filter: drop-shadow(5px 5px 10px 10px rgba(0, 0, 0, 0.3));







    filter: drop-shadow(5px 5px 10px 10px rgba(0, 0, 0, 0.3));







}















.likes-comments-container>div {







    margin-right: 16px;







    margin-bottom: 8px;







    width: 36px;







}















.likes-comments-container>div img {







    width: 100%;







}















/* SECTION INSTAFEED END */















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







    .section-instagram .section-instagram-header {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







    }







}















/* SECTION TYPE A */















.section-type-a {







    position: relative;







    width: 100%;







    /* min-height: 130vh; */







    margin: 50px auto;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-type-a img.bg-img {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    z-index: 0;







    -o-object-position: center 25%;







    object-position: center 25%;







    opacity: 1;







}















.section-type-a .img-hide {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    z-index: 3;







    background-color: var(--color-black-dark);







    -webkit-transform-origin: left bottom;







    transform-origin: left bottom;







    /* display: none; */







}















.section-type-a .section-type-a-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 3;







    position: relative;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-type-a .section-type-a-container>.text-container {







    width: 90%;







    max-width: 340px;







    margin-top: 32px;







    z-index: 3;







}















.section-type-a .section-type-a-container .bg-element {







    position: absolute;







    top: 72px;







    left: 63px;







    width: 100%;







    height: 100%;







    background-color: var(--color-black);







    z-index: -1;







}















@media screen and (min-width:1180px) {







    .section-type-a .section-type-a-container .bg-element {







        left: 72px;







    }







}















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







    .section-type-a .section-type-a-container>.text-container {







        margin-top: 0;







    }















    .section-type-a .text-container .text-xl_hero,







    .section-type-a .text-container .text-xl_general-big {







        -webkit-transform: translate3d(64px, 0, 0);







        transform: translate3d(64px, 0, 0)
    }







}















.section-type-a .text-container .cta-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-type-a .text-container .cta-container a:last-child.cta-secondary {







    padding-top: 12px;







}















.section-type-a .img-container {







    position: relative;







}















.section-type-a .img-container .triangle {







    position: absolute;







    top: 0;







    right: 0;







    width: 100px;







    height: 100px;







    background-color: var(--color-black-dark);







    z-index: -2;







    -webkit-transform-origin: right top;







    transform-origin: right top;







    -webkit-transform: rotate(-40deg);







    transform: rotate(-40deg)
}















.section-type-a .img {







    position: relative;







    overflow: hidden;







}















/* SECTION TYPE A END */















/* RESPONSIVE */















/* media query desktop */















@media screen and (min-width:1481px) {}















/* media query laptop large*/















@media screen and (min-width:1366px) {}















/* media query laptop small*/















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







    .section-type-a .section-type-a-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        max-width: 950px;







    }







}















/* media query tablet landscape */















@media screen and (min-width:769px) {}















/* media query tablet portrait */















@media screen and (min-width:737px) {}















/* media query mobile large */















@media screen and (min-width:321px) {}















/* media query mobile small */















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















/* RESPONSIVE END */







/* SECTION TYPE B */















.section-type-b {







    position: relative;







    width: 90%;







    min-height: auto;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin: 0 auto 32px auto;







    padding: 10% 0;







}















.section-type-b .section-type-b-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 3;







    position: relative;







    width: 100%;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-type-b .section-type-b-container .bg-element {







    position: absolute;







    top: 72px;







    left: 72px;







    width: 100%;







    height: 100%;







    background-color: var(--color-black);







    z-index: -1;







}















.section-type-b .section-type-b-container>.text-container {







    width: 100%;







    max-width: 750px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







}















.section-type-b .section-type-b-container>.vertical-title {







    margin-right: 0;







    display: none;







}















.design .section-type-b .section-type-b-container>.text-container {







    max-width: 520px;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







}















/* .design .section-type-b .section-type-b-container>.text-container>div:nth-child(2) {







    display: none;







} */















.section-type-b .section-type-b-container>.text-container .cta-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-type-b .section-type-b-container>.text-container .text-xl_general {







    max-width: 650px;







}















.design .section-type-b .section-type-b-container>.text-container .text-xl_general {







    max-width: 650px;







}















.section-type-b .img {







    position: relative;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    z-index: -1;







    width: 100%;







    max-width: 750px;







    overflow: hidden;







    -webkit-box-sizing: border-box;







    box-sizing: border-box;







}















.section-type-b .img img {







    width: 100%;







}















.section-type-b .img .text-container {







    z-index: 1;







    padding: 16px;







    background: var(--color-black-90);







}















.section-type-b .img .cta-secondary-arrow {







    z-index: 1;







    display: table;







    margin-right: 0;







    margin-left: auto;







}















.section-type-b .section-type-b-container>.text-container {







    position: relative;







    padding: 12px;







    background-color: var(--color-black);







}















.section-type-b .section-type-b-container>.text-container .triangle {







    position: absolute;







    top: 0;







    right: 0;







    width: 200px;







    height: 200px;







    background-color: var(--color-black-dark);







    z-index: -2;







    -webkit-transform-origin: right top;







    transform-origin: right top;







    -webkit-transform: rotate(-40deg);







    transform: rotate(-40deg);







    display: none;







}















.section-type-b .section-type-b-container>.text-container .text-xl_general-giant {







    position: absolute;







    top: 0;







    left: 32px;







    width: 50%;







    -webkit-transform-origin: left bottom;







    transform-origin: left bottom;







    -webkit-transform: rotate(90deg);







    transform: rotate(90deg);







}















.section-type-b .section-type-b-container>.text-container .text-xl_general-giant:after {







    content: '';







    position: absolute;







    left: 0;







    top: 57%;







    height: 1px;







    width: 100%;







    background-color: var(--color-bronze);







    z-index: -1;







}















.section-type-b .section-type-b-container>.text-container .text-xl_general-giant small {







    background-color: var(--color-black);







    padding-right: 16px;







    z-index: 1;







}















/* SECTION TYPE B SLIDER */















.section-type-b .img .slider-container {







    opacity: 1;







    padding-bottom: 100px;







}















.section-type-b .img .slider-element {







    position: absolute;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    top: 0;







    left: 0;







    z-index: 0;







    opacity: 0;







    /* transform: translate3d(100%,0,0); */







}















.section-type-b .img .slider-element .slider-text .cta-secondary-arrow {







    position: relative;







    bottom: auto;







    right: auto;







}















.section-type-b .img .slider-element .slider-element-img {







    width: 100%;







    /* height: 100%; */







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    max-height: 650px;







}















.section-type-b .img .slider-element:first-child {







    z-index: 2;







    opacity: 1;







    position: static;







}















.section-type-b .img .text-container.slider-text {







    z-index: 3;







    text-align: left;







    left: 5%;







}















.section-type-b .img .text-container.slider-text p {







    max-width: 500px;







}















.section-type-b .img .slider-controls {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    z-index: 3;







    position: absolute;







    right: 0;







    top: 0;







}















.section-type-b .img .slider-controls .button {







    width: 72px;







    height: 72px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    background-color: var(--color-black-90);







    margin: 0;







    cursor: pointer;







    position: relative;







}















.section-type-b .img .slider-controls .button img {







    width: auto;







}















.section-type-b .img .slider-controls .next-button img {







    -webkit-transform: rotate(180deg);







    transform: rotate(180deg);







}















/* SECTION TYPE B END */















/* RESPONSIVE */















/* media query desktop */















@media screen and (min-width:1481px) {







    .section-type-b .img {







        -webkit-transform: translate3d(-130px, 80px, 0);







        transform: translate3d(-130px, 80px, 0);







    }







}















/* media query laptop large*/















@media screen and (min-width:1921px) {







    .section-type-b .img {







        -webkit-transform: translate3d(0, 80px, 0);







        transform: translate3d(0, 80px, 0);







        width: 50%;







        max-width: 800px;







    }







}















@media screen and (min-width:1366px) {







    .section-type-b .section-type-b-container>.text-container {







        padding: 64px;







    }















    .section-type-b .section-type-b-container>.vertical-title {







        margin-right: 64px;







    }















    .section-type-b .section-type-b-container>.text-container .text-xl_general-giant {







        top: 40px;







        left: 72px;







        width: 50%;







    }















    .section-type-b .img {







        -webkit-transform: translate3d(-80px, 80px, 0);







        transform: translate3d(-80px, 80px, 0);







    }















    .section-type-b .img .text-container {







        width: 50%;







    }







}















/* media query laptop small*/







@media screen and (min-width: 1199px) {







    .section-type-b {







        min-height: 130vh;







        padding: 0;







    }







    .section-type-b .img .cta-secondary-arrow {







        bottom: 12px;







        position: absolute;







        right: 64px;







    }







    .section-type-b .img .cta-secondary-arrow {







        position: absolute;







        bottom: 32px;







        right: 64px;







    }







}















@media screen and (min-width: 811px) {







    .section-type-b .section-type-b-container>.text-container .text-xl_general {







        max-width: 330px;







    }















    .design .section-type-b .section-type-b-container>.text-container .text-xl_general {







        max-width: 450px;







    }







    .section-type-b .section-type-b-container>.text-container {







        max-width: 460px;







    }







    .section-type-b .img {







        max-width: 460px;







    }







}















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







    .section-type-b .section-type-b-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    .section-type-b .section-type-b-container>.text-container .triangle {







        display: block;







    }















    .section-type-b .img {







        -webkit-transform: translate3d(0, 80px, 0);







        transform: translate3d(0, 80px, 0);







        width: 50%;







        max-width: 700px;







    }















    .design .section-type-b .img {







        -webkit-transform: translate3d(0, 80px, 0);







        transform: translate3d(0, 80px, 0);







        width: 50%;







        max-width: 650px;







    }















    .section-type-b .img .text-container {







        position: absolute;







        bottom: 32px;







        left: 32px;







        width: 90%;







        max-width: 410px;







    }















    .section-type-b .img .cta-secondary-arrow {







        position: absolute;







        bottom: 12px;







        right: 64px;







    }















    .section-type-b .img .slider-controls {







        right: 0;







        -webkit-transform: translate3d(0, 0, 0);







        transform: translate3d(0, 0, 0);







        -webkit-box-pack: center;







        -ms-flex-pack: center;







        justify-content: center;







    }















    .section-type-b .img .slider-controls .button {







        margin: 0;







    }















    .section-type-b .img .slider-controls .button:first-child {







        margin-right: 2px;







    }







}















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







    .section-type-b .section-type-b-container>.vertical-title {







        margin-right: 32px;







    }







}















@media screen and (min-width: 811px) {







    .section-type-b .img .slider-element .slider-element-img {







        max-height: none;







    }







}















/* media query tablet landscape */















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







    .section-type-b .img .slider-container {







        padding-bottom: 0;







    }







    .section-type-b .section-type-b-container>.text-container {







        padding: 50px;







    }







    /* .section-type-b .img .slider-controls .button {







        margin: 0 4px;







    } */







}















/* media query tablet portrait */















@media screen and (min-width:737px) {}















/* media query mobile large */















@media screen and (min-width:321px) {}















/* media query mobile small */















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















/* RESPONSIVE END */







/* LANDING HOUSE SECTION */















.section-landing-house {







    position: relative;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: end;







    -ms-flex-align: end;







    align-items: flex-end;







    padding: 0 2%;







}















.section-landing-house .cover {







    opacity: .8;







}















.section-landing-house .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 2;







}















.section-landing-house video,







.section-landing-house img.bg-img {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 60%;







    -o-object-fit: cover;







    object-fit: cover;







    z-index: 0;







    -o-object-position: center bottom;







    object-position: center bottom;







    margin-top: 85px;







}















.section-landing-house .text-container .text-xl_hero_primary {







    position: relative;







}















.section-landing-house .text-container .text-xl_hero_primary:after {







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    height: 2px;







    width: 100%;







    background-color: var(--color-bronze);







    -webkit-transform-origin: left top;







    transform-origin: left top;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    -webkit-transform: scale3d(0, 1, 1);







    transform: scale3d(0, 1, 1);







}















.section-landing-house .text-container .text-xl_hero_primary.animated:after {







    -webkit-transform: scale3d(1, 1, 1);







    transform: scale3d(1, 1, 1);







}















.section-landing-house .info-container {







    width: 100%;







    max-width: 460px;







    /* height: 275px; */







    padding: 16px;







    margin: 0 auto;







    background-color: var(--color-black-90);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    z-index: 2;







}















.section-landing-house .info-container .text-xl_hero_primary {







    font-size: 2.5rem;







}















.section-landing-house .info-container>p {







    color: var(--color-grey);







}















.section-landing-house .info-container .divider {







    width: 100%;







    height: 1px;







    background-color: var(--color-grey-light);







    margin: 24px 0;







}















.section-landing-house .info-container .short-info-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 100%;



    margin-top: 24px;



}















.section-landing-house .info-container .short-info-element {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    margin-right: 24px;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-landing-house .info-container .short-info-element:last-child {







    margin-right: 0;







}















.section-landing-house .info-container .short-info-element>p {







    color: var(--color-grey-dark);







    margin-bottom: 8px;







    font-size: .7rem;







}















.section-landing-house .info-container .short-info-element div {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: end;







    -ms-flex-align: end;







    align-items: flex-end;







}















.section-landing-house .info-container .short-info-element p {







    text-align: center;







    color: var(--color-grey-light);







    margin-top: 8px;







    font-size: .8rem;







}















.section-landing-house .info-container .short-info-element img {







    height: 25px;







    /* margin-right: 8px; */







}















.section-landing-house .more-action-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    z-index: 1;







    margin-top: 32px;







    width: 100%;







}















.section-landing-house .more-action-container a {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin: 0;







    padding: 0 8px 8px 8px;







}















.section-landing-house .more-action-container>a:first-child {







    margin-right: 16px;







}















/* LANDING HOUSE SECTION END */















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







    .section-landing-house .info-container {







        padding: 32px;







    }







}















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







    .section-landing-house {







        padding: 0 10%;







        min-height: 100vh;







    }















    .section-landing-house .info-container {







        width: 100%;







    }















    .section-landing-house video,







    .section-landing-house img.bg-img {







        height: 100%;







    }















    .section-landing-house .info-container {







        bottom: 0;







        right: 10%;







        left: auto;







        -webkit-transform: translate3d(0, -48px, 0);







        transform: translate3d(0, -48px, 0);







        z-index: 2;







        position: absolute;







    }







}















/* LANDING SECTION */















.section-landing {







    position: relative;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    padding: 0;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















.section-landing .vimeo-wrapper {







    width: 100%;







    height: 50vh;







    z-index: -1;







    pointer-events: none;







    overflow: hidden;







    position: relative;







    top: 0;







    left: 0;







}















.section-landing .vimeo-wrapper iframe {







    width: 100vw;







    height: 56.25vw;







    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */







    min-height: 50vh;







    min-width: 177.77vh;







    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */







    position: absolute;







    top: 46%;







    left: 50%;







    -webkit-transform: translate(-50%, -50%);







    transform: translate(-50%, -50%);







}















.section-landing.center {







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







}















.section-landing .cover-img {







    z-index: 2;







}















.section-landing .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 2;







    padding: 32px;







    background-color: var(--color-black-90);







    -webkit-transform-origin: right center;







    transform-origin: right center;







}















.section-landing.center .text-container {







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    padding: 32px;







    background-color: var(--color-black-90);







    -webkit-transform-origin: center center;







    transform-origin: center center;







}















.section-landing .text-container .text-xl_general-big {







    max-width: 500px;







}















.section-landing.center .text-container .text-xl_general-big,







.section-landing.center .text-container .text-xl_hero_primary {







    text-align: center;







}















.section-landing .cover-bg {







    width: 100%;







    height: 100%;







    position: absolute;







    top: 0;







    left: 0;







    z-index: 1;







    background-image: url(../svg/cover-img.svg);







    background-size: cover;







    background-position: center center;







}















.section-landing video,







.section-landing img.bg-img {







    position: relative;







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    z-index: 1;







    margin-top: 125px;







}















/* .section-landing-house video,







.section-landing-house img.bg-img {







    margin-top: 75px;







} */















.section-landing .text-container .text-xl_hero {







    position: relative;







}















.section-landing .text-container .text-xl_general-big {







    position: relative;







}















.section-landing .text-container .text-xl_general-big:after {







    content: '';







    position: absolute;







    bottom: 0;







    left: 0;







    height: 2px;







    width: 80%;







    background-color: var(--color-bronze);







    -webkit-transform: scale3d(0, 1, 1);







    transform: scale3d(0, 1, 1);







    -webkit-transform-origin: left top;







    transform-origin: left top;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.section-landing.center .text-container .text-xl_general-big:after {







    left: 50%;







    -webkit-transform: scale3d(0, 1, 1) translate3d(-50%, 0, 0);







    transform: scale3d(0, 1, 1) translate3d(-50%, 0, 0);







}















.section-landing.animated .text-container .text-xl_general-big:after {







    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);







    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);







}















.section-landing.center.animated .text-container .text-xl_general-big:after {







    -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);







    transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0);







}















.section-landing .text-container .text-xl_hero_primary.underline:after {







    content: '';







    position: absolute;







    bottom: -24px;







    left: 0;







    height: 2px;







    width: 100%;







    background-color: var(--color-bronze);







    -webkit-transform: scale3d(0, 1, 1);







    transform: scale3d(0, 1, 1);







    -webkit-transform-origin: left top;







    transform-origin: left top;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.section-landing.animated .text-container .text-xl_hero_primary.underline:after {







    -webkit-transform: scale3d(1, 1, 1);







    transform: scale3d(1, 1, 1);







}















/* LANDING SECTION END */















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







    /* .section-landing {







        padding: 0 5%;







        min-height: 100vh;







    } */















    .section-landing .vimeo-wrapper iframe {







        top: 50%;







    }







}















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







    .section-landing {







        padding: 0 10%;







        min-height: 100vh;







    }















    .section-landing video,







    .section-landing img.bg-img {







        position: absolute;







        top: 0;







        left: 0;







        height: 100%;







        z-index: 1;







        margin-top: 0;







    }















    .section-landing .vimeo-wrapper {







        height: 100vh;







        position: absolute;







    }















    .section-landing .vimeo-wrapper iframe {







        min-height: 100vh;







    }







}















.things-to-do .section-landing .bg-img {







    -o-object-position: center bottom;







    object-position: center bottom;







}















.modal {







    position: fixed;







    top: 0;







    left: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 100%;







    min-height: 100vh;







    height: 100%;







    background-color: var(--color-black-background);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    -webkit-transform: translate3d(0, 100vh, 0);







    transform: translate3d(0, 100vh, 0);







    border-top: 1px solid var(--color-bronze);







    z-index: 2147483645;







}















.modal.modal-open {







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    overflow: auto;







}















.modal .open-button {







    position: absolute;







    top: 0;







    right: 32px;







    height: 48px;







    min-width: 300px;







    background-color: var(--color-bronze);







    color: var(--color-white);







    text-transform: uppercase;







    font-family: var(--font-sans);







    font-weight: 700;







    border: 0;







    cursor: pointer;







    font-size: .875rem;







    letter-spacing: .2rem;







    -webkit-transform: translate3d(0, 100px, 0);







    transform: translate3d(0, 100px, 0);







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    margin-right: -.2rem;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    display: none;







}















#open-modal-mobile {







    position: fixed;







    bottom: 0;







    left: 0;







    z-index: 999999;







    height: 50px;







    width: 100%;







    background-color: var(--color-bronze);







    color: var(--color-white);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    text-transform: uppercase;







    font-family: var(--font-sans);







}















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







    .modal .open-button {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







    }















    #open-modal-mobile {







        display: none;







    }







}















.show-form-button .open-button {







    -webkit-transform: translate3d(0, -100%, 0);







    transform: translate3d(0, -100%, 0);







}















.modal .modal-content {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: stretch;







    -ms-flex-align: stretch;







    align-items: stretch;







    width: 90%;







    margin: 0 auto;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    padding-top: 0;







    margin-top: 70px;







    /*max-height: 100vh;*/







}















.modal .text-container {







    width: 90%;







}















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







    .modal .text-container {







        width: 30%;







        min-width: 425px;







    }







}















.modal #formcontatti {







    text-align: right;







}















.modal #formcontatti-general-enquiry {







    text-align: right;







}















.modal .form-container {







    width: 100%;







    background-color: var(--color-black);







    padding: 32px 16px;







    max-width: 600px;







}















.form-container .input-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: justify;







    -ms-flex-pack: justify;







    justify-content: space-between;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 100%;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.form-container .field-container {







    position: relative;







    width: 100%;







    margin: 16px auto;







}















.field-container:before {







    content: '';







    position: absolute;







    left: 0;







    bottom: 0;







    width: 100%;







    height: 1px;







    background-color: var(--color-grey-dark);







    z-index: 0;







}















.field-container:after {







    content: '';







    position: absolute;







    left: 0;







    bottom: 0;







    width: 100%;







    height: 1px;







    background-color: var(--color-bronze);







    -webkit-transform-origin: left top;







    transform-origin: left top;







    -webkit-transform: scale3d(0, 0, 0);







    transform: scale3d(0, 0, 0);







    z-index: 1;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.field-container.focus:after {







    -webkit-transform: scale3d(1, 1, 1);







    transform: scale3d(1, 1, 1);







}















input:not(#CybotCookiebotDialog input) {







    border: 0;







    background-color: var(--color-black);







    outline: 0;







    width: 100%;







    padding: 8px 0;







    color: var(--color-white);







}















textarea {







    border: 0;







    background-color: var(--color-black);







    outline: 0;







    width: 100%;







    padding: 8px 0;







    color: var(--color-white);







}















label:not(#CybotCookiebotDialog label) {







    position: absolute;







    top: 50%;







    left: 0;







    color: var(--color-grey-dark);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    height: 16px;







}















.focus label {







    -webkit-transform-origin: left top;







    transform-origin: left top;







    -webkit-transform: scale3d(.8, .8, .8) translate3d(0, -200%, 0);







    transform: scale3d(.8, .8, .8) translate3d(0, -200%, 0);







    color: var(--color-bronze);







}















label.textarea {







    top: 16px;







}















.modal .close-modal {







    position: absolute;







    right: 32px;







    top: 32px;







    font-family: var(--font-sans);







    font-size: 1rem;







    letter-spacing: .25rem;







    cursor: pointer;







}















.modal .close-modal p {







    color: var(--color-grey);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast)
}















.modal .close-modal:hover p {







    color: var(--color-bronze);







}















/*Checkboxes styles*/







.checkbox-container {







    width: 100%;







    padding: 0;







    text-align: left;







    margin-bottom: 8px;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input) {







    display: none;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input)+label {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    position: relative;







    padding-left: 32px;







    padding-top: 2px;







    margin-bottom: 32px;







    color: var(--color-grey-dark) !important;







    cursor: pointer;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    line-height: 1.2;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input)+label a {







    text-decoration: underline;







    color: var(--color-grey-dark);







}















input[type="checkbox"]:not(#CybotCookiebotDialog input)+label a:hover {







    text-decoration: none;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input)+label:before {







    content: '';







    display: block;







    width: 16px;







    height: 16px;







    border: 1px solid var(--color-grey-dark);







    position: absolute;







    left: 0;







    top: 0;







    opacity: .6;







    -webkit-transition: all .12s, border-color .08s;







    transition: all .12s, border-color .08s;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input):checked+label,







input[type="checkbox"]:not(#CybotCookiebotDialog input):checked+label a {







    color: var(--color-bronze) !important;







}















input[type="checkbox"]:not(#CybotCookiebotDialog input):checked+label:before {







    width: 10px;







    top: -5px;







    left: 5px;







    border-radius: 0;







    opacity: 1;







    border: 1px solid var(--color-bronze);







    border-top-color: transparent;







    border-left-color: transparent;







    -webkit-transform: rotate(45deg);







    transform: rotate(45deg);







}















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







    .modal {







        -webkit-box-align: center;







        -ms-flex-align: center;







        align-items: center;







    }















    .modal .form-container {







        margin-left: 5vw;







        padding: 32px;







    }















    .modal .modal-content {







        padding-top: 0;







    }















    .form-container .input-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







    }















    .modal .close-modal {







        right: 80px;







        top: 80px;







    }















    .form-container .field-container {







        margin: 16px;







    }















    .checkbox-container {







        padding: 0 16px;







    }







}















/* SECTION TYPE B */















.section-service-list {







    position: relative;







    width: 90%;







    min-height: 80vh;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin: 0 auto;







}















.section-service-list .service-list-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    z-index: 3;







    position: relative;







    width: 90%;







    margin: 0 auto;







}















.section-service-list .service-list-container .bg-element {







    position: absolute;







    top: 72px;







    left: 72px;







    width: 100%;







    height: 100%;







    background-color: var(--color-black);







    z-index: -1;







}















.section-service-list .service-list-container>.text-container {







    width: 40%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







}















.section-service-list .service-list-container>.text-container .cta-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-service-list .service-list-container>.text-container .text-xl_general {







    max-width: 450px;







}















.section-service-list .service-list {







    position: relative;







    -webkit-transform: translate3d(0, 80px, 0);







    transform: translate3d(0, 80px, 0);







    z-index: -1;







    padding: 64px 80px 64px 64px;







    background-color: var(--color-black-light);







}























.section-service-list .service-list-container>.text-container {







    position: relative;







    padding: 64px;







    background-color: var(--color-black)
}















.section-service-list .service-list-container>.text-container .triangle {







    position: absolute;







    top: 0;







    right: 0;







    width: 200px;







    height: 200px;







    background-color: var(--color-black-dark);







    z-index: -2;







    -webkit-transform-origin: right top;







    transform-origin: right top;







    -webkit-transform: rotate(-40deg);







    transform: rotate(-40deg)
}















.section-service-list .service-list-container>.text-container .text-xl_general-giant {







    position: absolute;







    top: 40px;







    left: 72px;







    width: 50%;







    -webkit-transform-origin: left bottom;







    transform-origin: left bottom;







    -webkit-transform: rotate(90deg);







    transform: rotate(90deg);







}















.section-service-list .service-list-container>.text-container .text-xl_general-giant:after {







    content: '';







    position: absolute;







    left: 0;







    top: 57%;







    height: 1px;







    width: 100%;







    background-color: var(--color-bronze);







    z-index: -1;







}















.section-service-list .service-list-container>.text-container .text-xl_general-giant small {







    background-color: var(--color-black);







    padding-right: 16px;







    z-index: 1;







}















/* SECTION TYPE B SLIDER */















.section-service-list .img .slider-container {







    opacity: 1;







}















.section-service-list .img .slider-element {







    position: absolute;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    top: 0;







    left: 0;







    z-index: 0;







    opacity: 0;







    /* transform: translate3d(100%,0,0); */







}















.section-service-list .img .slider-element .slider-text .cta-secondary-arrow {







    position: relative;







    bottom: auto;







    right: auto;







}















.section-service-list .img .slider-element .slider-element-img {







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







}















.section-service-list .img .slider-element:first-child {







    z-index: 2;







    opacity: 1;







    position: static;







}















.section-service-list .img .text-container.slider-text {







    z-index: 3;







    text-align: left;







    left: 15%;







}















.section-service-list .img .text-container.slider-text p {







    max-width: 500px;







}















.section-service-list .img .slider-controls {







    position: absolute;







    bottom: 0;







    right: 72px;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-service-list .img .slider-controls .button {







    width: 72px;







    height: 72px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    background-color: var(--color-black);







    margin: 0 4px;







    cursor: pointer;







    position: relative;







}















.section-service-list .img .slider-controls .button img {







    width: auto;







}















.section-service-list .img .slider-controls .next-button img {







    -webkit-transform: rotate(180deg);







    transform: rotate(180deg);







}















/* SECTION TYPE B END */















/* RESPONSIVE */















/* media query desktop */















@media screen and (min-width:1481px) {}















/* media query laptop large*/















@media screen and (min-width:1366px) {}















/* media query laptop small*/















@media screen and (min-width:1025px) {}















/* media query tablet landscape */















@media screen and (min-width:769px) {}















/* media query tablet portrait */















@media screen and (min-width:737px) {}















/* media query mobile large */















@media screen and (min-width:321px) {}















/* media query mobile small */















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















/* RESPONSIVE END */







.section-slider-caption {







    position: relative;







    width: 100%;







    overflow: hidden;







    /* min-height: 100vh; */







}















.section-slider-caption>.text-xl_hero {







    width: 80%;







    max-width: 1200px;







    position: relative;







    margin: 0 auto;







    padding: 0 72px;







}















.section-slider-caption>.text-xl_general-big {







    width: 100%;







    max-width: 700px;







    position: relative;







    margin: 0 auto;







    padding: 32px;







}















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







    .section-slider-caption>.text-xl_general-big {







        width: 80%;







        padding: 32px 72px 32px 72px;







    }







}















.section-slider-caption .slider-caption-container {







    width: 100%;







    max-width: 1600px;







    position: relative;







    margin: 0 auto;







}















.single-house .section-slider-caption .slider-caption-container {







    margin: 90px auto;







}















.section-slider-caption .slider-caption-container .cover {







    width: calc(100% - 144px);







    height: calc(100% - 144px);







    top: 72px;







    left: 72px;







    display: none;







}















.section-slider-caption .slider-caption-container .black-bg {







    position: absolute;







    width: 50%;







    height: 100%;







    background-color: var(--color-black);







    right: 0;







    top: 0;







    z-index: -1;







    -webkit-transform: translate3d(50%, 0, 0);







    transform: translate3d(50%, 0, 0);







}















.section-slider-caption .slider-container {







    opacity: 1;







    width: 100%;







    position: relative;







}















.section-slider-caption .slider-element {







    position: absolute;







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    top: 0;







    left: 0;







    z-index: 0;







    opacity: 0;







    padding: 0;







}















.section-slider-caption .slider-element img {







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    max-width: 100%;







}















.section-slider-caption .slider-element:first-child {







    position: relative;







    z-index: 2;







    opacity: 1;







}















.section-slider-caption .slider-element .text-container {







    z-index: 3;







    width: 100%;







    margin-top: 32px;







    padding: 40px 32px 32px 32px;







}















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







    .section-slider-caption .slider-element .text-container {







        max-width: 320px;







        -webkit-transform: translate3d(0, 100px, 0);







        transform: translate3d(0, 100px, 0);







        background-color: var(--color-black-90);







        padding: 32px;







        margin-top: 0;







        display: flex;







        flex-direction: row-reverse;







        text-align: left;







    }















    .single-house .section-slider-caption .slider-element .text-container {







        max-width: 390px;







    }















    .section-slider-caption .slider-element {







        position: absolute;







        width: 100%;







        height: 100%;







        -o-object-fit: cover;







        object-fit: cover;







        -o-object-position: center bottom;







        object-position: center bottom;







        top: 0;







        left: 0;







        z-index: 0;







        opacity: 0;







        padding: 72px;







        display: flex;







        flex-direction: row-reverse;







        text-align: left;







    }







    .section-slider-caption .slider-element img {







        width: 50vh;







        height: 50vh;







    }







}















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







    .section-slider-caption .slider-element img {







        width: 70%;







        height: auto;







    }







}







.section-slider-caption .text-container p {







    max-width: 500px;







}















.section-slider-caption .slider-controls {







    /* position: absolute;







    bottom: 0;







    left: 50%;







    transform: translate3d(-50%, 0, 0); */







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    position: absolute;







    top: 0;







    right: 0;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    z-index: 3;







    width: 104px;







    height: 52px;







    left: auto;







}















.section-slider-caption .slider-controls .button {







    width: 52px;







    height: 52px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin: 0;







    cursor: pointer;







}















.section-slider-caption .slider-controls .next-button img {







    -webkit-transform: rotate(180deg);







    transform: rotate(180deg);







}















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















    .section-slider-caption .slider-controls {







        top: 50%;







        bottom: auto;







        -webkit-transform: translate3d(0, 50%, 0);







        transform: translate3d(0, 50%, 0);







        width: 144px;







        height: 72px;







    }















    .section-slider-caption .slider-controls .button {







        width: 72px;







        height: 72px;







    }







}















.section-slider-fullscreen {







    position: relative;







    width: 100%;







    min-height: 500px;







    overflow: hidden;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-slider-fullscreen .slider-container {







    opacity: .7;







}















.section-slider-fullscreen .slider-element {







    position: absolute;







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center bottom;







    object-position: center bottom;







    top: 0;







    left: 0;







    z-index: 0;







    opacity: 0;







    /* transform: translate3d(100%,0,0); */







}















.section-slider-fullscreen .slider-element:first-child {







    z-index: 2;







    opacity: 1;







    position: relative;







}















.section-slider-fullscreen .text-container {







    z-index: 3;







    text-align: center;







    padding: 24px;







    background-color: var(--color-black-90);







}















.section-slider-fullscreen .text-container p {







    max-width: 500px;







}















.design .section-slider-fullscreen {







    margin-top: 40px;







}















/* .design .section-slider-fullscreen .text-container p {







    max-width: 770px;







} */















.section-slider-fullscreen .slider-controls {







    position: absolute;







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







}















.section-slider-fullscreen .slider-controls {







    position: absolute;







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







}















.section-slider-fullscreen .slider-controls .button {







    width: 52px;







    height: 52px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin: 0 4px;







    cursor: pointer;







}















.section-slider-fullscreen .slider-controls .next-button img {







    -webkit-transform: rotate(180deg);







    transform: rotate(180deg);







}















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







    .section-slider-fullscreen {







        height: 100vh;







    }















    .section-slider-fullscreen .slider-element {







        height: 100%;







    }















    .section-slider-fullscreen .slider-element:first-child {







        position: absolute;







    }















    .section-slider-fullscreen .text-container {







        padding: 32px;







    }















    .section-slider-fullscreen .slider-controls .button {







        width: 72px;







        height: 72px;







    }















}















/* SECTION HOUSES FOR RENT SLIDER */















.section-for-rent-slider {







    position: relative;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    z-index: 1;







    padding-bottom: 10%;







    padding-top: 250px;







}















.section-for-rent-slider .container {







    position: relative;







    width: 100%;







    max-width: 1220px;







    padding: 10% 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-for-rent-slider .container .bg {







    position: absolute;







    width: 120%;







    height: 100%;







    background-color: var(--color-black);







    top: 0;







    right: 0;







    -webkit-transform: translate3d(40%, 0, 0);







    transform: translate3d(40%, 0, 0);







}















.section-for-rent-slider .slider-container>.cta-secondary-arrow {







    position: absolute;







    bottom: 0;







    left: 0;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    text-transform: none;







    font-weight: 400;







    padding: 16px 64px 0 0;







    display: none;







}















.section-for-rent-slider .container .text-container .cta-secondary-arrow.mobile {







    position: relative;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    display: block;







}















.section-for-rent-slider .container .cta-secondary-arrow:before {







    top: 7px;







    bottom: auto;







}















.section-for-rent-slider .container .cta-secondary-arrow:after {







    bottom: auto;







    top: 0;







}















.section-for-rent-slider .container .cta-secondary-arrow.mobile:before {







    bottom: 0;







    top: auto;







}















.section-for-rent-slider .container .cta-secondary-arrow.mobile:after {







    bottom: 0;







    top: auto;







    -webkit-transform: translateY(48%);







    transform: translateY(48%);







}















.section-for-rent-slider .container .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 90%;







    max-width: 415px;







}















.section-for-rent-slider .container .text-xl_background_dark {







    position: absolute;







    left: 0;







    top: 0;







    -webkit-transform: translate3d(-10%, -55%, 0);







    transform: translate3d(-10%, -55%, 0);







    z-index: -1;







    white-space: nowrap;







    display: none;







}















.section-for-rent-slider .houses-list {







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-align: stretch;







    -ms-flex-align: stretch;







    align-items: stretch;







    width: 220px;







    margin-left: 80px;







    display: none;







}















.section-for-rent-slider .houses-list p {







    cursor: pointer;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.no-touch .section-for-rent-slider .houses-list p:hover,







.section-for-rent-slider .houses-list p.active {







    color: var(--color-bronze)
}















.section-for-rent-slider .houses-list .cta-secondary {







    width: 100%;







    margin: 0;







    text-align: center;







}















.section-for-rent-slider .slider-container {







    position: relative;







    width: 80%;







    height: 400px;







}















.section-for-rent-slider .slider-container .slider-element {







    position: absolute;







    width: 100%;







    height: 100%;







    /* min-height: 371px; */







    top: 10%;







    left: 0;







    overflow: hidden;







    opacity: 0;







    z-index: 0;







    -webkit-box-shadow: 10px 0 30px 10px rgba(0, 0, 0, .3);







    box-shadow: 10px 0 30px 10px rgba(0, 0, 0, .3);







    will-change: transform;







}







@media screen and (min-height:700px) {







    .section-for-rent-slider .slider-container .slider-element {







        min-height: 502px;







    }







}







@media screen and (min-width:1200px) {







    .section-for-rent-slider .slider-container .slider-element {







        height: 80%;







    }







}















.section-for-rent-slider .slider-container .slider-element.video {







    max-width: 400px;







}















.no-touch .section-for-rent-slider .slider-container .slider-element.animating {







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.section-for-rent-slider .slider-container .slider-element.active {







    z-index: 3;







    opacity: 1;







}















.section-for-rent-slider .slider-container .slider-element.next-active {







    z-index: 2;







    opacity: 1;







}















.section-for-rent-slider .slider-container .slider-element.next-next-active {







    z-index: 1;







    opacity: 1;







}















.section-for-rent-slider .slider-container .slider-element.hide {







    z-index: 4;







}















.section-for-rent-slider .slider-container .slider-element-img {







    -o-object-fit: cover;







    object-fit: cover;







    width: 100%;







    height: 100%;







    position: relative;







    z-index: 1;







}















.section-for-rent-slider .slider-container .slider-element-img img {







    height: 100%;







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center center;







    object-position: center center;







}















.section-for-rent-slider .slider-container .slider-element video {







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    width: 100%;







    height: 100%;







    position: relative;







    z-index: 1;







}















.section-for-rent-slider .slider-container .slider-element-text {







    position: absolute;







    width: 100%;







    bottom: 0;







    left: 0;







    z-index: 3;







    /* max-width: 400px; */







    padding: 16px;







    -webkit-transform-origin: left center;







    transform-origin: left center;







}















.section-for-rent-slider .slider-container .slider-element-text:before {







    content: '';







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(26, 26, 26, 0.6)), to(rgba(26, 26, 26, 0)));







    background: linear-gradient(to top, rgba(26, 26, 26, 0.6) 50%, rgba(26, 26, 26, 0) 100%);







}















.section-for-rent-slider .slider-container .slider-element-text .text-xl_cards_title {







    font-size: 1.8rem;







}















.section-for-rent-slider .slider-container .slider-element-text .text-xl_general {







    position: relative;







    max-width: none;







    display: none;

    font-size: 0.9rem;





}















.section-for-rent-slider .slider-container .slider-element .slider-element-text {







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.section-for-rent-slider .slider-container .slider-element.hide-text .slider-element-text {







    opacity: 0;







    -webkit-transform: translate3d(0, 100%, 0);







    transform: translate3d(0, 100%, 0);







    z-index: -2;







}















/*







.section-for-rent-slider .slider-container .slider-element-text .text-xl_cards_title:before {







    content: '';







    position: absolute;







    height: 1px;







    width: 32px;







    background-color: var(--color-grey);







    top: 0;







    left: 0;







    transform: translate3d(-40px, 15px, 0);







    display: none;







} */















.section-for-rent-slider .slider-container .slider-element-cover {







    position: absolute;







    width: 100%;







    height: 100%;







    top: 0;







    left: 0;







    z-index: 2;







    background-color: var(--color-black);







    opacity: 0;







    -webkit-transition: var(--timing-normal);







    transition: var(--timing-normal);







}















.section-for-rent-slider .slider-container .slider-element-cover a {







    width: 100%;







    height: 100%;







    position: absolute;







}















.section-for-rent-slider .slider-container .slider-element.hide-text .slider-element-cover {







    opacity: 0;







}















.section-for-rent-slider .slider-container .slider-element.hide-text .slider-element-cover a {







    display: block;







    height: 100%;







}















.section-for-rent-slider .houses-list .single-house {







    position: relative;







    padding-left: 10px;







}















.section-for-rent-slider .houses-list .single-house:before {







    content: '';







    position: absolute;







    top: 50%;







    left: 0;







    width: 24px;







    height: 1px;







    background-color: var(--color-grey-dark);







    -webkit-transform: scale3d(.3, 1, 1) translate3d(-40px, 0, 0);







    transform: scale3d(.3, 1, 1) translate3d(-40px, 0, 0);







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







}















.section-for-rent-slider .houses-list .single-house:hover:before {







    background-color: var(--color-bronze);







    -webkit-transform: scale3d(1, 1, 1) translate3d(-24px, 0, 0);







    transform: scale3d(1, 1, 1) translate3d(-24px, 0, 0);







}















.section-for-rent-slider .slider-container .houses-list .single-house.active:before {







    background-color: var(--color-bronze);







    -webkit-transform: scale3d(1, 1, 1) translate3d(-24px, 0, 0);







    transform: scale3d(1, 1, 1) translate3d(-24px, 0, 0);







}















/* SECTION HOUSES FOR RENT SLIDER END */















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







    .section-for-rent-slider .slider-container {







        position: relative;







        width: 40%;







        max-height: 600px;







        height: auto;







    }















    .section-for-rent-slider .slider-container .slider-element-text .text-xl_general {







        display: block;







    }















    .section-for-rent-slider .slider-container .slider-element-text .text-xl_cards_title {







        font-size: 2.5rem;







    }















    .section-for-rent-slider .slider-container .slider-element-text .text-xl_cards_title:before {







        display: block;







    }















    .section-for-rent-slider .slider-container .slider-element-text {







        width: 100%;







        bottom: 0;







        left: 0;







        padding: 32px;







    }















    .section-for-rent-slider .container .text-xl_background_dark {







        display: block;







    }















}















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







    .section-for-rent-slider .container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-align: stretch;







        -ms-flex-align: stretch;







        align-items: stretch;







    }















    .section-for-rent-slider .slider-container>.cta-secondary-arrow {







        display: block;







    }















    .section-for-rent-slider .container .text-container .cta-secondary-arrow.mobile {







        display: none;







    }















    .section-for-rent-slider .container .text-container>.text-xl_general-giant,







    .section-for-rent-slider .container .text-container>.text-xl_hero,







    .section-for-rent-slider .container .text-container>.text-xl_general-big {







        -webkit-transform: translate3d(-104px, 0, 0);







        transform: translate3d(-104px, 0, 0)
    }















    .section-for-rent-slider .houses-list {







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







    }















    .section-for-rent-slider .container .bg {







        width: 150%;







    }







}















@media screen and (min-width:1600px) {







    .section-for-rent-slider .slider-container {







        max-height: none;







    }







}















.section-static-gallery-super {







    padding: 0;







    border: 1px solid transparent;







}















.section-static-gallery-super .text-xl_hero {







    width: 90%;







    margin: 0 auto;







    max-width: 920px
}















.section-static-gallery-super .text-xl_hero.text-bronze {







    margin-top: 40px;







}















.section-static-gallery-super .black-bg {







    position: absolute;







    width: 100%;







    height: 100%;







    max-width: 1000px;







    top: 0;







    left: 0;







    -webkit-transform: translate3d(-0%, 0, 0);







    transform: translate3d(-0%, 0, 0);







    background-color: var(--color-black);







    z-index: -1;







}















.section-static-gallery-super .float-gallery .cta-scroll {







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, -100%, 0) rotate(90deg);







    transform: translate3d(-50%, -100%, 0) rotate(90deg);







    -webkit-transform-origin: bottom left;







    transform-origin: bottom left;







}















.section-static-gallery-super .float-gallery {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -ms-flex-pack: distribute;







    justify-content: space-around;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    width: 100%;







    margin: 0 auto;







    position: relative;







    z-index: 2;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    padding: 10px 0;







}















.section-static-gallery-super .float-gallery .element-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    width: 100%;







    max-width: 1600px;







    margin-top: 5vh;







    margin-bottom: 5vh;







}















.section-static-gallery-super .float-gallery .element-container:nth-child(odd) {







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-static-gallery-super .float-gallery .text-container {







    width: 90%;







    margin: 0 16px;







}















.section-static-gallery-super .float-gallery .img-container {







    position: relative;







    width: 100%;







}















.section-static-gallery-super .float-gallery .element-container img {







    width: 100%;







    max-width: 800px;







}















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







    .section-static-gallery-super .black-bg {







        width: 50%;







        left: 55%;







    }















    .section-static-gallery-super .float-gallery .element-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    .section-static-gallery-super .float-gallery .element-container:nth-child(odd) {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: reverse;







        -ms-flex-direction: row-reverse;







        flex-direction: row-reverse;







    }















    .section-static-gallery-super .float-gallery .text-container {







        max-width: 550px;







        margin: 0 32px;







    }















    /* .section-static-gallery-super .float-gallery .element-container:nth-child(odd) .text-container {







        text-align: right;







    } */







}







@media screen and (min-width: 811px) {







    .section-static-gallery-super .text-xl_hero {







        width: 80%;







    }







}







@media screen and (min-width: 810px) {







    .section-static-gallery-super .black-bg {







        width: 70%;







        -webkit-transform: translate3d(-50%, 0, 0);







        transform: translate3d(-50%, 0, 0);







    }







}







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







    .section-static-gallery-super .float-gallery {







        width: 80%;







        padding: 48px 0;







    }







    .section-static-gallery-super .text-xl_hero.text-bronze {







        margin-top: 0;







    }







}















.section-static-gallery {







    padding: 0;







    /* padding: 10vh 0; */







}















.section-static-gallery .black-bg {







    position: absolute;







    width: 90%;







    height: 90%;







    max-width: 1000px;







    top: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    background-color: var(--color-black);







}















.section-static-gallery .header {







    position: relative;







    width: 90%;







    margin: 0 auto;







    max-width: 1440px;







}















.section-static-gallery .header .cta-scroll {







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(-10%, 100%, 0) rotate(90deg);







    transform: translate3d(-10%, 100%, 0) rotate(90deg);







    -webkit-transform-origin: bottom left;







    transform-origin: bottom left;







}















.section-static-gallery .float-gallery .cta-scroll {







    bottom: auto;







    top: 43%;







    left: 50%;







    -webkit-transform: translate3d(-10%, 0, 0) rotate(90deg);







    transform: translate3d(-10%, 0, 0) rotate(90deg);







    -webkit-transform-origin: bottom left;







    transform-origin: bottom left;







    display: none;







}















.section-static-gallery .footer .cta-scroll {







    bottom: 0;







    -webkit-transform: translate3d(-10%, -100%, 0) rotate(90deg);







    transform: translate3d(-10%, -100%, 0) rotate(90deg);







}















.section-static-gallery .header img {







    width: 100%;







    height: auto;







}















.section-static-gallery .header .text-container {







    padding: 32px;







}















.section-static-gallery .header .text-container .text-xl_general-big {







    max-width: 470px;







    margin-left: auto;







    margin-right: auto;







}















.section-static-gallery .float-gallery {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -ms-flex-pack: distribute;







    justify-content: space-around;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    width: 80%;







    margin: 5vh auto;







    position: relative;







    z-index: 2;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







}















.section-static-gallery .float-gallery .element-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    width: 100%;







    padding-bottom: 50px;







}















.section-static-gallery .float-gallery .img-container {







    position: relative;







    width: 100%;







}















.section-static-gallery .float-gallery .element-container:nth-child(2) {







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







}















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







    .section-static-gallery .header .text-container {







        position: absolute;







        left: 0;







        top: 50%;







        -webkit-transform: translate3d(0, -50%, 0);







        transform: translate3d(0, -50%, 0);







        margin-left: 72px;







        background-color: var(--color-black-90);







    }







    .section-static-gallery .header .text-container .text-xl_hero {







        text-align: left;







        max-width: 350px;







    }







    .section-static-gallery .header .text-container .text-xl_general-big {







        max-width: 450px;







    }







    .section-static-gallery .float-gallery .cta-scroll {







        top: 50%;







        display: block;







    }















    .section-static-gallery .float-gallery .element-container {







        width: 40%;







        -webkit-box-align: end;







        -ms-flex-align: end;







        align-items: flex-end;







    }















    .section-static-gallery .float-gallery.left .element-container:nth-child(even) {







        margin-top: 25vh;







    }















    .section-static-gallery .float-gallery.right .element-container:nth-child(odd) {







        margin-top: 25vh;







    }















}















.section-static-gallery .float-gallery .element-container .text-xl_small-title,







.section-static-gallery .float-gallery .element-container img {







    width: 100%;







    max-width: 800px;







}















.section-static-gallery .float-gallery .element-container .text-xl_general-giant,







.section-static-gallery .float-gallery .element-container .text-xl_general-big {







    width: 100%;







    max-width: 750px;















}















.section-static-gallery .footer {







    width: 80%;







    margin: 0 auto;







    max-width: 1000px;







}















.section-static-gallery .footer .img-container {







    width: 90%;







    position: relative;







    margin: 0 auto;







}















.section-static-gallery .footer img {







    width: 100%;







    height: auto;







    -webkit-box-shadow: 20px 30px 20px 10px rgba(0, 0, 0, .1);







    box-shadow: 20px 30px 20px 10px rgba(0, 0, 0, .1);







}















.section-static-video-gallery-super {







    padding: 0;







    /* padding: 10vh 0; */







}















.section-static-video-gallery-super>.text-xl_hero,







.section-static-video-gallery-super>.text-xl_general-big {







    width: 80%;







    margin: 0 auto;







    max-width: 920px
}















.section-static-video-gallery-super .black-bg {







    position: absolute;







    width: 70%;







    height: 100%;







    max-width: 1000px;







    top: 0;







    left: 0;







    -webkit-transform: translate3d(-50%, 0, 0);







    transform: translate3d(-50%, 0, 0);







    background-color: var(--color-black);







    z-index: -1;







}















.section-static-video-gallery-super .float-gallery .cta-scroll {







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);







    transform: translate3d(-50%, -50%, 0) rotate(90deg);







    -webkit-transform-origin: bottom left;







    transform-origin: bottom left;







}















.section-static-video-gallery-super .float-gallery {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -ms-flex-pack: distribute;







    justify-content: space-around;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    width: 90%;







    margin: 0 auto;







    position: relative;







    z-index: 2;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    padding: 48px 0;







}















.section-static-video-gallery-super .float-gallery .element-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    width: 100%;







    max-width: 1000px;







    margin-bottom: 5vh;







}















.section-static-video-gallery-super .float-gallery .element-container:last-child {







    margin-bottom: 5vh;







}















.section-static-video-gallery-super .float-gallery .element-container:nth-child(odd) {







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-static-video-gallery-super .float-gallery .text-container {







    width: 90%;







    margin: 0 16px;







}















.section-static-video-gallery-super .float-gallery .img-container {







    position: relative;







}















.section-static-video-gallery-super .float-gallery .element-container img {







    width: 100%;







    /* max-width: 600px; */







}















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







    .section-static-video-gallery-super .black-bg {







        width: 50%;







        left: 55%;







    }















    .section-static-video-gallery-super .float-gallery .element-container {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    .section-static-video-gallery-super .float-gallery .element-container:nth-child(odd) {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: reverse;







        -ms-flex-direction: row-reverse;







        flex-direction: row-reverse;







        -webkit-box-align: start;







        -ms-flex-align: start;







        align-items: flex-start;







    }















    .section-static-video-gallery-super .float-gallery .text-container {







        max-width: 420px;







        margin: 0 32px;







    }







    .section-static-gallery .float-gallery .element-container .text-xl_general-giant,







    .section-static-gallery .float-gallery .element-container .text-xl_general-big {







        width: 100%;







        max-width: 450px;







    }















}















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







    .section-static-video-gallery-super .float-gallery {







        width: 80%;







    }







}















.play-video {







    position: absolute;







    top: 0;







    left: 0;







    z-index: 1;







    width: 100%;







    height: 100%;







    display: none;







}















.play-video svg {







    position: absolute;







    top: 50%;







    left: 50%;







    -webkit-transform: translate3d(-50%, -50%, 0);







    transform: translate3d(-50%, -50%, 0);







    z-index: 1;







    cursor: pointer;







    opacity: .8;







    -webkit-transition: .3s ease-in-out;







    transition: .3s ease-in-out;







}















.no-touch .play-video svg:hover {







    opacity: 1;







}















.play-video svg {







    width: 80px;







    height: 80px;







    fill: var(--color-grey)
}















/* STABLE SECTION */















.section-stables {







    position: relative;







    width: 100%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    z-index: 1;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap
}















.section-stables img.bg-img {







    position: relative;







    width: 100%;







    -o-object-fit: cover;







    object-fit: cover;







}















.section-stables .text-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    width: 100%;







    max-width: 1200px;







    padding: 0 5%;







}















.section-stables .text-container .text-xl_general-big {







    padding: 0 auto;







    margin: 24px auto 40px auto;







}















.section-stables .text-container a {







    margin: 0 auto 0 auto;







}















/* STABLE SECTION END */







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







    .section-stables {







        min-height: 120vh;







    }















    .section-stables .text-container .text-xl_general-big {







        padding: 0 25%;







        margin: 32px auto 80px auto;







    }















    /* .section-stables .text-container a {







        padding: 0 25%;







    } */















    .section-stables img.bg-img {







        position: absolute;







        top: 0;







        left: 0;







        width: 100%;







        height: 100%;







        -o-object-fit: cover;







        object-fit: cover;







        -o-object-position: center center;







        object-position: center center;







        opacity: 1;







    }







}















.section-text-center {







    width: 100%;







    padding: 80px 16px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    text-align: center;







}















.section-text-center .text-xl_hero,







.section-text-center .text-xl_general-giant,







.section-text-center .text-xl_general-big,







.section-text-center .cta-container {







    width: 100%;







    max-width: 750px;







}















.section-text-center .cta-container {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;















}















/* SECTION THINGS WE LOVE */















.section-things-we-love {







    position: relative;







    padding: 10%;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







}















.section-things-we-love .text-xl_sub-title {







    width: 100%;







    max-width: 1156px;







}















.section-things-we-love .grid {







    display: grid;







    grid-gap: 32px;







    grid-template-columns: [col1-start] 90%;







    grid-template-rows: [row1-start] 354px [row2-start] 50px [row6-end];







}















.section-things-we-love .grid .box {







    position: relative;







    padding: 0;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: end;







    -ms-flex-align: end;







    align-items: flex-end;







    cursor: pointer;







    -webkit-transition: var(--timing-normal);







    transition: var(--timing-normal);







}















.no-touch .section-things-we-love .grid:hover .box {







    opacity: .3;







}















.no-touch .section-things-we-love .grid .box:hover {







    opacity: 1 !important;







}















.cta-secondary.small {







    margin-top: auto !important;







    padding: 0;







}















.cta-secondary.small:after {







    display: none;







}















.section-things-we-love .grid .box .bg-dark {







    position: absolute;







    left: 0;







    bottom: 0;







    background-color: var(--color-black);







    width: 100%;







    height: 70%;







    z-index: -1;







}















.section-things-we-love .grid .box p {







    width: 90%;







    margin: 0 auto;







}















.section-things-we-love .grid .box img {







    width: 100%;







    margin: 0 auto;







}















.section-things-we-love .grid .box.a {







    grid-column: col1-start;







    grid-row: row1-start;







    padding: 0;







    position: relative;







}















.section-things-we-love .grid .box.a .text-container {







    width: 100%;







    height: 50%;







    bottom: 16px;







    left: 16px;







    padding: 0 32px;







}















.section-things-we-love .grid .box.a img {







    width: 100%;







    height: 100%;







    -o-object-fit: cover;







    object-fit: cover;







    -o-object-position: center center;







    object-position: center center;







}















.section-things-we-love .grid .box.b {







    grid-column: col1-start;







    grid-row: row2-start;







    display: none;







}















.section-things-we-love .grid .box.c {







    grid-column: col1-start;







    grid-row: row2-start;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: horizontal;







    -webkit-box-direction: normal;







    -ms-flex-direction: row;







    flex-direction: row;







    -webkit-box-align: end;







    -ms-flex-align: end;







    align-items: flex-end;







    -webkit-box-pack: end;







    -ms-flex-pack: end;







    justify-content: flex-end;







    padding: 0;







}















.section-things-we-love .grid .box.c .news-year {







    padding: 16px;







    -webkit-transition: var(--timing-fast);







    transition: var(--timing-fast);







    cursor: pointer;







    display: none;







}















.no-touch .section-things-we-love .grid .box.c .news-year:hover {







    background-color: var(--color-black-dark);







}























.section-things-we-love .grid .box.d {







    grid-column: col1-start;







    grid-row: row3-start;







    display: none;







}















.section-things-we-love .grid .box.e {







    grid-column: col1-start;







    grid-row: row4-start;







    display: none;







}















.section-things-we-love .grid .box.f {







    grid-column: col1-start;







    grid-row: row5-start;







    display: none;







}















/* SECTION THINGS WE LOVE END */















/* RESPONSIVE */







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







    .section-things-we-love .grid .box {







        padding: 0 16px 16px 16px;







        -webkit-box-pack: start;







        -ms-flex-pack: start;







        justify-content: flex-start;







    }















    .section-things-we-love .grid .box.a .text-container {







        position: absolute;







        background-color: var(--color-black-90);







        width: calc(100% - 32px);







        height: 50%;







        bottom: 16px;







        left: 16px;







        padding: 0 32px;







    }















    .section-things-we-love .grid .box p {







        width: 100%;







        margin: auto;







    }















    .section-things-we-love .grid {







        grid-template-columns: [col1-start] 240px [col2-start] 240px [col2-end];







        grid-template-rows: [row1-start] 354px [row2-start] 354px [row3-start] 354px [row4-start] 50px [row4-end];







    }















    .section-things-we-love .grid .box.b,







    .section-things-we-love .grid .box.d,







    .section-things-we-love .grid .box.e,







    .section-things-we-love .grid .box.f {







        display: block;







    }















    .section-things-we-love .grid .box.a {







        grid-column: col1-start / col2-end;







        grid-row: row1-start;







    }















    .section-things-we-love .grid .box.a .text-container {







        height: 40%;







    }















    .section-things-we-love .grid .box.b {







        grid-column: col1-start;







        grid-row: row2-start;







    }















    .section-things-we-love .grid .box.c {







        grid-column: col2-start;







        grid-row: row4-start;







    }















    .section-things-we-love .grid .box.d {







        grid-column: col2-start;







        grid-row: row2-start;







    }















    .section-things-we-love .grid .box.e {







        grid-column: col1-start;







        grid-row: row3-start;







    }















    .section-things-we-love .grid .box.f {







        grid-column: col2-start;







        grid-row: row3-start;







    }







}















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







    .section-things-we-love .grid {







        grid-template-columns: [col1-start] 265px [col2-start] 265px [col3-start] 265px [col3-end];







        grid-template-rows: [row1-start] 354px [row2-start] 354px [row3-start] 50px [row3-end];







    }















    .section-things-we-love .grid .box.a {







        grid-column: col1-start / col3-start;







        grid-row: row1-start;







    }















    .section-things-we-love .grid .box.b {







        grid-column: col3-start;







        grid-row: row1-start;







    }















    .section-things-we-love .grid .box.c {







        grid-column: col3-start;







        grid-row: row3-start;







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        -webkit-box-align: end;







        -ms-flex-align: end;







        align-items: flex-end;







        -webkit-box-pack: justify;







        -ms-flex-pack: justify;







        justify-content: space-between;







        padding: 0;







    }















    .section-things-we-love .grid .box.d {







        grid-column: col1-start;







        grid-row: row2-start;







    }















    .section-things-we-love .grid .box.e {







        grid-column: col2-start;







        grid-row: row2-start;







    }















    .section-things-we-love .grid .box.f {







        grid-column: col3-start;







        grid-row: row2-start;







    }







}















@media screen and (min-width:1200px) {







    .section-things-we-love .grid {







        grid-template-columns: [col1-start] 265px [col2-start] 265px [col3-start] 265px [col4-start] 265px [col4-end];







        grid-template-rows: [row1-start] 354px [row2-start] 354px [row2-end];







    }















    .section-things-we-love .grid .box.c .news-year {







        padding: 16px;







        -webkit-transition: var(--timing-fast);







        transition: var(--timing-fast);







        display: -webkit-box;







        display: -ms-flexbox;







        display: flex;







        -webkit-box-orient: vertical;







        -webkit-box-direction: normal;







        -ms-flex-direction: column;







        flex-direction: column;







        -webkit-box-align: end;







        -ms-flex-align: end;







        align-items: flex-end;







    }















    .section-things-we-love .grid .box.c .news-year:last-child {







        margin-bottom: 8px;







    }















    .section-things-we-love .grid .box.c .news-year>a {







        margin-bottom: 8px;







    }















    .section-things-we-love .grid .box.c {







        grid-column: col4-start;







        grid-row: row1-start / row2-end;







        -webkit-box-orient: vertical;







        -webkit-box-direction: normal;







        -ms-flex-direction: column;







        flex-direction: column;







        -webkit-box-pack: justify;







        -ms-flex-pack: justify;







        justify-content: space-between;







        padding: 0;







    }







}















.section-timeline {







    max-width: 100%;







    overflow: hidden;







    /* height: 100vh; */







    padding-top: 5%;







}















.section-timeline>.header {







    padding-left: 10%;







    margin-bottom: 80px;







}















.horizontal-scroll-wrapper {







    /* height: 500px; */







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    position: relative;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    width: 90%;







    margin: 0 auto;







}















.horizontal-scroll-wrapper .black-bg {







    position: absolute;







    width: 100%;







    height: 30%;







    top: 50%;







    left: 0;







    -webkit-transform: translate3d(0, -50%, 0);







    transform: translate3d(0, -50%, 0);







    z-index: -2;







    background-color: var(--color-black);







}















.horizontal-scroll-wrapper>.timeline-element {







    width: 100%;







    max-width: 1200px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-align: start;







    -ms-flex-align: start;







    align-items: flex-start;







    -ms-flex-wrap: wrap;







    flex-wrap: wrap;







    -webkit-box-orient: vertical;







    -webkit-box-direction: reverse;







    -ms-flex-direction: column-reverse;







    flex-direction: column-reverse;







    /* padding-top: 40px; */







    border-left: 1px solid var(--color-grey-dark);







}















.horizontal-scroll-wrapper>.timeline-element:last-child {







    margin-right: 0;







}















.horizontal-scroll-wrapper>.timeline-element .img-container {







    position: relative;







    width: 90%;







    max-width: 300px;







    height: auto;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    margin-right: 40px;







    padding-left: 40px;







    padding-bottom: 40px;







}















.horizontal-scroll-wrapper>.timeline-element .img-container:before {







    content: '';







    position: absolute;







    left: 0;







    top: 0;







    -webkit-transform: translate3d(-50%, -50%, 0);







    transform: translate3d(-50%, -50%, 0);







    width: 24px;







    height: 24px;







    border-radius: 50%;







    border: 1px solid var(--color-grey);







    background-color: var(--color-black);







    z-index: 1;







    display: none;







}















.horizontal-scroll-wrapper>.timeline-element .img-container:after {







    content: '';







    position: absolute;







    left: 0;







    top: 0;







    -webkit-transform: translate3d(-50%, -50%, 0);







    transform: translate3d(-50%, -50%, 0);







    width: 8px;







    height: 8px;







    border-radius: 50%;







    background-color: var(--color-bronze);







    z-index: 2;







    display: none;







}















.horizontal-scroll-wrapper>.timeline-element .img-container img {







    width: 100%;







    -o-object-fit: contain;







    object-fit: contain;







}















.horizontal-scroll-wrapper>.timeline-element .text-container {







    width: 100%;







    max-width: 800px;







    padding: 56px 16px 16px 16px;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    position: relative;







}















.horizontal-scroll-wrapper>.timeline-element .text-container .text-xl_small-title {







    /* padding-top: 32px; */







    position: relative;







}















.horizontal-scroll-wrapper>.timeline-element .text-container:after {







    content: '';







    position: absolute;







    height: 2px;







    background-color: var(--color-bronze);







    width: 100%;







    left: 0;







    top: 0;







}















.horizontal-scroll-wrapper>.timeline-element .text-container:before {







    content: attr(data-timing);







    position: absolute;







    height: auto;







    background-color: var(--color-bronze);







    width: 210px;







    right: 0;







    top: 0;







    -webkit-transform: translate3d(0, 0, 0);







    transform: translate3d(0, 0, 0);







    font-family: var(--font-sans);







    color: var(--color-white);







    font-size: 0.8rem;







    padding: 16px;







    /* background-color: rgba(0, 0, 0, .1); */







}















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







    .horizontal-scroll-wrapper>.timeline-element .text-container {







        padding: 56px 32px 32px 32px;







    }







}







@media screen and (min-width:1180px) {







    .horizontal-scroll-wrapper>.timeline-element .img-container:before {







        display: block;







    }















    .horizontal-scroll-wrapper>.timeline-element .img-container:after {







        display: block;







    }















    .horizontal-scroll-wrapper>.timeline-element {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: normal;







        -ms-flex-direction: row;







        flex-direction: row;







        width: auto;







    }















    .horizontal-scroll-wrapper>.timeline-element .img-container {







        padding-top: 40px;







        padding-bottom: 0;







        max-width: 250px;







    }















    .horizontal-scroll-wrapper>.timeline-element .text-container:after {







        width: 120%;







        -webkit-transform: translate3d(-35%, 0, 0);







        transform: translate3d(-35%, 0, 0)
    }















    .horizontal-scroll-wrapper>.timeline-element .text-container .text-xl_general-big {







        margin-bottom: 64px;







    }







    .horizontal-scroll-wrapper>.timeline-element .text-container {







        width: 90%;







        max-width: 700px;







    }















}















/* helper style */







.margin-bottom-1 {







    margin-bottom: calc(var(--grid-index) * 1) !important;







}















.margin-bottom-2 {







    margin-bottom: calc(var(--grid-index) * 2) !important;







}















.margin-bottom-3 {







    margin-bottom: calc(var(--grid-index) * 3) !important;







}















.margin-bottom-4 {







    margin-bottom: calc(var(--grid-index) * 4) !important;







}















.margin-bottom-5 {







    margin-bottom: calc(var(--grid-index) * 5) !important;







}















.margin-bottom-6 {







    margin-bottom: calc(var(--grid-index) * 6) !important;







}















.margin-bottom-7 {







    margin-bottom: calc(var(--grid-index) * 7) !important;







}















.margin-bottom-8 {







    margin-bottom: calc(var(--grid-index) * 8) !important;







}















.margin-bottom-9 {







    margin-bottom: calc(var(--grid-index) * 9) !important;







}















.margin-bottom-10 {







    margin-bottom: calc(var(--grid-index) * 10) !important;







}















.margin-top-1 {







    margin-top: calc(var(--grid-index) * 1) !important;







}















.margin-top-2 {







    margin-top: calc(var(--grid-index) * 2) !important;







}















.margin-top-3 {







    margin-top: calc(var(--grid-index) * 3) !important;







}















.margin-top-4 {







    margin-top: calc(var(--grid-index) * 4) !important;







}















.margin-top-5 {







    margin-top: calc(var(--grid-index) * 5) !important;







}















.margin-top-6 {







    margin-top: calc(var(--grid-index) * 6) !important;







}















.margin-top-7 {







    margin-top: calc(var(--grid-index) * 7) !important;







}















.margin-top-8 {







    margin-top: calc(var(--grid-index) * 8) !important;







}















.margin-top-9 {







    margin-top: calc(var(--grid-index) * 9) !important;







}















.margin-top-10 {







    margin-top: calc(var(--grid-index) * 10) !important;







}















.padding-bottom-1 {







    padding-bottom: calc(var(--grid-index) * 1) !important;







}















.padding-bottom-2 {







    padding-bottom: calc(var(--grid-index) * 2) !important;







}















.padding-bottom-3 {







    padding-bottom: calc(var(--grid-index) * 3) !important;







}















.padding-bottom-4 {







    padding-bottom: calc(var(--grid-index) * 4) !important;







}















.padding-bottom-5 {







    padding-bottom: calc(var(--grid-index) * 5) !important;







}















.padding-bottom-6 {







    padding-bottom: calc(var(--grid-index) * 6) !important;







}















.padding-bottom-7 {







    padding-bottom: calc(var(--grid-index) * 7) !important;







}















.padding-bottom-8 {







    padding-bottom: calc(var(--grid-index) * 8) !important;







}















.padding-bottom-9 {







    padding-bottom: calc(var(--grid-index) * 9) !important;







}















.padding-bottom-10 {







    padding-bottom: calc(var(--grid-index) * 10) !important;







}















.padding-top-1 {







    padding-top: calc(var(--grid-index) * 1) !important;







}















.padding-top-2 {







    padding-top: calc(var(--grid-index) * 2) !important;







}















.padding-top-3 {







    padding-top: calc(var(--grid-index) * 3) !important;







}















.padding-top-4 {







    padding-top: calc(var(--grid-index) * 4) !important;







}















.padding-top-5 {







    padding-top: calc(var(--grid-index) * 5) !important;







}















.padding-top-6 {







    padding-top: calc(var(--grid-index) * 6) !important;







}















.padding-top-7 {







    padding-top: calc(var(--grid-index) * 7) !important;







}















.padding-top-8 {







    padding-top: calc(var(--grid-index) * 8) !important;







}















.padding-top-9 {







    padding-top: calc(var(--grid-index) * 9) !important;







}















.padding-top-10 {







    padding-top: calc(var(--grid-index) * 10) !important;







}















.text-center {







    text-align: center !important;







}















.text-left {







    text-align: left !important;







}















.text-right {







    text-align: right !important;







}















.padding-0 {







    padding: 0 !important;







}















.margin-0 {







    margin: 0 !important;







}















.text-grey {







    color: var(--color-grey);







}















.text-grey-dark {







    color: var(--color-grey-dark);







}















.text-grey-light {







    color: var(--color-grey-light);







}















.text-white {







    color: var(--color-white);







}















.text-bronze {







    color: var(--color-bronze);







}















.cover-img {







    width: 100%;







    height: 100%;







    position: absolute;







    top: 0;







    left: 0;







    z-index: 0;







    background-image: url(../svg/cover-img.svg);







    background-size: cover;







    background-position: center center;







}















.cover-gradient {







    width: 80px;







    height: 100%;







    position: absolute;







    top: 0;







    right: 0;







    z-index: 0;







    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0)), to(rgba(26, 26, 26, .5)));







    background: linear-gradient(to right, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, .5) 100%);







    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */







    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001a1a1a', endColorstr='#1a1a1a', GradientType=1);







}















.cover-gradient.start-left {







    left: 0;







    right: auto;







    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 26, 26, 0.5)), to(rgba(26, 26, 26, 0)));







    background: linear-gradient(to right, rgba(26, 26, 26, 0.5) 0%, rgba(26, 26, 26, 0) 100%);







}















.cover-gradient.start-bottom {







    width: 100%;







    height: 80px;







    bottom: 0;







    top: auto;







    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 26, 26, .5)), to(rgba(26, 26, 26, 0)));







    background: linear-gradient(to top, rgba(26, 26, 26, .5) 0%, rgba(26, 26, 26, 0) 100%);







}















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







    .text-xl_general-big br {







        display: none;







    }















    .text-xl_big_quote br {







        display: none;







    }







}















/* HOTEL CUSTOMIZATION */







.hotel-castello-di-reschio,







.hotel-castello-di-reschio .black-bg,







.hotel-castello-di-reschio .mask {







    background-color: #000;







}















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







    .hotel-castello-di-reschio .section-stables .text-container .text-xl_general-big {







        padding: 0 15%;







        margin: 32px auto 80px auto;







    }







}















.form-container {







    position: relative;







}















.form-tablist {







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: start;







    -ms-flex-pack: start;







    justify-content: flex-start;







    position: relative;







    z-index: 12;







}















.form-tab {







    display: inline;







    position: relative;







    width: 50%;







    text-align: center;







}















.form-tab:hover {







    opacity: .8;







}















.form-tab p {







    color: var(--color-grey-dark);







    text-transform: uppercase;







    font-size: 0.8rem;







    padding-bottom: 16px;







    font-weight: 700;







}















.form-tab.selected p {







    color: var(--color-bronze);







    opacity: 1;







    font-weight: 700;







}















.form-tab:after {







    content: "";







    width: 100%;







    height: 1px;







    bottom: -3px;







    left: 0;







    position: absolute;







    background: var(--color-grey-dark);







    -webkit-transition: .5s ease-in-out;







    transition: .5s ease-in-out;







}















.form-tab.selected:after {







    content: "";







    width: 100%;







    height: 1px;







    bottom: -3px;







    left: 0;







    position: absolute;







    background: var(--color-bronze);







}















#form-inside {







    position: relative;







}















#text-booking-hotel {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







    background-color: var(--color-black);







    opacity: 0;







    z-index: -1;







    -webkit-transition: .5s ease-in-out;







    transition: .5s ease-in-out;







    display: -webkit-box;







    display: -ms-flexbox;







    display: flex;







    -webkit-box-align: center;







    -ms-flex-align: center;







    align-items: center;







    -webkit-box-pack: center;







    -ms-flex-pack: center;







    justify-content: center;







    -webkit-box-orient: vertical;







    -webkit-box-direction: normal;







    -ms-flex-direction: column;







    flex-direction: column;







    text-align: center;







}















#text-booking-hotel.selected {







    opacity: 1;







    z-index: 11;







}















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







    .form-tab p {







        font-size: .8rem;







        font-weight: 400;







    }







}















.homepage .section-landing .vimeo-wrapper iframe {







    height: 53.25vw;







    min-width: 197.77vh;







}















.feedback-copy-to-clipboard {







    width: 80%;







    position: fixed;







    bottom: 0;







    left: 50%;







    -webkit-transform: translate3d(200%, -100%, 0);







    transform: translate3d(200%, -100%, 0);







    background-color: var(--color-black-90);







    color: var(--color-bronze);







    -webkit-transition: .6s ease-out;







    transition: .6s ease-out;







    padding: 10px;







    text-align: center;







    opacity: 0;







    z-index: 999999;







}















.feedback-copy-to-clipboard p {







    font-family: var(--font-sans);







    color: var(--color-bronze);







}















.feedback-copy-to-clipboard.show {







    -webkit-transform: translate3d(-50%, -100%, 0);







    transform: translate3d(-50%, -100%, 0);







    opacity: 1;







}















section {







    margin-top: calc(var(--grid-index) * 10) !important;







    margin-bottom: calc(var(--grid-index) * 10) !important;







}







.section-landing {







    margin-top: 0 !important;







}















/* WHAT'S ON STYLE */















.single-event-intro {







    padding: 10%;







    display: flex;







    justify-content: center;







    flex-wrap: wrap;







}















.single-event-intro-left {







    width: 100%;







    max-width: 533px;







    padding: 0 10px 0 0;







}















.single-event-intro-right .date {







    margin-bottom: 1rem;







}















.single-event-intro-right {







    width: 100%;







    max-width: 556px;







    padding: 0 10px;







}























.single-event-preview {







    position: absolute;







    max-width: 390px;







    width: 100%;







    bottom: 60px;







    right: 0;







    z-index: 9999;







    background-color: rgba(26, 26, 26, .7);







    padding: 16px 14px;







}















.swiper-slide .swiper-video {







    position: relative;







    /*padding-bottom: 100%;*/







    height: 0;







    overflow: hidden;







    /*width: 678px;*/







    height: 700px;







}























.iframe-gallery {







    position: absolute;







    top: 0;







    left: 0;







    width: 100%;







    height: 100%;







}















.video-click {







    position: absolute;







    width: 100%;







    height: 100%;







    z-index: 99999;







    display: flex;







    align-items: center;







    justify-content: center;







}















.false-player {







    width: 65px;







    height: 40px;







}















.gallery-title-events {







    font-family: var(--font-serif);







    font-size: 2.2rem;







    padding-left: 32px;







    position: absolute;







    font-weight: 400;







    left: 10%;







    top: -15%;







}















.gallery-title-events:before {







    content: '';







    position: absolute;







    top: 50%;







    left: 0;







    -webkit-transform: translateY(-50%);







    transform: translateY(-50%);







    width: 24px;







    margin-right: 4px;







    height: 2px;







    background-color: var(--color-bronze);







}















.whats-on-component {







    padding: 10%;







}















.whats-on-title {







    font-family: var(--font-serif);







    font-size: 2.2rem;







    padding-left: 30px;







    position: relative;







    font-weight: 400;







}















.whats-on-title:before {







    content: '';







    position: absolute;







    top: 50%;







    left: 0;







    -webkit-transform: translateY(-50%);







    transform: translateY(-50%);







    width: 24px;







    margin-right: 4px;







    height: 2px;







    background-color: var(--color-bronze);







    transform: translate3d(0, 0, 0);







}















.whats-on-description {







    max-width: 705px;







    font-size: 1.1rem;







    line-height: 2rem;







    width: 100%;







    margin-top: 20px;







    font-family: var(--font-sans);







}















.whats-on-tab-container {







    width: 100%;







}















.whats-on-tab-header {







    display: flex;







    width: 100%;







    align-items: center;







    justify-content: space-between;







    margin: 50px auto;







    border-bottom: 1px solid var(--color-bronze);







}















.whats-on-tab-header .tab-controls {







    display: flex;







    align-items: center;







}















.whats-on-tab-container .tab-controls .single-tab-control {







    margin-right: 30px;







    cursor: pointer;







    position: relative;







    padding-bottom: 10px;







    transition: var(--timing-fast);







    font-family: var(--font-sans);







}















.whats-on-tab-container .tab-controls .single-tab-control p {







    color: var(--color-grey-dark);







}















.whats-on-tab-container .tab-controls .single-tab-control.current p {







    color: var(--color-bronze);







}















.whats-on-tab-container .tab-controls .single-tab-control.current:after {







    content: "";







    position: absolute;







    width: 100%;







    height: 3px;







    bottom: -2px;







    left: 0;







    background-color: var(--color-bronze);







}















.no-touch .whats-on-tab-container .tab-controls .single-tab-control:hover p {







    color: var(--color-bronze);







}















.whats-on-tab-content {







    position: relative;







    height: 500px;







    width: 100%;







    max-width: 1530px;







    margin: 0 auto;







}















.whats-on-tab-content .single-tab {







    width: 100%;







    height: 100%;







    position: absolute;







    top: 0;







    left: 0;







    opacity: 0;







    transition: var(--timing-normal);







}















.whats-on-tab-content .single-tab.show {







    width: 100%;







    height: 500px;







    position: absolute;







    top: 0;







    left: 0;







    opacity: 1;







}















.events-discover {







    padding-bottom: 10px;







    font-family: var(--font-sans);







}















.no-touch .events-discover:hover a {







    color: var(--color-bronze);







}















.whats-on-slide-img {







    margin-bottom: 15px;







}















.whats-on-slide-title {







    font-size: 1.5rem;







    font-family: var(--font-serif);







    margin-top: 5px;







}















.grid-events .grid-container {







    display: grid;







    max-width: 1140px;







    width: 100%;







    grid-template-columns: 360px 360px 360px;







    grid-auto-rows: 360px;







    grid-gap: 30px;







    margin: 0 auto;







}















.grid-events .grid-container .grid-item {







    position: relative;







    /*background-color: var(--color-bronze);*/







}















.grid-events .grid-container .grid-item .grid-events-overlay-text {







    position: absolute;







    bottom: 10px;







    left: 10px;







    max-width: 340px;







    width: 100%;







    background-color: rgba(26, 26, 26, .7);







    padding: 15px;







}















.grid-events-overlay-text-details {







    font-family: var(--font-sans);







    margin-bottom: 5px;







    margin-top: 15px;







}















.grid-events-overlay-text-title {







    font-family: var(--font-sans);







    font-size: 1.3rem;







}















.grid-events .grid-container .grid-item-1 {







    grid-row-start: 1;







    grid-row-end: 3;







}















.grid-events .grid-container .grid-item-2 {







    grid-column-start: 2;







    grid-column-end: 4;







    grid-row-start: 1;







    grid-row-end: 2;







}















.grid-events .grid-container .grid-item-next-up-3 {







    grid-row-start: 1;







    grid-row-end: 3;







    grid-column-start: 3;







    grid-column-end: 4;







}















.grid-events .grid-container .grid-item-next-up-4 {







    grid-column-start: 1;







    grid-column-end: 3;







}















.grid-events .grid-container .grid-item .grid-events-img {







    height: 100%;







    width: 100%;







    object-fit: cover;







}















.grid-title-events {







    font-family: var(--font-serif);







    font-size: 2.2rem;







    padding-left: 15px;







    font-weight: 400;







    max-width: 1140px;







    margin: 0 auto;







    margin-bottom: 80px;







    position: relative;







}















.grid-title-events h4 {







    font-family: var(--font-serif);







    font-size: 2.2rem;







    padding-left: 32px;







    font-weight: 400;







}















.grid-title-events:before {







    content: '';







    position: absolute;







    top: 50%;







    left: 25px;







    -webkit-transform: translateY(-50%);







    transform: translateY(-50%);







    width: 24px;







    margin-right: 4px;







    height: 2px;







    background-color: var(--color-bronze);







    transform: translate3d(-101%, 0, 0);







}















.grid-events-cta {







    max-width: 1140px;







    margin: 0 auto;







    margin-top: 20px;







    margin-bottom: 100px;







    text-align: center;







}















.single-past-events-container {







    max-width: 1140px;







    width: 100%;







    margin: 0 auto;







    display: flex;







    align-items: flex-start;







    justify-content: flex-start;







    flex-wrap: wrap;







}















.single-past-events {







    width: 260px;







    height: auto;







    display: block;







    margin-right: 30px;







    margin-bottom: 30px;







}















.single-past-events:nth-child(4n) {







    margin-right: 0;







}















.single-past-events-img {







    width: 100%;







    height: 260px;







    object-fit: cover;







}















.past-events-title {







    max-width: 1140px;







    width: 100%;







    margin: 0 auto;







    text-align: center;







    padding-top: 50px;







}















.past-events-title h3 {







    margin-bottom: 100px;







}















#paginazione {







    display: flex;







    list-style: none;







    align-items: center;







    justify-content: center;







    font-family: var(--font-sans);







    font-size: 1.1rem;







    max-width: 1140px;







    margin: 70px auto;







    padding-left: 0;







}















#paginazione .clickpage {







    margin: 0 10px;







    color: var(--color-grey-dark);







}















.no-touch #paginazione .clickpage:hover {







    color: var(--color-white);







}















#paginazione .active {







    color: var(--color-white);







    position: relative;







    transition: var(--timing-fast);







    margin: 0 10px;







}















#paginazione .active:after {







    content: "";







    position: absolute;







    bottom: -2px;







    left: -50%;







    width: 200%;







    height: 1px;







    background-color: var(--color-bronze);







}















#paginazione .page-previous {







    color: var(--color-bronze);







    margin-right: 20px;







    margin-left: 0;







}















#paginazione .page-next {







    color: var(--color-bronze);







    margin-left: 20px;







    margin-right: 0;







}















.no-touch #paginazione .page-next:hover,
.no-touch #paginazione .page-previous:hover {







    opacity: .8;







    color: var(--color-bronze);







}















#paginazione .disabilitato {







    color: var(--color-grey-dark);







    opacity: .5;







}















.no-touch #paginazione .page-next.disabilitato:hover,
.no-touch #paginazione .page-previous.disabilitato:hover {







    color: var(--color-grey-dark);







    opacity: .5;







}















.whats-on-cover-slide-bg {







    width: 360px;







    height: 360px;







    border: 1px solid var(--color-bronze);







    display: flex;







    align-items: center;







    justify-content: center;







    transition: var(--timing-fast);







}















.whats-on-cover-slide-bg p {







    font-family: var(--font-sans);







    font-size: 1.6rem;







    font-weight: bold;







    font-style: normal;







    font-stretch: normal;







    line-height: normal;







    letter-spacing: 1px;







    text-align: center;







    color: var(--color-bronze);







    text-transform: uppercase;







    text-decoration: none;







    transition: .6s ease-in-out;







}















.no-touch .whats-on-cover-slide-bg:hover {







    background-color: var(--color-bronze);







}















.no-touch .whats-on-cover-slide-bg:hover p {







    color: var(--color-white);







}















.swiper-container~.section-static-gallery {







    margin-top: calc(var(--grid-index) * 20) !important;







}















.design .section-general .logo-components {







    max-width: 300px;







    margin: 50px auto;







}















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







    .grid-events .grid-container {







        grid-template-columns: auto;







        grid-template-rows: 360px 360px;







        padding: 0 20px;







    }















    .grid-events .grid-container .grid-item-1 {







        grid-row-start: 1;







        grid-row-end: 2;







    }















    .grid-events .grid-container .grid-item-2 {







        grid-column-start: 2;







        grid-column-end: 3;







        grid-row-start: 1;







        grid-row-end: 2;







    }















    .grid-title-events:before {







        left: 45px;







    }















    .grid-title-events h4 {







        padding-left: 40px;







    }















    .grid-events .grid-container .grid-item-next-up-1 {







        grid-row-start: 1;







        grid-row-end: 2;







    }















    .grid-events .grid-container .grid-item-next-up-2 {







        grid-column-start: 2;







        grid-column-end: 3;







        grid-row-start: 1;







        grid-row-end: 2;







    }















    .grid-events .grid-container .grid-item-next-up-3 {







        grid-row-start: 2;







        grid-row-end: 3;







        grid-column-start: 1;







        grid-column-end: 2;







    }















    .grid-events .grid-container .grid-item-next-up-4 {







        grid-column-start: 2;







        grid-column-end: 3;







    }















    /*.video-click {







        display: none;







    }*/















}















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







    .single-past-events:nth-child(2n) {







        margin-right: 0;







    }







}















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















    .single-past-events {







        margin-right: 0;







        width: 360px;







    }







    .swiper-slide .swiper-video {







        height: 400px;







    }















    .grid-events .grid-container {







        grid-template-rows: 360px 360px 360px 360px;







    }















    .grid-events .grid-container .grid-item {







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-1 {







        grid-row-start: 1;







        grid-row-end: 2;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-2 {







        grid-row-start: 2;







        grid-row-end: 3;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-3 {







        grid-row-start: 3;







        grid-row-end: 4;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-4 {







        grid-row-start: 4;







        grid-row-end: 5;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-next-up-1 {







        grid-row-start: 1;







        grid-row-end: 2;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-next-up-2 {







        grid-row-start: 2;







        grid-row-end: 3;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-next-up-3 {







        grid-row-start: 3;







        grid-row-end: 4;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-events .grid-container .grid-item-next-up-4 {







        grid-row-start: 4;







        grid-row-end: 5;







        grid-column-start: 1;







        grid-column-end: 4;







    }















    .grid-title-events {







        margin-bottom: 35px;







        margin-top: 70px;







    }















    .whats-on-tab-container .tab-controls .single-tab-control p {







        font-size: 0.7rem;







    }















    .events-discover a {







        font-size: 0.7rem;







    }















}















/* WHAT'S ON STYLE END */















.fake-modal .modal-content {







    max-height: none !important;







}















@media screen and (min-width: 1180px) {







    #seasonal-proposal.section-all-activities .single-activity {







        -webkit-box-orient: horizontal;







        -webkit-box-direction: reverse;







        -ms-flex-direction: row-reverse;







        flex-direction: row-reverse;







    }















    #seasonal-proposal.section-all-activities .single-activity .img {







        -webkit-transform: translate3d(64px, 0, 0);







        transform: translate3d(64px, 0, 0);







    }







}























/* NEW MENU MOBILE STYLE */















.has-submenu-new-mobile {







    line-height: 1.15rem;







    position: relative;







    width: 100%;







    display: block;







}















.submenu-mobile-new {







    max-height: 0;







    opacity: 0;







    z-index: -1;







    transition: 0.6s;







    /*transform: translate3d(0, 10px, 0);*/







    transition: all 0.6s ease-in-out;







    position: relative;







}















.submenu-mobile-new.open-menu-mobile {







    opacity: 1;







    z-index: 1;







    max-height: 1000px;







    height: auto;







}















.submenu-mobile-new a {







    font-size: 1.1rem;







    margin-left: 10px;







    display: block;







    position: relative;







}















.submenu-mobile-new a:last-child {







    margin-bottom: 18px;







}















/*.has-submenu-new-mobile:after {







    content: "";







    position: absolute;







    width: 15px;







    height: 15px;







    background-image: url(../img/arrow-new-menu.svg);







    background-position: center;







    background-size: cover;







    top: 0;







    right: 0;







}*/















.has-submenu-new-mobile span {







    position: absolute;







    right: 0;







}















.has-submenu-new-mobile span img {







    width: 15px;







    height: 15px;







    transition: 0.3s;







}















.has-submenu-new-mobile.click-menu-mobile span img {







    transform: rotate3d(1, 0, 0, -180deg);







}















#section-general20567 .logo-components {







    max-width: 340px;







    margin-top: 30px;







}















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







    #section-general20567 .logo-components {







        max-width: 200px;







    }







}







.caption-gallery-2021 {



    width: 100%;



    background-color: var(--color-black-90);



    text-align: left;



    padding: 10px;



    color: var(--color-grey-dark);



}







.section-landing-house .info-container .new-info-houses-text {



    color: var(--color-bronze);



    text-transform: uppercase;



    font-size: 14px;



    font-weight: 700;



    margin: 3px 0;



}







.section-landing-house .info-container .price-cta-container {



    padding-top: 24px;



}



.section-landing-house .info-container .price-cta-container p span {

    font-size: 24px;

}



.section-landing-house .info-container .cta-container {

    display: flex;

    align-items: center;

    justify-content: center;

}



.section-landing-house .info-container .cta-container .button-cta {

    margin: 24px 0
}



.section-landing-house .info-container .cta-container div {

    margin-left: 32px;

}



.section-landing-house .info-container .cta-container div .click-new-form {

    text-transform: uppercase;

    padding: 0 5px;

    text-decoration: underline;

}







.section-landing-house .info-container .new-info-houses-text span {



    color: var(--color-grey);



    font-weight: 400;



}







.section-house-preview .house-info-container>p.new-info-houses-text {



    color: var(--color-bronze);



    text-transform: uppercase;



    font-size: 14px;



    font-weight: 700;



    margin: 3px 0;



    text-align: left;



    width: 100%;



}







.section-house-preview .house-info-container .new-info-houses-text.first-houses-new-intro-text {



    padding-top: 18px;



}







.section-house-preview .house-info-container .new-info-houses-text span {



    color: var(--color-grey);



    font-weight: 400;



}















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



    .section-house-preview .house-info-container>p.new-info-houses-text {



        font-size: 13px;



    }







    .section-house-preview .house-info-container .new-info-houses-text.first-houses-new-intro-text {



        padding-top: 16px;



    }



}











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



    .section-landing-house .info-container .new-info-houses-text {



        font-size: 13px;



    }







    .section-landing-house .info-container .new-info-houses-text.first-houses-new-intro-text {



        padding-top: 32px;



    }



}





/* Open Table */



section.open-table {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 2% 2% 5% 2%;

    flex-direction: column;

}



section.open-table .open-table-custom-container {

    display: flex;

    align-items: center;

    justify-content: center;

}



#ot-reservation-widget {

    width: 100%;

    box-sizing: border-box;

    display: block;

    margin: auto;

    font-family: var(--font-serif);

    letter-spacing: .015em;

}



#ot-reservation-widget .ot-dtp-picker {

    padding: 0;

    margin: auto;

    width: 100%;

    font-family: var(--font-serif);

    font-size: 1.25rem;

}



#ot-reservation-widget .ot-dtp-picker {

    padding: 0;

    margin: auto;

    width: 100%;

    font-family: var(--font-serif);

    font-size: 1.25rem;

}



#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form {

    border: 0;

    height: auto;

    display: flex;

    flex-wrap: wrap;

    background-color: var(--color-black-background);

    justify-content: center;

}



#ot-reservation-widget input {

    font-family: var(--font-sans) !important;

    letter-spacing: .015em !important;

    text-transform: uppercase !important;

    border: 1px solid var(--color-bronze) !important;

    padding: 8px 24px !important;

    background-color: transparent !important;

    box-shadow: none !important;

    color: var(--color-bronze) !important;

    margin-top: 70px !important;

}



#ot-reservation-widget .ot-powered-by,
#ot-reservation-widget .ot-title {

    display: none
}



#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector {

    box-sizing: border-box;

    min-width: 8rem;

    width: auto;

    display: block;

    border: 0;

    float: none;

    text-align: left;

    display: inline-block;

    line-height: 1em;

    border-bottom: 1px solid #666666;

    text-decoration: none;

    color: currentColor;

    position: relative;

    height: auto;

    color: #fff;

    padding: .15em 60px .15em .5em;

    background-repeat: no-repeat;

    background-position: right 20px center;

    width: auto;

    margin: 0 1%;

}



#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 10px;

    background-image: url(../svg/arrow-down-select-2021.svg);

    width: 9px;

    height: 5px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}

#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector .ot-dtp-picker-selector-link {

    padding: 0;

    border: 0;

    outline: none !important;

    box-shadow: none !important;

    line-height: 1.5em;

    display: inline-block;

    color: var(--color-grey);

    font-size: 44px;

}



#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector .ot-dtp-picker-selector-link::before {

    display: none;

}



#ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector .ot-dtp-picker-selector-link::after {

    display: none;

}



.ot-dtp-picker .ot-dtp-picker-selector select {

    left: 0;

}



#ot-reservation-widget input.ot-dtp-picker-select {

    margin-top: 0 !important;

}

.picker__holder {

    left: 0 !important;

    width: 300px !important;

}

.open-table-title {

    font-size: 24px;

    font-family: var(--font-serif);

    margin-bottom: 70px;

}

.open-table-description {

    font-size: 18px;

    margin-top: 60px;

    font-family: var(--font-sans);

}

.open-table-number {

    font-size: 20px;

    font-family: var(--font-sans);

    margin-top: 70px;

}

.open-table-number a {
    color: var(--color-bronze);
}

.open-table-description span {

    color: var(--color-bronze);

}



.ot-dtp-picker .ot-dtp-picker-selector select {

    font-family: var(--font-sans);

}



.ot-dtp-picker.wide .picker .picker__holder {

    font-family: var(--font-sans);

    color: var(--color-black-background);

}



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

    #ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form {

        max-width: 400px;

    }

    #ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector {

        margin: 20px 1%;

    }

}



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

    .open-table-title {

        margin-bottom: 50px;

    }

    .open-table-description {

        margin-top: 50px;

    }

    nav.main .elements-container {

        height: 80px;

    }

    #ot-reservation-widget .ot-dtp-picker .ot-dtp-picker-form .ot-dtp-picker-selector {

        width: 85%;

    }

}

/* Cookiebot */



#CybotCookiebotDialogDetailBodyContentTextAbout h3 {

    font-size: 16px;

    color: var(--color-bronze);

    margin-bottom: 16px;

}



#CybotCookiebotDialogDetailBodyContentTextAbout h4 {

    color: var(--color-bronze);

    margin-bottom: 8px;

}

#CybotCookiebotDialogDetailBodyContentTextAbout p {

    margin-bottom: 8px;

}

#CybotCookiebotDialogDetailBodyContentTextAbout ul li {

    margin-bottom: 4px;

    position: relative;

    padding-left: 8px;

}

#CybotCookiebotDialogDetailBodyContentTextAbout ul li:before {

    position: absolute;

    top: 9px;

    left: 0;

    width: 4px;

    height: 1px;

    content: "";

    background-color: var(--color-bronze);

}



#CybotCookiebotDialogDetailBodyContentTextAbout strong {

    color: var(--color-bronze);

}


/* Section Lista Magazine Homepage */

.section-lista-magazine-homepage {
    padding: 5%;
}

.section-lista-magazine-homepage .intro-text {
    margin-bottom: 40px;
}

.section-lista-magazine-homepage .intro-text .text-xl_hero {
    margin: 20px 0;
}

.section-lista-magazine-homepage .home-magazine-container .single-magazine .img-container {
    width: 100%;
}

.section-lista-magazine-homepage .home-magazine-container .single-magazine .img-container img {
    width: 100%;
}

.section-lista-magazine-homepage .home-magazine-container .single-magazine .text-container {
    margin-bottom: 48px;
}

.section-lista-magazine-homepage .home-magazine-container .single-magazine .text-container .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.section-lista-magazine-homepage .home-magazine-container .single-magazine .text-container .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.section-lista-magazine-homepage .cta-container {
    text-align: center;
}


@media screen and (min-width: 1200px) {
    .section-lista-magazine-homepage .intro-text {
        text-align: center;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 80px;
    }

    .section-lista-magazine-homepage .home-magazine-container {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        max-width: 1440px;
        margin: 0 auto;
    }

    .section-lista-magazine-homepage .home-magazine-container .single-magazine {
        width: 31%;
        margin: 0 2%;
    }
}

/* Pagina Magazine */

.section-magazine-in-evidenza {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.section-magazine-in-evidenza .first-magazine-content {
    display: flex;
    flex-direction: column-reverse;
}

.section-magazine-in-evidenza .first-magazine-content .left {
    padding: 0 32px;
}

.section-magazine-in-evidenza .first-magazine-content .left .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.section-magazine-in-evidenza .first-magazine-content .left .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 44px;
    line-height: 60px;
}

.section-magazine-in-evidenza .first-magazine-content .left .magazine-preview {
    font-family: var(--font-sans);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.section-magazine-in-evidenza .first-magazine-content .right img {
    width: 100%;
}

.section-magazine-in-evidenza {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.section-magazine-in-evidenza .magazine-content {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 0 32px;
    margin-top: 120px;
}

.section-magazine-in-evidenza .magazine-content img {
    width: 100%;
}

.section-magazine-in-evidenza .magazine-content .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.section-magazine-in-evidenza .magazine-content .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 0 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 40px;
}

.section-magazine-in-evidenza .magazine-content .magazine-preview {
    font-family: var(--font-sans);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.content.magazine .filters .list-filters-des {
    display: none;
}

.content.magazine .filters .list-filters-mob {
    padding: 0 32px;
    position: relative;
}

.content.magazine .filters .list-filters-mob #fake-select {
    display: block;
    width: 100%;
    margin: 48px auto;
    position: relative;
    text-align: center;
}

.content.magazine .filters .list-filters-mob #fake-select span {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-bronze);
    background-color: var(--color-black);
    text-transform: uppercase;
    color: var(--color-grey-dark);
    height: 42px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content.magazine .filters .list-filters-mob #fake-select span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    background-image: url(../fake-select-arrow.html);
    background-position: center;
    background-size: cover;
    height: 12px;
    width: 12px;
    transform: translate3d(0, -50%, 0);
}

.content.magazine .filters .list-filters-mob #fake-options {
    width: 100%;
    padding: 0 32px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-grey);
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: var(--timing-fast);
    z-index: -1;
}

.content.magazine .filters .list-filters-mob #fake-options table {
    border: 1px solid var(--color-bronze);
    background-color: var(--color-black);
}

.content.magazine .filters .list-filters-mob #fake-options table tbody tr {
    width: 100%;
}

.content.magazine .filters .list-filters-mob #fake-options table tbody tr td {
    padding: 10px;
    background-color: var(--color-black);
    border-bottom: 1px solid var(--color-bronze);
}

.content.magazine .filters .list-filters-mob #fake-options table tbody tr:last-child td {
    padding: 10px;
    background-color: var(--color-black);
    border-bottom: none;
}

.content.magazine .filters .list-filters-mob #fake-options.show {
    opacity: 1;
    transform: translate3d(0, 58px, 0);
    transition: var(--timing-fast);
    z-index: 2;
}

.list-articles {
    padding: 0 32px;
}

.list-articles .single-magazine .img-container {
    width: 100%;
}

.list-articles .single-magazine .img-container img {
    width: 100%;
}

.list-articles .single-magazine .text-container {
    margin-bottom: 48px;
}

.list-articles .single-magazine .text-container .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.list-articles .single-magazine .text-container .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

#pagination {
    text-align: center;
    margin-top: 100px;
}

#pagination a {
    background-color: var(--color-bronze);
    padding: 16px 48px;
    text-transform: uppercase;
}

@media screen and (min-width: 1200px) {
    .section-magazine-in-evidenza {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 32px;
        align-items: flex-start;
        justify-content: space-between;
    }

    .section-magazine-in-evidenza .first-magazine-content {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin: 0 1%;
        width: 98%;
    }

    .section-magazine-in-evidenza .first-magazine-content .left {
        width: 450px;
        margin-right: 5%;
        padding: 0;
    }

    .section-magazine-in-evidenza .first-magazine-content .right {
        width: 60%;
    }

    .section-magazine-in-evidenza .first-magazine-content .right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-magazine-in-evidenza .magazine-content {
        width: 48%;
        margin: 0 1%;
        padding: 0;
        margin-top: 152px;
        max-width: 640px;
    }

    .section-magazine-in-evidenza .magazine-content p {
        max-width: 500px;
    }

    .content.magazine .filters .list-filters-des {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 600px;
        color: #666666;
        margin: 0 auto;
    }

    .content.magazine .filters .list-filters-des .filter.active {
        position: relative;
        color: #fff;
    }

    .content.magazine .filters {
        margin-top: 154px;
    }

    .content.magazine .filters .list-filters-des .filter.active:after {
        position: absolute;
        content: "";
        bottom: -12px;
        left: 0;
        background-color: var(--color-bronze);
        width: 100%;
        height: 1px;
    }

    .content.magazine .filters .list-filters-mob {
        display: none;
    }

    .list-articles {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .list-articles .single-magazine {
        width: 30%;
        margin: 0 1%;
    }

    .content.magazine .list-magazine {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Singolo Magazine */

.intro-single-magazine {
    padding: 0 32px;
}

.intro-single-magazine .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.intro-single-magazine .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 0 0;
    font-weight: 400;
    font-size: 44px;
    line-height: 60px;
}

.intro-single-magazine .magazine-preview {
    font-family: var(--font-sans);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.single-magazine-text {
    padding: 0 32px;
}

.single-magazine-content h2 {
    font-family: var(--font-serif);
    margin: 20px 0 0 0;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
}

.single-magazine-content h3 {
    font-family: var(--font-serif);
    margin: 20px 0 0 0;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
}

.single-magazine-content p {
    font-family: var(--font-sans);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.single-magazine-content p strong {
    font-weight: 700;
}

.single-magazine-content a {
    text-decoration: underline;
    color: var(--color-bronze);
}

.single-magazine-content ul {
    margin: 20px 0 0 0;
    padding-left: 19px;
}

.single-magazine-content ul li {
    margin: 8px 0 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.single-magazine-content .single-magazine-img {
    max-width: 1200px;
    width: 100%;
    padding: 0 32px;
    margin: 60px auto;
}

.single-magazine-content .single-magazine-img img {
    width: 100%;
}

.magazine-related .new-gallery-description .magazine-category {
    font-family: var(--font-sans);
    text-transform: uppercase;
    color: var(--color-bronze);
    margin-top: 40px;
    font-weight: 700;
    font-size: 14px;
}

.magazine-related .new-gallery-description .magazine-title {
    font-family: var(--font-serif);
    margin: 20px 0 32px 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.list-magazine {
    position: relative;
}

.list-magazine #loading {
    background-color: var(--color-black-background);
    width: 100%;
    height: 50px;
    position: relative;
    display: none;
}

.list-magazine #loading:after {
    height: 4px;
    width: 120px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: var(--color-bronze);
    -webkit-animation: preloader-line-animation 1s ease-in-out infinite;
    animation: preloader-line-animation 1s ease-in-out infinite;
    margin-top: 16px;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: calc(50% - 60px);
}

#list .single-magazine {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: all .8s;
}

#list .single-magazine.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1100px) {
    .intro-single-magazine {
        width: 1020px;
        margin: 0 auto;
    }

    .intro-single-magazine .magazine-title {
        margin: 40px 0 20px 0;
    }

    .single-magazine-text {
        width: 1020px;
        margin: 0 auto;
    }

    .single-magazine-content .single-magazine-img {
        margin: 120px auto;
    }
}

@media screen and (max-width: 768px) {
    .single-magazine {
        padding: 32px 0;
    }

    .content.magazine .filters {
        margin-top: 70px;
    }
}





/* Reservations  */

.reservations-info .container-reservations {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    background-color: var(--color-black);
    padding: 130px 80px;
    position: relative;
}

.reservations-info .container-reservations .col .text-xl_hero {
    margin-bottom: 50px;

}

.reservations-info .container-reservations .col .reservations-column-title {
    font-size: 24px;
    font-family: var(--font-serif);
    margin-bottom: 16px;
    color: var(--color-grey) !important;
}

.reservations-info .container-reservations .col .main-reservation-info-title {
    margin: 0 0 20px 0;
}

.reservations-info .container-reservations .col .button-cta {
    margin: 24px 0 0 0;
}

.reservations-info .container-reservations .col:nth-child(2) p {
    color: var(--color-bronze);
}

.reservations-info .container-reservations .col:nth-child(2) p .reservation-hours {
    color: var(--color-grey);
}

.reservations-info .container-reservations .col:nth-child(3) p .reservation-hours {
    color: var(--color-bronze);
}

.reservations-info .cta-reservations {
    width: 100%;
    position: absolute;
    bottom: 48px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1100px) {
    .reservations-info .container-reservations {
        padding: 100px 16px;
    }

    .reservations-info .cta-reservations {
        bottom: 32px;

    }
}

@media screen and (max-width: 800px) {
    .reservations-info .cta-reservations {
        bottom: 16px;

    }

    .reservations-info .container-reservations {
        padding: 0;
        background-color: transparent;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }

    .reservations-info .container-reservations .col {
        margin-bottom: 120px;
        width: 300px;
    }

    .reservations-info .container-reservations .col:nth-child(1),
    .reservations-info .container-reservations .col:nth-child(3) {
        text-align: center;
    }

}



.section-general .downloadslist {
    display: flex;
    margin: -24px 0 40px 0;
    flex-wrap:wrap;
}
.section-general .downloadslist a {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 28px;
    font-family: var(--font-sans);
    letter-spacing: 0.1em;
    position: relative;
    margin-right: 24px;
    margin-top: 16px;
    padding-right: 16px;
}
.section-general .downloadslist a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-white);
    content: "";
}

.section-general .downloadslist a:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    background-image: url(../svg/download.svg);
    content: "";
    transform: translate3d(0,-50%,0);
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}