/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus {
    outline: none
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    color: #000;
    font-family: Futura, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .005em;
    line-height: 1.35;
    min-width: 300px;
    padding: 0;
    position: relative
}

@media only screen and (min-width:640px) {
    body {
        font-size: 14px;
        font-size: .875rem;
        overflow-x: hidden
    }
}

a {
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

a,
a:hover {
    color: #000
}

p {
    margin: 0 0 15px
}

p:last-child {
    margin: 0
}

p.m--big {
    font-size: 15px;
    font-size: .9375rem
}

@media only screen and (min-width:640px) {
    p.m--big {
        font-size: 24px;
        font-size: 1.5rem
    }
}

b,
strong {
    font-family: Futura, sans-serif;
    font-weight: 700
}

em {
    font-style: italic
}

picture {
    display: inline-block
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

ol,
ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.m-h1,
h1 {
    font-size: 24;
    letter-spacing: -2px;
    letter-spacing: -.125rem;
    margin-bottom: 20px
}

@media only screen and (min-width:640px) {

    .m-h1,
    h1 {
        font-size: 36;
        margin-bottom: 25px
    }
}

@media only screen and (min-width:1280px) {

    .m-h1,
    h1 {
        font-size: 48
    }
}

.m-h2,
h2 {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: -1.5px;
    letter-spacing: -.09375rem
}

@media only screen and (min-width:640px) {

    .m-h2,
    h2 {
        font-size: 36px;
        font-size: 2.25rem;
        margin-bottom: 25px
    }
}

@media only screen and (min-width:1280px) {

    .m-h2,
    h2 {
        font-size: 48px;
        font-size: 3rem
    }
}

.m-h3,
h3 {
    font-size: 24px;
    font-size: 1.5rem
}

@media only screen and (min-width:640px) {

    .m-h3,
    h3 {
        font-size: 28px;
        font-size: 1.75rem;
        margin-bottom: 25px
    }
}

@media only screen and (min-width:1280px) {

    .m-h3,
    h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-h4,
h4 {
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width:640px) {

    .m-h4,
    h4 {
        font-size: 21px;
        font-size: 1.3125rem;
        margin-bottom: 25px
    }
}

@media only screen and (min-width:1280px) {

    .m-h4,
    h4 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.m-h5,
h5 {
    font-size: 18px;
    font-size: 1.125rem
}

.m-h6,
h6 {
    font-size: 16px;
    font-size: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Futura;
    font-weight: 700;
    line-height: 1.13;
    margin-bottom: 15px;
    margin-top: 0
}

@media only screen and (min-width:450px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.02;
        margin-bottom: 20px
    }
}

hr {
    margin-left: auto;
    margin-right: auto
}

.m-container {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (min-width:450px) {
    .m-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

.m-container-whole {
    padding-left: 0;
    padding-right: 0
}

.m-container,
.m-container-whole {
    margin: auto;
    position: relative;
    width: auto
}

@media only screen and (min-width:1024px) {

    .m-container,
    .m-container-whole {
        padding-left: 0;
        padding-right: 0;
        width: 970px !important
    }
}

@media only screen and (min-width:1280px) {

    .m-container,
    .m-container-whole {
        width: 1140px !important
    }
}

@media only screen and (min-width:1440px) {

    .m-container,
    .m-container-whole {
        width: 1140px !important
    }
}

.m-section {
    overflow-x: hidden;
    padding: 48px 0;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-section {
        padding: 80px 0
    }
}

.m-section.m--stretch {
    padding: 48px 0
}

@media only screen and (min-width:1024px) {
    .m-section.m--stretch {
        padding: 80px 0
    }
}

.m-section.m--top {
    padding: 48px 0 0
}

@media only screen and (min-width:1024px) {
    .m-section.m--top {
        padding: 80px 0 0
    }
}

.m-section.m--bottom {
    padding: 0 0 48px
}

@media only screen and (min-width:1024px) {
    .m-section.m--bottom {
        padding: 0 0 80px
    }
}

.m-section-container {
    margin: auto;
    max-width: 1600px;
    position: relative;
    width: 100%;
    width: auto
}

.m-link {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    position: relative;
    -webkit-transition: color .5s;
    transition: color .5s
}

.m-link:hover:after {
    background-color: #000;
    left: 0;
    right: 0
}

.m-link:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

.m-icon-svg {
    display: inline-block;
    height: 0;
    padding: 0 0 100%;
    position: relative;
    vertical-align: top;
    width: 100%
}

.m-icon-svg svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-icon-svg--secondary {
    height: auto;
    padding: 0;
    width: auto
}

.m-icon-svg--secondary svg {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.m-content-editor {
    color: #000
}

.m-content-editor p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

@media only screen and (min-width:1024px) {
    .m-content-editor p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 172%
    }
}

.m-content-editor a {
    color: #000;
    font-weight: 700;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-content-editor ul {
    margin-bottom: 15px;
    margin-top: 15px
}

@media only screen and (min-width:768px) {
    .m-content-editor ul {
        line-height: 1.2
    }
}

.m-content-editor ul li {
    margin-bottom: 7px;
    padding-left: 15px;
    position: relative
}

.m-content-editor ul li:before {
    background-color: #000;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    width: 8px
}

@media only screen and (min-width:450px) {
    .m-content-editor ul li:before {
        top: 6px
    }
}

.m-content-editor .m-table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%
}

.m-content-editor>:first-child {
    margin-top: 0
}

.m-content-editor>:last-child {
    margin-bottom: 0
}

.m-lazy__img {
    display: inline-block;
    vertical-align: top
}

.m-lazy__img .m-lazy-js {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.m-lazy__img .m-lazy-js.error,
.m-lazy__img .m-lazy-js.initial,
.m-lazy__img .m-lazy-js.loaded {
    opacity: 1
}

.m-headline {
    margin: 0 auto 30px;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-headline {
        margin: 0 auto 48px
    }
}

.m-headline p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem
}

@media only screen and (min-width:1024px) {
    .m-headline p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-headline h2 {
    font-family: Futura, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-headline h2 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 58px;
        line-height: 3.625rem
    }
}

@font-face {
    font-family: Manrope;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/hotel-libertador/assets/25323263b2aac026e777.ttf)
}

@font-face {
    font-family: Futura Md BT;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/hotel-libertador/assets/8baf55eaf7730ecd52cf.ttf)
}

@font-face {
    font-family: Futura Lt BT;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/hotel-libertador/assets/4a4ab345786c7b5921a7.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 900;
    src: url(/wp-content/themes/hotel-libertador/assets/c0efd0e7516173c6c1f9.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 700;
    src: url(/wp-content/themes/hotel-libertador/assets/c0efd0e7516173c6c1f9.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 600;
    src: url(/wp-content/themes/hotel-libertador/assets/4e762c29ef7b44ca51cb.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 500;
    src: url(/wp-content/themes/hotel-libertador/assets/4e762c29ef7b44ca51cb.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/hotel-libertador/assets/ead7282f8edac7904e53.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 300;
    src: url(/wp-content/themes/hotel-libertador/assets/ead7282f8edac7904e53.ttf)
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 200;
    src: url(/wp-content/themes/hotel-libertador/assets/ead7282f8edac7904e53.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: normal;
    font-weight: 900;
    src: url(/wp-content/themes/hotel-libertador/assets/3db00a3428ee25ffcf8f.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: normal;
    font-weight: 700;
    src: url(/wp-content/themes/hotel-libertador/assets/3db00a3428ee25ffcf8f.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: normal;
    font-weight: 600;
    src: url(/wp-content/themes/hotel-libertador/assets/3db00a3428ee25ffcf8f.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: normal;
    font-weight: 500;
    src: url(/wp-content/themes/hotel-libertador/assets/80306d3dd68fbe3566c6.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: italic;
    font-weight: 500;
    src: url(/wp-content/themes/hotel-libertador/assets/4ec0457c889f69e9aa9b.ttf)
}

@font-face {
    font-display: swap;
    font-family: Acta;
    font-style: normal;
    font-weight: 400;
    src: url(/wp-content/themes/hotel-libertador/assets/80306d3dd68fbe3566c6.ttf)
}

.w-100 {
    width: 100%
}

.hover-zoom-fcard:hover img {
    scale: 1.1
}

.hover-zoom-fcard picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.hover-zoom-fcard picture img {
    -webkit-transition: scale .3s;
    transition: scale .3s;
    width: 100%
}

.m-slide,
.swiper {
    height: 100%
}

.swiper--container {
    padding: 8px 16px
}

@media only screen and (min-width:1024px) {
    .swiper--container {
        padding: 8px
    }
}

.swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .swiper-pagination {
        margin-top: 80px
    }
}

.swiper-pagination-bullet {
    background-color: transparent;
    height: 8px;
    margin: 0 10px !important;
    opacity: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 8px
}

@media only screen and (min-width:1024px) {
    .swiper-pagination-bullet {
        height: 21px;
        width: 21px
    }
}

.swiper-pagination-bullet-active {
    background-color: #fff
}

.swiper-gallery {
    height: 80%
}

.swiper-gallery-thumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 20%;
    padding: 10px 0
}

.swiper-gallery-thumb .swiper-slide {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 100%;
    width: 25%
}

.swiper-gallery-thumb .swiper-slide-thumb-active {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
    cursor: default;
    height: 100%;
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 48px;
    z-index: 10
}

.swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-button-prev:not(.swiper-button-disabled):hover {
    cursor: pointer;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px)
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1
}

@media only screen and (min-width:1280px) {

    .swiper-button-next,
    .swiper-button-prev {
        width: 72px
    }
}

.swiper-button-next:after,
.swiper-button-prev:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-prev.svg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    top: 0
}

@media only screen and (min-width:1024px) {

    .swiper-button-next:after,
    .swiper-button-prev:after {
        background-color: #fff
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    pointer-events: none
}

.swiper-button-next.swiper-button-disabled:after,
.swiper-button-prev.swiper-button-disabled:after {
    background-color: transparent;
    content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-prev-disabled.svg)
}

.swiper-button-prev {
    left: 0;
    right: auto
}

.swiper-button-next {
    left: auto;
    right: 0
}

.swiper-button-next:after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.swiper-scrollbar {
    background-color: #dfdfdf;
    border-radius: 20px;
    bottom: 54px !important;
    height: 5px;
    left: 0 !important;
    margin: auto;
    position: absolute;
    right: 0;
    width: 160px !important;
    z-index: 1
}

.swiper-scrollbar-drag {
    background-color: #000;
    border-radius: 20px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0
}

.swiper-controls-wrap {
    height: 48px;
    margin-top: 30px;
    position: relative
}

.swiper-controls-wrap>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    height: 100%;
    justify-content: center
}

.swiper-controls-wrap .swiper-pagination {
    color: #fff;
    pointer-events: none;
    position: absolute
}

.swiper-controls-wrap .swiper-pagination>div {
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    left: 120px;
    letter-spacing: .335em;
    line-height: 48px;
    line-height: 3rem;
    position: relative;
    text-align: center
}

@media only screen and (min-width:1280px) {
    .swiper-controls-wrap .swiper-pagination>div {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.swiper-controls-wrap .swiper-pagination span {
    display: block;
    position: absolute;
    top: 0
}

.swiper-controls-wrap .swiper-pagination span:first-child {
    left: -10px;
    top: -10px
}

.swiper-controls-wrap .swiper-pagination span:last-child {
    right: -10px;
    top: 10px
}

.swiper-button-lock,
.swiper-pagination-lock {
    display: none
}

.m-swiper-navigation>.m-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-swiper-navigation .swiper-button-next,
.m-swiper-navigation .swiper-button-prev {
    display: none;
    height: 48px;
    position: absolute;
    top: auto
}

@media only screen and (min-width:1024px) {

    .m-swiper-navigation .swiper-button-next,
    .m-swiper-navigation .swiper-button-prev {
        display: inline;
        display: initial
    }
}

@media only screen and (min-width:1280px) {

    .m-swiper-navigation .swiper-button-next,
    .m-swiper-navigation .swiper-button-prev {
        height: 72px
    }
}

.m-swiper-navigation .swiper-pagination {
    bottom: 32px;
    position: absolute
}

@media only screen and (min-width:1024px) {
    .m-swiper-navigation .swiper-pagination {
        display: none
    }
}

.m-swiper-navigation .swiper-pagination-bullet {
    border: 1px solid #fff
}

.swiper-effect-zoom .swiper-slide>div {
    overflow: hidden
}

.swiper-effect-zoom .swiper-slide picture {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 10s ease-out;
    transition: 10s ease-out
}

.m-banner.swiper-effect-zoom picture,
.swiper-effect-zoom .swiper-slide.swiper-slide-active picture {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.m-banner.swiper-effect-zoom picture {
    -webkit-animation: zoomAnimation 8s alternate;
    animation: zoomAnimation 8s alternate
}

@-webkit-keyframes zoomAnimation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomAnimation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.m-header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    height: 70px;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: border-bottom .3s, background-color .4s;
    transition: border-bottom .3s, background-color .4s;
    width: 100%;
    z-index: 12
}

@media only screen and (min-width:1024px) {
    .m-header {
        height: 80px
    }
}

.m-header.js--fixed,
.m-header.js--opened,
.m-header.m-header--sticky {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9
}

.m-header.js--fixed .m-header__logo .logo-white,
.m-header.js--opened .m-header__logo .logo-white,
.m-header.m-header--sticky .m-header__logo .logo-white {
    display: none
}

.m-header.js--fixed .m-header__logo .logo-black,
.m-header.js--opened .m-header__logo .logo-black,
.m-header.m-header--sticky .m-header__logo .logo-black {
    display: inline;
    display: initial
}

.m-header.js--fixed .m-header__logo .logo-black img,
.m-header.js--opened .m-header__logo .logo-black img,
.m-header.m-header--sticky .m-header__logo .logo-black img {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.m-header.js--fixed .m-button-hamburguer span,
.m-header.js--fixed .m-button-hamburguer span:after,
.m-header.js--fixed .m-button-hamburguer span:before,
.m-header.js--opened .m-button-hamburguer span,
.m-header.js--opened .m-button-hamburguer span:after,
.m-header.js--opened .m-button-hamburguer span:before,
.m-header.m-header--sticky .m-button-hamburguer span,
.m-header.m-header--sticky .m-button-hamburguer span:after,
.m-header.m-header--sticky .m-button-hamburguer span:before {
    background-color: #000
}

.m-header.js--fixed .m-language .m-dropdown .m-dropdown__button p,
.m-header.js--opened .m-language .m-dropdown .m-dropdown__button p,
.m-header.m-header--sticky .m-language .m-dropdown .m-dropdown__button p {
    border-color: #000;
    color: #000
}

.m-header.js--fixed .m-language .m-dropdown .m-dropdown__content,
.m-header.js--opened .m-language .m-dropdown .m-dropdown__content,
.m-header.m-header--sticky .m-language .m-dropdown .m-dropdown__content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .05)
}

.m-header.js--fixed .m-language,
.m-header.js--fixed .m-language .m-dropdown .m-dropdown__item,
.m-header.js--opened .m-language,
.m-header.js--opened .m-language .m-dropdown .m-dropdown__item,
.m-header.m-header--sticky .m-language,
.m-header.m-header--sticky .m-language .m-dropdown .m-dropdown__item {
    color: #000
}

.m-header.js--opened {
    border-bottom: 1px solid transparent
}

.m-header.js--opened .m-header__menu nav {
    -webkit-animation: appear .6s linear;
    animation: appear .6s linear
}

.m-header.js--opened .m-header__menu .m-socials>div {
    -webkit-animation: appear_socials 1s linear;
    animation: appear_socials 1s linear
}

.m-header.js--observer .m-header__logo,
.m-header.js--observer .m-menu__button {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    -ms-flex-preferred-size: initial !important;
    flex-basis: auto !important;
    flex-grow: 0 !important
}

.m-header.js--observer .m-language {
    display: none
}

@media only screen and (min-width:1024px) {
    .m-header.js--observer .m-header__select {
        display: inline;
        display: initial
    }
}

.m-header.js--observer .m-header__logo {
    -webkit-animation: appear_logo .4s linear;
    animation: appear_logo .4s linear;
    margin-left: 40px;
    width: 153px
}

@-webkit-keyframes appear_logo {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes appear_logo {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.m-header.js--observer .m-language-mobile {
    display: inline;
    display: initial
}

.m-header--sticky {
    position: -webkit-sticky;
    position: sticky
}

.m-header.m-header--searcher .m-container {
    background-color: #fff
}

.m-header.m-header--searcher .m-header__searcher {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: flex-end
}

@media only screen and (min-width:820px) {
    .m-header.m-header--searcher .m-header__searcher {
        display: none
    }
}

.m-header.m-header--searcher .m-header__searcher button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

.m-header.m-header--searcher .m-header__searcher-input {
    border-top: 1px solid #e2ded8;
    height: 55px;
    margin-top: -60px;
    -webkit-transition: margin-top .3s;
    transition: margin-top .3s
}

.m-header.m-header--searcher .m-header__searcher-input.active {
    margin-top: 0
}

@media only screen and (min-width:820px) {
    .m-header.m-header--searcher .m-header__searcher-input {
        display: none
    }
}

.m-header.m-header--searcher .m-header__searcher-input input {
    border: none;
    height: 100%;
    padding: 10px 20px;
    width: 100%
}

@media only screen and (min-width:450px) {
    .m-header.m-header--searcher .m-header__searcher-input input {
        padding: 10px 30px
    }
}

@media only screen and (max-width:820px) {
    .m-header.m-header--searcher .m-language {
        display: none
    }
}

.m-header .m-header__wrap {
    height: 100%;
    position: relative;
    z-index: 4
}

.m-header .m-header__wrap .m-container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding-bottom: 10px;
    position: relative;
    z-index: 3
}

.m-header .m-header__wrap .m-container>* {
    -ms-flex-preferred-size: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0
}

.m-header .m-header__logo {
    display: inline-block;
    text-align: center
}

.m-header .m-header__logo .logo-white {
    display: inline;
    display: initial
}

.m-header .m-header__logo .logo-black {
    display: none
}

.m-header .m-header__logo a {
    display: inline-block
}

.m-header .m-header__menu {
    background-color: #fff;
    background-position: -100px 100px;
    background-repeat: no-repeat;
    bottom: 0;
    height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px);
    left: 0;
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    text-align: center;
    top: 70px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width:1024px) {
    .m-header .m-header__menu {
        height: -webkit-calc(100% - 80px);
        height: calc(100% - 80px);
        top: 80px
    }
}

.m-header .m-header__menu[_state=opened] {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-header .m-header__menu nav {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.m-header .m-header__menu nav ul {
    margin: 30px 0
}

@media only screen and (min-width:1024px) {
    .m-header .m-header__menu nav ul {
        margin: 50px 0
    }
}

.m-header .m-header__menu nav a {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    line-height: 60px;
    line-height: 3.75rem;
    position: relative;
    text-align: right;
    text-align: center;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s
}

.m-header .m-header__menu nav a:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

@media only screen and (min-width:1024px) {
    .m-header .m-header__menu nav a {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 80px;
        line-height: 5rem
    }
}

.m-header .m-header__menu nav a.current-menu-item:after,
.m-header .m-header__menu nav a:hover:after {
    background-color: #000;
    left: 0;
    right: 0
}

@media only screen and (min-width:1024px) {

    .m-header .m-header__menu nav a.active,
    .m-header .m-header__menu nav a.current-menu-item,
    .m-header .m-header__menu nav a:hover {
        color: #000
    }
}

.m-header .m-header__menu .m-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

.m-header .m-header__menu .m-socials {
    display: inline;
    display: initial;
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 22px;
    line-height: 1.375rem;
    overflow: hidden;
    padding-bottom: 50px
}

@media only screen and (min-width:1024px) {
    .m-header .m-header__menu .m-socials {
        padding-bottom: 100px
    }

    .m-header .m-header__menu .m-socials>div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        justify-content: center
    }
}

.m-header .m-header__menu .m-socials ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    justify-content: center;
    margin-top: 24px
}

@media only screen and (min-width:1024px) {
    .m-header .m-header__menu .m-socials ul {
        margin: 0
    }
}

.m-header .m-language-mobile {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    margin-top: 30px;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-header .m-language-mobile {
        display: none;
        font-size: 16px;
        font-size: 1rem;
        margin-top: 50px
    }
}

.m-header .m-language-mobile a {
    color: #b8b8b8
}

.m-header .m-language-mobile a.active {
    color: #000
}

.m-header .m-language-mobile span {
    padding: 0 15px
}

.m-header .m-language {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Futura;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    justify-content: flex-end;
    letter-spacing: .04em;
    line-height: 19px;
    line-height: 1.1875rem;
    padding-bottom: 14px;
    text-align: center
}

@media only screen and (max-width:1024px) {
    .m-header .m-language {
        visibility: hidden
    }
}

.m-header .m-language span {
    cursor: pointer
}

.m-header .m-language .m-dropdown {
    margin: 0;
    width: 100px
}

.m-header .m-language .m-dropdown .m-dropdown__button {
    padding: 0 12px
}

.m-header .m-language .m-dropdown .m-dropdown__button p {
    border-bottom: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    height: 44px;
    letter-spacing: .04em;
    line-height: 44px;
    line-height: 2.75rem;
    margin: 0;
    text-transform: uppercase
}

.m-header .m-language .m-dropdown .m-dropdown__button:after {
    content: normal
}

.m-header .m-language .m-dropdown .m-dropdown__content {
    background-color: transparent;
    -webkit-box-shadow: none;
    -webkit-box-shadow: initial;
    box-shadow: none;
    padding: 0 12px;
    top: 110%;
    width: auto
}

.m-header .m-language .m-dropdown .m-dropdown__item {
    color: #fff;
    padding-left: 0;
    padding-right: 0
}

.m-header .m-language .m-dropdown .m-dropdown__item.js--selected,
.m-header .m-language .m-dropdown .m-dropdown__item:hover {
    background-color: transparent;
    border-color: #fff
}

.m-header .m-header__select {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    display: none;
    flex-grow: 1 !important;
    margin-bottom: 5px
}

.m-header .m-header__select .m-select-hotels {
    background-color: transparent;
    margin-left: auto;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 460px
}

.m-header .m-header__select .m-select-hotels .m-dropdown {
    margin: 0
}

.m-header .m-header__select .m-select-hotels .m-dropdown label {
    left: 16px;
    padding-left: 0
}

.m-header .m-header__select .m-select-hotels .m-dropdown input {
    padding-left: 16px
}

.m-header .m-header__select .m-select-hotels .m-button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 49px
}

@-webkit-keyframes appear {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes appear_socials {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes appear_socials {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.m-footer {
    background-color: #f6f3ef
}

.m-footer__allies {
    padding: 40px 0;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-footer__allies {
        padding: 80px 0
    }
}

.m-footer__allies h3 {
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 40px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-footer__allies h3 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
        margin-bottom: 45px
    }
}

.m-footer__allies .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-footer__allies .swiper-slide {
    background-color: #f6f3ef
}

.m-footer__allies .swiper-slide picture {
    mix-blend-mode: multiply
}

.m-footer__allies .swiper-slide picture img {
    width: 120px
}

.m-footer__content {
    border-top: 1px solid #e2ded8;
    padding: 48px 0 40px
}

@media only screen and (min-width:1024px) {
    .m-footer__content {
        padding: 52px 0 80px
    }
}

.m-footer__content .m-content {
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-footer__content .m-content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        justify-content: space-between;
        text-align: left
    }
}

@media only screen and (min-width:1280px) {
    .m-footer__content .m-content {
        gap: 100px
    }
}

.m-footer__content .m-content .m-logo {
    display: inline-block
}

.m-footer__content .m-content>div {
    margin-top: 32px
}

@media only screen and (min-width:1024px) {
    .m-footer__content .m-content>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
        margin-top: 0;
        width: 100%
    }
}

@media only screen and (min-width:1280px) {
    .m-footer__content .m-content>div {
        gap: 80px
    }
}

.m-footer__content .m-content>div div {
    margin-bottom: 32px
}

@media only screen and (min-width:1024px) {
    .m-footer__content .m-content>div div {
        margin-bottom: 0
    }
}

.m-footer__content .m-content>div div:last-child {
    margin-bottom: 0
}

.m-footer__content .m-content>div div p {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

.m-footer__content .m-content>div div ul {
    margin: 0
}

.m-footer__content .m-content>div div ul li {
    padding: 8px 0
}

.m-footer__content .m-content>div div ul a {
    color: #747474;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -.019em;
    line-height: 1;
    line-height: 150%;
    position: relative;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
    transition: color .3s, transform .3s, -webkit-transform .3s
}

.m-footer__content .m-content>div div ul a:hover:after {
    background-color: #000;
    left: 0;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-footer__content .m-content>div div ul a:hover {
        color: #000
    }
}

.m-footer__content .m-content>div div ul a:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

.m-footer__content .m-content>div div:last-child li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .m-footer__content .m-content>div div:last-child li {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: normal
    }
}

.m-footer__content .m-content>div div:last-child li:first-child a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700
}

.m-footer__content .m-content>div>div {
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-footer__bottom {
        height: 110px
    }
}

.m-footer__bottom .m-container {
    border-top: 1px solid #e2ded8;
    height: 100%;
    text-align: center
}

.m-footer__bottom .m-container>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

@media only screen and (min-width:1024px) {
    .m-footer__bottom .m-container>div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        text-align: inherit
    }
}

@media only screen and (max-width:1024px) {
    .m-footer__bottom .m-container>div {
        padding: 16px 0 48px
    }
}

.m-footer__bottom p {
    color: #747474;
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 15px;
    line-height: .9375rem;
    text-transform: uppercase
}

@media only screen and (max-width:1024px) {
    .m-footer__bottom p {
        margin-bottom: 40px
    }
}

.m-footer__bottom ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 42px;
    margin: 0
}

.m-button,
.m-footer__bottom ul li a,
input[type=button],
input[type=submit] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.m-button,
input[type=button],
input[type=submit] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    font-family: Futura, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 1;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: auto
}

.m-button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.m-button:active,
input[type=button]:active,
input[type=submit]:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.m-button.m-button--alternative,
input[type=button].m-button--alternative,
input[type=submit].m-button--alternative {
    background-color: #000;
    color: #fff
}

.m-button:disabled,
.m-button[disabled] {
    background-color: #000;
    border-color: #000;
    color: #000;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-button.loading {
    background-position: 0;
    pointer-events: none;
    position: relative
}

.m-button.loading:after {
    -webkit-animation: loading 1.1s linear infinite;
    animation: loading 1.1s linear infinite;
    border: 2px solid hsla(0, 0%, 100%, .2);
    border-left-color: #fff;
    border-radius: 100%;
    content: "";
    height: 16px;
    margin-left: 10px;
    pointer-events: none;
    right: 10px;
    top: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 16px
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.m-button.loading.black:after {
    border-color: rgba(0, 0, 0, .2) rgba(0, 0, 0, .2) rgba(0, 0, 0, .2) #000
}

button.m-button-hamburguer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 16px;
    margin: 0;
    padding: 20px 4px;
    vertical-align: top
}

@media only screen and (min-width:1024px) {
    button.m-button-hamburguer {
        padding: 30px 8px
    }
}

button.m-button-hamburguer span,
button.m-button-hamburguer span:after,
button.m-button-hamburguer span:before {
    background-color: #fff;
    border-radius: 6px;
    content: "";
    display: block;
    height: 2px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 24px
}

@media only screen and (min-width:1024px) {

    button.m-button-hamburguer span,
    button.m-button-hamburguer span:after,
    button.m-button-hamburguer span:before {
        height: 3px;
        width: 32px
    }
}

button.m-button-hamburguer span:after,
button.m-button-hamburguer span:before {
    left: 0;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

button.m-button-hamburguer span:before {
    top: -6px
}

@media only screen and (min-width:1024px) {
    button.m-button-hamburguer span:before {
        top: -8px
    }
}

button.m-button-hamburguer span:after {
    bottom: -6px
}

@media only screen and (min-width:1024px) {
    button.m-button-hamburguer span:after {
        bottom: -8px
    }
}

button.m-button-hamburguer[_action=close] span {
    background-color: transparent !important
}

button.m-button-hamburguer[_action=close] span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

button.m-button-hamburguer[_action=close] span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.m-dropdown input,
.m-input input,
.m-select select,
.m-textarea textarea {
    height: 47px;
    line-height: 47px;
    line-height: 2.9375rem
}

@media only screen and (min-width:1024px) {

    .m-dropdown input,
    .m-input input,
    .m-select select,
    .m-textarea textarea {
        height: 44px;
        line-height: 44px;
        line-height: 2.75rem
    }
}

.m-dropdown input,
.m-input input,
.m-select select,
.m-textarea textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
    display: block;
    font-family: Futura, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    outline: 0 none;
    overflow: hidden;
    padding: 0 4px;
    text-overflow: ellipsis;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: border-color, background-color;
    transition-property: border-color, background-color;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    white-space: nowrap;
    width: 100%
}

.m-dropdown input:disabled,
.m-input input:disabled,
.m-select select:disabled,
.m-textarea textarea:disabled {
    background-color: #f8f8f8;
    border-color: #ccc !important
}

.m-dropdown input:disabled~span,
.m-input input:disabled~span,
.m-select select:disabled~span,
.m-textarea textarea:disabled~span {
    color: #9d9d9d
}

.m-dropdown input:-webkit-autofill,
.m-input input:-webkit-autofill,
.m-select select:-webkit-autofill,
.m-textarea textarea:-webkit-autofill {
    background-color: #000
}

.m-textarea textarea {
    resize: none
}

.m-dropdown,
.m-input,
.m-select,
.m-textarea {
    margin-bottom: 28px;
    position: relative;
    width: 100%
}

.m-dropdown label,
.m-dropdown span:not(.dow):not(.decade):not(.year):not(.month):not(.day),
.m-input label,
.m-input span:not(.dow):not(.decade):not(.year):not(.month):not(.day),
.m-select label,
.m-select span:not(.dow):not(.decade):not(.year):not(.month):not(.day),
.m-textarea label,
.m-textarea span:not(.dow):not(.decade):not(.year):not(.month):not(.day) {
    color: #000;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
    left: 4px;
    letter-spacing: .15px;
    letter-spacing: .00938rem;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s, -webkit-transform .3s
}

.m-dropdown.js--active label.label-search,
.m-input.js--active label.label-search,
.m-select.js--active label.label-search,
.m-textarea.js--active label.label-search {
    top: -9px
}

.m-dropdown .pristine-error,
.m-input .pristine-error,
.m-select .pristine-error,
.m-textarea .pristine-error {
    color: #be0811;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    margin-left: 4px;
    margin-top: 6px;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.m-dropdown.js--active label,
.m-dropdown.js--active span,
.m-dropdown.js--focus label,
.m-dropdown.js--focus span,
.m-dropdown.m--active label,
.m-dropdown.m--active span,
.m-input.js--active label,
.m-input.js--active span,
.m-input.js--focus label,
.m-input.js--focus span,
.m-input.m--active label,
.m-input.m--active span,
.m-select.js--active label,
.m-select.js--active span,
.m-select.js--focus label,
.m-select.js--focus span,
.m-select.m--active label,
.m-select.m--active span,
.m-textarea.js--active label,
.m-textarea.js--active span,
.m-textarea.js--focus label,
.m-textarea.js--focus span,
.m-textarea.m--active label,
.m-textarea.m--active span {
    color: #8d9091;
    left: 0;
    padding: 0 4px;
    top: -9px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-dropdown.js--focus input,
.m-dropdown.js--focus select,
.m-dropdown.js--focus textarea,
.m-input.js--focus input,
.m-input.js--focus select,
.m-input.js--focus textarea,
.m-select.js--focus input,
.m-select.js--focus select,
.m-select.js--focus textarea,
.m-textarea.js--focus input,
.m-textarea.js--focus select,
.m-textarea.js--focus textarea {
    border-color: #949494
}

.m-dropdown.error input,
.m-dropdown.error select,
.m-dropdown.error textarea,
.m-input.error input,
.m-input.error select,
.m-input.error textarea,
.m-select.error input,
.m-select.error select,
.m-select.error textarea,
.m-textarea.error input,
.m-textarea.error select,
.m-textarea.error textarea {
    border-color: #be0811
}

.m-dropdown.error label,
.m-dropdown.error span,
.m-input.error label,
.m-input.error span,
.m-select.error label,
.m-select.error span,
.m-textarea.error label,
.m-textarea.error span {
    color: #be0811
}

.m-dropdown.error .pristine-error,
.m-input.error .pristine-error,
.m-select.error .pristine-error,
.m-textarea.error .pristine-error {
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: #000;
    background-color: transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill~label,
input:-webkit-autofill~span {
    left: 0;
    padding: 0 4px;
    top: -9px !important;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

.m-searcher-item .m-input label[for=calendar] {
    left: 35px
}

.datepicker {
    position: absolute !important
}

.datepicker .days-of-week {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
}

.datepicker-input.in-edit {
    border-color: #959595 !important
}

.datepicker,
.datepicker-view {
    width: 100%
}

.datepicker-dropdown {
    z-index: 10
}

.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.datepicker-input.in-edit:active~label,
.datepicker-input.in-edit:focus~label {
    opacity: 0
}

.m-dropdown {
    margin-bottom: 28px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.m-dropdown input {
    color: #000;
    padding-right: 30px
}

.m-dropdown.js--open .m-dropdown__content {
    opacity: 1;
    visibility: visible
}

.m-dropdown.js--open .m-dropdown__button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-dropdown.m-readonly {
    cursor: default;
    pointer-events: none
}

.m-dropdown.m-readonly .m-wrap {
    background-color: #000;
    border-color: #000
}

.m-dropdown__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-dropdown__button input {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.m-dropdown__button input:disabled {
    pointer-events: none
}

.m-dropdown__button:after {
    content: url(/wp-content/themes/hotel-libertador/assets/img/icon-dropdown.png);
    line-height: 0;
    pointer-events: none;
    position: absolute;
    right: 4px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.m-dropdown__content {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .03);
    box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .03);
    color: #333;
    left: 0;
    max-height: 242px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    top: 102%;
    -webkit-transition: opacity .3s, visibility .2s;
    transition: opacity .3s, visibility .2s;
    visibility: hidden;
    width: 100%;
    z-index: 2
}

.m-dropdown__content::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.m-dropdown__content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
    border-top-right-radius: 0
}

.m-dropdown__content::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
    border-top-right-radius: 0
}

.m-dropdown__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    justify-content: space-between;
    min-height: 40px;
    padding: 8px 16px;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media only screen and (min-width:1024px) {
    .m-dropdown__item {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-dropdown__item.js--selected,
.m-dropdown__item:hover {
    background: #f6f5f3;
    color: #000;
    text-shadow: 0 0 0 #000
}

.m-checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.m-checkbox.error input[type=checkbox] {
    border-color: #be0811
}

.m-checkbox label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.m-checkbox label span {
    display: block;
    line-height: 1
}

.m-checkbox label span a {
    font-weight: 800;
    position: relative
}

.m-checkbox label span a:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

.m-checkbox label span a:hover:after {
    background-color: #000;
    left: 0;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-checkbox label span a:hover {
        color: #000
    }
}

.m-checkbox label input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, .6);
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0;
    position: relative;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: 20px
}

.m-checkbox label input:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-radius: 4px;
    content: "";
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    height: 20px;
    left: -2px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2), -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    width: 20px
}

@media only screen and (min-width:1024px) {
    .m-checkbox label input:after {
        top: 0
    }
}

.m-checkbox label input:hover:after {
    opacity: .5;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.m-checkbox label input:checked:after {
    opacity: 1
}

.m-checkbox .pristine-error {
    display: none
}

.m-select-hotels {
    background-color: #fff;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    z-index: 2
}

@media only screen and (min-width:1024px) {
    .m-select-hotels__wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px
    }
}

.m-accordion-box {
    border-bottom: 1px solid #ccc7bf
}

.m-accordion-box:last-child {
    border-bottom: 0
}

.m-accordion-box.js--open .m-accordion-box__button:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.m-accordion-box.js--open .m-accordion-box__button:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.m-accordion-box.js--open .m-accordion-box__content {
    height: auto
}

.m-accordion-box__button {
    background: #fff;
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: .0025em;
    line-height: 28px;
    line-height: 1.75rem;
    padding: 15px 30px 15px 0;
    position: relative;
    text-align: left;
    width: 100%
}

.m-accordion-box__button>h3,
.m-accordion-box__button>p {
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .m-accordion-box__button {
        color: #030303;
        font-size: 18px;
        font-size: 1.125rem;
        font-size: 32px;
        font-size: 2rem;
        font-weight: 400;
        line-height: 32px;
        line-height: 2rem;
        padding: 40px 5px
    }
}

.m-accordion-box__button p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    line-height: 1.625rem;
    margin-top: 8px
}

.m-accordion-box__button:after,
.m-accordion-box__button:before {
    background-color: #000;
    border-radius: 2px;
    content: "";
    height: 2px;
    position: absolute;
    top: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 9px
}

@media only screen and (min-width:768px) {

    .m-accordion-box__button:after,
    .m-accordion-box__button:before {
        top: 60px;
        width: 12px
    }
}

.m-accordion-box__button:before {
    right: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media only screen and (min-width:768px) {
    .m-accordion-box__button:before {
        right: 18px
    }
}

.m-accordion-box__button:after {
    right: 1px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

@media only screen and (min-width:768px) {
    .m-accordion-box__button:after {
        right: 10px
    }
}

.m-accordion-box__content {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .3s;
    transition: height .3s
}

.m-accordion-box__content>* {
    padding: 5px 5px 24px
}

.m-accordion-box__content p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    line-height: 1.625rem;
    margin: 0 0 20px
}

.m-accordion-box__content p:last-child {
    margin: 0
}

.m-documentation {
    background-color: #e2ded8
}

.m-documentation .m-accordion-box__content div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

@media only screen and (min-width:1024px) {
    .m-documentation .m-accordion-box__content div {
        gap: 20px
    }
}

.m-documentation .m-accordion-box__content .m-button {
    -webkit-transition: color .3s, background-color .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s, background-color .3s;
    transition: transform .3s, color .3s, background-color .3s, -webkit-transform .3s
}

.m-documentation .m-accordion-box__content .m-button:hover {
    background-color: #000;
    color: #fff
}

.m-modal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    visibility: hidden;
    z-index: 12
}

.m-modal.open {
    opacity: 1;
    visibility: visible
}

.m-modal.open .m-modal__content>div {
    -webkit-animation-duration: .4s !important;
    animation-duration: .4s !important;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-animation-name: appear !important;
    animation-name: appear !important
}

.m-modal__content,
.m-modal__overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.m-modal__overlay {
    background-color: rgba(0, 0, 0, .502)
}

.m-modal__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 20px
}

@media only screen and (min-width:768px) {
    .m-modal__content {
        padding: 40px
    }
}

.m-modal__content>div {
    background-color: #fff;
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: -webkit-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    max-width: 946px;
    overflow-y: auto;
    padding: 64px 45px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-modal__content>div {
        padding: 64px 45px
    }
}

.m-modal__close {
    background-color: transparent;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    line-height: 1.875rem;
    margin-right: 20px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 30px;
    z-index: 2
}

.m-modal__close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.m-modal__close:after,
.m-modal__close:before {
    background-color: #000;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -14px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 28px
}

.m-modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.m-modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@keyframes appear {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.m-banner {
    height: 640px;
    overflow: hidden;
    position: relative
}

.m-banner picture,
.m-banner picture img {
    height: 100%;
    width: 100%
}

.m-banner picture img {
    -o-object-fit: cover;
    object-fit: cover
}

.m-banner .m-banner__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.m-banner .m-banner__content>div {
    color: #fff;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content>div {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-banner .m-banner__content>div {
        margin: 0
    }
}

.m-banner .m-banner__content span {
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content span {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-banner .m-banner__content h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content h2 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 56px;
        line-height: 3.5rem
    }
}

.m-banner .m-banner__content p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 160%
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 152%
    }
}

.m-banner .m-banner__content .m-go-down {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content .m-go-down {
        bottom: 120px
    }
}

.m-banner .m-banner__content .m-go-down a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    gap: 0;
    letter-spacing: .2em;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-banner .m-banner__content .m-go-down a {
        font-size: 12px;
        font-size: .75rem;
        gap: 24px
    }
}

.m-banner .m-banner__content .m-go-down svg {
    -webkit-animation: move 1s linear infinite;
    animation: move 1s linear infinite;
    bottom: 0;
    position: relative;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

@-webkit-keyframes move {
    0% {
        bottom: 0
    }

    50% {
        bottom: -10px
    }

    to {
        bottom: 0
    }
}

.m-section-content {
    background-color: #e2ded8
}

.m-section-content .m-headline {
    margin-bottom: 55px
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-headline {
        margin-bottom: 80px
    }

    .m-section-content .m-section-content__section {
        padding-top: 30px
    }
}

.m-section-content .m-section-content__section .m-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 0 auto 64px;
    max-width: 600px;
    position: relative;
    text-align: right
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        justify-content: space-between;
        margin-bottom: 142px;
        max-width: none
    }
}

.m-section-content .m-section-content__section .m-content>div:first-child {
    -ms-flex-negative: 0;
    -webkit-filter: drop-shadow(0 56px 60px rgba(0, 0, 0, .1));
    filter: drop-shadow(0 56px 60px rgba(0, 0, 0, .1));
    flex-shrink: 0;
    position: relative
}

.m-section-content .m-section-content__section .m-content>div:first-child:before {
    background-color: #d1c9bc;
    content: "";
    height: 160px;
    position: absolute;
    right: -75px;
    top: -25px;
    width: 294px
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content>div:first-child:before {
        height: 300px;
        right: -150px;
        top: -50px;
        width: 560px
    }
}

.m-section-content .m-section-content__section .m-content>div:first-child img {
    position: relative
}

.m-section-content .m-section-content__section .m-content:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left
}

.m-section-content .m-section-content__section .m-content:nth-child(2n)>div:first-child:before {
    background-color: #f4f0e9;
    height: 206px;
    left: -25px;
    width: 198px
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content:nth-child(2n)>div:first-child:before {
        height: 280px;
        left: -45px;
        top: -45px;
        width: 270px
    }
}

.m-section-content .m-section-content__section .m-content:nth-child(3n)>div:first-child:before {
    height: 122%;
    width: 294px
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content:nth-child(3n)>div:first-child:before {
        height: 515px;
        width: 560px
    }
}

.m-section-content .m-section-content__section .m-content:last-child {
    margin-bottom: 0
}

.m-section-content .m-section-content__section .m-content>div {
    margin-top: 24px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content>div {
        margin: 0
    }
}

.m-section-content .m-section-content__section .m-content h2 {
    color: #000;
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 40px;
    line-height: 2.5rem
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 53px;
        line-height: 3.3125rem
    }
}

.m-section-content .m-section-content__section .m-content p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 160%
}

@media only screen and (min-width:1024px) {
    .m-section-content .m-section-content__section .m-content p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 164%
    }
}

.m-info-slide {
    padding: 48px 0 40px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-info-slide {
        padding: 80px 0
    }
}

.m-info-slide>picture {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-info-slide>picture:before {
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-info-slide>picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-info-slide .m-info-slide__content {
    text-align: center
}

.m-info-slide .m-info-slide__content>div {
    width: 100%
}

.m-info-slide .m-headline {
    color: #fff
}

.m-info-slide .m-headline p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-info-slide .m-headline p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-info-slide .m-headline h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-info-slide .m-headline h2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem;
        max-width: 700px
    }

    .m-info-slide .m-headline h2,
    .m-info-slide .m-headline p {
        text-align: left
    }
}

.m-info-slide .m-card-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 278px;
    justify-content: center;
    margin: 0 auto;
    padding: 32px 24px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-info-slide .m-card-info {
        max-width: 274px
    }
}

.m-info-slide .m-card-info h3 {
    color: #000;
    font-family: Futura;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 128%;
    margin-top: 20px
}

.m-info-slide .m-card-info p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 128%;
    text-align: left;
    text-align: center
}

.m-info-slide .m-card-info__position {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 220px
}

.m-info-slide .m-card-info__position span {
    -ms-flex-negative: 0;
    border-right: 1px solid;
    flex-shrink: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    padding-right: 10px
}

.m-info-slide .m-card-info__position p {
    margin-left: 10px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-info-slide .swiper-controls-wrap {
        left: 0;
        margin: 0 auto;
        max-width: 800px;
        max-width: 970px;
        position: absolute;
        right: 0;
        top: 126px
    }

    .m-info-slide .swiper-controls-wrap>div {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 100px
    }
}

@media only screen and (min-width:1280px) {
    .m-info-slide .swiper-controls-wrap {
        height: 72px;
        max-width: 1140px
    }
}

@media only screen and (min-width:1440px) {
    .m-info-slide .swiper-controls-wrap {
        max-width: 1140px
    }
}

@media only screen and (min-width:1024px) {
    .m-info-slide .swiper-pagination {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .m-info-slide .swiper-pagination>div {
        left: auto;
        right: 40px
    }
}

.m-info-award-slide {
    position: relative
}

.m-info-award-slide__background {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.m-info-award-slide__background:before {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-info-award-slide__background img {
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-info-award-slide__content {
    padding: 48px 0 40px;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-info-award-slide__content {
        padding: 50px 0 20px
    }
}

.m-info-award-slide__content>div {
    width: 100%
}

.m-info-award-slide__content .swiper-wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto
}

.m-info-award-slide__content .swiper-pagination {
    margin-top: 30px
}

.m-info-award-slide__content .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid #fff
}

.m-info-award-slide .m-headline {
    color: #fff;
    margin-bottom: 20px
}

.m-info-award-slide .m-headline p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 0;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-info-award-slide .m-headline p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-info-award-slide .m-headline h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-info-award-slide .m-headline h2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem;
        max-width: 700px
    }
}

.m-info-award-slide .m-headline img {
    max-height: 72px;
    min-height: 72px;
    width: auto
}

@media only screen and (min-width:1024px) {

    .m-info-award-slide .m-headline h2,
    .m-info-award-slide .m-headline p {
        text-align: left
    }
}

.m-info-award-slide .m-card-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 278px;
    justify-content: center;
    margin: 0 auto;
    padding: 32px 24px;
    text-align: center;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-info-award-slide .m-card-info {
        max-width: 274px
    }
}

.m-info-award-slide .m-card-info h3 {
    color: #000;
    font-family: Futura;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 128%;
    margin-top: 20px
}

.m-info-award-slide .m-card-info p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 128%;
    text-align: left;
    text-align: center
}

.m-info-award-slide .m-card-info__position {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 220px
}

.m-info-award-slide .m-card-info__position span {
    -ms-flex-negative: 0;
    border-right: 1px solid;
    flex-shrink: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    padding-right: 10px
}

.m-info-award-slide .m-card-info__position p {
    margin-left: 10px;
    text-align: left
}

.m-info-award-slide .swiper-controls-wrap {
    margin-top: 20px;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

@media only screen and (min-width:1024px) {
    .m-info-award-slide .swiper-controls-wrap {
        left: 0;
        margin: 0 auto;
        max-width: 800px;
        max-width: 970px;
        position: absolute;
        right: 0;
        top: 126px
    }

    .m-info-award-slide .swiper-controls-wrap>div {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-right: 100px
    }
}

@media only screen and (min-width:1280px) {
    .m-info-award-slide .swiper-controls-wrap {
        height: 72px;
        max-width: 1140px
    }
}

@media only screen and (min-width:1440px) {
    .m-info-award-slide .swiper-controls-wrap {
        max-width: 1140px
    }
}

@media only screen and (min-width:1280px) {
    .m-info-award-slide .swiper-controls-wrap .swiper-pagination>div {
        left: 0;
        -webkit-transform: translate(-20px, 10px);
        -ms-transform: translate(-20px, 10px);
        transform: translate(-20px, 10px)
    }
}

.m-tabs nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

@media only screen and (min-width:360px) {
    .m-tabs nav {
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

@media only screen and (min-width:1024px) {
    .m-tabs nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        gap: 20px;
        justify-content: center
    }
}

.m-tabs nav a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #a4a4a6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    height: 32px;
    justify-content: center;
    letter-spacing: .0025em;
    max-width: 136px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-tabs nav a {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 120%;
        max-width: 268px
    }
}

.m-tabs nav a:after {
    background-color: #a4a4a6;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.m-tabs nav a:hover {
    color: #000
}

.m-tabs nav a.active {
    color: #000;
    pointer-events: none
}

.m-tabs nav a.active:after {
    background-color: #000
}

.m-tabs .m-tabs__content>div {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.m-tabs .m-tabs__content>div.active {
    height: auto;
    opacity: 1
}

.m-banner-slide {
    height: 410px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-banner-slide {
        height: 480px
    }
}

.m-banner-slide .m-slide>picture {
    height: 100%;
    width: 100%
}

.m-banner-slide .m-slide>picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-banner-slide .m-slide__content {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-end;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.m-banner-slide .m-slide__content>div {
    color: #fff;
    margin-bottom: 80px;
    max-width: 740px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content>div {
        margin-bottom: 0;
        max-width: 800px;
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-banner-slide .m-slide__content>div {
        margin: 0
    }
}

.m-banner-slide .m-slide__content .m-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content .m-head {
        margin-bottom: 16px
    }
}

.m-banner-slide .m-slide__content p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-banner-slide .m-slide__content h2 {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 31px;
    line-height: 1.9375rem;
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content h2 {
        font-size: 38px;
        font-size: 2.375rem;
        font-weight: 700;
        line-height: 48px;
        line-height: 3rem
    }
}

.m-banner-slide .m-slide__content a {
    color: #fff;
    display: none;
    margin-top: 16px
}

@media only screen and (min-width:1024px) {
    .m-banner-slide .m-slide__content a {
        display: inline-block;
        letter-spacing: .04em;
        padding-bottom: 4px
    }

    .m-banner-slide .m-slide__content a:hover:after {
        background-color: #fff
    }
}

@media only screen and (min-width:820px) {
    .m-grid-aside {
        grid-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: grid;
        gap: 20px;
        grid-template-columns: 220px 1fr;
        justify-content: space-between
    }
}

@media only screen and (min-width:1024px) {
    .m-grid-aside {
        gap: 60px;
        grid-template-columns: 270px 1fr
    }
}

@media only screen and (min-width:1280px) {
    .m-grid-aside {
        gap: 120px
    }
}

@media only screen and (min-width:640px) {
    .m-grid-aside__grid {
        grid-gap: 40px 24px;
        display: grid;
        gap: 40px 24px;
        grid-template-columns: 1fr 1fr
    }
}

.m-card-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 32px;
    max-width: 360px;
    width: 100%
}

@media only screen and (min-width:820px) {
    .m-card-item {
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) {
    .m-card-item {
        max-width: 496px
    }
}

.m-card-item:last-child {
    margin-bottom: 0
}

.m-card-item:hover img {
    scale: 1.1
}

.m-card-item picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.m-card-item picture img {
    -webkit-transition: scale .3s;
    transition: scale .3s;
    width: 100%
}

.m-card-item .m-card-item__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding-top: 24px
}

.m-card-item .m-card-item__content>span {
    color: #747474;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 5px
}

.m-card-item .m-card-item__content>h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .m-card-item .m-card-item__content>h4 {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 31px;
        line-height: 1.9375rem;
        line-height: auto
    }
}

.m-card-item .m-card-item__content .card-disclaimer {
    color: #5e6d61;
    font-size: 14px;
    font-size: .875rem;
    position: relative
}

.m-card-item .m-card-item__content .card-disclaimer:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.75 10a8.75 8.75 0 1 1-17.5 0 8.75 8.75 0 0 1 17.5 0ZM20 10c0 5.523-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0s10 4.477 10 10Zm-9.063-4.063a.937.937 0 1 1-1.874 0 .937.937 0 0 1 1.874 0ZM10 7.5c.313 0 .625.313.625.625v6.25h.625c.313 0 .625.313.625.625 0 .313-.313.625-.625.625h-2.5c-.313 0-.625-.313-.625-.625 0-.313.313-.625.625-.625h.625V8.75H8.75c-.313 0-.625-.313-.625-.625 0-.313.313-.625.625-.625H10Z' fill='%235E6D61'/%3E%3C/svg%3E");
    left: 0;
    margin-right: 4px;
    position: relative;
    top: 5px
}

.m-card-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.m-card-item__bottom,
.m-card-item__bottom>p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-card-item__bottom>p {
    color: #747474;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    gap: 10px;
    letter-spacing: .02em;
    line-height: 31px;
    line-height: 1.9375rem;
    margin: 0
}

.m-card-item__bottom>span {
    padding: 0 12px
}

.m-card-item.m--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 32px;
    max-width: none
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
        margin-bottom: 40px
    }
}

.m-card-item.m--horizontal:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal>picture {
        max-width: 270px;
        width: 100%
    }
}

.m-card-item.m--horizontal .m-card-item__content {
    padding: 0
}

@media only screen and (max-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__content>span {
        font-size: 12px;
        font-size: .75rem
    }
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__content>span {
        color: #747474;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: .02em;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-card-item.m--horizontal .m-card-item__content>h4 {
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 6px
}

@media only screen and (min-width:450px) {
    .m-card-item.m--horizontal .m-card-item__content>h4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__content>h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.m-card-item.m--horizontal .m-card-item__content>p {
    display: none
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__content>p {
        color: #232323;
        display: block;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: .02em;
        line-height: 25px;
        line-height: 1.5625rem;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__bottom {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .m-card-item.m--horizontal .m-card-item__bottom>p {
        color: #000;
        font-size: 14px;
        font-size: .875rem;
        letter-spacing: .02em;
        line-height: 19px;
        line-height: 1.1875rem
    }

    .m-card-item.m--horizontal .m-card-item__bottom>p:last-child,
    .m-card-item.m--horizontal .m-card-item__bottom>span {
        display: none
    }
}

.m-blog-categories {
    display: none
}

@media only screen and (min-width:820px) {
    .m-blog-categories {
        display: inline;
        display: initial
    }
}

.m-blog-categories h3 {
    color: #000;
    font-family: Futura;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.m-blog-categories__main {
    min-height: 300px;
    padding: 40px 0
}

.m-blog-categories__main h3 {
    margin-bottom: 32px
}

.m-blog-categories__main ul {
    margin: 0
}

.m-blog-categories__main li {
    margin-bottom: 20px
}

.m-blog-categories__main li:last-child {
    margin-bottom: 0
}

.m-blog-categories__main a {
    -webkit-transition: all .2s;
    transition: all .2s
}

.m-blog-categories__main a:hover {
    text-shadow: 0 0 0 #000
}

.m-blog-categories__others {
    border-top: 1px solid #e2ded8;
    padding-top: 40px
}

.m-blog-categories__others>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.m-blog-categories__others a {
    border: 1px solid #232323;
    border-radius: 2px;
    color: #232323;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    padding: 12px 16px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.m-blog-categories__others a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.m-blog-categories__others a:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.m-searcher-item div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.m-searcher-item svg {
    left: 5px;
    position: absolute;
    z-index: 0
}

.m-searcher-item input {
    border: none;
    border-bottom: 1px solid #959595;
    height: 40px;
    padding-left: 40px;
    position: relative;
    z-index: 10
}

.m-headwrap {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    top: 70px;
    z-index: 3
}

@media only screen and (min-width:1024px) {
    .m-headwrap {
        top: 120px
    }
}

#progressBar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 6px;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width:1024px) {
    #progressBar {
        height: 8px
    }
}

#progressBar.active {
    opacity: 1
}

#progressBar .bar {
    background-color: #5e6d61;
    bottom: 0;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    width: 0
}

@media only screen and (min-width:1024px) {
    #progressBar .bar {
        height: 8px
    }
}

.m-social-float {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 32px;
    opacity: 0;
    padding-top: 24px;
    -webkit-transition: opacity .3s, visibility .6s;
    transition: opacity .3s, visibility .6s;
    visibility: hidden
}

@media only screen and (min-width:1440px) {
    .m-social-float {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: -100px;
        padding-top: 0;
        position: fixed;
        top: 240px
    }
}

@media screen and (min-height:900px) {
    .m-social-float {
        top: 400px
    }
}

.m-social-float.js--observer {
    opacity: 1;
    visibility: visible
}

.m-social-float .m-rate,
.m-social-float .m-socials {
    text-align: center
}

.m-social-float .m-rate span,
.m-social-float .m-socials span {
    color: #242424;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 19px;
    line-height: 1.1875rem;
    margin-bottom: 24px
}

@media only screen and (min-width:1440px) {
    .m-social-float .m-socials span {
        display: none
    }
}

.m-social-float .m-socials ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 48px;
    justify-content: center
}

@media only screen and (min-width:1440px) {
    .m-social-float .m-socials ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
        margin-bottom: 0
    }
}

.m-social-float .m-rate button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media only screen and (min-width:1440px) {
    .m-social-float .m-rate button {
        border-top: 1px solid #e7e7e7;
        padding-top: 32px
    }
}

.m-social-float .m-rate button:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.m-social-float .m-rate button:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.m-social-float .m-rate p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 100%;
    margin: 8px 0 0
}

.m-paginator ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-top: 30px
}

@media only screen and (min-width:820px) {
    .m-paginator ul {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        gap: 24px;
        justify-content: flex-end;
        margin-top: 50px
    }
}

.m-paginator ul a,
.m-paginator ul span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #232323;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    line-height: 100%;
    width: 32px
}

.m-paginator ul a.active,
.m-paginator ul span.active {
    background: #2f3937;
    border: 1px solid #2f3937;
    border-radius: 4px;
    color: #fff
}

.m-paginator ul .m-paginator__next,
.m-paginator ul .m-paginator__prev {
    background-image: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-paginator.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    font-size: 0
}

.m-paginator ul .m-paginator__prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.m-paginator li span.current {
    background: #2f3937;
    border-radius: 6px;
    color: #fff
}

.g-recaptcha--error>div,
.g-recaptcha.error>div {
    border: 1px solid #be0811;
    border-radius: 4px
}

.m-grid-cards-1-2-3 {
    grid-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between
}

@media only screen and (min-width:1024px) {
    .m-grid-cards-1-2-3 {
        gap: 60px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.m-breadcrumbs {
    padding: 12px 0 0;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-breadcrumbs {
        margin-bottom: 0;
        padding: 10px 0 0
    }
}

@media only screen and (min-width:1280px) {
    .m-breadcrumbs {
        padding: 25px 0 0
    }
}

.m-breadcrumbs span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1
}

@media only screen and (min-width:1024px) {
    .m-breadcrumbs span {
        font-size: 12px;
        font-size: .75rem;
        letter-spacing: .005em
    }
}

.m-breadcrumbs span a {
    color: #8f90a6;
    display: block;
    margin-left: 8px;
    margin-right: 8px
}

@media only screen and (min-width:1024px) {
    .m-breadcrumbs span a {
        margin-left: 11px;
        margin-right: 11px
    }
}

.m-breadcrumbs span span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-breadcrumbs span span span {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 0
}

.m-breadcrumbs span .breadcrumb_last {
    color: #223645;
    margin-left: 8px
}

@media only screen and (min-width:1024px) {
    .m-breadcrumbs span .breadcrumb_last {
        margin-left: 11px
    }
}

.m-event-card {
    padding: 45px 0
}

@media only screen and (min-width:768px) {
    .m-event-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px
    }
}

@media only screen and (min-width:1280px) {
    .m-event-card {
        gap: 53px;
        padding: 70px 0
    }
}

.m-event-card__slider {
    position: relative
}

@media only screen and (min-width:768px) {
    .m-event-card__slider {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        height: auto;
        order: 2;
        width: 50%
    }
}

@media only screen and (min-width:1280px) {
    .m-event-card__slider {
        width: 630px
    }
}

.m-event-card__slider:before {
    background-color: #f4f0e9;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-event-card__slider:before {
        background-color: #d1c9bc;
        height: 260px;
        -webkit-transform: translate(24px, -24px);
        -ms-transform: translate(24px, -24px);
        transform: translate(24px, -24px);
        width: 460px
    }

    .m-event-card__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.m-event-card:nth-child(2n) .m-event-card__slider {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width:768px) {
    .m-event-card:nth-child(2n) .m-event-card__slider:before {
        height: -webkit-calc(100% + 48px);
        height: calc(100% + 48px);
        left: 0;
        right: auto;
        -webkit-transform: translate(-24px, -24px);
        -ms-transform: translate(-24px, -24px);
        transform: translate(-24px, -24px);
        width: 460px
    }
}

.m-event-card:nth-child(2n) .m-event-card__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.m-event-card>div>span {
    background-color: #e1e1e1;
    border: 1px solid #747474;
    border-radius: 4px;
    color: #2f3937;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    padding: 2px 24px
}

.m-event-card h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 12px 0 8px
}

@media only screen and (min-width:1280px) {
    .m-event-card h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-event-card p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 24px
}

.m-event-card__data {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    grid-template: 1fr 1fr/1fr 1fr
}

@media only screen and (min-width:1280px) {
    .m-event-card__data {
        width: 415px
    }
}

.m-event-card__data>div {
    background-color: #fafafa;
    border: 1px solid #ececec;
    height: 92px;
    position: relative;
    text-align: center
}

.m-event-card__data>div>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

.m-event-card__data>div>span:first-child {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    height: 56px;
    top: 0
}

.m-event-card__data>div>span:last-child {
    background-color: #fff;
    bottom: 0;
    color: #232323;
    font-size: 12px;
    font-size: .75rem;
    height: 36px
}

.m-event-card__buttons {
    margin-top: 24px;
    text-align: center
}

@media only screen and (min-width:1280px) {
    .m-event-card__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 18px;
        width: 415px
    }
}

.m-event-card__buttons .m-button {
    display: block;
    margin-top: 12px;
    width: 100%
}

.m-event-card .slide {
    position: relative
}

.m-event-card .slide img,
.m-event-card .slide picture {
    width: 100%
}

.m-event-card .slide picture {
    height: 220px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m-event-card .slide picture {
        height: 300px
    }
}

@media only screen and (min-width:1280px) {
    .m-event-card .slide picture {
        height: 500px
    }
}

.m-event-card .slide picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0
}

.m-event-card .swiper {
    margin-bottom: 24px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-event-card .swiper {
        margin-bottom: 0
    }
}

.m-event-card .swiper .swiper-pagination {
    bottom: 30px;
    margin: 0
}

.m-event-card .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #aaa;
    height: 6px;
    width: 6px
}

.m-event-card .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.m-event-card .swiper .swiper-button-prev {
    height: 32px;
    left: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

@media only screen and (min-width:1280px) {
    .m-event-card .swiper .swiper-button-prev {
        height: 42px;
        width: 42px
    }
}

.m-event-card .swiper .swiper-button-prev:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-event-card .swiper .swiper-button-prev.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.m-event-card .swiper .swiper-button-next {
    height: 32px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

@media only screen and (min-width:1280px) {
    .m-event-card .swiper .swiper-button-next {
        height: 42px;
        width: 42px
    }
}

.m-event-card .swiper .swiper-button-next:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-event-card .swiper .swiper-button-next.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.mfp-bg {
    background: #0b0b0b;
    height: 100%;
    left: 0;
    opacity: .8;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042
}

.mfp-wrap {
    -webkit-backface-visibility: hidden;
    outline: none !important;
    position: fixed;
    z-index: 1043
}

.mfp-container,
.mfp-wrap {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.mfp-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px;
    position: absolute;
    text-align: center
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    text-align: left;
    vertical-align: middle;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    cursor: auto;
    width: 100%
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    left: 8px;
    margin-top: -.8em;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: visible;
    padding: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    z-index: 1046
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.mfp-close {
    color: #fff;
    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-size: 1.75rem;
    font-style: normal;
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem;
    opacity: .65;
    padding: 0 0 18px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    top: 0;
    width: 44px
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    padding-right: 6px;
    right: -6px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    color: #ccc;
    font-size: 12px;
    font-size: .75rem;
    line-height: 18px;
    line-height: 1.125rem;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap
}

.mfp-arrow {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    height: 110px;
    margin: -55px 0 0;
    opacity: .65;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 90px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    border: inset transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin-left: 35px;
    margin-top: 35px;
    position: absolute;
    top: 0;
    width: 0
}

.mfp-arrow:after {
    border-bottom-width: 13px;
    border-top-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-bottom-width: 21px;
    border-top-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    border-right: 27px solid #3f3f3f;
    margin-left: 25px
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-bottom: 40px;
    padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    max-width: 900px;
    width: 100%
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%
}

.mfp-iframe-scaler iframe {
    background: #000;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 40px 0;
    width: auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    background: #444;
    bottom: 40px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    content: "";
    display: block;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 40px;
    width: auto;
    z-index: -1
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 14px;
    line-height: .875rem
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    cursor: auto;
    left: 0;
    margin-top: -36px;
    position: absolute;
    top: 100%;
    width: 100%
}

.mfp-title {
    word-wrap: break-word;
    color: #f3f3f3;
    line-height: 18px;
    line-height: 1.125rem;
    padding-right: 36px;
    text-align: left
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        bottom: 0;
        top: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;
        position: fixed;
        top: auto
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        background: rgba(0, 0, 0, .6);
        height: 35px;
        line-height: 35px;
        line-height: 2.1875rem;
        padding: 0;
        position: fixed;
        right: 0;
        text-align: center;
        top: 0;
        width: 35px
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-bg {
    background-color: #000;
    opacity: .85
}

.mfp-title {
    display: none
}

@media only screen and (min-width:450px) {
    .mfp-title {
        display: block;
        float: right;
        line-height: 1.35;
        width: 100%
    }
}

.mfp-zoom-in.mfp-ready .mfp-figure {
    opacity: 0
}

.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in .mfp-preloader,
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.mfp-zoom-out-cur {
    cursor: auto
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer
}

.mfp-zoom-in.mfp-ready .mfp-preloader,
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-zoom-in.mfp-removing .mfp-preloader,
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-iframe-scaler {
    overflow: visible
}

.modal_documentation .m-modal__content>div {
    padding: 64px 30px 40px;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .modal_documentation .m-modal__content>div {
        padding: 64px 45px;
        width: 960px
    }
}

.modal_documentation h2 {
    color: #030303;
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 30px
}

@media only screen and (min-width:1024px) {
    .modal_documentation h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 48px
    }
}

.modal_documentation .m-download {
    border-bottom: 1px solid #b1b1b1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    padding-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .modal_documentation .m-download {
        margin-bottom: 25px
    }
}

.modal_documentation .m-download p {
    color: #000;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600
}

@media only screen and (min-width:1024px) {
    .modal_documentation .m-download p {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-home .m-hero {
    background-color: #000;
    color: #fff;
    position: relative
}

.m-page-home .m-hero .m-hero-slide {
    position: relative;
    text-align: center
}

.m-page-home .m-hero .m-hero-slide picture {
    width: 100%
}

.m-page-home .m-hero .m-hero-slide picture img {
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-home .m-hero .m-hero-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.m-page-home .m-hero .m-hero-slide__content div {
    margin-top: -150px;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-hero-slide__content div {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-hero .m-hero-slide__content div {
        margin: 0
    }
}

.m-page-home .m-hero .m-hero-slide h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-hero-slide h2 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 58px;
        line-height: 3.625rem
    }
}

.m-page-home .m-hero .m-hero-slide p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-hero-slide p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-page-home .m-hero .swiper-pagination {
    margin-bottom: 250px;
    position: absolute
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-page-home .m-hero .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.m-page-home .m-hero .m-select-hotels {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 48px;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1140px;
    opacity: 0;
    padding: 27px 18px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    z-index: 2
}

@media only screen and (min-width:450px) {
    .m-page-home .m-hero .m-select-hotels {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-select-hotels {
        bottom: 77px;
        margin: 0 auto;
        max-width: 970px;
        padding: 32px 0 10px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-hero .m-select-hotels {
        width: 1140px
    }
}

.m-page-home .m-hero .m-select-hotels[_animated] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-page-home .m-hero .m-select-hotels__wrap {
    margin: 0 auto;
    max-width: 700px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-select-hotels__wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px
    }
}

.m-page-home .m-hero .m-select-hotels__wrap .m-button {
    min-width: 178px
}

@media only screen and (max-width:1024px) {
    .m-page-home .m-hero .m-select-hotels__wrap .m-button {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-select-hotels__wrap .m-button {
        height: 49px;
        margin-bottom: 28px
    }
}

.m-page-home .m-newsletter {
    background-color: #fff;
    background-image: url(/wp-content/themes/hotel-libertador/assets/img/home-newsletter-bg-desk.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter .m-headline h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-page-home .m-newsletter form {
    background-color: #fff;
    padding: 27px 16px;
    position: relative;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter form {
        padding: 40px 0
    }
}

.m-page-home .m-newsletter form.js--sent .m-newsletter__form {
    opacity: 0;
    visibility: hidden
}

.m-page-home .m-newsletter form.js--sent .m-newsletter__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-home .m-newsletter form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-home .m-newsletter form .m-button {
    color: #fff;
    height: 49px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-home .m-newsletter form .m-button {
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter form .m-button {
        margin-bottom: 28px;
        width: 402px
    }
}

.m-page-home .m-newsletter__form .m-form__content {
    gap: 10px;
    margin: 0 auto;
    max-width: 762px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter__form .m-form__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 828px
    }

    .m-page-home .m-newsletter__form .m-form__content .m-input {
        width: 402px
    }
}

.m-page-home .m-newsletter__form .m-form__terms {
    margin: 20px auto 0;
    max-width: 762px;
    position: relative
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter__form .m-form__terms {
        max-width: 862px
    }
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox {
    margin-bottom: 10px
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span {
    text-align: left;
    width: 80%
}

@media only screen and (min-width:425px) {
    .m-page-home .m-newsletter__form .m-form__terms .m-checkbox span {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .m-page-home .m-newsletter__form .m-form__terms .m-checkbox span {
        width: auto
    }
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i {
    margin-top: 7px;
    position: relative
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i:hover em {
    display: block
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i em {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    left: -140px;
    padding: 14px;
    position: absolute;
    top: 30px;
    width: 216px;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i em {
        left: 40px;
        top: -20px
    }
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 52px;
    top: -8px;
    width: 0
}

@media only screen and (min-width:768px) {
    .m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
        border-bottom: 12px solid transparent;
        border-left: initial;
        border-right: 12px solid #000;
        border-top: 12px solid transparent;
        left: -12px;
        right: auto;
        top: 18px
    }
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span i svg {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.m-page-home .m-newsletter__form .m-form__terms .m-checkbox:nth-child(2) span {
    font-size: 11px;
    font-size: .6875rem;
    text-align: left;
    width: 90%
}

.m-page-home .m-newsletter__form .m-checkbox-message-error {
    display: none;
    left: 0;
    position: absolute
}

.m-page-home .m-newsletter__form .m-checkbox-message-error span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #be0811;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-page-home .m-newsletter__form .m-checkbox.input.error~.m-checkbox-message-error {
    display: block;
    margin-top: 7px
}

.m-page-home .m-newsletter__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-home .m-newsletter__thanks p {
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-newsletter__thanks p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-page-home .m-blog {
    background-color: #e2ded8;
    padding-top: 20px
}

.m-page-home .m-blog .m-container {
    text-align: center
}

.m-page-home .m-blog .m-headline {
    color: #000
}

.m-page-home .m-blog .m-blog__grid {
    margin-bottom: 30px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-blog .m-blog__grid {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 48px
    }
}

.m-page-home .m-blog .m-card-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 32px;
    max-width: 360px;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-blog .m-card-article {
        margin-bottom: 0;
        max-width: 496px
    }
}

.m-page-home .m-blog .m-card-article:last-child {
    margin-bottom: 0
}

.m-page-home .m-blog .m-card-article:hover img {
    scale: 1.1
}

.m-page-home .m-blog .m-card-article picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.m-page-home .m-blog .m-card-article picture img {
    -webkit-transition: scale .3s;
    transition: scale .3s;
    width: 100%
}

.m-page-home .m-blog .m-card-article .m-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding-top: 24px
}

.m-page-home .m-blog .m-card-article>div>p {
    color: #747474;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 5px
}

.m-page-home .m-blog .m-card-article>div>h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-blog .m-card-article>div>h4 {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 31px;
        line-height: 1.9375rem;
        line-height: auto
    }
}

.m-page-home .m-blog .m-card-article__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.m-page-home .m-blog .m-card-article__bottom>p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #747474;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    gap: 10px;
    letter-spacing: .02em;
    line-height: 31px;
    line-height: 1.9375rem;
    margin: 0
}

.m-page-home .m-blog .m-card-article__bottom>span {
    padding: 0 12px
}

@media only screen and (max-width:450px) {
    .m-page-home .m-blog .m-button {
        width: 100%
    }
}

.m-page-home .m-new {
    background-color: #fff;
    padding-bottom: 0;
    position: relative
}

.m-page-home .m-new .m-container-whole {
    max-width: 1440px !important;
    width: 100% !important
}

.m-page-home .m-new:after {
    background-color: #e2ded8;
    bottom: 0;
    content: "";
    display: block;
    height: 18%;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-home .m-new:after {
        height: 25%
    }
}

.m-page-home .m-new .m-news-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-size: 1.125rem;
    justify-content: center;
    text-align: center
}

.m-page-home .m-new .m-news-slide picture {
    width: 100%
}

.m-page-home .m-new .m-news-slide .m-news-slide__content {
    opacity: 1
}

.m-page-home .m-new .m-news-slide .m-news-slide__content picture {
    bottom: 0;
    opacity: 1
}

.m-page-home .m-new .m-news-slide>picture>img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-home .swiper-slide-next .m-news-slide__content,
.m-page-home .swiper-slide-next .m-news-slide__content picture,
.m-page-home .swiper-slide-prev .m-news-slide__content,
.m-page-home .swiper-slide-prev .m-news-slide__content picture {
    opacity: 0 !important
}

.m-page-home .m-new .swiper-slide-active .m-news-slide {
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2)
}

.m-page-home .m-new .m-news-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    padding: 0 20px 32px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s linear .2s;
    transition: opacity .3s linear .2s;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-new .m-news-slide__content {
        padding: 0 32px 48px
    }
}

.m-page-home .m-new .m-news-slide__content picture {
    bottom: -100px;
    opacity: 0;
    position: relative;
    -webkit-transition: bottom .3s linear .2s, opacity .3s linear .2s;
    transition: bottom .3s linear .2s, opacity .3s linear .2s;
    width: 110px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-new .m-news-slide__content picture {
        width: 270px
    }
}

.m-page-home .m-new .m-news-slide__content img {
    width: 100%
}

.m-page-home .m-new .m-headline span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 25px;
    max-width: 670px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-new .m-headline span {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 32px;
        line-height: 2rem
    }
}

@media only screen and (max-width:450px) {
    .m-page-home .m-new .m-button {
        width: 100%
    }
}

.m-page-home .m-home-events {
    background-color: #e2ded8;
    padding: 45px 0
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events {
        padding: 45px 0 80px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events {
        padding: 85px 0
    }
}

.m-page-home .m-home-events .m-container {
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events .m-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.m-page-home .m-home-events__slider {
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events__slider {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        height: auto;
        margin-left: -50px;
        order: 2;
        position: static;
        width: -webkit-calc(50% + 50px);
        width: calc(50% + 50px)
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-home-events__slider {
        margin-left: -120px;
        width: 600px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-home-events__slider {
        margin-left: -90px;
        width: 710px
    }
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events__content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -ms-flex-negative: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-shrink: 0;
        height: auto;
        max-width: 520px;
        order: 1;
        width: 50%;
        z-index: 2
    }
}

.m-page-home .m-home-events__content>div {
    background-color: #fff;
    -webkit-box-shadow: 0 16px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 16px 20px 0 rgba(0, 0, 0, .12);
    margin-top: -5px;
    padding: 24px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events__content>div {
        padding: 35px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-home-events__content>div {
        padding: 80px 45px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-home-events__content>div {
        padding: 95px 45px
    }
}

.m-page-home .m-home-events__content span {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 2.4px;
    letter-spacing: .15rem;
    line-height: 1;
    margin-bottom: 8px;
    text-transform: uppercase
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-home-events__content span {
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 3.2px;
        letter-spacing: .2rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.m-page-home .m-home-events__content h4 {
    color: #000;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .48px;
    letter-spacing: .03rem;
    line-height: 30px;
    line-height: 1.875rem
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-home-events__content h4 {
        font-size: 34px;
        font-size: 2.125rem;
        letter-spacing: .68px;
        letter-spacing: .0425rem;
        line-height: 36px;
        line-height: 2.25rem;
        margin-bottom: 32px
    }
}

.m-page-home .m-home-events__content p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 24px
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-home-events__content p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 28px;
        line-height: 1.75rem;
        margin-bottom: 32px
    }
}

.m-page-home .m-home-events__content .m-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events__content .m-button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto
    }
}

.m-page-home .m-home-events .slide {
    position: relative
}

.m-page-home .m-home-events .slide img,
.m-page-home .m-home-events .slide picture {
    vertical-align: top;
    width: 100%
}

.m-page-home .m-home-events .slide picture {
    height: 220px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events .slide picture {
        height: 360px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-home-events .slide picture {
        height: 500px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-home .m-home-events .slide picture {
        height: 560px
    }
}

.m-page-home .m-home-events .slide picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0
}

.m-page-home .m-home-events .swiper {
    margin-bottom: 0;
    width: 100%
}

.m-page-home .m-home-events .swiper .swiper-wrapper {
    vertical-align: top
}

.m-page-home .m-home-events .swiper .swiper-pagination {
    bottom: 30px;
    margin: 0
}

.m-page-home .m-home-events .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #aaa;
    height: 6px;
    width: 6px
}

.m-page-home .m-home-events .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.m-page-home .m-home-events .swiper-button-prev {
    height: 32px;
    left: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events .swiper-button-prev {
        bottom: -60px;
        height: 42px;
        left: 50%;
        margin-left: -30px;
        top: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 42px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events .swiper-button-prev {
        bottom: 50%;
        height: 64px;
        left: -50px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        width: 64px
    }
}

.m-page-home .m-home-events .swiper-button-prev:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events .swiper-button-prev:after {
        background-color: #fff;
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-prev.svg)
    }
}

.m-page-home .m-home-events .swiper-button-prev.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.m-page-home .m-home-events .swiper-button-next {
    height: 32px;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-home-events .swiper-button-next {
        bottom: -60px;
        height: 42px;
        left: 50%;
        margin-left: 30px;
        top: auto;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 42px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events .swiper-button-next {
        bottom: 50%;
        height: 64px;
        left: auto;
        right: -90px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        width: 64px
    }
}

.m-page-home .m-home-events .swiper-button-next:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events .swiper-button-next:after {
        background-color: #fff;
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-prev.svg)
    }
}

.m-page-home .m-home-events .swiper-button-next.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

@media only screen and (min-width:1440px) {
    .m-page-home .m-home-events .swiper-button-next.swiper-button-disabled:after {
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-prev-disabled.svg)
    }
}

.m-page-home .m-promotions {
    background-color: #fff;
    text-align: center
}

@media only screen and (max-width:640px) {
    .m-page-home .m-promotions .swiper-slide-active .m-card-promotion .m-button {
        -webkit-animation: mPromoBot 1.25s linear infinite;
        animation: mPromoBot 1.25s linear infinite
    }
}

.m-page-home .m-promotions .m-card-promotion {
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width:1024px) {
    .m-page-home .m-promotions .m-card-promotion {
        max-width: 298px
    }
}

.m-page-home .m-promotions .m-card-promotion>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px 32px;
    position: absolute;
    top: 0
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-promotions .m-card-promotion>div {
        padding: 0 32px 48px
    }
}

.m-page-home .m-promotions .m-card-promotion h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 28px;
    line-height: 1.75rem;
    text-align: center
}

.m-page-home .m-promotions .m-card-promotion p {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center
}

.m-page-home .m-promotions .m-card-promotion .m-button {
    border-color: #fff;
    color: #fff;
    height: 36px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width:820px) {
    .m-page-home .m-promotions .m-card-promotion p {
        margin-bottom: -24px;
        -webkit-transition: margin-bottom .3s;
        transition: margin-bottom .3s
    }

    .m-page-home .m-promotions .m-card-promotion .m-button {
        opacity: 0;
        -webkit-transition: top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        transition: top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        transition: transform .3s, top .2s linear 0s, opacity .2s linear 0s;
        transition: transform .3s, top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        width: auto
    }

    .m-page-home .m-promotions .m-card-promotion:hover p {
        margin-bottom: 24px
    }

    .m-page-home .m-promotions .m-card-promotion:hover .m-button {
        opacity: 1;
        top: 0;
        -webkit-transition: top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s;
        transition: top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s;
        transition: transform .3s, top .3s linear .2s, opacity .3s linear .2s;
        transition: transform .3s, top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s
    }
}

.m-page-home .m-promotions .swiper {
    margin-bottom: 40px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-promotions .swiper {
        margin-bottom: 64px
    }
}

.m-page-home .m-promotions .m-container>.m-button {
    text-transform: uppercase
}

@media only screen and (max-width:450px) {
    .m-page-home .m-promotions .m-container>.m-button {
        width: 100%
    }
}

.m-page-home .m-prensa {
    text-align: center
}

.m-page-home .m-prensa .m-headline {
    color: #000;
    max-width: 800px
}

.m-page-home .m-prensa .m-prensa__grid {
    margin-bottom: 30px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-prensa .m-prensa__grid {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 48px
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal {
    margin-bottom: 24px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal {
        margin-bottom: 0
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content {
    padding-top: 5px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content {
        padding-top: 16px
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>span {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>span {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
        margin-bottom: 16px
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>h4 {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 0
}

@media only screen and (min-width:450px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>h4 {
        font-size: 16px;
        font-size: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>h4 {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 26px;
        line-height: 1.625rem;
        margin-bottom: 16px
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__content>p {
    display: none
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0
}

@media only screen and (max-width:1024px) {
    .m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__bottom {
        display: none
    }
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__bottom p {
    color: #747474;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 19px;
    line-height: 1.1875rem
}

.m-page-home .m-prensa .m-card-item.m--horizontal .m-card-item__bottom>span {
    color: #747474;
    display: inline;
    display: initial;
    padding: 0 12px
}

@media only screen and (max-width:450px) {
    .m-page-home .m-prensa .m-button {
        width: 100%
    }
}

.m-page-home .m-protocols {
    background-color: #004040
}

.m-page-home .m-protocols .m-headline {
    color: #fff
}

.m-page-home .m-protocols .m-actionables {
    margin: 0 auto;
    max-width: 751px;
    overflow-x: hidden;
    width: 100%
}

.m-page-home .m-protocols .m-actionables a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    padding-top: 25px
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-protocols .m-actionables a {
        padding-bottom: 47px;
        padding-top: 32px
    }
}

.m-page-home .m-protocols .m-actionables a:first-child {
    border-bottom: 1px solid #3d4b49
}

.m-page-home .m-protocols .m-actionables a:last-child {
    padding-bottom: 0
}

.m-page-home .m-protocols .m-actionables a:hover h3,
.m-page-home .m-protocols .m-actionables a:hover p {
    color: #fff
}

.m-page-home .m-protocols .m-actionables a:hover i {
    opacity: 1
}

.m-page-home .m-protocols .m-actionables a:hover i svg path {
    stroke: #fff
}

.m-page-home .m-protocols .m-actionables a>div h3,
.m-page-home .m-protocols .m-actionables a>div p,
.m-page-home .m-protocols .m-actionables a>i svg path {
    stroke: #b4b4b4;
    color: #b4b4b4;
    -webkit-transition: color .3s .1s, stroke .3s .1s;
    transition: color .3s .1s, stroke .3s .1s
}

@media only screen and (max-width:1024px) {

    .m-page-home .m-protocols .m-actionables a>div h3,
    .m-page-home .m-protocols .m-actionables a>div p,
    .m-page-home .m-protocols .m-actionables a>i svg path {
        color: #fff
    }
}

.m-page-home .m-protocols .m-actionables a>div {
    width: 250px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-protocols .m-actionables a>div {
        width: auto
    }
}

.m-page-home .m-protocols .m-actionables a>div h3 {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 21px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-protocols .m-actionables a>div h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-page-home .m-protocols .m-actionables a>div p {
    font-family: Futura
}

.m-page-home .m-protocols .m-actionables a>i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #222928;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 46px;
    justify-content: center;
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .3s .1s;
    transition: opacity .3s .1s;
    width: 46px
}

@media only screen and (max-width:1024px) {
    .m-page-home .m-protocols .m-actionables a>i {
        opacity: 1
    }
}

@media only screen and (min-width:768px) {
    .m-page-home .m-protocols .m-actionables a>i {
        height: 66px;
        width: 66px
    }
}

.m-page-home .m-protocols .m-actionables a>i svg {
    height: 9px
}

@media only screen and (min-width:768px) {
    .m-page-home .m-protocols .m-actionables a>i svg {
        height: 12px
    }
}

.m-events {
    position: relative
}

.m-events:last-child {
    margin-bottom: 30px
}

.m-events:nth-child(2n) {
    background-color: #e2ded8
}

.m-events:nth-child(2n) .m-event-card__data>div {
    border-color: #cfc7ba
}

.m-events:nth-child(2n) .m-event-card__data>div>span:first-child {
    background-color: #d7d1c8
}

.m-events:nth-child(2n) .m-event-card__data>div>span:last-child {
    background-color: #e2ded8
}

.m-hero-events {
    background-color: #000;
    color: #fff;
    position: relative
}

.m-hero-events .m-hero-events-slide {
    position: relative;
    text-align: center
}

.m-hero-events .m-hero-events-slide>picture,
.m-hero-events .m-hero-events-slide>picture>img {
    width: 100%
}

.m-hero-events .m-hero-events-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.m-hero-events .m-hero-events-slide__content div {
    margin-top: -20px;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-hero-events .m-hero-events-slide__content div {
        margin-top: 80px
    }
}

.m-hero-events .m-hero-events-slide h2 {
    font-family: Futura;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    font-weight: 500;
    line-height: 40px;
    line-height: 2.5rem;
    margin-top: 24px;
    width: 300px
}

@media only screen and (min-width:1024px) {
    .m-hero-events .m-hero-events-slide h2 {
        margin-top: 15px;
        width: auto
    }
}

.m-hero-events .m-hero-events-slide span {
    display: block;
    margin-top: 45px;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-hero-events .m-hero-events-slide span {
        margin-top: 40px
    }
}

.m-hero-events .m-hero-events-slide span p {
    font-size: 12px;
    font-size: .75rem;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    text-transform: uppercase
}

.m-hero-events .m-hero-events-slide span svg {
    -webkit-animation: scrolly 2s infinite forwards;
    animation: scrolly 2s infinite forwards;
    margin-top: 10px
}

.m-hero-events .swiper-pagination {
    bottom: 30px;
    margin-bottom: 0;
    margin-top: auto;
    position: absolute
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-hero-events .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

@-webkit-keyframes scrolly {
    0% {
        -webkit-transform: translate3d(0, -150%, 0) rotateX(90deg) scale(.5) skewX(3deg);
        transform: translate3d(0, -150%, 0) rotateX(90deg) scale(.5) skewX(3deg)
    }

    30% {
        -webkit-transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg);
        transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg)
    }

    70% {
        -webkit-transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg);
        transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg)
    }

    95% {
        -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg);
        transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg)
    }

    to {
        -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg);
        transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg)
    }
}

@keyframes scrolly {
    0% {
        -webkit-transform: translate3d(0, -150%, 0) rotateX(90deg) scale(.5) skewX(3deg);
        transform: translate3d(0, -150%, 0) rotateX(90deg) scale(.5) skewX(3deg)
    }

    30% {
        -webkit-transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg);
        transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg)
    }

    70% {
        -webkit-transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg);
        transform: translateZ(0) rotateX(0deg) scale(1) skewX(0deg)
    }

    95% {
        -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg);
        transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg)
    }

    to {
        -webkit-transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg);
        transform: translate3d(0, 50%, 0) rotateX(-90deg) scale(.5) skewX(-3deg)
    }
}

.m-float-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #5e6d61;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 4px 16px 0 var(--Color-Base-shadow, rgba(0, 0, 0, .2));
    box-shadow: 0 4px 16px 0 var(--Color-Base-shadow, rgba(0, 0, 0, .2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    height: 56px;
    justify-content: center;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(-90deg) translate(20px, 72px);
    -ms-transform: rotate(-90deg) translate(20px, 72px);
    transform: rotate(-90deg) translate(20px, 72px);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 185px;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .m-float-button {
        border-radius: 12px 0 0 12px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.m-float-button span {
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase
}

.m-float-button svg path {
    fill: transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.m-float-button:hover {
    width: 200px
}

.m-float-button:hover svg {
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: mbounce;
    animation-name: mbounce
}

.m-float-button:hover svg path {
    fill: #fff
}

@-webkit-keyframes mbounce {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    45% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mbounce {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    30% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    45% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width:1280px) {
    .m-page-us .m-section-content .m-headline:after {
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-down-title.svg);
        left: 0;
        position: absolute;
        right: 0
    }

    .m-page-us .m-section-content .m-section-content__section .m-content:after {
        background-color: #837e76;
        bottom: -180px;
        content: "";
        height: 200px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 1px
    }
}

.m-page-us .m-section-content .m-section-content__section .m-content:last-child:after {
    content: normal
}

.m-page-us .m-section-content .m-section-content__section .m-content picture {
    z-index: 1
}

.m-page-us .m-menu-scrollto {
    background-color: #fff;
    border-bottom: 1px solid #e2ded8;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 11
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-menu-scrollto {
        top: 80px
    }
}

.m-page-us .m-menu-scrollto .m-container {
    padding: 0
}

@media only screen and (min-width:640px) {
    .m-page-us .m-menu-scrollto {
        overflow-x: hidden
    }
}

.m-page-us .m-menu-scrollto ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 40px;
    margin-bottom: 0;
    overflow-x: auto;
    padding: 0 20px
}

@media only screen and (min-width:640px) {
    .m-page-us .m-menu-scrollto ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-around
    }
}

.m-page-us .m-menu-scrollto ul li {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 100%;
    justify-content: center;
    padding: 15px
}

@media only screen and (min-width:640px) {
    .m-page-us .m-menu-scrollto ul li {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        padding: 0
    }
}

.m-page-us .m-menu-scrollto ul li a {
    color: #000;
    display: block;
    line-height: 1.2;
    text-align: center
}

.m-page-us .m-menu-scrollto ul li:hover {
    border-color: #747474;
    -webkit-transition: border-color 1s ease;
    transition: border-color 1s ease
}

.m-page-us .m-top-managment {
    background-color: #747474
}

.m-page-us .m-top-managment .m-headline {
    color: #fff
}

.m-page-us .m-top-managment .m-container {
    padding-right: 0
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 32px;
        justify-content: center;
        margin-bottom: 32px
    }
}

.m-page-us .m-top-managment .swiper-wrapper .swiper-slide {
    width: auto
}

.m-page-us .m-top-managment .m-mng-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.m-page-us .m-top-managment .m-mng-slide img {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.m-page-us .m-top-managment .m-mng-slide:hover div picture img {
    opacity: .6;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.m-page-us .m-top-managment .m-mng-slide:hover .m-mng-slide-picture span {
    opacity: 1
}

.m-page-us .m-top-managment .m-mng-slide:hover span:after {
    background-color: #fff;
    left: 0;
    right: 0
}

.m-page-us .m-top-managment .m-mng-slide div.m-mng-slide-picture {
    height: auto;
    position: relative;
    width: auto
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment .m-mng-slide div.m-mng-slide-picture {
        height: 350px;
        width: 300px
    }
}

.m-page-us .m-top-managment .m-mng-slide div.m-mng-slide-picture:before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 23, 25, 0)), color-stop(8.6%, rgba(21, 23, 25, .013)), color-stop(16.4%, rgba(21, 23, 25, .049)), color-stop(23.6%, rgba(21, 23, 25, .104)), color-stop(30.3%, rgba(21, 23, 25, .175)), color-stop(36.6%, rgba(21, 23, 25, .259)), color-stop(42.5%, rgba(21, 23, 25, .352)), color-stop(48.3%, rgba(21, 23, 25, .45)), color-stop(53.9%, rgba(21, 23, 25, .55)), color-stop(59.6%, rgba(21, 23, 25, .648)), color-stop(65.4%, rgba(21, 23, 25, .741)), color-stop(71.4%, rgba(21, 23, 25, .825)), color-stop(77.8%, rgba(21, 23, 25, .896)), color-stop(84.6%, rgba(21, 23, 25, .951)), color-stop(92%, rgba(21, 23, 25, .987)), to(#151719));
    background: -webkit-linear-gradient(top, rgba(21, 23, 25, 0), rgba(21, 23, 25, .013) 8.6%, rgba(21, 23, 25, .049) 16.4%, rgba(21, 23, 25, .104) 23.6%, rgba(21, 23, 25, .175) 30.3%, rgba(21, 23, 25, .259) 36.6%, rgba(21, 23, 25, .352) 42.5%, rgba(21, 23, 25, .45) 48.3%, rgba(21, 23, 25, .55) 53.9%, rgba(21, 23, 25, .648) 59.6%, rgba(21, 23, 25, .741) 65.4%, rgba(21, 23, 25, .825) 71.4%, rgba(21, 23, 25, .896) 77.8%, rgba(21, 23, 25, .951) 84.6%, rgba(21, 23, 25, .987) 92%, #151719);
    background: linear-gradient(180deg, rgba(21, 23, 25, 0), rgba(21, 23, 25, .013) 8.6%, rgba(21, 23, 25, .049) 16.4%, rgba(21, 23, 25, .104) 23.6%, rgba(21, 23, 25, .175) 30.3%, rgba(21, 23, 25, .259) 36.6%, rgba(21, 23, 25, .352) 42.5%, rgba(21, 23, 25, .45) 48.3%, rgba(21, 23, 25, .55) 53.9%, rgba(21, 23, 25, .648) 59.6%, rgba(21, 23, 25, .741) 65.4%, rgba(21, 23, 25, .825) 71.4%, rgba(21, 23, 25, .896) 77.8%, rgba(21, 23, 25, .951) 84.6%, rgba(21, 23, 25, .987) 92%, #151719);
    bottom: 0;
    content: "";
    height: 210px;
    position: absolute;
    width: 100%
}

.m-page-us .m-top-managment .m-mng-slide div.m-mng-slide-picture span {
    background-color: hsla(0, 0%, 4%, .5);
    bottom: 0;
    display: block;
    height: 35px;
    line-height: 35px;
    line-height: 2.1875rem;
    opacity: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%
}

.m-page-us .m-top-managment .m-mng-slide div.m-mng-slide-picture span:after {
    display: none
}

.m-page-us .m-top-managment .m-mng-slide>div:last-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    height: 100%;
    justify-content: flex-start;
    padding-top: 15px;
    pointer-events: none
}

.m-page-us .m-top-managment .m-mng-slide>div:last-child,
.m-page-us .m-top-managment .m-mng-slide>div:last-child>div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-page-us .m-top-managment .m-mng-slide>div:last-child>div:last-child {
    margin-top: 20px
}

.m-page-us .m-top-managment .m-mng-slide div>div>picture {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.m-page-us .m-top-managment .m-mng-slide div>div>picture img {
    height: 177px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

@media only screen and (min-width:450px) {
    .m-page-us .m-top-managment .m-mng-slide div>div>picture img {
        height: 200px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment .m-mng-slide div>div>picture img {
        height: 100%
    }
}

.m-page-us .m-top-managment .m-mng-slide h6 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment .m-mng-slide h6 {
        width: 100%
    }
}

.m-page-us .m-top-managment .m-mng-slide .management-text p {
    color: #c3c3c3;
    font-size: 12px;
    font-size: .75rem;
    line-height: 110%
}

.m-page-us .management-text {
    bottom: 40px;
    padding: 0 10px;
    position: absolute
}

.m-page-us .management-text h6 {
    margin-bottom: 10px
}

@media only screen and (min-width:1024px) {
    .m-page-us .management-text p {
        min-height: 40px
    }
}

.m-page-us .m-top-managment .m-mng-slide div>span {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    text-align: left
}

.m-page-us .m-top-managment .m-mng-slide div>span:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

.m-page-us .m-top-managment .m-tabs nav {
    margin-bottom: 40px
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment .m-tabs nav {
        margin-bottom: 60px
    }
}

.m-page-us .m-top-managment .m-tabs nav a.active,
.m-page-us .m-top-managment .m-tabs nav a:hover {
    color: #fff
}

.m-page-us .m-top-managment .m-tabs nav a.active:after {
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-top-managment #tab-directors.featured .swiper-slide:first-child {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .m-page-us .m-top-managment #tab-directors.featured .swiper-slide:first-child .m-mng-slide-picture {
        height: 550px;
        margin: 0 auto;
        width: 450px
    }

    .m-page-us #tab-management #managmentManagementSwiper .swiper-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        gap: 10px;
        justify-content: start
    }
}

@media only screen and (min-width:1024px) and (min-width:1280px) {
    .m-page-us #tab-management #managmentManagementSwiper .swiper-wrapper {
        padding-left: 65px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us #tab-management #managmentManagementSwiper .swiper-wrapper .m-mng-slide-picture {
        height: 206px !important;
        width: 161px !important
    }

    .m-page-us #tab-management #managmentManagementSwiper .swiper-wrapper .swiper-slide:nth-child(-n+5) .m-mng-slide-picture {
        height: 236px !important;
        width: 180px !important
    }
}

@media only screen and (min-width:1280px) {
    .m-page-us #tab-management #managmentManagementSwiper .swiper-wrapper .swiper-slide:nth-child(-n+5) .m-mng-slide-picture {
        height: 236px !important;
        width: 184px !important
    }
}

.m-page-us .m-modal-mangment .m-modal__content>div {
    padding: 0;
    text-align: center
}

@media only screen and (min-width:320px) {
    .m-page-us .m-modal-mangment .m-modal__content>div {
        max-width: 405px
    }
}

@media only screen and (min-width:640px) {
    .m-page-us .m-modal-mangment .m-modal__content>div {
        max-width: 600px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-modal__content>div {
        max-width: 990px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-us .m-modal-mangment .m-modal__content>div {
        max-width: 1140px
    }
}

@media only screen and (min-width:1750px) {
    .m-page-us .m-modal-mangment .m-modal__content>div {
        max-width: 1200px
    }
}

.m-page-us .m-modal-mangment .swiper-slide-active .m-mng-modal-slide>div h6 {
    color: #171717
}

.m-page-us .m-modal-mangment .swiper-slide-active .m-mng-modal-slide>div p {
    color: #4e4e4e
}

.m-page-us .m-modal-mangment .swiper-slide-active .m-mng-modal-slide>div span {
    color: #686868
}

.m-page-us .m-modal-mangment .m-mng-modal-slide {
    padding-top: 80px
}

@media only screen and (min-width:640px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide {
        padding-top: 40px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
        -webkit-column-gap: 65px;
        -moz-column-gap: 65px;
        column-gap: 65px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        min-height: 425px;
        padding-right: 80px;
        padding-top: 0
    }
}

.m-page-us .m-modal-mangment .m-mng-modal-slide picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide picture {
        width: 250px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide picture {
        width: 380px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide picture {
        width: 456px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide picture img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }
}

.m-page-us .m-modal-mangment .m-mng-modal-slide>div {
    padding: 20px;
    text-align: center
}

@media only screen and (min-width:640px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide>div {
        padding: 20px 40px 40px;
        text-align: left
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide>div {
        padding: 40px 40px 40px 0
    }
}

.m-page-us .m-modal-mangment .m-mng-modal-slide>div h6 {
    color: transparent
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide>div h6 {
        color: #171717;
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 10px
    }
}

.m-page-us .m-modal-mangment .m-mng-modal-slide>div p {
    color: transparent;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide>div p {
        color: #4e4e4e;
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 60px
    }
}

.m-page-us .m-modal-mangment .m-mng-modal-slide>div span {
    color: transparent;
    display: block
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .m-mng-modal-slide>div span {
        color: #686868;
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-us .m-modal-mangment.open .swiper-button-next {
    border: 1px solid #232323;
    border-radius: 50%;
    height: 40px !important;
    position: absolute;
    right: 15px;
    top: 30%;
    width: 40px
}

@media only screen and (min-width:640px) {
    .m-page-us .m-modal-mangment.open .swiper-button-next {
        display: block;
        height: 50px !important;
        position: absolute;
        right: 25px;
        width: 50px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment.open .swiper-button-next {
        height: 64px !important;
        top: 49%;
        width: 64px
    }
}

.m-page-us .m-modal-mangment.open .swiper-button-prev {
    border: 1px solid #232323;
    border-radius: 50%;
    height: 40px !important;
    left: 15px;
    position: absolute;
    top: 30%;
    width: 40px
}

@media only screen and (min-width:640px) {
    .m-page-us .m-modal-mangment.open .swiper-button-prev {
        display: block;
        height: 50px !important;
        left: 25px;
        position: absolute;
        top: 30%;
        width: 50px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment.open .swiper-button-prev {
        height: 64px !important;
        top: 49%;
        width: 64px
    }

    .m-page-us .m-modal-mangment .swiper {
        padding: 40px 0 40px 80px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-us .m-modal-mangment .swiper {
        padding: 80px 0 80px 80px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-us .m-modal-mangment .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

body {
    margin: 0
}

.m-page-cultura {
    font-family: Futura Light BT, sans-serif;
    font-style: normal
}

.m-page-cultura .m-hero {
    background-color: #000;
    color: #fff;
    position: relative
}

.m-page-cultura .m-hero .m-hero-slide {
    position: relative;
    text-align: center
}

.m-page-cultura .m-hero .m-hero-slide picture {
    width: 100%
}

.m-page-cultura .m-hero .m-hero-slide picture img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-cultura .m-hero .m-hero-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.m-page-cultura .m-hero .m-hero-slide__content div {
    margin: auto;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-hero-slide__content div {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-cultura .m-hero .m-hero-slide__content div {
        margin: auto
    }
}

.m-page-cultura .m-hero .m-hero-slide h2 {
    font-family: Futura Light BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

.m-page-cultura .m-go-down {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-go-down {
        bottom: 60px
    }
}

.m-page-cultura .m-go-down a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    gap: 0;
    letter-spacing: .2em;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-go-down a {
        font-size: 12px;
        font-size: .75rem;
        gap: 24px
    }
}

.m-page-cultura .m-go-down svg {
    -webkit-animation: move 1s linear infinite;
    animation: move 1s linear infinite;
    bottom: 0;
    position: relative;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-hero-slide h2 {
        font-size: 56px;
        font-size: 3.5rem;
        line-height: 58px;
        line-height: 3.625rem
    }
}

.m-page-cultura .m-hero .m-hero-slide p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-hero-slide p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-page-cultura .m-hero .swiper-pagination {
    margin-bottom: 18px;
    position: absolute
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura Light BT, sans-serif !important;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-page-cultura .m-hero .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.m-page-cultura .m-hero .m-select-hotels {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 48px;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1140px;
    opacity: 0;
    padding: 27px 18px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    z-index: 2
}

@media only screen and (min-width:450px) {
    .m-page-cultura .m-hero .m-select-hotels {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-select-hotels {
        bottom: 77px;
        margin: 0 auto;
        max-width: 970px;
        padding: 32px 0 10px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-cultura .m-hero .m-select-hotels {
        width: 1140px
    }
}

.m-page-cultura .m-hero .m-select-hotels[_animated] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-page-cultura .m-hero .m-select-hotels__wrap {
    margin: 0 auto;
    max-width: 700px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-select-hotels__wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px
    }
}

.m-page-cultura .m-hero .m-select-hotels__wrap .m-button {
    min-width: 178px
}

@media only screen and (max-width:1024px) {
    .m-page-cultura .m-hero .m-select-hotels__wrap .m-button {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-hero .m-select-hotels__wrap .m-button {
        height: 49px;
        margin-bottom: 28px
    }

    .m-page-cultura .m-newsletter .m-headline h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-page-cultura .m-newsletter form {
    background-color: #fff;
    padding: 27px 16px;
    position: relative;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-newsletter form {
        padding: 40px 0
    }
}

.m-page-cultura .m-newsletter form.js--sent .m-newsletter__form {
    opacity: 0;
    visibility: hidden
}

.m-page-cultura .m-newsletter form.js--sent .m-newsletter__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-cultura .m-newsletter form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-cultura .m-newsletter form .m-button {
    color: #fff;
    height: 49px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-cultura .m-newsletter form .m-button {
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-newsletter form .m-button {
        margin-bottom: 28px
    }
}

.m-page-cultura .m-newsletter__form .m-form__content {
    gap: 10px;
    margin: 0 auto;
    max-width: 762px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-newsletter__form .m-form__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.m-page-cultura .m-newsletter__form .m-form__terms {
    margin: 20px auto 0;
    max-width: 762px;
    position: relative
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox {
    margin-bottom: 10px
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span {
    text-align: left;
    width: 80%
}

@media only screen and (min-width:425px) {
    .m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .m-page-cultura .m-hero .m-hero-slide picture img {
        height: 400px
    }

    .m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span {
        width: auto
    }
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i {
    margin-top: 7px;
    position: relative
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i:hover em {
    display: block
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i em {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    left: -140px;
    padding: 14px;
    position: absolute;
    top: 30px;
    width: 216px;
    z-index: 2
}

@media only screen and (min-width:768px) {
    .m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i em {
        left: 40px;
        top: -20px
    }
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 52px;
    top: -8px;
    width: 0
}

@media only screen and (min-width:768px) {
    .m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
        border-bottom: 12px solid transparent;
        border-left: initial;
        border-right: 12px solid #000;
        border-top: 12px solid transparent;
        left: -12px;
        right: auto;
        top: 18px
    }
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox span i svg {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.m-page-cultura .m-newsletter__form .m-form__terms .m-checkbox:nth-child(2) span {
    font-size: 11px;
    font-size: .6875rem;
    text-align: left;
    width: 90%
}

.m-page-cultura .m-newsletter__form .m-checkbox-message-error {
    display: none;
    left: 0;
    position: absolute
}

.m-page-cultura .m-newsletter__form .m-checkbox-message-error span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #be0811;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-page-cultura .m-newsletter__form .m-checkbox.input.error~.m-checkbox-message-error {
    display: block;
    margin-top: 7px
}

.m-page-cultura .m-newsletter__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-cultura .m-newsletter__thanks p {
    font-family: Futura Light BT, sans-serif !important;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-newsletter__thanks p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-page-cultura .m-blog {
    background-color: #e2ded8
}

.m-page-cultura .m-blog .m-container {
    text-align: center
}

.m-page-cultura .m-blog .m-headline {
    color: #000
}

.m-page-cultura .m-blog .m-blog__grid {
    margin-bottom: 30px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-blog .m-blog__grid {
        grid-gap: 24px;
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 48px
    }
}

.m-page-cultura .m-blog .m-card-article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 32px;
    max-width: 360px;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-blog .m-card-article {
        margin-bottom: 0;
        max-width: 496px
    }
}

.m-page-cultura .m-blog .m-card-article:last-child {
    margin-bottom: 0
}

.m-page-cultura .m-blog .m-card-article:hover img {
    scale: 1.1
}

.m-page-cultura .m-blog .m-card-article picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.m-page-cultura .m-blog .m-card-article picture img {
    -webkit-transition: scale .3s;
    transition: scale .3s;
    width: 100%
}

.m-page-cultura .m-blog .m-card-article .m-card-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding-top: 24px
}

.m-page-cultura .m-blog .m-card-article>div>p {
    color: #747474;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 5px
}

.m-page-cultura .m-blog .m-card-article>div>h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 22px;
    line-height: 1.375rem;
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-blog .m-card-article>div>h4 {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 31px;
        line-height: 1.9375rem;
        line-height: auto
    }
}

.m-page-cultura .m-blog .m-card-article__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.m-page-cultura .m-blog .m-card-article__bottom>p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #747474;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    gap: 10px;
    letter-spacing: .02em;
    line-height: 31px;
    line-height: 1.9375rem;
    margin: 0
}

.m-page-cultura .m-blog .m-card-article__bottom>span {
    padding: 0 12px
}

@media only screen and (max-width:450px) {
    .m-page-cultura .m-blog .m-button {
        width: 100%
    }
}

.m-page-cultura .m-new {
    background-color: #fff;
    padding-bottom: 0;
    position: relative
}

.m-page-cultura .m-new .m-container-whole {
    max-width: 1440px !important;
    width: 100% !important
}

.m-page-cultura .m-new:after {
    background-color: #e2ded8;
    bottom: 0;
    content: "";
    display: block;
    height: 18%;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-cultura .m-new:after {
        height: 25%
    }
}

.m-page-cultura .m-new .m-news-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-size: 1.125rem;
    justify-content: center;
    text-align: center
}

.m-page-cultura .m-new .m-news-slide picture {
    width: 100%
}

.m-page-cultura .m-new .m-news-slide .m-news-slide__content {
    opacity: 1
}

.m-page-cultura .m-new .m-news-slide .m-news-slide__content picture {
    bottom: 0;
    opacity: 1
}

.m-page-cultura .m-new .m-news-slide>picture>img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-cultura .swiper-slide-next .m-news-slide__content,
.m-page-cultura .swiper-slide-next .m-news-slide__content picture,
.m-page-cultura .swiper-slide-prev .m-news-slide__content,
.m-page-cultura .swiper-slide-prev .m-news-slide__content picture {
    opacity: 0 !important
}

.m-page-cultura .m-new .swiper-slide-active .m-news-slide {
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2)
}

.m-page-cultura .m-new .m-news-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    padding: 0 20px 32px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s linear .2s;
    transition: opacity .3s linear .2s;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-new .m-news-slide__content {
        padding: 0 32px 48px
    }
}

.m-page-cultura .m-new .m-news-slide__content picture {
    bottom: -100px;
    opacity: 0;
    position: relative;
    -webkit-transition: bottom .3s linear .2s, opacity .3s linear .2s;
    transition: bottom .3s linear .2s, opacity .3s linear .2s;
    width: 110px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-new .m-news-slide__content picture {
        width: 270px
    }
}

.m-page-cultura .m-new .m-news-slide__content img {
    width: 100%
}

.m-page-cultura .m-new .m-headline span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 25px;
    max-width: 670px
}

.cult-proposito-video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #4e4e4e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:1228px) {
    .cult-proposito-video {
        height: 480px
    }
}

.cult-proposito-video video {
    border: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    width: 100%
}

.cult-proposito-video video#video-desktop {
    display: none
}

@media only screen and (min-width:768px) {
    .cult-proposito-video video#video-desktop {
        display: block
    }
}

.cult-proposito-video video#video-mobile {
    display: block
}

@media only screen and (min-width:768px) {
    .cult-proposito-video video#video-mobile {
        display: none
    }
}

.m-page-cultura {
    font-family: Futura Light BT, sans-serif !important;
    letter-spacing: normal !important
}

.m-page-cultura .cult-bread {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    line-height: 1rem;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-top: 32px
}

.m-page-cultura .cult-bread .i {
    margin-left: 4px;
    margin-right: 4px
}

.m-page-cultura .cult-bread a {
    color: #747474;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 16px;
    line-height: 1rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.m-page-cultura .cult-section {
    margin: auto;
    padding: 16px 20px
}

.m-page-cultura .cult-section-mob_fill {
    padding: 0
}

.m-page-cultura .cult-title {
    color: #232323;
    font-style: normal;
    margin: auto auto 34px
}

.m-page-cultura .cult-proposito-ite-1,
.m-page-cultura .cult-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center
}

.m-page-cultura .cult-proposito-ite-1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    margin-bottom: 8px
}

.m-page-cultura .cult-proposito-ite-2 {
    color: #232323;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    margin: auto auto 16px;
    text-align: center;
    width: 317px
}

.m-page-cultura .cult-proposito-ite-3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-cultura .gallery .flickity-page-dots {
    bottom: 16px;
    position: absolute;
    width: 100%
}

.m-page-cultura .gallery-cell {
    counter-increment: gallery-cell;
    height: 248px;
    width: 327px
}

.m-page-cultura .gallery-cell .image {
    background-color: #fff;
    height: 240px;
    position: relative;
    width: 320px
}

.m-page-cultura .gallery-cell:before {
    display: block;
    font-size: 80px;
    font-size: 5rem;
    line-height: 256px;
    line-height: 16rem;
    text-align: center
}

.m-page-cultura .cult-proposito-adn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 14px
}

.m-page-cultura .cult-proposito-adn-left {
    width: 319px
}

.m-page-cultura .cult-proposito-adn-left-t1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-adn-left-t2 {
    color: #232323;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-adn-left-t3 {
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-adn-left-t3,
.m-page-cultura .cult-proposito-adn-left-t4 li {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-cultura .cult-proposito-adn-left-t4 li {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative
}

.m-page-cultura .cult-proposito-adn-left-t4 li:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.246 1.18176C19.918 1.84077 19.918 2.90923 19.246 3.56824L7.77546 14.8182C7.10353 15.4773 6.01411 15.4773 5.34218 14.8182L0.753949 10.3182C0.0820171 9.65923 0.0820171 8.59077 0.753949 7.93176C1.42588 7.27275 2.5153 7.27275 3.18723 7.93176L6.55882 11.2385L16.8128 1.18176C17.4847 0.522748 18.5741 0.522748 19.246 1.18176Z' fill='%23AAAAAA'/%3E%3C/svg%3E");
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 20px
}

.m-page-cultura .cult-proposito-adn-right {
    margin-bottom: 16px;
    margin-right: -8px;
    overflow: visible;
    width: 327px
}

.m-page-cultura .cult-proposito-adn .flickity-page-dots .dot {
    background: #aaa !important;
    height: 8px !important;
    width: 8px !important
}

.m-page-cultura .cult-proposito-adn .flickity-page-dots .dot.is-selected {
    background: #fff !important
}

.m-page-cultura .cult-proposito-adn .flickity-prev-next-button {
    height: 42px;
    width: 42px
}

.m-page-cultura .cult-proposito-adn .flickity-prev-next-button:after {
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 5px
}

.m-page-cultura .cult-proposito-adn .flickity-prev-next-button svg {
    display: none !important
}

.m-page-cultura .cult-proposito-adn .next {
    background: rgba(7, 7, 7, .698)
}

.m-page-cultura .cult-proposito-adn .next:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L4 4L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-cultura .cult-proposito-adn .previous {
    background: transparent;
    border: 1px solid #e2ded8
}

.m-page-cultura .cult-proposito-adn .previous:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L1 4L4 1' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-cultura .cult-proposito-plan {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 0
}

.m-page-cultura .cult-proposito-plan-left {
    width: 319px
}

.m-page-cultura .cult-proposito-plan-left-t1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-plan-left-t2 {
    color: #232323;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-plan-left-t3 {
    margin-bottom: 16px
}

.m-page-cultura .cult-proposito-plan-left-t3,
.m-page-cultura .cult-proposito-plan-left-t4 li {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-cultura .cult-proposito-plan-left-t4 li {
    margin-bottom: 12px
}

.m-page-cultura .cult-proposito-plan-right {
    margin-bottom: 16px;
    overflow: visible;
    width: 327px
}

.m-page-cultura .cult-proposito-plan-right .flickity-page-dots .dot {
    background: #aaa !important;
    height: 8px !important;
    width: 8px !important
}

.m-page-cultura .cult-proposito-plan-right .flickity-page-dots .dot.is-selected {
    background: #fff !important
}

.m-page-cultura .cult-proposito-plan-right .flickity-prev-next-button {
    height: 42px;
    width: 42px
}

.m-page-cultura .cult-proposito-plan-right .flickity-prev-next-button:after {
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 5px
}

.m-page-cultura .cult-proposito-plan-right .flickity-prev-next-button svg {
    display: none !important
}

.m-page-cultura .cult-proposito-plan-right .next {
    background: rgba(7, 7, 7, .698)
}

.m-page-cultura .cult-proposito-plan-right .next:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L4 4L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-cultura .cult-proposito-plan-right .previous {
    background: transparent;
    border: 1px solid #e2ded8
}

.m-page-cultura .cult-proposito-plan-right .previous:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L1 4L4 1' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-cultura .border-box-left {
    margin-left: -8px
}

.m-page-cultura .border-box-left-ite {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.m-page-cultura .border-box-left-ite:before {
    background-color: #d3c9bc;
    content: "";
    height: 207px;
    left: 0;
    position: absolute;
    top: 0;
    width: 258px
}

.m-page-cultura .border-box-right {
    margin-right: -8px
}

.m-page-cultura .border-box-right-ite {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.m-page-cultura .border-box-right-ite:before {
    background-color: #d3c9bc;
    content: "";
    height: 207px;
    position: absolute;
    right: 0;
    top: 0;
    width: 258px
}

.m-page-cultura .cult-section-test {
    background-color: #747474;
    padding-bottom: 34px;
    padding-top: 34px
}

.m-page-cultura .cult-testimonio {
    margin: auto
}

.m-page-cultura .cult-testimonio .swiper-slide-active .m-card-info img {
    width: 80px
}

.m-page-cultura .cult-testimonio .m-card-info {
    min-height: 300px
}

.m-page-cultura .cult-testimonio .m-card-info img {
    width: 60px
}

.m-page-cultura .cult-testimonio .flickity-page-dots {
    display: none
}

.m-page-cultura .cult-testimonio-1 {
    color: #fff;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 24px;
    line-height: 1.5rem;
    margin: auto auto 12px
}

.m-page-cultura .cult-testimonio-1,
.m-page-cultura .cult-testimonio-2 {
    font-weight: 400 !important;
    letter-spacing: normal !important;
    text-align: center;
    width: 320px
}

.m-page-cultura .cult-testimonio-2 {
    color: #e2ded8;
    font-family: Futura Light BT, sans-serif !important;
    font-size: 14px !important;
    font-size: .875rem !important;
    line-height: 20px !important;
    line-height: 1.25rem !important;
    margin: auto auto 24px;
    text-transform: none !important
}

.m-page-cultura .cult-testimonio-3 {
    width: 100%
}

.m-page-cultura .cult-testimonio-3 .gallery {
    counter-increment: gallery-cell;
    margin-bottom: 72px;
    margin-right: 10px
}

.m-page-cultura .cult-testimonio-3 .gallery-cell {
    background-color: #fff;
    height: 300px;
    right: 0;
    width: 320px
}

.m-page-cultura .cult-testimonio-3 .gallery-cell .padding-12 {
    padding-left: 12px;
    padding-right: 12px
}

.m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button {
    bottom: -87px;
    top: auto
}

.m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button.previous {
    left: 72px
}

.m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button.next {
    right: 140px
}

.m-page-cultura .cult-testimonio-3-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-cultura .cult-testimonio-3-head-img {
    margin-right: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.m-page-cultura .cult-testimonio-3-head-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-page-cultura .cult-testimonio-3-head-text span {
    color: #232323;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-testimonio-3-head-text span {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.m-page-cultura .cult-testimonio-3-head-text p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-testimonio-3-head-text p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.m-page-cultura .cult-testimonio-3-line {
    border-top: 1px solid #aaa;
    height: 1px;
    margin-bottom: 16px;
    margin-top: 16px;
    width: 100%
}

.m-page-cultura .cult-testimonio-3-content {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-testimonio-3-content {
        font-size: 16px;
        font-size: 1rem
    }
}

@media (min-width:768px) {
    .m-page-cultura .cult-tabulador {
        height: 60px
    }

    .m-page-cultura .cult-tabulador-box {
        width: 540px !important
    }

    .m-page-cultura .cult-tabulador-box-item {
        height: 44px;
        width: 164px
    }

    .m-page-cultura .cult-proposito-adn-left-t1,
    .m-page-cultura .cult-proposito-ite-1,
    .m-page-cultura .cult-proposito-plan-left-t1 {
        font-size: 32px;
        font-size: 2rem
    }

    .m-page-cultura .cult-testimonio-1 {
        font-size: 32px !important;
        font-size: 2rem !important
    }
}

@media (min-width:1024px) {
    .m-page-cultura .border-box-left {
        margin-left: -24px
    }

    .m-page-cultura .border-box-left .previous {
        left: 35px
    }

    .m-page-cultura .arrow-down:after {
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-down-title.svg);
        left: 0;
        margin-top: 32px;
        position: absolute;
        right: 0
    }

    .m-page-cultura .border-box-left-ite:before {
        content: "";
        height: 424px;
        position: absolute;
        right: 0;
        top: 0;
        width: 442px
    }

    .m-page-cultura .border-box-right {
        margin-right: -24px
    }

    .m-page-cultura .border-box-right .next {
        right: 35px
    }

    .m-page-cultura .border-box-right-ite:before {
        content: "";
        height: 424px;
        position: absolute;
        right: 0;
        top: 0;
        width: 442px
    }

    .m-page-cultura .cult-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 64px;
        padding: 16px;
        width: 866px
    }

    .m-page-cultura .cult-proposito-ite-1 {
        color: #000;
        font-size: 42px;
        font-size: 2.625rem;
        font-weight: 600;
        line-height: 48px;
        line-height: 3rem;
        margin-bottom: 16px;
        text-align: center
    }

    .m-page-cultura .cult-proposito-ite-2 {
        color: #232323;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 32px;
        line-height: 2rem;
        margin: auto auto 24px;
        text-align: center;
        width: 900px
    }

    .m-page-cultura .gallery-cell {
        height: 564px;
        width: 678px
    }

    .m-page-cultura .gallery-cell .image {
        height: 540px;
        width: 654px
    }

    .m-page-cultura .cult-proposito-adn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 32px
    }

    .m-page-cultura .cult-proposito-adn-left {
        width: 412px
    }

    .m-page-cultura .cult-proposito-adn-left-t1 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }

    .m-page-cultura .cult-proposito-adn-left-t2 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-cultura .cult-proposito-adn-left-t3,
    .m-page-cultura .cult-proposito-adn-left-t4 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .m-page-cultura .cult-proposito-adn-left-t4 li {
        margin-bottom: 14px
    }

    .m-page-cultura .cult-proposito-adn-right {
        margin-bottom: 0;
        width: 678px
    }

    .m-page-cultura .cult-proposito-plan {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 32px;
        margin-top: 32px
    }

    .m-page-cultura .cult-proposito-plan-left {
        width: 412px
    }

    .m-page-cultura .cult-proposito-plan-left-t1 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }

    .m-page-cultura .cult-proposito-plan-left-t2 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-cultura .cult-proposito-plan-left-t3,
    .m-page-cultura .cult-proposito-plan-left-t4 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .m-page-cultura .cult-proposito-plan-left-t4 li {
        margin-bottom: 14px
    }

    .m-page-cultura .cult-proposito-plan-right {
        margin-bottom: 0;
        margin-right: 24px;
        width: 678px
    }

    .m-page-cultura .cult-section-test {
        background-color: #747474;
        padding-bottom: 74px;
        padding-top: 74px
    }

    .m-page-cultura .cult-testimonio {
        margin: auto;
        width: 100%
    }

    .m-page-cultura .cult-testimonio .swiper-slide {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1)
    }

    .m-page-cultura .cult-testimonio .m-card-info {
        max-width: 366px;
        min-height: 284px
    }

    .m-page-cultura .cult-testimonio-1 {
        font-size: 42px !important;
        font-size: 2.625rem !important;
        line-height: 48px !important;
        line-height: 3rem !important;
        margin-bottom: 12px;
        margin-left: 0;
        text-align: left;
        width: auto
    }

    .m-page-cultura .cult-testimonio .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .m-page-cultura .cult-testimonio .swiper-slide-active {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        margin-left: -32px !important;
        margin-right: -32px !important;
        max-width: 451px;
        min-height: 364px;
        width: 472px !important;
        z-index: 1;
        left: -15px;
    }

    .m-page-cultura .cult-testimonio .swiper-slide-active .m-card-info {
        max-width: 472px;
        min-height: 364px;
        padding-top: 0;
        width: 472px !important
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .m-page-cultura .cult-testimonio .swiper-slide-active .m-card-info .cult-testimonio-3-content {
        padding: 0 32px;
        text-align: center
    }
}

@media (min-width:1024px) {
    .m-page-cultura .cult-testimonio-2 {
        font-size: 16px !important;
        font-size: 1rem !important;
        line-height: 24px !important;
        line-height: 1.5rem !important;
        margin-bottom: 76px;
        margin-left: 0;
        text-align: left;
        width: auto
    }

    .m-page-cultura .cult-testimonio-3 {
        width: auto
    }

    .m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button {
        bottom: auto;
        height: 64px;
        top: -129px;
        width: 64px
    }

    .m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button.previous {
        left: auto;
        right: 196px
    }

    .m-page-cultura .cult-testimonio-3 .gallery .flickity-prev-next-button.next {
        right: 107px
    }

    .m-page-cultura .cult-testimonio-3 .gallery .flickity-viewport {
        overflow: visible
    }

    .m-page-cultura .cult-testimonio-3 .gallery .flickity-slider {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .m-page-cultura .cult-testimonio-3 .gallery-cell {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        height: 284px;
        margin: 0;
        width: 366px
    }

    .m-page-cultura .cult-testimonio-3 .gallery-cell.is-selected {
        background: #fff;
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        height: 364px;
        margin-left: -16px;
        margin-right: -16px;
        overflow: visible;
        position: absolute;
        width: 472px;
        z-index: 9
    }
}

@media (min-width:1280px) {
    .m-page-cultura .cult-bread {
        margin: auto;
        padding-left: 0;
        width: 1140px
    }

    .m-page-cultura .cult-section {
        width: 1140px
    }
}

.m-page-cultura .cult-tabulador {
    background-color: #e2ded8;
    height: 56px
}

.m-page-cultura .cult-tabulador-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: auto;
    width: 304px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-tabulador-box {
        width: 424px
    }
}

.m-page-cultura .cult-tabulador-box-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Futura Md BT, sans-serif;
    font-style: normal;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 96px
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-tabulador-box-item {
        margin: 0 10px;
        width: 164px
    }
}

.m-page-cultura .cult-tabulador-box-item.active,
.m-page-cultura .cult-tabulador-box-item:hover {
    background-color: #fff
}

.m-page-cultura .m-menu-scrollto {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 11
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .m-menu-scrollto {
        top: 80px
    }
}

.m-page-cultura .m-menu-scrollto .m-container {
    padding: 0
}

@media only screen and (min-width:640px) {
    .m-page-cultura .m-menu-scrollto {
        overflow-x: hidden
    }
}

.m-page-cultura .cult-tabulador-box-item {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:1024px) {
    .m-page-cultura .cult-tabulador-box-item {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-cultura .cult-testimonio-3-head-text p {
    text-align: left
}

@font-face {
    font-family: Futura Light BT;
    src: url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.eot);
    src: url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.eot?#iefix) format("embedded-opentype"), url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.woff2) format("woff2"), url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.woff) format("woff"), url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.ttf) format("truetype"), url(https://db.onlinewebfonts.com/t/1272fa7bb108b220336f0dc8c2a1e9fb.svg#Futura%20Light%20BT%20V1) format("svg")
}

.m-page-benefit {
    font-family: Futura Light BT, sans-serif !important;
    letter-spacing: normal !important
}

.m-page-benefit body {
    margin: 0
}

.m-page-benefit .m-banner {
    height: 360px
}

.m-page-benefit .m-banner .m-banner__content h2 {
    font-family: Futura Lt BT, sans-serif !important
}

@media (min-width:1024px) {
    .m-page-benefit .m-banner {
        height: 500px
    }

    .m-page-benefit .m-banner .m-banner__content .m-go-down {
        bottom: 50px
    }

    .m-page-benefit .m-banner .m-banner__content h2 {
        font-size: 56px;
        font-size: 3.5rem;
        width: 617px
    }

    .m-page-benefit .m-banner .m-banner__content span {
        font-size: 12px;
        font-size: .75rem;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .m-page-benefit .m-banner .m-banner__content span {
        font-size: 12px;
        font-size: .75rem
    }
}

.m-page-benefit #salud {
    background-color: #fff
}

@media (min-width:1024px) {
    .m-page-benefit #salud picture {
        min-width: 500px
    }
}

.m-page-benefit #salud h2 {
    font-family: Futura Md BT, sans-serif !important
}

@media (min-width:778px) {
    .m-page-benefit #salud h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (min-width:1024px) {
    .m-page-benefit #salud h2 {
        font-size: 42px;
        font-size: 2.625rem
    }
}

.m-page-benefit .cult-bread {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Futura Md BT, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    line-height: 1rem;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-top: 32px
}

.m-page-benefit .cult-bread .i {
    margin-left: 4px;
    margin-right: 4px
}

.m-page-benefit .cult-bread a {
    color: #747474;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 16px;
    line-height: 1rem;
    -webkit-text-decoration: none;
    text-decoration: none
}

.m-page-benefit .cult-section {
    margin: auto;
    padding: 16px 20px
}

.m-page-benefit .cult-section-mob_fill {
    padding: 0
}

.m-page-benefit .cult-title {
    color: #232323;
    font-style: normal;
    margin: auto auto 34px
}

.m-page-benefit .cult-proposito-ite-1,
.m-page-benefit .cult-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center
}

.m-page-benefit .cult-proposito-ite-1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    margin-bottom: 8px
}

.m-page-benefit .cult-proposito-ite-2 {
    color: #232323;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    margin: auto auto 16px;
    text-align: center;
    width: 317px
}

.m-page-benefit .cult-proposito-ite-3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-benefit .gallery .flickity-page-dots {
    bottom: 16px;
    position: absolute;
    width: 100%
}

.m-page-benefit .gallery-cell {
    counter-increment: gallery-cell;
    height: 248px;
    width: 327px
}

.m-page-benefit .gallery-cell .image {
    background-color: #fff;
    height: 240px;
    position: relative;
    width: 320px
}

.m-page-benefit .gallery-cell:before {
    display: block;
    font-size: 80px;
    font-size: 5rem;
    line-height: 256px;
    line-height: 16rem;
    text-align: center
}

.m-page-benefit .cult-proposito-adn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 14px
}

.m-page-benefit .cult-proposito-adn-left {
    width: 319px
}

.m-page-benefit .cult-proposito-adn-left-t1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-adn-left-t2 {
    color: #232323;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-adn-left-t3 {
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-adn-left-t3,
.m-page-benefit .cult-proposito-adn-left-t4 li {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-benefit .cult-proposito-adn-left-t4 li {
    margin-bottom: 12px
}

.m-page-benefit .cult-proposito-adn-right {
    margin-bottom: 16px;
    margin-right: -8px;
    overflow: visible;
    width: 327px
}

.m-page-benefit .cult-proposito-plan {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-line-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 0
}

.m-page-benefit .cult-proposito-plan-left {
    width: 319px
}

.m-page-benefit .cult-proposito-plan-left-t1 {
    color: #000;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-plan-left-t2 {
    color: #232323;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-plan-left-t3 {
    margin-bottom: 16px
}

.m-page-benefit .cult-proposito-plan-left-t3,
.m-page-benefit .cult-proposito-plan-left-t4 li {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-benefit .cult-proposito-plan-left-t4 li {
    margin-bottom: 12px
}

.m-page-benefit .cult-proposito-plan-right {
    margin-bottom: 16px;
    overflow: visible;
    width: 327px
}

.m-page-benefit .border-box-left {
    margin-left: -8px
}

.m-page-benefit .border-box-left-ite {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.m-page-benefit .border-box-left-ite:before {
    background-color: #d3c9bc;
    content: "";
    height: 207px;
    left: 0;
    position: absolute;
    top: 0;
    width: 258px
}

.m-page-benefit .border-box-right {
    margin-right: -8px
}

.m-page-benefit .border-box-right-ite {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start
}

.m-page-benefit .border-box-right-ite:before {
    background-color: #d3c9bc;
    content: "";
    height: 207px;
    position: absolute;
    right: 0;
    top: 0;
    width: 258px
}

.m-page-benefit .cult-section-test {
    background-color: #747474;
    padding-bottom: 34px;
    padding-top: 34px
}

.m-page-benefit .cult-testimonio {
    margin: auto
}

.m-page-benefit .cult-testimonio .m-card-info {
    min-height: 300px
}

.m-page-benefit .cult-testimonio .flickity-page-dots {
    display: none
}

.m-page-benefit .cult-testimonio-1 {
    color: #fff;
    font-size: 24px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    line-height: 1.5rem !important;
    margin: auto auto 12px;
    text-align: center;
    width: 320px
}

.m-page-benefit .cult-testimonio-1,
.m-page-benefit .cult-testimonio-2 {
    font-family: Futura Light BT, sans-serif !important;
    letter-spacing: normal !important
}

.m-page-benefit .cult-testimonio-2 {
    color: #e2ded8;
    font-size: 14px !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    line-height: 1.25rem !important;
    margin: auto auto 24px;
    text-align: center;
    text-transform: none !important;
    width: 320px
}

.m-page-benefit .cult-testimonio-3 {
    width: 100%
}

.m-page-benefit .cult-testimonio-3 .gallery {
    counter-increment: gallery-cell;
    margin-bottom: 72px;
    margin-right: 10px
}

.m-page-benefit .cult-testimonio-3 .gallery-cell {
    background-color: #fff;
    height: 300px;
    right: 0;
    width: 320px
}

.m-page-benefit .cult-testimonio-3 .gallery-cell .padding-12 {
    padding-left: 12px;
    padding-right: 12px
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button {
    bottom: -87px;
    height: 42px;
    top: auto;
    width: 42px
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button:after {
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 5px
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button svg {
    display: none !important
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button.previous {
    left: 72px
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button.next {
    right: 140px
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-page-dots .dot {
    background: #aaa !important;
    height: 8px !important;
    width: 8px !important
}

.m-page-benefit .cult-testimonio-3 .gallery .flickity-page-dots .dot.is-selected {
    background: #fff !important
}

.m-page-benefit .cult-testimonio-3 .gallery .next {
    background: rgba(7, 7, 7, .698)
}

.m-page-benefit .cult-testimonio-3 .gallery .next:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L4 4L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-benefit .cult-testimonio-3 .gallery .previous {
    background: transparent;
    border: 1px solid #e2ded8
}

.m-page-benefit .cult-testimonio-3 .gallery .previous:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L1 4L4 1' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-benefit .cult-testimonio-3-head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-benefit .cult-testimonio-3-head-img {
    margin-right: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.m-page-benefit .cult-testimonio-3-head-text span {
    color: #232323;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem
}

.m-page-benefit .cult-testimonio-3-head-text p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0
}

.m-page-benefit .cult-testimonio-3-line {
    border-top: 1px solid #aaa;
    height: 1px;
    margin-bottom: 16px;
    margin-top: 16px;
    width: 100%
}

.m-page-benefit .cult-testimonio-3-content {
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center
}

@media (min-width:768px) {
    .m-page-benefit .cult-tabulador {
        height: 60px
    }

    .m-page-benefit .cult-tabulador-box {
        width: 540px !important
    }

    .m-page-benefit .cult-tabulador-box-item {
        height: 44px;
        width: 164px
    }

    .m-page-benefit .cult-proposito-adn-left-t1,
    .m-page-benefit .cult-proposito-ite-1,
    .m-page-benefit .cult-proposito-plan-left-t1 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media (min-width:1024px) {
    .m-page-benefit .border-box-left {
        margin-left: -24px
    }

    .m-page-benefit .border-box-left .previous {
        left: 35px
    }

    .m-page-benefit #salud {
        background-color: #fff
    }

    .m-page-benefit .m-section-content .m-section-content__section .m-content h2 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }

    .m-page-benefit .m-section-content .m-section-content__section .m-content>div:first-child:before {
        height: 380px;
        right: -23px !important;
        top: -25px !important;
        width: 560px
    }

    .m-page-benefit .arrow-down:after {
        content: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-down-title.svg);
        left: 0;
        margin-top: 32px;
        position: absolute;
        right: 0
    }

    .m-page-benefit .border-box-left-ite:before {
        content: "";
        height: 424px;
        position: absolute;
        right: 0;
        top: 0;
        width: 442px
    }

    .m-page-benefit .border-box-right {
        margin-right: -24px
    }

    .m-page-benefit .border-box-right .next {
        right: 35px
    }

    .m-page-benefit .border-box-right-ite:before {
        content: "";
        height: 424px;
        position: absolute;
        right: 0;
        top: 0;
        width: 442px
    }

    .m-page-benefit .cult-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 64px;
        padding: 16px;
        width: 866px
    }

    .m-page-benefit .cult-proposito-ite-1 {
        color: #000;
        font-size: 42px;
        font-size: 2.625rem;
        font-weight: 600;
        line-height: 48px;
        line-height: 3rem;
        margin-bottom: 16px;
        text-align: center
    }

    .m-page-benefit .cult-proposito-ite-2 {
        color: #232323;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 32px;
        line-height: 2rem;
        margin: auto auto 24px;
        text-align: center;
        width: 900px
    }

    .m-page-benefit .gallery-cell {
        height: 564px;
        padding: 7px;
        width: 678px
    }

    .m-page-benefit .gallery-cell .image {
        height: 540px;
        width: 654px
    }

    .m-page-benefit .cult-proposito-adn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 32px
    }

    .m-page-benefit .cult-proposito-adn-left {
        width: 413px
    }

    .m-page-benefit .cult-proposito-adn-left-t1 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }

    .m-page-benefit .cult-proposito-adn-left-t2 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-benefit .cult-proposito-adn-left-t3,
    .m-page-benefit .cult-proposito-adn-left-t4 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .m-page-benefit .cult-proposito-adn-left-t4 li {
        margin-bottom: 14px
    }

    .m-page-benefit .cult-proposito-adn-right {
        margin-bottom: 0;
        width: 678px
    }

    .m-page-benefit .cult-proposito-plan {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 32px;
        margin-top: 32px
    }

    .m-page-benefit .cult-proposito-plan-left {
        width: 413px
    }

    .m-page-benefit .cult-proposito-plan-left-t1 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }

    .m-page-benefit .cult-proposito-plan-left-t2 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-benefit .cult-proposito-plan-left-t3,
    .m-page-benefit .cult-proposito-plan-left-t4 li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .m-page-benefit .cult-proposito-plan-left-t4 li {
        margin-bottom: 14px
    }

    .m-page-benefit .cult-proposito-plan-right {
        margin-bottom: 0;
        margin-right: 24px;
        width: 678px
    }

    .m-page-benefit .cult-section-test {
        background-color: #747474;
        padding-bottom: 74px;
        padding-top: 74px
    }

    .m-page-benefit .cult-testimonio {
        margin: auto;
        width: 100%
    }

    .m-page-benefit .cult-testimonio .swiper-slide {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1)
    }

    .m-page-benefit .cult-testimonio .m-card-info {
        max-width: 366px;
        min-height: 284px
    }

    .m-page-benefit .cult-testimonio-1 {
        font-size: 42px !important;
        font-size: 2.625rem !important;
        line-height: 48px !important;
        line-height: 3rem !important;
        margin-bottom: 12px;
        margin-left: 0;
        text-align: left;
        width: auto
    }

    .m-page-benefit .cult-testimonio .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .m-page-benefit .cult-testimonio .swiper-slide-active {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        margin-left: -32px !important;
        margin-right: -32px !important;
        z-index: 1
    }

    .m-page-benefit .cult-testimonio .swiper-slide-active,
    .m-page-benefit .cult-testimonio .swiper-slide-active .m-card-info {
        max-width: 472px;
        min-height: 364px;
        width: 472px !important
    }

    .m-page-benefit .cult-testimonio-2 {
        font-size: 16px !important;
        font-size: 1rem !important;
        line-height: 24px !important;
        line-height: 1.5rem !important;
        margin-bottom: 76px;
        margin-left: 0;
        text-align: left;
        width: auto
    }

    .m-page-benefit .cult-testimonio-3 {
        width: auto
    }

    .m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button {
        bottom: auto;
        height: 64px;
        top: -129px;
        width: 64px
    }

    .m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button.previous {
        left: auto;
        right: 196px
    }

    .m-page-benefit .cult-testimonio-3 .gallery .flickity-prev-next-button.next {
        right: 107px
    }

    .m-page-benefit .cult-testimonio-3 .gallery .flickity-viewport {
        overflow: visible
    }

    .m-page-benefit .cult-testimonio-3 .gallery .flickity-slider {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .m-page-benefit .cult-testimonio-3 .gallery-cell {
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        height: 284px;
        margin: 0;
        width: 366px
    }

    .m-page-benefit .cult-testimonio-3 .gallery-cell.is-selected {
        background: #fff;
        -webkit-box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        box-shadow: 0 16px 34px rgba(0, 0, 0, .1);
        height: 364px;
        margin-left: -16px;
        margin-right: -16px;
        overflow: visible;
        position: absolute;
        width: 472px;
        z-index: 9
    }
}

@media (min-width:1280px) {
    .m-page-benefit .cult-bread {
        margin: auto;
        padding-left: 0;
        width: 1140px
    }

    .m-page-benefit .cult-section {
        width: 1140px
    }
}

.m-page-benefit #info_beneficios {
    max-height: 600px
}

@media (min-width:1024px) {
    .m-page-benefit #info_beneficios {
        max-height: 630px
    }
}

.m-page-benefit #info_beneficios .m-headline h2 {
    color: #fff;
    font-family: Futura Md BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center
}

@media (min-width:768px) {
    .m-page-benefit #info_beneficios .m-headline h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 12px;
        text-align: left
    }
}

@media (min-width:1024px) {
    .m-page-benefit #info_beneficios .m-headline h2 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem
    }
}

.m-page-benefit #info_beneficios .m-headline p {
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center;
    text-transform: none
}

@media (min-width:768px) {
    .m-page-benefit #info_beneficios .m-headline p {
        text-align: left
    }
}

@media (min-width:1024px) {
    .m-page-benefit #info_beneficios .m-headline p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.m-page-benefit .m-hero {
    color: #000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 32px;
    position: relative
}

.m-page-benefit .m-hero .swiper {
    padding-bottom: 90px
}

@media (min-width:1024px) {
    .m-page-benefit .m-hero .swiper {
        padding-bottom: 100px
    }
}

.m-page-benefit .m-hero h2 {
    color: #232323;
    font-family: Futura Light BT, sans-serif !important;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:1024px) {
    .m-page-benefit .m-hero h2 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem;
        margin-bottom: 34px
    }
}

.m-page-benefit .m-hero h3 {
    color: #232323;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 26px;
    line-height: 1.625rem;
    margin-bottom: 8px;
    margin-top: 20px;
    text-align: left
}

.m-page-benefit .m-hero p {
    color: #232323;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: left
}

.m-page-benefit .m-hero .swiper-slide .content-card {
    margin: auto;
    min-height: 490px;
    width: 320px
}

@media (min-width:1024px) {
    .m-page-benefit .m-hero .swiper-slide .content-card {
        min-height: 466px;
        width: 364px
    }
}

.m-page-benefit .m-hero .swiper-button-next,
.m-page-benefit .m-hero .swiper-button-prev {
    display: none;
    height: 64px;
    width: 64px
}

@media (min-width:1024px) {

    .m-page-benefit .m-hero .swiper-button-next,
    .m-page-benefit .m-hero .swiper-button-prev {
        display: block
    }
}

.m-page-benefit .m-hero .swiper-button-next {
    position: absolute;
    right: -65px;
    top: -380px
}

.m-page-benefit .m-hero .swiper-button-prev {
    left: -65px;
    position: absolute;
    top: -380px
}

.m-page-benefit .m-hero .swiper-button-next:after,
.m-page-benefit .m-hero .swiper-button-prev:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin-top: 0;
    top: 0
}

.m-page-benefit .m-hero .m-hero-slide {
    position: relative;
    text-align: center
}

.m-page-benefit .m-hero .m-hero-slide picture {
    width: 100%
}

.m-page-benefit .m-hero .m-hero-slide picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-benefit .m-hero .m-hero-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    top: 0;
    width: 100%
}

.m-page-benefit .m-hero .m-hero-slide__content div {
    margin-top: 0;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-hero .m-hero-slide__content div {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-benefit .m-hero .m-hero-slide__content div {
        margin: 0
    }
}

.m-page-benefit .m-hero .swiper-pagination {
    bottom: 25px;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
    z-index: 11
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #000;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #000
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-page-benefit .m-hero .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.m-page-benefit .m-hero .m-select-hotels {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 48px;
    left: 0;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 1140px;
    opacity: 0;
    padding: 27px 18px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    z-index: 2
}

@media only screen and (min-width:450px) {
    .m-page-benefit .m-hero .m-select-hotels {
        margin-left: 30px;
        margin-right: 30px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-hero .m-select-hotels {
        bottom: 77px;
        margin: 0 auto;
        max-width: 970px;
        padding: 32px 0 10px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-benefit .m-hero .m-select-hotels {
        width: 1140px
    }
}

.m-page-benefit .m-hero .m-select-hotels[_animated] {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.m-page-benefit .m-hero .m-select-hotels__wrap {
    margin: 0 auto;
    max-width: 700px
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-hero .m-select-hotels__wrap {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 14px
    }
}

.m-page-benefit .m-hero .m-select-hotels__wrap .m-button {
    min-width: 178px
}

@media only screen and (max-width:1024px) {
    .m-page-benefit .m-hero .m-select-hotels__wrap .m-button {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-hero .m-select-hotels__wrap .m-button {
        height: 49px;
        margin-bottom: 28px
    }
}

.m-page-benefit .cult-tabulador {
    background-color: #e2ded8;
    height: 56px
}

.m-page-benefit .cult-tabulador-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    height: 100%;
    justify-content: space-between;
    margin: auto;
    width: 304px
}

.m-page-benefit .cult-tabulador-box,
.m-page-benefit .cult-tabulador-box-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-page-benefit .cult-tabulador-box-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #363636;
    font-family: Futura Md BT, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 96px
}

.m-page-benefit .cult-tabulador-box-item.active,
.m-page-benefit .cult-tabulador-box-item:hover {
    background-color: #fff
}

.m-page-benefit .m-menu-scrollto {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    z-index: 11
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-menu-scrollto {
        top: 80px
    }
}

.m-page-benefit .m-menu-scrollto .m-container {
    padding: 0
}

@media only screen and (min-width:640px) {
    .m-page-benefit .m-menu-scrollto {
        overflow-x: hidden
    }
}

.m-page-benefit .op-section-3 .op-section-3-block_left-title {
    color: #232323;
    font-family: Futura Md BT, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-benefit .op-section-3 .op-section-3-block_left-description {
    color: #5e6d61;
    font-family: Futura Md BT, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 16px
}

.m-page-benefit .op-section-3 {
    background-color: #e2ded8;
    height: 720px;
    padding-top: 24px;
    width: 100%
}

.m-page-benefit .op-section-3 .bg-form {
    padding: 24px 20px
}

.m-page-benefit .op-section-3 .op-section-3-block_left-button {
    margin-bottom: 18px
}

.m-page-benefit .op-section-3 .m-button,
.m-page-benefit .op-section-3 .sec3-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0a0a0a;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 20px;
    line-height: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.m-page-benefit .op-section-3 .m-form__content,
.m-page-benefit .op-section-3 .m-form__terms {
    max-width: 100%
}

.m-page-benefit .op-section-3 .m-form__terms .m-checkbox label {
    display: block
}

.m-page-benefit .op-section-3 .bg-form .m-form__terms svg {
    position: relative;
    top: 4px
}

.m-page-benefit .op-section-3 .bg-form .m-form__terms label {
    font-family: Manrope, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    top: -3px
}

.m-page-benefit .op-section-3 .bg-form .m-form__terms label a {
    font-weight: 600;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-page-benefit .op-section-3 .bg-form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, .6);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    position: relative;
    top: 4px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: 18px
}

.m-page-benefit .op-section-3 .bg-form label input:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-radius: 4px;
    content: "";
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    height: 18px;
    left: -2px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2), -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    width: 18px
}

.m-page-benefit .op-section-3 .bg-form label input:checked:after {
    opacity: 1
}

.m-page-benefit .op-section-3 .op-section-3-block_right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 48px
}

@media only screen and (min-width:768px) {
    .m-page-benefit .op-section-3 {
        background-color: #fff;
        height: auto;
        margin-bottom: 60px
    }

    .m-page-benefit .op-section-3 .m-container-whole {
        background-color: #e2ded8
    }

    .m-page-benefit .op-section-2 .op-section-2-container h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-benefit .m-opo-hero .m-hero-slide picture img {
        height: 560px
    }

    .m-page-benefit .m-opo-hero .swiper-pagination {
        margin-bottom: 18px
    }

    .m-page-benefit .op-section-2 {
        padding-bottom: 30px;
        padding-top: 60px
    }

    .m-page-benefit .op-section-2 .op-section-2-container h2 {
        font-size: 56px;
        font-size: 3.5rem;
        line-height: 58px;
        line-height: 3.625rem;
        margin-bottom: 60px
    }

    .m-page-benefit .op-section-2 .op-section-2-container {
        margin: auto;
        width: 937px
    }

    .m-page-benefit .op-section-2-container {
        padding-top: 36px
    }

    .m-page-benefit .op-card {
        height: 556px;
        width: 558px
    }

    .m-page-benefit .op-section-2 .op-enlace {
        height: 44px;
        width: 144px
    }

    .m-page-benefit .op-card h3 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-benefit .op-card p {
        color: #5e6d61;
        font-family: Futura, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        line-height: 1.5rem;
        text-align: left
    }

    .m-page-benefit .op-section-3 .test-whole {
        height: 448px
    }

    .m-page-benefit .op-section-3 .bg-form {
        padding: 44px
    }

    .m-page-benefit .op-section-3 .op-section-3-block_left-title {
        font-family: Futura, sans-serif;
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 500;
        letter-spacing: .02em;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 16px
    }

    .m-page-benefit .op-section-3 .op-section-3-block_left-description {
        font-family: Futura, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        line-height: 1.5rem;
        margin-bottom: 18px
    }

    .m-page-benefit .op-section-3 .m-button,
    .m-page-benefit .op-section-3 .sec3-button {
        height: 44px;
        width: 144px
    }

    .m-page-benefit .op-section-3 .op-section-3-block_left,
    .m-page-benefit .op-section-3 .op-section-3-block_right {
        width: 48%
    }

    .m-page-benefit .op-section-3 .m-container-whole {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-around
    }

    .m-page-benefit .op-section-3 .op-section-3-block_right {
        margin-top: 0
    }
}

@media only screen and (min-width:1280px) {

    .m-page-benefit .op-section-2 .m-container-whole,
    .m-page-benefit .op-section-3 .m-container-whole {
        width: 1190px !important
    }
}

.m-page-benefit .op-section-3 .m-checkbox-message-error {
    bottom: 10px !important;
    margin-bottom: 10px !important
}

.m-page-benefit .op-section-3 .m-checkbox-message-error svg {
    position: relative;
    top: 5px
}

.m-page-benefit .op-section-3 .m-checkbox label span,
.m-page-home .m-newsletter__form .m-form__terms .m-checkbox span {
    padding-left: 30px
}

.m-page-benefit .op-section-3 .m-checkbox label span {
    padding-bottom: 10px
}

.m-page-benefit .op-section-3 .bg-form input[type=checkbox],
.m-page-home .m-newsletter__form .m-form__terms .m-checkbox input {
    position: absolute;
    top: 0
}

.m-page-benefit .op-section-3 .m-checkbox-message-error {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: -80px;
    color: #be0811;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    position: relative
}

.m-page-benefit .flickity-page-dots .dot {
    background: #aaa !important;
    height: 8px !important;
    width: 8px !important
}

.m-page-benefit .flickity-page-dots .dot.is-selected {
    background: #fff !important
}

.m-page-benefit .flickity-prev-next-button {
    height: 42px;
    width: 42px
}

.m-page-benefit .flickity-prev-next-button:after {
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 5px
}

.m-page-benefit .flickity-prev-next-button svg {
    display: none !important
}

.m-page-benefit .next {
    background: rgba(7, 7, 7, .698)
}

.m-page-benefit .next:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7L4 4L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-benefit .previous {
    background: transparent;
    border: 1px solid #e2ded8
}

.m-page-benefit .previous:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7L1 4L4 1' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-info-slide .m-card-info h3 {
    font-size: 16px;
    font-size: 1rem
}

#salud .m-section-content__section .m-content p {
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:1024px) {
    #salud .m-section-content__section .m-content p {
        font-size: 16px;
        font-size: 1rem
    }
}

#salud picture img {
    min-width: 320px
}

.op-opo-benefit .legal {
    left: 25px;
    padding-right: 25px;
    position: relative
}

.m-page-benefit .op-section-3 .op-section-3-block_right {
    margin-top: 0
}

.m-page-home .m-go-down {
    bottom: 50px;
    left: 0;
    margin: auto !important;
    position: absolute;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-go-down {
        bottom: 60px
    }
}

.m-page-home .m-go-down a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    gap: 0;
    letter-spacing: .2em;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-go-down a {
        font-size: 12px;
        font-size: .75rem;
        gap: 24px
    }
}

.m-page-home .m-go-down svg {
    -webkit-animation: move 1s linear infinite;
    animation: move 1s linear infinite;
    bottom: 0;
    position: relative;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

.m-page-home .m-opo-hero .m-hero-slide picture img {
    height: 460px
}

.m-page-home .op-section-2 .op-section-2-container h2 {
    color: #232323;
    font-family: Futura Md BT, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 24px;
    text-align: center
}

.m-page-home .op-section-2 .op-section-2-container {
    margin: auto;
    width: 320px
}

.m-page-home .m-opo-hero .swiper-pagination {
    margin-bottom: 14px
}

.m-page-home .op-section-2-container {
    padding-top: 24px
}

.m-page-home .op-card {
    height: 520px;
    margin-bottom: 25px;
    position: relative;
    width: 320px
}

.m-page-home .op-card h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 12px;
    margin-top: 16px
}

.m-page-home .op-card h3,
.m-page-home .op-card p {
    font-family: Futura, sans-serif;
    font-weight: 500;
    text-align: left
}

.m-page-home .op-card p {
    color: #5e6d61
}

.m-page-home .op-card p,
.m-page-home .op-section-2 .op-enlace {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-home .op-section-2 .op-enlace {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0a0a0a;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    letter-spacing: .04em;
    position: absolute;
    text-transform: uppercase;
    width: 320px
}

.m-page-home .op-section-2 .m-container-whole {
    -ms-flex-pack: distribute;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around
}

.m-page-home .op-section-3 .op-section-3-block_left-title {
    color: #232323;
    font-family: Futura, sans-serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 24px;
    line-height: 1.5rem;
    margin-bottom: 16px
}

.m-page-home .op-section-3 .op-section-3-block_left-description {
    color: #5e6d61;
    font-family: Futura, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 16px
}

.m-page-home .op-section-3 {
    background-color: #e2ded8;
    height: 720px;
    padding-top: 24px;
    width: 100%
}

.m-page-home .op-section-3 .bg-form {
    padding: 24px 20px
}

.m-page-home .op-section-3 .op-section-3-block_left-button {
    margin-bottom: 18px
}

.m-page-home .op-section-3 .m-button,
.m-page-home .op-section-3 .sec3-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0a0a0a;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 20px;
    line-height: 1.25rem;
    text-transform: uppercase;
    width: 100%
}

.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.legal {
    font-family: Manrope, sans-serif;
    font-size: 12px !important;
    font-size: .75rem !important;
    font-weight: 400;
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    line-height: 16px !important;
    line-height: 1rem !important
}

.legal,
.legal .op-enlace {
    color: #232323
}

.m-page-home .op-section-3 .m-form__content,
.m-page-home .op-section-3 .m-form__terms {
    max-width: 100%
}

.m-page-home .op-section-3 .m-form__terms .m-checkbox label {
    display: block
}

.m-page-home .op-section-3 .bg-form .m-form__terms svg {
    position: relative;
    top: 4px
}

.m-page-home .op-section-3 .bg-form .m-form__terms label {
    font-family: Futura, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    line-height: 20px;
    line-height: 1.25rem;
    position: relative;
    top: -3px
}

.m-page-home .op-section-3 .bg-form .m-form__terms label a {
    font-weight: 600;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-page-home .op-section-3 .bg-form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, .6);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    position: relative;
    top: 4px;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    width: 18px
}

.m-page-home .op-section-3 .bg-form label input:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    border-radius: 4px;
    content: "";
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    height: 18px;
    left: -2px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -1px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    transition: opacity .3s ease, filter .3s ease, transform .3s cubic-bezier(.6, -1.2, .2, 2.2), -webkit-filter .3s ease, -webkit-transform .3s cubic-bezier(.6, -1.2, .2, 2.2);
    width: 18px
}

.m-page-home .op-section-3 .bg-form label input:checked:after {
    opacity: 1
}

.m-page-home .op-section-3 .op-section-3-block_right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 48px
}

@media only screen and (min-width:768px) {
    .m-page-home .op-section-3 {
        background-color: #fff;
        height: auto;
        margin-bottom: 60px
    }

    .m-page-home .op-section-3 .m-container-whole {
        background-color: #e2ded8
    }
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-opo-hero .m-hero-slide picture img {
        height: 560px
    }

    .m-page-home .m-opo-hero .swiper-pagination {
        margin-bottom: 18px
    }

    .m-page-home .op-section-2 {
        padding-bottom: 30px;
        padding-top: 60px
    }

    .m-page-home .op-section-2 .op-section-2-container h2 {
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 48px;
        line-height: 3rem;
        margin-bottom: 60px
    }

    .m-page-home .op-section-2 .op-section-2-container {
        margin: auto;
        width: 937px
    }

    .m-page-home .op-section-2-container {
        padding-top: 36px
    }

    .m-page-home .op-card {
        height: 627px;
        width: 558px
    }

    .m-page-home .op-section-2 .op-enlace {
        height: 44px;
        width: 144px
    }

    .m-page-home .op-card h3 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-page-home .op-card p {
        color: #5e6d61;
        font-family: Futura, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        line-height: 1.5rem;
        text-align: left
    }

    .m-page-home .op-section-3 .test-whole {
        height: 448px
    }

    .m-page-home .op-section-3 .bg-form {
        padding: 44px
    }

    .m-page-home .op-section-3 .op-section-3-block_left-title {
        font-family: Futura, sans-serif;
        font-size: 28px;
        font-size: 1.75rem;
        font-weight: 500;
        letter-spacing: .02em;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 16px
    }

    .m-page-home .op-section-3 .op-section-3-block_left-description {
        font-family: Futura, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 500;
        line-height: 24px;
        line-height: 1.5rem;
        margin-bottom: 18px
    }

    .m-page-home .op-section-3 .m-button,
    .m-page-home .op-section-3 .sec3-button {
        height: 44px;
        width: 144px
    }

    .m-page-home .op-section-3 .op-section-3-block_left,
    .m-page-home .op-section-3 .op-section-3-block_right {
        width: 48%
    }

    .m-page-home .op-section-3 .m-container-whole {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-flex-pack: distribute;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-around
    }

    .m-page-home .op-section-3 .op-section-3-block_right {
        margin-top: 0
    }
}

@media only screen and (min-width:1280px) {

    .m-page-home .op-section-2 .m-container-whole,
    .m-page-home .op-section-3 .m-container-whole {
        width: 1190px !important
    }
}

.m-page-home .m-hero .m-hero-slide h2 {
    font-family: Futura Lt BT, sans-serif !important
}

@media only screen and (min-width:1024px) {
    .m-page-home .m-hero .m-hero-slide h2 {
        font-size: 56px;
        font-size: 3.5rem
    }
}

.m-page-home .op-card h3 {
    color: #232323;
    font-size: 22px;
    font-size: 1.375rem
}

@media only screen and (min-width:1024px) {
    .m-page-home .op-card h3 {
        font-size: 28px;
        font-size: 1.75rem
    }
}

.m-page-home .m-go-down a {
    font-size: 12px;
    font-size: .75rem
}

.m-page-home .legal {
    left: 25px;
    padding-right: 25px;
    position: relative
}

.m-page-home .op-section-3 .m-checkbox-message-error {
    color: #be0811
}

.m-page-home .op-section-3 .m-checkbox-message-error svg {
    position: relative;
    top: 5px
}

.m-page-home .op-section-3 .bg-form input[type=checkbox] {
    position: absolute
}

.m-page-environmental {
    background-color: transparent
}

.m-page-sustainability .m-banner {
    height: 100vh;
    height: -webkit-calc(100vh + 100px);
    height: calc(100vh + 100px)
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-banner {
        height: -webkit-calc(100vh + 300px);
        height: calc(100vh + 300px)
    }
}

.m-page-sustainability .m-banner .m-banner__content {
    margin-top: -100px
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-banner .m-banner__content {
        margin-top: -300px
    }
}

.m-page-sustainability .m-banner .m-banner__content>div {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.m-page-sustainability .m-banner .m-banner__content .m-go-down {
    bottom: 160px
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-banner .m-banner__content .m-go-down {
        bottom: 360px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-sustainability .m-banner .m-banner__content .m-go-down {
        bottom: 420px
    }
}

.m-page-sustainability .m-banner .m-banner__content h2 {
    margin-bottom: 14px;
    max-width: 820px
}

.m-page-sustainability .m-banner .m-banner__content p {
    margin: 0 auto;
    max-width: 690px
}

.m-page-sustainability .m-banner .m-banner__content[_animated]>div {
    opacity: 1
}

.m-page-sustainability .m-sustainability {
    position: relative
}

.m-page-sustainability .m-sustainability.js--animated .m-sustainability-card {
    opacity: 1
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-sustainability.js--animated .m-sustainability-card:first-child {
        top: -320px
    }

    .m-page-sustainability .m-sustainability.js--animated .m-sustainability-card:last-child {
        top: -225px
    }
}

.m-page-sustainability .m-sustainability .m-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-sustainability .m-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }
}

.m-page-sustainability .m-sustainability__background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.m-page-sustainability .m-sustainability__background:before {
    background-color: #004040;
    content: "";
    display: block;
    height: 44%;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-sustainability__background:before {
        height: 100%;
        width: 50%
    }
}

.m-page-sustainability .m-sustainability-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 300px;
    opacity: 0;
    position: relative;
    -webkit-transition: top .4s .2s, opacity .3s .2s;
    transition: top .4s .2s, opacity .3s .2s
}

@media only screen and (min-width:768px) {
    .m-page-sustainability .m-sustainability-card {
        max-width: 320px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width:1024px) {
    .m-page-sustainability .m-sustainability-card {
        margin: initial;
        max-width: 426px
    }
}

.m-page-sustainability .m-sustainability-card:first-child {
    top: -100px
}

@media only screen and (max-width:768px) {
    .m-page-sustainability .m-sustainability-card:first-child {
        padding-bottom: 70px
    }
}

.m-page-sustainability .m-sustainability-card:first-child .m-sustainability-content {
    color: #fff
}

.m-page-sustainability .m-sustainability-card:last-child {
    top: -50px
}

.m-page-sustainability .m-sustainability-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding-top: 24px
}

.m-page-sustainability .m-sustainability-content h4 {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 8px
}

@media only screen and (min-width:1024px) {
    .m-page-sustainability .m-sustainability-content h4 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 53px;
        line-height: 3.3125rem
    }
}

.m-page-sustainability .m-sustainability-content>p {
    font-family: Futura, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 155%;
    margin-bottom: 24px
}

@media only screen and (max-width:768px) {
    .m-page-sustainability .m-sustainability-bottom a {
        width: 100%
    }
}

.m-page-protocols .m-properties {
    text-align: center
}

.m-page-protocols .m-properties-content p {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem
}

@media only screen and (min-width:1024px) {
    .m-page-protocols .m-properties-content p {
        font-size: 32px;
        font-size: 2rem;
        margin: 0 auto;
        max-width: 860px
    }
}

.m-page-protocols .m-faqs {
    background-color: #e2ded8
}

@media only screen and (min-width:1024px) {
    .m-page-protocols .m-faqs {
        padding: 30px 0
    }
}

.m-page-protocols .m-faqs .m-container {
    max-width: 946px
}

.m-page-protocols .m-faqs .m-faqs__accordion {
    border-bottom: 1px solid #ccc7bf
}

@media only screen and (max-width:1024px) {
    .m-page-protocols .m-faqs .m-faqs__accordion:first-child h2 {
        padding-top: 0
    }
}

.m-page-protocols .m-faqs .m-faqs__accordion:last-child {
    border-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-page-protocols .m-faqs .m-faqs__accordion {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px;
        padding: 34px 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-protocols .m-faqs .m-faqs__accordion {
        gap: 70px
    }
}

.m-page-protocols .m-faqs .m-faqs__accordion h2 {
    color: #343434;
    font-family: Futura;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 400;
    padding-top: 48px
}

@media only screen and (min-width:1024px) {
    .m-page-protocols .m-faqs .m-faqs__accordion h2 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 32px;
        font-size: 2rem;
        line-height: 128%;
        margin: 32px 0 0;
        padding-top: 0;
        width: 320px
    }
}

.m-page-protocols .m-faqs .m-accordion-box__button {
    color: #1a1a1a;
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

@media only screen and (min-width:1024px) {
    .m-page-protocols .m-faqs .m-accordion-box__button {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 128%
    }

    .m-page-protocols .m-accordion-box__button:after,
    .m-page-protocols .m-accordion-box__button:before {
        top: 50px
    }
}

.m-page-promotions .m-hero {
    background-color: #000;
    color: #fff;
    position: relative
}

.m-page-promotions .m-hero .m-hero-slide {
    position: relative;
    text-align: center
}

.m-page-promotions .m-hero .m-hero-slide picture {
    width: 100%
}

.m-page-promotions .m-hero .m-hero-slide picture img {
    height: 300px;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-hero .m-hero-slide picture img {
        height: 448px
    }
}

.m-page-promotions .m-hero .m-hero-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.m-page-promotions .m-hero .m-hero-slide__content div {
    margin-top: -150px;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-hero .m-hero-slide__content div {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-promotions .m-hero .m-hero-slide__content div {
        margin: 0
    }
}

.m-page-promotions .m-hero .m-hero-slide h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-hero .m-hero-slide h2 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 58px;
        line-height: 3.625rem
    }
}

.m-page-promotions .m-hero .m-hero-slide p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-hero .m-hero-slide p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-page-promotions .m-hero .swiper-pagination {
    margin-bottom: 0;
    margin-top: auto;
    position: absolute
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-page-promotions .m-hero .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.m-page-promotions .m-promotions {
    background-color: #fff;
    text-align: center
}

@media only screen and (max-width:640px) {
    .m-page-promotions .m-promotions .grid-col .m-card-promotion .m-button {
        -webkit-animation: mPromoBot 1.25s linear infinite;
        animation: mPromoBot 1.25s linear infinite
    }

    @-webkit-keyframes mPromoBot {

        0%,
        to {
            opacity: .75;
            -webkit-transform: scale(.95);
            transform: scale(.95)
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes mPromoBot {

        0%,
        to {
            opacity: .75;
            -webkit-transform: scale(.95);
            transform: scale(.95)
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
}

.m-page-promotions .m-promotions h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 8px
}

@media only screen and (min-width:768px) {
    .m-page-promotions .m-promotions h2 {
        font-size: 36px;
        font-size: 2.25rem
    }
}

.m-page-promotions .m-promotions h3 {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .m-page-promotions .m-promotions h3 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

.m-page-promotions .m-promotions .m-card-promotion {
    margin: 0 auto;
    position: relative
}

@media only screen and (max-width:1024px) {
    .m-page-promotions .m-promotions .m-card-promotion {
        max-width: 298px
    }
}

.m-page-promotions .m-promotions .m-card-promotion>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .5));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px 32px;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-promotions .m-card-promotion>div {
        padding: 0 32px 48px
    }
}

.m-page-promotions .m-promotions .m-card-promotion h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 28px;
    line-height: 1.75rem;
    text-align: center
}

.m-page-promotions .m-promotions .m-card-promotion p {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center
}

.m-page-promotions .m-promotions .m-card-promotion .m-button {
    border-color: #fff;
    color: #fff;
    height: 36px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width:820px) {
    .m-page-promotions .m-promotions .m-card-promotion p {
        margin-bottom: -24px;
        -webkit-transition: margin-bottom .3s;
        transition: margin-bottom .3s
    }

    .m-page-promotions .m-promotions .m-card-promotion .m-button {
        opacity: 0;
        -webkit-transition: top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        transition: top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        transition: transform .3s, top .2s linear 0s, opacity .2s linear 0s;
        transition: transform .3s, top .2s linear 0s, opacity .2s linear 0s, -webkit-transform .3s;
        width: auto
    }

    .m-page-promotions .m-promotions .m-card-promotion:hover p {
        margin-bottom: 24px
    }

    .m-page-promotions .m-promotions .m-card-promotion:hover .m-button {
        opacity: 1;
        top: 0;
        -webkit-transition: top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s;
        transition: top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s;
        transition: transform .3s, top .3s linear .2s, opacity .3s linear .2s;
        transition: transform .3s, top .3s linear .2s, opacity .3s linear .2s, -webkit-transform .3s
    }
}

.m-page-promotions .m-promotions .grid {
    margin-bottom: 40px
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-promotions .grid {
        margin-bottom: 64px
    }
}

.m-page-promotions .m-promotions .grid>div .grid-col {
    margin-bottom: 24px
}

@media only screen and (min-width:1024px) {
    .m-page-promotions .m-promotions .grid>div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px 24px;
        justify-content: center
    }
}

.m-page-promotions .m-promotions .m-container>.m-button {
    text-transform: uppercase
}

@media only screen and (max-width:450px) {
    .m-page-promotions .m-promotions .m-container>.m-button {
        width: 100%
    }
}

.m-page-blog .m-blog-content {
    padding: 40px 0
}

@media only screen and (min-width:1024px) {
    .m-page-blog .m-blog-content {
        padding: 56px 0
    }
}

.m-page-legal .m-legal {
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal>.m-tabs>.m-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin: 0;
        width: auto !important
    }

    .m-page-legal .m-legal>.m-tabs>.m-container a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        border-left: 2px solid #e7e7e7;
        font-size: 16px;
        font-size: 1rem;
        height: 50px;
        justify-content: flex-start;
        padding-left: 16px
    }

    .m-page-legal .m-legal>.m-tabs>.m-container a:after {
        display: none
    }

    .m-page-legal .m-legal>.m-tabs>.m-container a.active {
        border-left: 2px solid #747474;
        font-weight: 600
    }

    .m-page-legal .m-legal .m-tabs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .m-page-legal .m-legal .m-tabs__content {
        margin-left: 60px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-legal .m-legal .m-tabs__content {
        margin-left: 120px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal .m-tabs__content .m-container {
        width: auto !important
    }
}

.m-page-legal .m-legal .m-tabs__content h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 24px;
    padding-top: 43px
}

@media only screen and (min-width:768px) {
    .m-page-legal .m-legal .m-tabs__content h2 {
        font-size: 24px;
        font-size: 1.5rem;
        padding-top: 0
    }
}

.m-page-legal .m-legal .m-legal-content {
    border-bottom: 1px solid #e7e7e7;
    padding: 24px 0
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal .m-legal-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.m-page-legal .m-legal .m-legal-content:last-child {
    border-bottom: 0
}

.m-page-legal .m-legal .m-legal-content>h6 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal .m-legal-content>h6 {
        line-height: 120%;
        width: 120px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-legal .m-legal .m-legal-content>h6 {
        width: 200px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal .m-legal-content>div {
        margin-left: 40px;
        width: 600px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-legal .m-legal .m-legal-content>div {
        width: 720px
    }
}

.m-page-legal .m-legal .m-legal-content>div>p {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 160%
}

.m-page-legal .m-legal #rights .m-legal-content {
    border-bottom: 0
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal #rights .m-legal-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.m-page-legal .m-legal #rights .m-legal-content>h6 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 16px
}

@media only screen and (min-width:1024px) {
    .m-page-legal .m-legal #rights .m-legal-content>h6 {
        line-height: 120%;
        width: auto
    }
}

.m-page-legal .m-legal #rights .m-legal-content>div {
    margin-left: 0
}

.m-page-legal .m-legal #rights .m-legal-content>div .m-download {
    gap: 8px;
    margin-top: 24px
}

@media only screen and (min-width:1024px) {
    .m-page-blog-inner .m-blog-inner {
        padding-top: 50px
    }
}

@media only screen and (min-width:820px) {
    .m-page-blog-inner .m-blog-inner .m-grid-aside {
        grid-gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: grid;
        gap: 20px;
        grid-template-columns: 1fr 220px;
        justify-content: space-between
    }
}

@media only screen and (min-width:1024px) {
    .m-page-blog-inner .m-blog-inner .m-grid-aside {
        gap: 60px;
        grid-template-columns: 1fr 270px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-blog-inner .m-blog-inner .m-grid-aside {
        gap: 120px
    }
}

@media only screen and (min-width:640px) {
    .m-page-blog-inner .m-blog-inner .m-grid-aside__grid {
        grid-gap: 40px 24px;
        display: grid;
        gap: 40px 24px;
        grid-template-columns: 1fr 1fr
    }
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__headline {
    margin-bottom: 24px
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__headline>p {
    color: #747474;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 22px;
    line-height: 1.375rem
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__headline>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__headline>div p {
    margin: 0
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__headline>div svg {
    margin-right: 6px;
    vertical-align: text-bottom
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__head h2 {
    color: #232323;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 31px;
    line-height: 1.9375rem;
    margin-bottom: 32px
}

@media only screen and (min-width:1024px) {
    .m-page-blog-inner .m-blog-inner .m-blog-inner__head h2 {
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 48px;
        line-height: 3rem;
        margin-bottom: 40px
    }
}

.m-page-blog-inner .m-blog-inner .m-blog-inner__head picture {
    margin-bottom: 40px
}

@media only screen and (max-width:1024px) {
    .m-page-blog-inner .m-blog-inner .m-blog-inner__head picture {
        text-align: center;
        width: 100%
    }
}

.m-page-blog-inner .m-blog-inner .m-blog-categories__others {
    border: 0
}

.m-page-blog-inner .m-blog-inner .m-blog-categories__others a {
    -webkit-text-decoration: none;
    text-decoration: none
}

.m-page-blog-inner .m-blog-inner .m-blog-categories__interest {
    margin-top: 32px
}

@media only screen and (min-width:1024px) {
    .m-page-blog-inner .m-blog-inner .m-blog-categories__interest {
        margin-top: 48px
    }
}

.m-page-blog-inner .m-blog-inner .m-aside-articles h3,
.m-page-blog-inner .m-blog-inner .m-blog-categories__interest h3,
.m-page-blog-inner .m-blog-inner .m-blog-categories__others h3 {
    color: #3e3e3e;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 27px;
    line-height: 1.6875rem
}

@media only screen and (min-width:1024px) {

    .m-page-blog-inner .m-blog-inner .m-aside-articles h3,
    .m-page-blog-inner .m-blog-inner .m-blog-categories__interest h3,
    .m-page-blog-inner .m-blog-inner .m-blog-categories__others h3 {
        margin-bottom: 30px
    }
}

.m-page-blog-inner .m-blog-inner .m-aside-articles {
    background-color: transparent;
    margin-top: 40px
}

.m-page-blog-inner .m-blog-inner .m-aside-articles .m-card-item {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 24px;
    padding-bottom: 20px
}

.m-page-blog-inner .m-blog-inner .m-aside-articles .m-card-item:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.m-page-blog-inner .m-blog-inner .m-aside-articles .m-card-item__content>p {
    display: none
}

.m-page-blog-inner .m-blog-inner .m-aside-articles .m-card-item__content>span {
    color: #747474;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 19px;
    line-height: 1.1875rem
}

.m-page-blog-inner .m-blog-inner .m-aside-articles .m-card-item__content h4 {
    color: #000;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 132%;
    margin-bottom: 8px
}

@media only screen and (max-width:1024px) {
    .m-page-blog-inner .m-blog-inner .m-searcher-item {
        display: none
    }
}

.m-page-blog-section .m-blog-content h2 {
    color: #232323;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 48px;
    line-height: 3rem;
    margin-bottom: 10px
}

.m-page-blog-section .m-blog-content .m-tabs__tag {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    overflow-x: auto;
    padding-bottom: 15px;
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .m-page-blog-section .m-blog-content .m-tabs__tag {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        overflow-x: visible;
        overflow-x: initial;
        padding-left: 0;
        padding-top: 15px
    }
}

.m-page-blog-section .m-blog-content .m-tabs__tag a {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #5e6d61;
    border-radius: 50px;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    padding: 11px 16px;
    text-transform: uppercase;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.m-page-blog-section .m-blog-content .m-tabs__tag a.js--active,
.m-page-blog-section .m-blog-content .m-tabs__tag a:hover {
    background-color: #5e6d61;
    color: #fff
}

@media only screen and (min-width:768px) {
    .m-page-blog-section .m-blog-content .m-tabs__tag a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.m-page-blog-section .m-blog-content .m-tabs__tag a.js--active {
    margin-bottom: 120px;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.m-page-blog-section .m-blog-content .m-tabs__tag a.js--active i {
    cursor: pointer;
    display: block;
    pointer-events: visible;
    position: relative;
    z-index: 2
}

.m-page-blog-section .m-blog-content .m-tabs__tag a i {
    border-radius: 50%;
    color: #000;
    display: none;
    height: 14px;
    line-height: 20px;
    line-height: 1.25rem;
    width: 14px
}

.m-page-contact .m-info {
    background-color: #2f3937;
    padding-top: 120px
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-info {
        padding-top: 200px
    }

    .m-page-contact .m-info .m-container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-column-gap: 48px;
        -moz-column-gap: 48px;
        column-gap: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
}

.m-page-contact .m-info .m-container .m-headline {
    color: #fff
}

.m-page-contact .m-info .m-container .m-headline h2 {
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-info .m-container .m-headline h2 {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 52px;
        line-height: 3.25rem;
        text-align: left
    }

    .m-page-contact .m-info__grid {
        grid-column-gap: 24px;
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
}

.m-page-contact .m-info-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 24px
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-info-contact {
        margin-bottom: 56px
    }
}

.m-page-contact .m-info-contact h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-info-contact h4 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px;
        line-height: 1.625rem
    }
}

.m-page-contact .m-info-contact a:first-of-type,
.m-page-contact .m-info-contact p {
    color: #fff;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 14px
}

@media only screen and (min-width:1024px) {

    .m-page-contact .m-info-contact a:first-of-type,
    .m-page-contact .m-info-contact p {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-contact .m-info-contact a {
    color: #fff
}

.m-page-contact .m-contact {
    background-color: #e2ded8;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (min-width:768px) {
    .m-page-contact .m-contact .m-headline {
        max-width: 560px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-contact .m-headline h2 {
        font-size: 32px;
        font-size: 2rem
    }
}

.m-page-contact .m-contact .m-headline p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 25px;
    line-height: 1.5625rem
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-contact .m-headline p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.m-page-contact .m-contact form {
    background-color: #e2ded8;
    padding: 27px 0;
    position: relative;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-page-contact .m-contact form {
        margin: 0 auto;
        max-width: 560px;
        padding: 0 0 10px
    }
}

.m-page-contact .m-contact form.js--sent .m-contact__form {
    opacity: 0;
    visibility: hidden
}

.m-page-contact .m-contact form.js--sent .m-contact__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-contact .m-contact form .m-input {
    margin-bottom: 40px
}

.m-page-contact .m-contact form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-contact .m-contact form .m-dropdown {
    margin-bottom: 40px
}

.m-page-contact .m-contact form .m-button {
    height: 49px;
    margin-top: 44px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-contact .m-contact form .m-button {
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-contact form .m-button {
        margin-bottom: 28px
    }
}

.m-page-contact .m-contact__form {
    gap: 10px;
    margin: 0 auto;
    max-width: 762px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.m-page-contact .m-contact__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #e2ded8;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-contact .m-contact__thanks svg {
    margin-bottom: 32px
}

.m-page-contact .m-contact__thanks p {
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-contact .m-contact__thanks p {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 132%
    }
}

.m-page-prensa .m-banner-slide {
    height: 484px;
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-prensa .m-banner-slide {
        height: 670px
    }
}

.m-page-prensa .m-banner-slide>picture {
    height: 100%;
    position: absolute;
    width: 100%
}

.m-page-prensa .m-banner-slide>picture:before {
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.m-page-prensa .m-banner-slide>picture img {
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
    position: absolute;
    top: 0;
    width: 100%
}

.m-page-prensa .m-banner-slide .m-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-banner-slide .m-slide__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-column-gap: 94px;
        -moz-column-gap: 94px;
        column-gap: 94px;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.m-page-prensa .m-banner-slide .m-slide__content>div {
    margin-bottom: 40px
}

.m-page-prensa .m-banner-slide .m-slide__content .m-head {
    display: block
}

.m-page-prensa .m-banner-slide .m-slide__content .m-head time {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase
}

.m-page-prensa .m-banner-slide .m-slide__content .m-head p {
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase
}

.m-page-prensa .m-banner-slide .m-slide__content h2 {
    font-weight: 400;
    margin-bottom: 12px
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-banner-slide .m-slide__content h2 {
        margin: 17px 0
    }
}

.m-page-prensa .m-search {
    background-color: #fff;
    overflow: inherit
}

.m-page-prensa .m-search form {
    background-color: #fff;
    padding: 0;
    position: relative;
    text-align: center
}

.m-page-prensa .m-search form.js--sent .m-newsletter__form {
    opacity: 0;
    visibility: hidden
}

.m-page-prensa .m-search form.js--sent .m-newsletter__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-prensa .m-search form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-prensa .m-search form .m-input label {
    text-transform: uppercase;
    top: 0
}

.m-page-prensa .m-search form .m-button {
    color: #fff;
    height: 49px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-prensa .m-search form .m-button {
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-search form .m-button {
        margin-bottom: 28px
    }
}

.m-page-prensa .m-search__form .m-form__content {
    gap: 10px;
    margin: 0 auto;
    max-width: 940px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-search__form .m-form__content {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.m-page-prensa .m-search__form .m-form__content .m-input svg {
    bottom: 8px;
    position: absolute;
    right: 0
}

.m-page-prensa .m-search__form .m-form__terms {
    margin: 20px auto 0;
    max-width: 762px
}

.m-page-prensa .m-search__form .m-form__terms .m-checkbox {
    margin-bottom: 10px
}

.m-page-prensa .m-search__form .m-form__terms .m-checkbox:last-child {
    margin-bottom: 0
}

.m-page-prensa .m-search__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-prensa .m-search__thanks p {
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-search__thanks p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-page-prensa .m-prensa-content {
    padding-top: 0
}

.m-page-prensa .m-prensa-content .m-container {
    max-width: 940px
}

.m-page-prensa .m-prensa-content .m-card-prensa {
    border-bottom: 1px solid #e2ded8;
    display: block;
    padding: 24px 0
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-prensa-content .m-card-prensa {
        padding: 42px 0
    }
}

.m-page-prensa .m-prensa-content .m-card-prensa:hover i {
    opacity: 1
}

.m-page-prensa .m-prensa-content .m-card-prensa>span {
    color: #000;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 300;
    line-height: 19px;
    line-height: 1.1875rem;
    margin-bottom: 24px;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-prensa-content .m-card-prensa>span {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem;
        margin-bottom: 40px
    }
}

.m-page-prensa .m-prensa-content .m-card-prensa h3 {
    color: #232323;
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 26px;
    line-height: 1.625rem
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-prensa-content .m-card-prensa h3 {
        color: #474747;
        font-size: 32px;
        font-size: 2rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.m-page-prensa .m-prensa-content .m-card-prensa i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #222928;
    border-radius: 50%;
    display: none;
    height: 46px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: 0;
    -webkit-transition: opacity .3s .1s;
    transition: opacity .3s .1s;
    width: 46px
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-prensa-content .m-card-prensa i {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 66px;
        width: 66px
    }
}

.m-page-prensa .m-prensa-content .m-card-prensa i svg {
    height: 9px
}

@media only screen and (min-width:768px) {
    .m-page-prensa .m-prensa-content .m-card-prensa i svg {
        height: 12px
    }
}

.m-page-prensa .m-card-prensa .m-card-prensa__content {
    position: relative
}

@media only screen and (min-width:768px) {
    .m-page-prensa .m-card-prensa .m-card-prensa__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px
    }

    .m-page-prensa .m-card-prensa .m-card-prensa__content>div:first-child {
        min-width: 182px
    }

    .m-page-prensa .m-card-prensa .m-card-prensa__content>div:last-child {
        padding-right: 60px
    }
}

.m-page-prensa .m-card-prensa .m-card-prensa__content img {
    max-width: 90px
}

@media only screen and (min-width:1024px) {
    .m-page-prensa .m-card-prensa .m-card-prensa__content img {
        max-width: 130px
    }
}

.m-page-prensa .m-card-prensa .m-card-prensa__content:hover h3 {
    font-weight: 600;
    -webkit-transition: .2s;
    transition: .2s
}

.m-page-prensa .m-card-prensa .m-card-prensa__content:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .2s;
    transition: .2s
}

.m-page-prensa .m-card-prensa .m-card-prensa__content>div:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px
}

@media only screen and (min-width:768px) {
    .m-page-prensa .m-card-prensa .m-card-prensa__content>div:first-child {
        display: inline;
        display: initial;
        margin-bottom: 0;
        width: 182px
    }
}

.m-page-prensa .m-card-prensa .m-card-prensa__content>div:first-child p {
    color: #000;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 26px;
    line-height: 1.625rem
}

@media only screen and (min-width:768px) {
    .m-page-prensa .m-card-prensa .m-card-prensa__content>div:first-child p {
        margin-top: 24px
    }
}

.m-page-prensa .m-card-prensa .m-card-prensa__content>div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between
}

.m-page-prensa .m-card-prensa .m-card-prensa__content>div:last-child h3 {
    max-width: 500px
}

.m-page-prensa .m-card-prensa .m-card-prensa__content>div:last-child span {
    color: #232323;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem
}

.m-page-prensa .m-paginator ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-page-ratings .m-hero {
    background-color: #000;
    color: #fff;
    position: relative
}

.m-page-ratings .m-hero .m-hero-slide {
    position: relative;
    text-align: center
}

.m-page-ratings .m-hero .m-hero-slide picture {
    width: 100%
}

.m-page-ratings .m-hero .m-hero-slide picture img {
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-ratings .m-hero .m-hero-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .565);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.m-page-ratings .m-hero .m-hero-slide__content .m-title {
    margin-top: -150px;
    max-width: 870px;
    padding: 0 20px
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .m-hero-slide__content .m-title {
        padding: 0
    }
}

@media only screen and (min-width:1280px) {
    .m-page-ratings .m-hero .m-hero-slide__content .m-title {
        margin: 0
    }
}

.m-page-ratings .m-hero .m-hero-slide h2 {
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .m-hero-slide h2 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 58px;
        line-height: 3.625rem
    }
}

.m-page-ratings .m-hero .m-hero-slide p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2em;
    line-height: 16px;
    line-height: 1rem;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .m-hero-slide p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.m-page-ratings .m-hero .m-hero-slide .m-go-down {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .m-hero-slide .m-go-down {
        bottom: 120px
    }
}

.m-page-ratings .m-hero .m-hero-slide .m-go-down a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;
    gap: 0;
    letter-spacing: .2em;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .m-hero-slide .m-go-down a {
        font-size: 12px;
        font-size: .75rem;
        gap: 24px
    }
}

.m-page-ratings .m-hero .m-hero-slide .m-go-down svg {
    -webkit-animation: move 1s linear infinite;
    animation: move 1s linear infinite;
    bottom: 0;
    position: relative;
    -webkit-transition: bottom .3s;
    transition: bottom .3s
}

@keyframes move {
    0% {
        bottom: 0
    }

    50% {
        bottom: -10px
    }

    to {
        bottom: 0
    }
}

.m-page-ratings .m-hero .swiper-pagination {
    margin-bottom: 150px;
    position: absolute
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-hero .swiper-pagination {
        margin-bottom: 250px
    }
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    position: relative;
    width: auto
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet em {
    font-family: Futura;
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.m-page-ratings .m-hero .swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.m-page-ratings .m-tabs>.m-container {
    border-bottom: 1px solid #dcdcdc
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-tabs .m-tabs__content .m-container-whole {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-tabs .m-tabs__content .m-container-whole {
        padding-left: 0;
        padding-right: 0
    }
}

.m-page-ratings .m-tabs__content .active .m-card-place.horizontal-block-left.card-active .m-card-place-image picture:before,
.m-page-ratings .m-tabs__content .active .m-card-place.horizontal-block-right.card-active .m-card-place-image picture:before {
    display: none
}

.m-page-ratings .m-tabs__content .active .m-card-place.horizontal-block-right.card-active .m-card-place-image {
    height: auto;
    margin-top: 0
}

.m-page-ratings .m-tabs__content h2 {
    -webkit-box-flex: 100%;
    color: #232323;
    -ms-flex: 100%;
    flex: 100%;
    font-family: Futura;
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 55px;
    margin-top: 42px;
    padding-top: 24px;
    position: relative
}

.m-page-ratings .m-tabs__content h2:before {
    background-color: #232323;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 50px
}

.m-page-ratings .m-card-places {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.m-page-ratings .m-card-places .card-active {
    display: block
}

.m-page-ratings .m-card-places .card-notactive {
    display: none
}

.m-page-ratings .m-card-place {
    margin: 0 auto 45px;
    position: relative;
    width: 336px
}

@media only screen and (min-width:1280px) {
    .m-page-ratings .m-card-place:nth-of-type(2n) {
        width: 558px
    }
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place {
        margin-bottom: 90px;
        width: 461px
    }
}

.m-page-ratings .m-card-place h3 {
    color: #232323;
    font-family: Futura;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-top: 20px
}

.m-page-ratings .m-card-place p {
    color: #3a3a3a;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 19px;
    line-height: 1.1875rem;
    margin-bottom: 0;
    text-transform: uppercase
}

.m-page-ratings .m-card-place .m-card-place-image {
    cursor: pointer;
    position: relative
}

.m-page-ratings .m-card-place .m-card-place-image picture,
.m-page-ratings .m-card-place .m-card-place-image picture img {
    position: relative;
    width: 100%
}

.m-page-ratings .m-card-place .m-card-place-image .image-hover {
    display: none;
    width: 100%
}

@media only screen and (min-width:1280px) {
    .m-page-ratings .m-card-place .m-card-place-image .image-hover {
        display: block;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        visibility: hidden
    }

    .m-page-ratings .m-card-place .m-card-place-image:hover .image-hover {
        opacity: 1;
        visibility: visible
    }

    .m-page-ratings .m-card-place.horizontal-block-left,
    .m-page-ratings .m-card-place.horizontal-block-right {
        width: 558px
    }
}

@media only screen and (min-width:768px) {

    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image picture:before,
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image picture:before {
        background-color: #d1c9bc;
        content: "";
        height: 270px;
        pointer-events: none;
        position: absolute;
        top: -45px;
        width: 420px
    }

    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image img,
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image img {
        height: 355px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (min-width:1280px) {

    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image picture:before,
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image picture:before {
        height: 300px;
        right: -150px;
        top: -70px;
        width: 604px
    }
}

.m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image picture:before {
        right: -5%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image {
        height: 518px;
        margin-top: 30px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image {
        margin-top: 30px
    }

    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image picture:before {
        right: -150px;
        top: -70px
    }

    .m-page-ratings .m-card-place.horizontal-block-right .m-card-place-image .image-hover {
        bottom: 0;
        top: inherit
    }
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image picture:before {
        left: -5%
    }
}

@media only screen and (min-width:1280px) {
    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image {
        height: 350px
    }

    .m-page-ratings .m-card-place.horizontal-block-left .m-card-place-image picture:before {
        left: -120px;
        top: -45px
    }
}

.m-page-ratings .m-tabs__tag {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding-bottom: 15px;
    padding-left: 20px
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-tabs__tag {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        overflow-x: visible;
        overflow-x: initial;
        padding-left: 0;
        padding-top: 15px
    }
}

.m-page-ratings .m-tabs__tag button {
    -webkit-box-flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #5e6d61;
    border-radius: 50px;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    padding: 11px 16px;
    text-transform: uppercase;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.m-page-ratings .m-tabs__tag button.js--active,
.m-page-ratings .m-tabs__tag button:hover {
    background-color: #5e6d61;
    color: #fff
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-tabs__tag button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.m-page-ratings .m-tabs__tag button.js--active {
    margin-bottom: 120px;
    pointer-events: none;
    position: relative;
    z-index: 1
}

.m-page-ratings .m-tabs__tag button.js--active i {
    cursor: pointer;
    display: block;
    pointer-events: visible;
    position: relative;
    z-index: 2
}

.m-page-ratings .m-tabs__tag button i {
    border-radius: 50%;
    color: #000;
    display: none;
    height: 14px;
    line-height: 20px;
    line-height: 1.25rem;
    width: 14px
}

.m-page-ratings .m-card-place__bottom {
    margin-top: 24px
}

.m-page-ratings .m-card-place__bottom.m-0 {
    margin: 0
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place__bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }
}

.m-page-ratings .m-card-place__bottom div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center
}

.m-page-ratings .m-card-place__bottom div a {
    text-align: center
}

.m-page-ratings .m-card-place__bottom div button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-family: Futura, sans-serif !important;
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 600;
    margin-top: 21px;
    position: relative;
    text-align: center;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place__bottom div button {
        margin-top: 0
    }
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    background: #fff;
    -webkit-box-shadow: 0 20px 6px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .03);
    box-shadow: 0 20px 6px rgba(0, 0, 0, .05), 0 25px 35px rgba(0, 0, 0, .03);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    padding: 18px;
    position: absolute;
    top: 20px;
    visibility: hidden;
    width: 290px;
    z-index: -1
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    border-bottom: 1px solid #cfc1c1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    padding-top: 20px;
    width: 100%
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul li span {
    font-weight: 400;
    text-align: left
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    -webkit-transition: none 0s ease 0s;
    transition: none 0s ease 0s;
    -webkit-transition: initial;
    transition: initial
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a:after {
    background-color: transparent;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    right: 50%;
    -webkit-transition: left .3s, right .3s, background-color .3s;
    transition: left .3s, right .3s, background-color .3s
}

.m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a.current-menu-item:after,
.m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a:hover:after {
    background-color: #000;
    left: 0;
    right: 0
}

@media only screen and (min-width:1024px) {

    .m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a.current-menu-item,
    .m-page-ratings .m-card-place__bottom div button .contact-menu ul li>a:hover {
        color: #000
    }
}

.m-page-ratings .m-card-place__bottom div button .contact-menu.js--open ul {
    position: absolute;
    visibility: visible !important;
    z-index: 3 !important
}

.m-page-ratings .m-card-place__bottom div a>span,
.m-page-ratings .m-card-place__bottom div button>span {
    text-transform: capitalize
}

@media only screen and (min-width:768px) {

    .m-page-ratings .m-card-place__bottom div a>span,
    .m-page-ratings .m-card-place__bottom div button>span {
        display: none
    }
}

.m-page-ratings .m-card-place__bottom>a {
    display: block;
    line-height: 44px;
    line-height: 2.75rem;
    margin-top: 32px;
    width: 100%
}

@media only screen and (min-width:768px) {
    .m-page-ratings .m-card-place__bottom>a {
        background: transparent;
        border: none;
        color: #000;
        font-size: 13px;
        font-size: .8125rem;
        margin-top: 0;
        position: relative;
        text-transform: lowercase;
        width: auto
    }

    .m-page-ratings .m-card-place__bottom>a:after {
        background-image: url(/wp-content/themes/hotel-libertador/assets/img/icon-arrow-paginator.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        display: none;
        height: 12px;
        position: absolute;
        right: 0;
        top: 17px;
        width: 10px
    }
}

.m-page-ratings #tab-estadia,
.m-page-ratings #tab-experience {
    overflow: visible !important;
    overflow: initial !important
}

@media only screen and (min-width:768px) {

    .m-page-ratings #tab-estadia,
    .m-page-ratings #tab-experience {
        overflow: hidden
    }
}

.m-page-ratings .m-rating-places {
    overflow-x: visible !important;
    overflow-x: initial !important;
    padding: 48px 0 !important
}

.m-page-book .m-book {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover
}

.m-page-book .m-book .m-featured {
    background-color: #e2ded8;
    margin-bottom: 30px;
    padding: 30px 30px 20px
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .m-featured {
        padding: 30px 30px 10px
    }
}

.m-page-book .m-book .m-headline {
    margin-top: 48px
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-headline {
        margin-top: 48px;
        max-width: 100%
    }
}

@media only screen and (min-width:1440px) {
    .m-page-book .m-book .m-headline {
        margin-top: 48px;
        max-width: 100%
    }
}

.m-page-book .m-book .m-headline h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-headline h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 5px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .m-headline h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 0
    }
}

.m-page-book .m-book .m-headline p {
    color: #8d9091;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 25px;
    line-height: 1.5625rem
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-headline p {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .m-headline p {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.m-page-book .m-book__date {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 20px;
    text-align: left
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book__date {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-book .m-book .date-spanish {
    color: #000
}

.m-page-book .m-book .date-english {
    color: #8d9091
}

.m-page-book .m-book__company {
    font-size: 14px;
    font-size: .875rem;
    text-align: left
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book__company {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-book .m-book__company:before {
    content: "";
    display: table
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__company {
        padding-bottom: 60px
    }
}

.m-page-book .m-book .address-company,
.m-page-book .m-book .name-company {
    color: #000
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__company-data {
        float: left
    }
}

.m-page-book .m-book .ruc-company {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 5px;
    padding-top: 15px
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .ruc-company {
        float: right
    }
}

.m-page-book .m-book form {
    padding: 5px 0;
    position: relative;
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-page-book .m-book form {
        margin: 0 auto;
        max-width: 100%;
        padding: 0 0 10px
    }
}

.m-page-book .m-book form.js--sent .m-book__form {
    opacity: 0;
    visibility: hidden
}

.m-page-book .m-book form.js--sent .m-book__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-book .m-book form .m-input {
    margin-bottom: 30px
}

.m-page-book .m-book form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-book .m-book form .m-dropdown {
    margin-bottom: 30px
}

.m-page-book .m-book form .m-button {
    height: 49px;
    margin-top: 44px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book form .m-button {
        margin-top: 24px;
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book form .m-button {
        margin-bottom: 0;
        margin-top: 24px
    }
}

.m-page-book .m-book form .pristine-error {
    opacity: 0
}

.m-page-book .m-book__form {
    gap: 10px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.m-page-book .m-book__point-one {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-one {
        padding-bottom: 0
    }
}

.m-page-book .m-book__point-one-under-age {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 20px;
    padding-bottom: 0;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-one-under-age {
        padding-bottom: 0
    }
}

.m-page-book .m-book .title-point-one {
    font-weight: 600;
    margin-bottom: 15px
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book .title-point-one {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-book .m-book .title-point-one span {
    color: #8d9091
}

.m-page-book .m-book__point-one-inputs-1 {
    display: block
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-one-inputs-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px
    }
}

.m-page-book .m-book__point-one-inputs-2 {
    display: block
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-one-inputs-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

.m-page-book .m-book__point-two {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book__point-two {
        font-size: 16px;
        font-size: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-two {
        padding-bottom: 0
    }
}

.m-page-book .m-book .title-point-two {
    margin-bottom: 15px
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .title-point-two {
        margin-bottom: 15px;
        margin-top: 35px
    }
}

.m-page-book .m-book .title-point-two span {
    color: #8d9091
}

.m-page-book .m-book__point-two-inputs-1 {
    display: block
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-two-inputs-1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 30px
    }
}

.m-page-book .m-book__point-two-inputs-2 {
    display: block
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-two-inputs-2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

.m-page-book .m-book .radio-buttons-point-two {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .radio-buttons-point-two {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 25px
    }
}

.m-page-book .m-book .radio-buttons-point-two label {
    margin-bottom: 8px;
    margin-right: 20px
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .radio-buttons-point-two label {
        margin-bottom: 0
    }
}

.m-page-book .m-book .point-eng {
    color: #8d9091
}

.m-page-book .m-book__point-three {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book__point-three {
        font-size: 16px;
        font-size: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-three {
        padding-bottom: 0
    }
}

.m-page-book .m-book .title-point-three {
    margin-bottom: 15px
}

.m-page-book .m-book .title-point-three span {
    color: #8d9091
}

.m-page-book .m-book__point-four {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width:1280px) {
    .m-page-book .m-book__point-four {
        font-size: 16px;
        font-size: 1rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four {
        padding-bottom: 0
    }
}

.m-page-book .m-book .title-point-four {
    margin-bottom: 15px
}

.m-page-book .m-book .title-point-four span {
    color: #8d9091
}

.m-page-book .m-book .subtitle-point-four {
    margin-bottom: 10px
}

.m-page-book .m-book .subtitle-point-four span {
    color: #8d9091
}

.m-page-book .m-book .m-textarea-detail-request {
    margin-bottom: 25px;
    text-align: left;
    width: 100%
}

.m-page-book .m-book .m-textarea-detail-request.error textarea {
    border-color: #be0811
}

.m-page-book .m-book .m-textarea-detail-request .pristine-error {
    color: #be0811;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute;
    text-align: left;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.m-page-book .m-book .m-textarea-detail-request textarea {
    background: hsla(0, 0%, 100%, 0);
    font-size: 12px;
    font-size: .75rem;
    height: 120px;
    line-height: 16px;
    line-height: 1rem;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 15px;
    resize: none;
    text-align: justify;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-textarea-detail-request textarea {
        font-size: 14px;
        font-size: .875rem;
        height: 100px;
        line-height: 18px;
        line-height: 1.125rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .m-textarea-detail-request textarea {
        font-size: 16px;
        font-size: 1rem;
        height: 100px;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.m-page-book .m-book .m-textarea-response {
    margin-bottom: 25px
}

.m-page-book .m-book .m-textarea-response textarea {
    background: hsla(0, 0%, 100%, 0);
    font-size: 12px;
    font-size: .75rem;
    height: 118px;
    line-height: 16px;
    line-height: 1rem;
    overflow: hidden;
    padding: 10px 15px;
    resize: none;
    text-align: justify;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-textarea-response textarea {
        font-size: 14px;
        font-size: .875rem;
        height: 90px;
        line-height: 18px;
        line-height: 1.125rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book .m-textarea-response textarea {
        font-size: 16px;
        font-size: 1rem;
        height: 80px;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.m-page-book .m-book__point-four_info_claim_complaint {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid #a8a8a8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four_info_claim_complaint {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.m-page-book .m-book__point-four_info_claim {
    margin-bottom: 10px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book__point-four_info_claim {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four_info_claim {
        width: 50%
    }
}

.m-page-book .m-book__point-four_info_claim:before {
    content: "(1)";
    left: 0;
    position: absolute
}

.m-page-book .m-book__point-four_info_claim p {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 0;
    padding: 0 21px 0 20px
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book__point-four_info_claim p {
        font-size: 15px;
        font-size: .9375rem;
        padding: 0 40px 0 25px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four_info_claim p {
        font-size: 15px;
        font-size: .9375rem;
        padding: 0 40px 0 25px
    }
}

.m-page-book .m-book__point-four_info_claim span {
    color: #8d9091;
    margin-bottom: 0
}

.m-page-book .m-book__point-four_info_complaint {
    margin-bottom: 10px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book__point-four_info_complaint {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four_info_complaint {
        width: 50%
    }
}

.m-page-book .m-book__point-four_info_complaint:before {
    content: "(2)";
    position: absolute
}

.m-page-book .m-book__point-four_info_complaint p {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 0;
    padding: 0 21px 0 20px
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book__point-four_info_complaint p {
        font-size: 13.5px;
        font-size: .84375rem;
        padding: 0 40px 0 25px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__point-four_info_complaint p {
        font-size: 13.5px;
        font-size: .84375rem;
        padding: 0 40px 0 25px
    }
}

.m-page-book .m-book__point-four_info_complaint span {
    color: #8d9091;
    margin-bottom: 0
}

.m-page-book .m-book .privacy_policies_book {
    text-align: left
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .privacy_policies_book {
        text-align: center
    }
}

.m-page-book .m-book .m-checkbox-move {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-checkbox-move {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.m-page-book .m-book .m-checkbox-recaptcha {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 15px
}

.m-page-book .m-book .m-checkbox label input:after {
    height: 17px !important;
    top: 3.5px !important;
    width: 17px !important
}

@media only screen and (min-width:640px) {
    .m-page-book .m-book .m-checkbox label input:after {
        height: 20px !important;
        top: 0 !important;
        width: 20px !important
    }
}

.m-page-book .m-book__points-attend {
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: left
}

.m-page-book .m-book__points-attend .title-point-attend {
    margin-bottom: 10px
}

.m-page-book .m-book__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #e2ded8;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-book .m-book__thanks svg {
    margin-bottom: 32px
}

.m-page-book .m-book__thanks p {
    font-family: Futura;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-book .m-book__thanks p {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 132%
    }
}

.m-page-politicas .m-politicas {
    background-color: #fff;
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative
}

.m-page-politicas .m-politicas h3 {
    font-weight: 500;
    text-align: center
}

.m-page-politicas .m-politicas p,
.m-page-politicas .m-politicas ul li {
    line-height: 20px;
    line-height: 1.25rem
}

.m-page-politicas .m-politicas ul {
    margin: 0
}

.m-page-politicas .m-politicas ul.list {
    margin-left: 10px
}

.m-page-politicas .m-politicas ul.list li {
    margin-bottom: 10px
}

.m-page-politicas .m-politicas ul.list--upperalpha {
    list-style: upper-alpha
}

.m-page-politicas .m-politicas ul.list--upperalpha>li ul li {
    margin-bottom: 10px
}

.m-page-politicas .m-politicas ul.list--numeric {
    list-style: numeric
}

.m-page-politicas .m-politicas ul.list--disc {
    list-style: disc
}

.m-page-politicas .m-politicas .text--uppercase {
    text-transform: uppercase
}

.m-page-politicas .m-politicas .text--underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media only screen and (min-width:1024px) {
    .m-page-politicas .m-politicas ul.list {
        margin-left: 20px
    }

    .m-page-politicas .m-politicas ul.list li {
        margin-bottom: 20px
    }

    .m-page-politicas .m-politicas {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .m-page-politicas .m-politicas p,
    .m-page-politicas .m-politicas ul li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem
    }

    .m-page-politicas .m-politicas p a,
    .m-page-politicas .m-politicas ul li a {
        position: relative
    }

    .m-page-politicas .m-politicas p a:after,
    .m-page-politicas .m-politicas ul li a:after {
        background-color: transparent;
        bottom: -1px;
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        right: 50%;
        -webkit-transition: left .3s, right .3s, background-color .3s;
        transition: left .3s, right .3s, background-color .3s
    }

    .m-page-politicas .m-politicas p a:hover:after,
    .m-page-politicas .m-politicas ul li a:hover:after {
        background-color: #000;
        left: 0;
        right: 0
    }
}

.m-page-error .m-error {
    background-color: #fff;
    padding-bottom: 45px;
    padding-top: 45px;
    position: relative
}

.m-page-error .m-error h2,
.m-page-error .m-error h3 {
    font-weight: 500;
    text-align: center
}

.m-page-error .m-error h3 {
    font-size: 60px;
    font-size: 3.75rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.m-page-error .m-error p {
    text-align: center
}

@media only screen and (min-width:768px) {
    .m-page-error .m-error {
        padding-bottom: 60px;
        padding-top: 60px
    }

    .m-page-error .m-error h3 {
        font-size: 120px;
        font-size: 7.5rem
    }
}

@media only screen and (min-width:1024px) {
    .m-page-error .m-error {
        padding-bottom: 90px;
        padding-top: 90px
    }

    .m-page-error .m-error h3 {
        font-size: 200px;
        font-size: 12.5rem
    }
}

.m-page-experience .m-banner {
    height: 400px
}

.m-page-experience .m-banner__content h2 {
    font-size: 30px;
    font-size: 1.875rem
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-banner__content h2 {
        font-size: 48px;
        font-size: 3rem
    }
}

.m-page-experience .m-banner__content .m-go-down {
    display: none
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-banner {
        height: 440px
    }
}

.m-page-experience .m-experience-content {
    padding-top: 30px
}

.m-page-experience .m-experience-content .m-grid-cards-1-2-3 {
    grid-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr;
    justify-content: space-between
}

@media only screen and (min-width:768px) {
    .m-page-experience .m-experience-content .m-grid-cards-1-2-3 {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-experience-content .m-grid-cards-1-2-3 {
        gap: 60px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.m-page-experience .m-experience-content .m-grid-cards-1-2-3 .m-card-item picture {
    height: 260px
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-experience-content .m-grid-cards-1-2-3 .m-card-item picture {
        height: 260px
    }
}

.m-page-experience .m-experience-content .m-grid-cards-1-2-3 .m-card-item .m-button {
    width: 100%
}

.m-page-experience .m-experience-content .m-grid-cards-1-2-3 .m-card-item .m-button.disabled {
    background-color: #747474;
    border-color: #747474
}

.m-page-experience .m-experience-content .disclaimer-bottom {
    padding: 50px 0 0;
    pointer-events: none;
    text-align: center
}

.m-page-experience .m-experience-content .disclaimer-bottom p {
    color: #5e6d61;
    font-size: 14px;
    font-size: .875rem
}

@media only screen and (min-width:768px) {
    .m-page-experience .m-experience-content .disclaimer-bottom p {
        font-size: 18px;
        font-size: 1.125rem
    }
}

.m-page-experience .m-experience-info {
    background: #2f3937
}

.m-page-experience .m-experience-info .m-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-experience .m-experience-info-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 300px
}

@media only screen and (min-width:768px) {
    .m-page-experience .m-experience-info-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: center;
        width: 100%
    }
}

.m-page-experience .m-experience-info-title h2 {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: left
}

@media only screen and (min-width:768px) {
    .m-page-experience .m-experience-info-title h2 {
        font-size: 36px;
        font-size: 2.25rem;
        margin-bottom: 0;
        width: 270px
    }
}

.m-page-experience .m-experience-info-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-experience-info-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.m-page-experience .m-experience-info-content-card {
    margin-bottom: 24px
}

@media only screen and (min-width:1024px) {
    .m-page-experience .m-experience-info-content-card {
        margin-bottom: 0;
        padding: 0 10px
    }

    .m-page-experience .m-experience-info-content-card:nth-child(2) {
        border-left: 1px solid #e2ded8;
        border-right: 1px solid #e2ded8
    }
}

@media only screen and (min-width:1280px) {
    .m-page-experience .m-experience-info-content-card {
        padding: 0 24px
    }
}

.m-page-experience .m-experience-info-content-card a,
.m-page-experience .m-experience-info-content-card p {
    color: #fff;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 8px
}

@media only screen and (min-width:1024px) {

    .m-page-experience .m-experience-info-content-card a,
    .m-page-experience .m-experience-info-content-card p {
        font-size: 16px;
        font-size: 1rem
    }
}

.m-page-experience .m-experience-info-content-card a.title,
.m-page-experience .m-experience-info-content-card p.title {
    font-size: 18px;
    font-size: 1.125rem
}

@media only screen and (min-width:1024px) {

    .m-page-experience .m-experience-info-content-card a.title,
    .m-page-experience .m-experience-info-content-card p.title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-page-activities .m-services {
    padding-top: 30px
}

.m-page-activities .m-services .m-grid-cards-1-2-3 {
    gap: 24px;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 752px
}

@media only screen and (min-width:820px) {
    .m-page-activities .m-services .m-grid-cards-1-2-3 {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width:1280px) {
    .m-page-activities .m-services .m-grid-cards-1-2-3 {
        grid-template-columns: 1fr 1fr 1fr;
        max-width: none
    }
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo {
    max-width: 280px
}

@media only screen and (min-width:400px) {
    .m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo {
        max-width: 360px
    }
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo .m-card-item__image {
    height: 250px
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo .m-card-item__content h3 {
    font-size: 24px;
    font-size: 1.5rem
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo .m-accordion-box__button {
    font-size: 16px;
    font-size: 1rem;
    padding: 14px 0
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo .m-accordion-box__button:after,
.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo .m-accordion-box__button:before {
    top: 30px
}

.m-page-activities .m-services .m-grid-cards-1-2-3 .m-card-item-promo picture {
    width: 100%
}

.m-page-activities .m-services .slide {
    position: relative
}

.m-page-activities .m-services .slide .promotion-tag {
    background: #e2ded8;
    color: #232323;
    font-size: 14px;
    font-size: .875rem;
    left: 8px;
    margin: 0;
    padding: 2px 16px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.m-page-activities .m-services .swiper {
    height: 250px;
    width: 100%
}

.m-page-activities .m-services .swiper .swiper-pagination {
    bottom: 30px;
    margin: 0
}

.m-page-activities .m-services .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #aaa;
    height: 6px;
    width: 6px
}

.m-page-activities .m-services .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.m-page-activities .m-services .swiper .swiper-button-prev {
    height: 32px;
    left: 8px;
    position: absolute;
    top: 100px;
    width: 32px
}

.m-page-activities .m-services .swiper .swiper-button-prev:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-activities .m-services .swiper .swiper-button-prev.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.m-page-activities .m-services .swiper .swiper-button-next {
    height: 32px;
    position: absolute;
    right: 8px;
    top: 100px;
    width: 32px
}

.m-page-activities .m-services .swiper .swiper-button-next:after {
    background-color: rgba(0, 0, 0, .8);
    border: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' fill='none'%3E%3Cpath d='M4 7 1 4l3-3' stroke='%23E2DED8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.m-page-activities .m-services .swiper .swiper-button-next.swiper-button-disabled:after {
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid #fff
}

.m-page-activities .m-card-item-promo .m-card-item__content h4 {
    font-size: 24px;
    font-size: 1.5rem
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__button {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    font-size: 16px !important;
    font-size: 1rem !important;
    font-weight: 500;
    padding: 8px 0 !important
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content {
    padding: 10px 5px 0
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content li,
.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content p,
.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content ul {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 10px
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content li {
    padding-left: 10px;
    position: relative
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-accordion-box__content li:before {
    background-color: #000;
    border-radius: 100%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 4px
}

.m-page-activities .m-card-item-promo .m-card-item__content .price {
    margin: auto 0 15px
}

.m-page-activities .m-card-item-promo .m-card-item__content .price p:first-child {
    color: #5e6d61;
    font-size: 16px;
    font-size: 1rem
}

.m-page-activities .m-card-item-promo .m-card-item__content .price p:last-child {
    font-size: 16px;
    font-size: 1rem
}

.m-page-activities .m-card-item-promo .m-card-item__content .price .amount {
    padding-bottom: 0
}

.m-page-activities .m-card-item-promo .m-card-item__content .price .amount span {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700
}

.m-page-activities .m-card-item-promo .m-card-item__content .price .amount del {
    font-size: 18px;
    font-size: 1.125rem
}

.m-page-activities .m-card-item-promo .m-card-item__content .price .amount~span {
    color: #747474;
    font-size: 12px;
    font-size: .75rem
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-card-item__buttons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-page-activities .m-card-item-promo .m-card-item__content .m-card-item__buttons a:first-child {
    margin-bottom: 10px
}

.m-page-activities .m-activities .m-accordion {
    margin: 48px 0
}

.m-page-activities .m-activities .m-accordion .m-accordion-box__content div h4 {
    border-bottom: 1px solid #5e6d61;
    padding-bottom: 14px;
    width: 142px
}

.m-page-activities .m-activities .m-accordion .m-accordion-box__content div h4,
.m-page-activities .m-activities .m-accordion .m-accordion-box__content div p {
    font-size: 16px;
    font-size: 1rem
}

.m-page-activities .m-activities .m-accordion .m-accordion-box__content div p {
    margin-bottom: 0
}

.m-page-activities .m-activities .m-accordion-box__content .m-button {
    -webkit-transition: color .3s, background-color .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s, background-color .3s;
    transition: transform .3s, color .3s, background-color .3s, -webkit-transform .3s
}

.m-page-activities .m-activities .m-accordion-box__content .m-button:hover {
    background-color: #000;
    color: #fff
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-activities .accordion-experience-terms .m-accordion-box__button {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 24px 0
    }
}

.m-page-activities .m-activities-banner-end {
    margin-bottom: 34px
}

.m-page-activities .m-activities-banner-end:first-child {
    margin-top: 201px
}

.m-page-activities .m-new {
    background-color: #fff;
    padding-bottom: 0;
    position: relative
}

.m-page-activities .m-new .m-container-whole {
    max-width: 1440px !important;
    width: 100% !important
}

.m-page-activities .m-new:after {
    background-color: #e2ded8;
    bottom: 0;
    content: "";
    display: block;
    height: 18%;
    position: absolute;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-activities .m-new:after {
        height: 25%
    }
}

.m-page-activities .m-new .m-news-slide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 18px;
    font-size: 1.125rem;
    justify-content: center;
    text-align: center;
    width: 100%
}

.m-page-activities .m-new .m-news-slide a {
    display: block
}

.m-page-activities .m-new .m-news-slide picture {
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (min-width:584px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 220px
    }
}

@media only screen and (min-width:640px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 270px
    }
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 300px
    }
}

@media only screen and (min-width:1024px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 400px
    }
}

@media only screen and (min-width:1280px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 450px
    }
}

@media only screen and (min-width:1440px) {
    .m-page-activities .m-new .m-news-slide picture {
        height: 500px
    }
}

.m-page-activities .m-new .m-news-slide picture>img {
    aspect-ratio: 16/9;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-activities .m-new .m-news-slide .m-news-slide__content {
    opacity: 1
}

.m-page-activities .m-new .m-news-slide .m-news-slide__content picture {
    bottom: 0;
    opacity: 1
}

.m-page-activities .m-new .m-news-slide img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.m-page-activities .swiper-slide-next .m-news-slide__content,
.m-page-activities .swiper-slide-next .m-news-slide__content picture,
.m-page-activities .swiper-slide-prev .m-news-slide__content,
.m-page-activities .swiper-slide-prev .m-news-slide__content picture {
    opacity: 0 !important
}

.m-page-activities .m-new .m-news-slide__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    padding: 0 20px 32px;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .3s linear .2s;
    transition: opacity .3s linear .2s;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .m-page-activities .m-new .m-news-slide__content {
        padding: 0 32px 48px
    }
}

.m-page-activities .m-new .m-news-slide__content picture {
    bottom: -100px;
    opacity: 0;
    position: relative;
    -webkit-transition: bottom .3s linear .2s, opacity .3s linear .2s;
    transition: bottom .3s linear .2s, opacity .3s linear .2s;
    width: 110px
}

@media only screen and (min-width:1024px) {
    .m-page-activities .m-new .m-news-slide__content picture {
        width: 270px
    }
}

.m-page-activities .m-new .m-news-slide__content img {
    width: 100%
}

.m-page-activities .m-new .m-headline span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 25px;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-new .m-headline span {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.m-page-activities .m-new .m-headline .small {
    color: #747474
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-new .m-headline .small {
        font-size: 14px;
        font-size: .875rem;
        letter-spacing: .005em
    }
}

@media only screen and (max-width:450px) {
    .m-page-activities .m-new .m-button {
        width: 100%
    }
}

.m-page-activities .m-new .m-more-info {
    padding: 52px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

.m-page-activities .m-terms {
    background-color: #2f3937;
    color: #fff
}

.m-page-activities .m-terms .headline-experience-terms h2 {
    font-weight: 400
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-terms .headline-experience-terms h2 {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.m-page-activities .m-terms .m-accordion .m-accordion-box__button {
    color: #fff
}

.m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button {
    border-bottom: 1px solid #aaa
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 24px 0
    }
}

.m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button:after,
.m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button:before {
    background: #fff
}

@media only screen and (min-width:768px) {
    .m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button:before {
        right: 8px
    }

    .m-page-activities .m-terms .accordion-experience-terms .m-accordion-box .m-accordion-box__button:after {
        right: 0
    }
}

.m-page-activities .m-terms .accordion-experience-terms .m-accordion-box.js--open .m-accordion-box__button {
    border-bottom: none
}

.m-page-activities .m-terms .accordion-experience-terms .m-accordion-box.js--open .m-accordion-box__content {
    border-bottom: 1px solid #aaa
}

.m-page-suscription {
    background-color: #5e6d61;
    min-height: 100vh
}

@media only screen and (min-width:1024px) {
    .m-page-suscription {
        padding: 132px 0 0
    }
}

@media only screen and (max-width:425px) {
    .m-page-suscription .m-newsletter .m-container {
        padding: 0
    }
}

.m-page-suscription .m-newsletter {
    padding: 0
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter {
        background-image: url(/wp-content/themes/hotel-libertador/assets/img/backgound-sus.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        max-width: 1220px;
        overflow: hidden;
        padding: 90px 42px
    }
}

.m-page-suscription .m-newsletter-banner {
    margin-top: 70px
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter-banner {
        display: none
    }
}

.m-page-suscription .m-newsletter-banner picture,
.m-page-suscription .m-newsletter-banner picture img {
    width: 100%
}

.m-page-suscription .m-newsletter-banner.js--sent {
    display: none;
    opacity: 0;
    visibility: hidden
}

.m-page-suscription .m-newsletter .m-headline h2 {
    text-align: left
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter .m-headline h2 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 32px;
        line-height: 2rem
    }
}

.m-page-suscription .m-newsletter form {
    background-color: #fff;
    padding: 27px 16px;
    position: relative;
    text-align: center
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter form {
        margin-left: auto;
        padding: 40px 24px;
        width: 457px
    }
}

.m-page-suscription .m-newsletter form.js--sent .m-newsletter__form {
    opacity: 0;
    visibility: hidden
}

.m-page-suscription .m-newsletter form.js--sent .m-newsletter__thanks {
    opacity: 1;
    visibility: visible
}

.m-page-suscription .m-newsletter form .m-input input {
    height: 44px;
    line-height: 44px;
    line-height: 2.75rem
}

.m-page-suscription .m-newsletter form .m-input label {
    text-transform: capitalize
}

.m-page-suscription .m-newsletter form .m-button {
    color: #fff;
    height: 49px;
    min-width: 152px;
    width: 100%
}

@media only screen and (min-width:640px) {
    .m-page-suscription .m-newsletter form .m-button {
        min-width: 267px;
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter form .m-button {
        margin-top: 28px
    }
}

.m-page-suscription .m-newsletter__form .m-form__content {
    gap: 10px;
    margin: 0 auto;
    max-width: 762px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter__form .m-form__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.m-page-suscription .m-newsletter__form .m-form__terms {
    margin: 0 auto;
    max-width: 762px;
    position: relative
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox {
    margin-bottom: 10px;
    margin-top: 7px
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox label input {
        width: 30px
    }

    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox label input:after {
        top: -2px
    }
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span {
    text-align: left;
    width: 80%
}

@media only screen and (min-width:425px) {
    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span {
        width: auto
    }
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span a {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 16px;
    line-height: 1rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i {
    margin-top: 7px;
    position: relative
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i:hover em {
    display: block
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i em {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    left: -140px;
    padding: 14px;
    position: absolute;
    top: 30px;
    width: 216px
}

@media only screen and (min-width:768px) {
    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i em {
        left: 40px;
        top: -20px
    }
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 0 12px 12px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 52px;
    top: -8px;
    width: 0
}

@media only screen and (min-width:768px) {
    .m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i em:before {
        border-bottom: 12px solid transparent;
        border-left: initial;
        border-right: 12px solid #000;
        border-top: 12px solid transparent;
        left: -12px;
        right: auto;
        top: 18px
    }
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox span i svg {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px
}

.m-page-suscription .m-newsletter__form .m-form__terms .m-checkbox:nth-child(2) span {
    font-size: 11px;
    font-size: .6875rem;
    text-align: left;
    width: 90%
}

.m-page-suscription .m-newsletter__form .m-checkbox-message-error {
    display: none;
    left: 0;
    position: absolute
}

.m-page-suscription .m-newsletter__form .m-checkbox-message-error span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #be0811;
    -webkit-column-gap: 7px;
    -moz-column-gap: 7px;
    column-gap: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-page-suscription .m-newsletter__form .m-checkbox.input.error~.m-checkbox-message-error {
    display: block
}

.m-page-suscription .m-newsletter__thanks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 27px 16px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    visibility: hidden
}

.m-page-suscription .m-newsletter__thanks svg {
    margin-bottom: 21px
}

.m-page-suscription .m-newsletter__thanks p {
    font-family: Futura;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 132%
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter__thanks p {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.m-page-suscription .m-newsletter__thanks div {
    border-top: 1px solid #e2ded8;
    padding-top: 21px
}

.m-page-suscription .m-newsletter__thanks div .rrss {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    justify-content: center
}

.m-page-suscription .m-newsletter-footer nav {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 55px;
    padding: 52px 0
}

.m-page-suscription .m-newsletter .close-suscription,
.m-page-suscription .m-newsletter-footer nav {
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-page-suscription .m-newsletter .close-suscription {
    -webkit-box-orient: vertical;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2f3937;
    border-radius: 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px;
    height: 44px;
    left: 16px;
    position: absolute;
    top: 80px;
    width: 44px
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter .close-suscription {
        height: 83px;
        left: 40px;
        top: 40px;
        width: 83px
    }
}

.m-page-suscription .m-newsletter .close-suscription p {
    color: #fff;
    font-size: 8px;
    font-size: .5rem;
    margin: 0
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter .close-suscription p {
        font-size: 14px;
        font-size: .875rem
    }
}

.m-page-suscription .m-newsletter .close-suscription .arrow {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='13' fill='none'%3E%3Cpath d='M4.846 1 1 5.012l3.846 4.012' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.961 3.977H19.63c3.53 0 6.37 3.092 6.37 6.77V12' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

@media only screen and (min-width:1024px) {
    .m-page-suscription .m-newsletter .close-suscription .arrow {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='26' fill='none'%3E%3Cpath d='M9.31 2 2 9.5 9.31 17' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 9h34.545C45.449 9 51 14.78 51 21.656V24' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    }
}

.modal-eleccion {
    width: 100%;
    min-height: 100dvh;
    position: fixed;
    z-index: 2147483700;
    background-color: #000;
    background-image: url(https://www.intursa.com.pe/wp-content/uploads/2025/12/bg-modal-intursa-mob.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}

.modal-eleccion__content {
    padding: 40px 20px;
    width: 100%;
}

.modal-eleccion__content h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

.modal-eleccion__content p {
    text-align: center;
    font-family: Futura Lt BT, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.modal-eleccion__content>picture {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.modal-eleccion__cards {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.modal-eleccion__cards__container {
    width: 320px;
    margin: 0 auto;
    position: relative;
}

.modal-eleccion__cards__image-slider {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.modal-eleccion__cards__image-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.modal-eleccion__cards__image-slider img.active {
    opacity: 1;
}

.modal-eleccion__cards__content {
    background-color: #E2DED8;
    padding: 6px 20px 20px;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 10;
}

.modal-eleccion__cards__logo {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-eleccion__cards__content h3 {
    text-align: center;
    font-family: Futura Md BT, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: initial;
    margin-bottom: 6px;
}

.modal-eleccion__cards__content p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    border: none;
}

.modal-eleccion__cards__content a {
    display: block;
    background-color: #000;
    color: #fff;
    padding: 12px 20px;
    text-transform: uppercase;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 1.56px;
    cursor: pointer;
}


@media only screen and (min-width:768px) {
    .modal-eleccion {
        background-image: url(https://www.intursa.com.pe/wp-content/uploads/2025/12/bg-modal-intursa-desk.png);
        align-items: center;
    }

    .modal-eleccion__cards {
        flex-direction: row;
        gap: 48px;
        justify-content: center;
        margin-top: 56px;
    }

    .modal-eleccion__cards__container {
        margin: 0;
    }

    .modal-eleccion__content h2 {
        font-size: 46px;
        line-height: 54px;
    }

    .modal-eleccion__content>p {
        font-size: 22px;
        line-height: 24px;
    }


}

@media only screen and (min-width:1024px) {
    .modal-eleccion__cards__container {
        width: 380px;
    }

    .modal-eleccion__cards__image-slider {
        height: 180px;
    }
}

.grupo-intursa::after {
    position: absolute;
    content: "";
    width: 240px;
    height: 174px;
    background-color: #D1C9BC;
    top: 50%;
    left: 50%;
    transform: translate(-71%, 0%);
}

.grupo-nodo::after {
    position: absolute;
    content: "";
    width: 240px;
    height: 174px;
    background-color: #D1C9BC;
    top: 50%;
    left: 50%;
    transform: translate(-71%, 6%);
}

@media only screen and (min-width:768px) {
    .grupo-intursa::after {
        transform: translate(-72%, -5%);
    }

    .grupo-nodo::after {
        transform: translate(-28%, 7%);
    }
}

@media only screen and (min-width:1024px) {
    .grupo-intursa::after {
        transform: translate(-85%, 12%);
    }

    .grupo-nodo::after {
        transform: translate(-15%, 12%);
    }
}

.modal-promociones {
    width: 100%;
    min-height: 100dvh;
    position: fixed;
    z-index: 2147483680;
    background-color: #000;
    background-color: rgba(82, 82, 82, 0.8);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    bottom: 0;
}

.modal-promociones__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2147483681;
    min-width: 320px;
    max-width: 485px;
    height: 480px;
    background-image: url('https://www.intursa.com.pe/wp-content/uploads/2026/02/bg-modal-promociones-intursa-mobile@2x.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;

}

.modal-promociones__content__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
}


.modal-promociones__content__informacion-promocion {
    padding: 20px 16px;
    text-align: center;
    margin-top: 160px;
}

.modal-promociones__content__informacion-promocion p {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.modal-promociones__content__informacion-promocion p:first-of-type {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.modal-promociones__content__informacion-promocion picture {
    margin-bottom: 20px;
}

.modal-promociones__content__informacion-promocion a {
    display: block;
    text-align: center;
    padding: 11px 16px;
    border-radius: 1px;
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    max-width: 258px;
    margin: 0 auto;
    margin-top: 40px;

}



@media screen and (min-width:768px) {
    .modal-promociones__content {
        display: flex;
        max-width: 880px;
        min-width: 700px;
        background-image: url('https://www.intursa.com.pe/wp-content/uploads/2026/02/bg-modal-promociones-intursa-v2-desktop@2x.png');
        height: 399px;
    }

    .modal-promociones__content__informacion-promocion {
        margin-top: 0;
        padding: 34px 22px;
    }

    .modal-promociones__content__informacion-promocion p {
        font-size: 16px;
        line-height: 24px;
    }

}

@media screen and (min-width:1024px) {
    .modal-promociones__content__informacion-promocion p:first-of-type {
        font-size: 18px;
        line-height: 22px;
        width: 368px;
    }

    .modal-promociones__content {
        height: 500px;
        width: 880px;
        flex-direction: row-reverse;
        align-items: center;
    }
}

.modal-eleccion__language-selector {
    width: 120px;
    position: relative;
    left: 50%;
    transform: translateX(33%);
}

.modal-eleccion__language-selector .m-dropdown__button {
    border-bottom: 2px solid #fff;
}

.modal-eleccion__language-selector p {

    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    font-family: Futura;
    text-transform: uppercase;
    height: 44px;
}

@media screen and (min-width:768px) {
    .modal-eleccion__language-selector {
        position: absolute;
        top: 16px;
        left: 50%;
        transform: translateX(203%);
    }
}

@media screen and (min-width:1024px) {
    .modal-eleccion__language-selector {
        position: absolute;
        top: 16px;
        left: 50%;
        transform: translateX(303%);
    }
}