/****
* 1. Default
* 2. Themes
** 2.1 t-bg
** 2.2 t-btn
** 2.3 t-text
** 2.4 t-color
** 2.5 t-gridover
** 2.6 t-modal
** 2.7 t-centeredtext
** 2.8 t-middlediv
** 2.9 t-pad
** 2.10 t-btnover
** 2.11 t-transform
* 3. Components
** 3.1 c-benefits
** 3.2 c-bebox
** 3.3 c-header
** 3.4 c-navgrid
** 3.5 c-navbtn
** 3.6 c-navcontent
** 3.7 c-langs
** 3.8 c-textolegal
** 3.9 c-table
** 3.10 c-nav
** 3.11 c-navmodal
** 3.12 c-footer
** 3.13 c-textimg
** 3.14 c-dragscroll
** 3.15 c-smartbox
** 3.16 c-cardsover
** 3.17 c-cardstext
** 3.18 c-iconoverimg
** 3.19 c-intro
** 3.20 c-banner
** 3.21 c-2col
** 3.22 c-servicecard
** 3.23 c-bannervideo
** 3.24 c-modalrel
** 3.25 c-owslider
** 3.26 c-cardblock
** 3.27 c-blocks
** 3.28 c-3cols
** 3.29 c-faqs
** 3.30 c-map
** 3.31 c-texticon
** 3.32 c-textslider
** 3.33 c-review
** 3.34 c-draglist
** 3.35 c-service
** 3.36 c-rowbox
** 3.37 c-stickymenu
** 3.38 c-introv2
** 3.39 c-parallax
** 3.40 c-popup
** 3.41 c-contactform
** 3.42 c-rgpdmodal
* 4. Animations
** 4.1 ob-basic
** 4.2 ob-basicV2
** 4.3 a-slideright 
* X. Others
****/

/* ==> 1. Default  <== */

/** DM Serif Display **/

/* https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:opsz,wght@14..32,100..900&display=swap */

@font-face {
    font-family: "DM Serif Display";
    src: url("../../../../../fonts/DMSerifDisplay-Regular.woff2") format("woff2"),
        url("../../../../../fonts/DMSerifDisplay-Regular.woff") format("woff"),
        url("../../../../../fonts/DMSerifDisplay-Regular.ttf") format("truetype"),
        url("../../../../../fonts/DMSerifDisplay-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "DM Serif Display";
    src: url("../../../../../fonts/DMSerifDisplay-Italic.woff2") format("woff2"),
        url("../../../../../fonts/DMSerifDisplay-Italic.woff") format("woff"),
        url("../../../../../fonts/DMSerifDisplay-Italic.ttf") format("truetype"),
        url("../../../../../fonts/DMSerifDisplay-Italic.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/** Inter **/

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Thin.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Thin.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Thin.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Thin.eot") format("embedded-opentype");
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-ThinItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-ThinItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-ThinItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-ThinItalic.eot") format("embedded-opentype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-ExtraLight.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-ExtraLight.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-ExtraLight.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-ExtraLight.eot") format("embedded-opentype");
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-ExtraLightItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-ExtraLightItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-ExtraLightItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-ExtraLightItalic.eot") format("embedded-opentype");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Light.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Light.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Light.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Light.eot") format("embedded-opentype");
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-LightItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-LightItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-LightItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-LightItalic.eot") format("embedded-opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Regular.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Regular.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Regular.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Italic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Italic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Italic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Italic.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Medium.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Medium.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Medium.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Medium.eot") format("embedded-opentype");
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-MediumItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-MediumItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-MediumItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-MediumItalic.eot") format("embedded-opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-SemiBold.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-SemiBold.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-SemiBold.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-SemiBold.eot") format("embedded-opentype");
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-SemiBoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-SemiBoldItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-SemiBoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-SemiBoldItalic.eot") format("embedded-opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Bold.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Bold.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Bold.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Bold.eot") format("embedded-opentype");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-BoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-BoldItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-BoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-BoldItalic.eot") format("embedded-opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-ExtraBold.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-ExtraBold.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-ExtraBold.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-ExtraBold.eot") format("embedded-opentype");
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-ExtraBoldItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-ExtraBoldItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-ExtraBoldItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-ExtraBoldItalic.eot") format("embedded-opentype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-Black.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-Black.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-Black.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-Black.eot") format("embedded-opentype");
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../../../../../fonts/Inter_18pt-BlackItalic.woff2") format("woff2"),
        url("../../../../../fonts/Inter_18pt-BlackItalic.woff") format("woff"),
        url("../../../../../fonts/Inter_18pt-BlackItalic.ttf") format("truetype"),
        url("../../../../../fonts/Inter_18pt-BlackItalic.eot") format("embedded-opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Montserrat */

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Regular.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Regular.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Regular.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Regular.eot") format("embedded-opentype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Italic.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Italic.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Italic.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Italic.eot") format("embedded-opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    src: url("../../../../../fonts/Montserrat-Bold.woff2") format("woff2"),
        url("../../../../../fonts/Montserrat-Bold.woff") format("woff"),
        url("../../../../../fonts/Montserrat-Bold.ttf") format("truetype"),
        url("../../../../../fonts/Montserrat-Bold.eot") format("embedded-opentype");
    font-weight: 700;
    font-display: swap;
}

:root {
    --or-main-color: #6C695E;
    --or-alt-color: #FFF;
    --or-special-1: #E18532;
    --or-special-1: #BD5800;
    --or-special-2: #007EA6;
    --or-special-3: #9E7894;
    --or-special-3: #955684;
    --or-special-4: #f7aa8e;
    --or-special-5: #F08372;
    --or-special-5: #AB5444;
    --or-special-6: #252024;
    --or-special-7: #005E7C;
    --or-cream-color: #F3F1EB;
    --or-cream-color-v2: #fffceb;

    --or-main-color-v2: rgba(108, 105, 94, .8);
    --or-main-color-v3: rgba(108, 105, 94, .6);
    --or-alt-color-v2: rgba(255, 255, 255, .15);
    --or-special-1-v2: #FFECDC;
    --or-special-1-v3: rgba(255, 133, 50, .2);
    --or-special-1-v3: rgba(255, 255, 255, 1);
    --or-special-2-v2: rgba(0, 126, 166, .15);
    --or-special-2-v3: rgba(224, 236, 234, 1);
    --or-special-5-v2: rgba(240, 131, 114, 0.15);
    --or-special-5-v3: rgba(240, 131, 114, .8);
    --or-special-5-v3: rgba(182, 89, 73, .8);
    --or-special-6-v2: rgba(37, 32, 36, .6);

    --or-main-btncolor: #FFF;
    --or-special-1-btncolor: var(--or-special-1);
    --or-special-2-btncolor: var(--or-special-2);
    --or-special-3-btncolor: var(--or-special-3);
    --or-special-4-btncolor: var(--or-special-4);
    --or-special-6-btncolor: var(--or-special-6);

    --or-font-h1: 60px;
    --or-font-h1-strong: 100px;
    --or-font-h1-em: 40px;
    --or-font-h2: 50px;
    --or-font-h3: 30px;
    --or-font-h3-strong: 40px;
    --or-font-p: 18px;
    --or-font-em: 20px;
    --or-font-p-mid: 16px;
    --or-font-p-min: 14px;
    --or-main-font: "Inter", sans-serif;
    --or-alt-font: "DM Serif Display", serif;

    --or-width: 1500px;
    --or-inner-width: 1250px;
    --or-min-width: 740px;
    --or-width-diff: calc((var(--or-width) - var(--or-inner-width)) / 2);

    --or-pad: 140px;

    --or-navgrid-h: 100px;
}

@media (max-width: 767px) {
    :root {
        --or-font-h1: 24px;
        --or-font-h1-strong: 44px;
        --or-font-h1-em: 30px;
        --or-font-h2: 30px;
        --or-font-h3: 20px;
        --or-font-h3-strong: 25px;
        --or-font-p: 16px;
        --or-width: 500px;
        --or-inner-width: 500px;
        --or-min-width: 500px;
        --or-pad: 90px;
    }
}

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

        --or-font-h1: 44px;
        --or-font-h1-strong: 64px;
        --or-font-h1-em: 30px;
        --or-font-h2: 35px;
        --or-font-h3: 20px;
        --or-font-h3-strong: 25px;
        --or-font-p: 16px;
        --or-width: 60vw;
        --or-inner-width: 60vw;
        --or-min-width: 60vw;
    }
}

@media (min-width: 1025px) and (max-width:1367px) {
    :root {
        --or-width: 90vw;
        --or-inner-width: 85vw;
        --or-pad: 125px;
    }
}

@media (min-width: 1368px) and (max-width:1679px) {
    :root {
        --or-width: 90vw;
        --or-inner-width: 85vw;
    }
}

html {
    scroll-behavior: smooth;
}

main>section {
    padding: var(--or-pad) 0;
}

main>section>*:not(.is-clearwidth),
.t-width {
    max-width: var(--or-width);
    margin-left: auto;
    margin-right: auto;
}

main>section.is-inner>*:not(.is-clearwidth),
.t-innerwidth {
    max-width: var(--or-inner-width);
    margin-left: auto;
    margin-right: auto;
}

main>section.is-100>*:not(.is-clearwidth) {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

main>section.is-min>*:not(.is-clearwidth) {
    max-width: var(--or-min-width);
    margin-left: auto;
    margin-right: auto;
}

main>section.is-overflowedright>*:not(.is-clearwidth),
.t-width.is-overflowedright {
    max-width: calc(100% - ((100% - var(--or-width)) / 2));
    margin-left: auto;
    margin-right: 0px;
}

@media (max-width: 1279px) {

    main>section>*:not(.is-clearwidth),
    .t-width {
        width: 90vw
    }

    main>section.is-inner>*:not(.is-clearwidth),
    .t-innerwidth {
        width: 90vw
    }

    main>section.is-100>*:not(.is-clearwidth) {
        width: 100%
    }

    main>section.is-min>*:not(.is-clearwidth) {
        width: 90vw
    }

    main>section.is-overflowedright>*:not(.is-clearwidth),
    .t-width.is-overflowedright {
        width: 95vw
    }
}

/* SCROLL VERTICAL */

body::-webkit-scrollbar,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar,
#layerModal .is-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body::-webkit-scrollbar-button,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-button,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-button,
#layerModal .is-container::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}

body::-webkit-scrollbar-corner,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-corner,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-corner,
#layerModal .is-container::-webkit-scrollbar-corner {
    background: transparent;
}

body::-webkit-scrollbar-thumb,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-thumb,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-thumb,
#layerModal .is-container::-webkit-scrollbar-thumb {
    background: var(--or-main-color);
    border: 1px solid #F4FAFC;
    border-radius: 10px;
}

body::-webkit-scrollbar-track,
.or-nav-menu-display.menu.mod-list.show::-webkit-scrollbar-track,
.or-nav-menu-display.menu.mod-list.displayed::-webkit-scrollbar-track,
#layerModal .is-container::-webkit-scrollbar-track {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* FIN SCROLL VERTICAL */

/* SCROLL HORIZONTAL */

.c-owslider,
.c-owslider *,
.c-dragscroll,
.c-dragscroll * {
    --webkit-scrollbar-h: 4px;
    --webkit-scrollbar-thumb-color: var(--or-main-color);
    --webkit-scrollbar-thumb-bordercolor: rgba(108, 105, 94, .4);
    --webkit-scrollbar-corner-background: rgba(108, 105, 94, .4);
    --webkit-scrollbar-track-bordercolor: rgba(108, 105, 94, .4);
}


.c-dragscroll__container::-webkit-scrollbar {
    width: var(--webkit-scrollbar-w);
    height: var(--webkit-scrollbar-h);
    cursor: grab;
}

.c-dragscroll__container::-webkit-scrollbar-button {
    width: var(--webkit-scrollbar-button-w);
    height: var(--webkit-scrollbar-button-h)
}


.c-dragscroll__container::-webkit-scrollbar-corner {
    background: var(--webkit-scrollbar-corner-background)
}


.c-dragscroll__container::-webkit-scrollbar-thumb {
    background: var(--webkit-scrollbar-thumb-color);
    border: 1px solid var(--webkit-scrollbar-thumb-bordercolor);
    border-radius: var(--webkit-scrollbar-thumb-borderradius)
}


.c-dragscroll__container::-webkit-scrollbar-track {
    background: var(--webkit-scrollbar-track-bordercolor);
    border: 1px solid var(--webkit-scrollbar-track-bordercolor);
    border-radius: var(--webkit-scrollbar-track-borderradius)
}

.c-owslider .c-owslider__list.owSlider_showMini,
.c-owslider .c-owslider__list.owSlider_showMini::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* FIN SCROLL HORIZONTAL */

h1 {
    color: var(--or-alt-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1);
    font-weight: 300;
    line-height: 90%;
    text-transform: uppercase;
    margin: 0;
    line-height: 2.3;
    text-align: center;
    text-shadow: 0px 0px 8px rgb(0 0 0 / 20%);
}

h1>strong {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h1-strong);
    font-weight: 400;
    text-transform: none;
    line-height: 77%;
}

h1>em {
    font-family: var(--or-main-font);
    font-size: var(--or-font-h1-em);
    font-weight: 300;
    text-transform: none;
    line-height: 170%;
}

h2,
.c-banner .is-title p,
.is-h2,
.is-h2>p {
    color: var(--or-alt-color);
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h2);
    font-weight: 400;
    line-height: 112%;
    margin: 0;
}

@media (max-width: 767px) {

    h2,
    .c-banner .is-title p,
    .is-h2,
    .is-h2>p {
        line-height: 132%;
    }
}

h3 {
    color: var(--or-main-color);
    font-family: var(--or-main-font);
    font-size: var(--or-font-h3);
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

h3>strong {
    font-family: var(--or-alt-font);
    font-size: var(--or-font-h3-strong);
    font-weight: 400;
    line-height: 75%;
    text-transform: none;
}

p {
    font-family: var(--or-main-font);
    font-size: var(--or-font-p);
    line-height: 144%;
    color: var(--or-main-color);
}

ul,
li {
    padding-left: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

em {
    letter-spacing: inherit;
}

video.is-mirrored {
    transform: scaleX(-1);
}

video.is-bottomed {
    object-position: bottom;
}

footer,
footer * {
    color: var(--or-alt-color);
    font-family: var(--or-main-font);
}

footer {
    background-color: var(--or-special-6);
}

/*[tabindex="0"]:focus {
    outline: 2px solid var(--or-main-color) !important;
    outline-offset: 4px !important;
}*/

[tabindex="0"]:focus:not(.c-stickymenu__link) {
    outline: 2px solid var(--or-main-color);
    outline-offset: 4px;
}

/* ==> 2. Themes  <== */

/* ==> 2.1 t-bg <== */

.t-bg {
    --color: var(--or-special-4);
    --color2: var(--or-special-5);
    background: linear-gradient(to bottom right, var(--color), var(--color2));
}

.t-bg.t--cream {
    --color: var(--or-cream-color);
    --color2: var(--or-cream-color);
}

.t-bg.t--white {
    --color: var(--or-alt-color);
    --color2: var(--or-alt-color);
}

.t-bg.t--blue {
    background: var(--or-special-2);
}

.t-bg.has-img picture,
.t-bg.has-img img {
    min-height: 430px;
    height: auto;
}

/* ==> 2.2 t-btn <== */

.t-btn,
.t-btn * {
    --btn-max-w: 306px;
    --btn-min-w: 306px;
    --btn-min-h: 60px;
    --btn-radius: 0px;
    --btn-font-size: var(--or-font-p);
    --btn-font-weight: 500;
    --btn-padding: 5px
}

.t-btn {
    border-width: 0;
    color: var(--or-main-btncolor);
    font-family: var(--or-main-font);
    border: solid var(--or-alt-color) 2px;
    cursor: pointer;
    font-weight: var(--btn-font-weight);
}

.t-btn:hover {
    background-color: var(--or-main-btncolor);
    color: var(--or-main-color);
    text-decoration: none;
}

.t-btn.t--alt,
.t-btn.t--alt * {
    --btn-max-w: 150px;
    --btn-min-w: 150px;
    --btn-min-h: 50px;
    --highlight-color: var(--or-special-6-btncolor);
}

@media (max-width: 767px) {

    .t-btn,
    .t-btn * {
        --btn-max-w: 100%;
        --btn-min-w: 100%;
    }
}

.t-btn.t--alt:hover,
.t-btn.t--alt:hover * {
    --highlight-color: var(--or-alt-color);
}

.t-btn.t--alt {
    background-color: var(--or-alt-color);
    color: var(--or-special-6-btncolor);
    border: none;
}


.t-btn.t--alt:hover,
.t-btn.t--alt:focus {
    background-color: var(--or-special-2-btncolor);
    color: var(--or-alt-color);
}

.t-btn.t--alt:focus {
    outline: none;
}

.t-btn.t--main {
    border: solid var(--or-main-color) 2px;
    color: var(--or-main-color);
}

.t-btn.t--main:hover {
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    border: var(--or-main-color);
}

.t-btn.t--mainreverse {
    background-color: var(--or-main-color);
    color: var(--or-alt-color);
    border: var(--or-main-color);
}

.t-btn.t--mainreverse:hover {
    background-color: transparent;
    border: solid var(--or-main-color) 2px;
    color: var(--or-main-color);
}

.t-btn.t--bgmain {
    background-color: var(--or-main-color);
}

.t-btn.t--bgmain:hover,
.t-btn.t--bgmain:focus {
    background-color: var(--or-alt-color);
    color: var(--or-main-color);
}

.t-btn.t--orange {
    border: solid var(--or-special-1-btncolor) 2px;
    color: var(--or-special-1-btncolor);
}

.t-btn.t--orange:hover {
    background-color: var(--or-special-1-btncolor);
    color: var(--or-main-btncolor);
    border: var(--or-special-1-btncolor);
}

.t-btn.t--blue {
    border: solid var(--or-special-2-btncolor) 2px;
    color: var(--or-special--btncolor);
}

.t-btn.t--blue:hover {
    background-color: var(--or-special-2-btncolor);
    color: var(--or-main-btncolor);
    border: var(--or-special-2-btncolor);
}

.t-btn.t--purple {
    border: solid var(--or-special-3-btncolor) 2px;
    color: var(--or-special-3-btncolor);
}

.t-btn.t--purple:hover {
    background-color: var(--or-special-3-btncolor);
    color: var(--or-main-btncolor);
    border: var(--or-special-3-btncolor);
}

.t-btn.t--salmon {
    border: solid var(--or-special-4-btncolor) 2px;
    color: var(--or-special-4-btncolor);
}

.t-btn.t--salmon:hover {
    background-color: var(--or-special-4-btncolor);
    color: var(--or-main-btncolor);
    border: var(--or-special-4-btncolor);
}

.t-btn.t--lang {
    --btn-min-w: 60px;
    --btn-min-h: 60px;
    --btn-lang-color: var(--or-main-color);
    background-color: var(--or-alt-color);
    font-weight: 600;
    letter-spacing: 2px;
    flex-direction: row-reverse;
    border: none;
}

.t-btn.t--lang.is-active,
.t-btn.t--lang:hover,
.t-btn.t--lang:focus {
    background-color: var(--or-special-2);
    color: var(--or-alt-color);
}

.t-btn.t--lang:focus {
    outline: none;
}

.t-btn.t--lang svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.t-btn.t--lang>svg path {
    stroke-width: 4;
    color: currentColor;
    stroke: currentColor;
}

.t-btn.t--book {
    background-color: var(--or-special-2);
    color: var(--or-alt-color);
    border: solid var(--or-special-2) 2px;
}

.t-btn.t--book:hover {
    background-color: transparent;
    color: var(--or-special-2);
}

.is-fixed .t-btn.t--lang {
    --btn-lang-color: var(--or-main-color);
}

/* Boton con Icono + Texto */

.t-btn .is-container {
    display: flex;
    flex-direction: row;
}

.t-btn .is-container,
.t-btn .is-container .is-icon {
    display: flex;
    align-items: center;
}

.t-btn .is-container .is-icon {
    margin-right: 10px;
}

.t-btn.t--orange .is-container p {
    color: var(--or-special-1);
}

.t-btn.t--orange:hover .is-container p {
    color: var(--or-alt-color);
}

.t-btn.t--orange:hover .is-container .is-icon svg,
.t-btn.t--orange:hover .is-container .is-icon svg * {
    stroke: var(--or-alt-color);
}

.t-btn.has-icon p {
    text-transform: none;
}

.t-btn.t--alt.has-icon p {
    color: var(--or-special-6-btncolor);
}

.t-btn.t--alt.has-icon:hover {
    border: none;
}

.t-btn.t--alt.has-icon:hover p,
.t-btn.t--alt.has-icon:focus p {
    color: var(--or-alt-color);
}

/* ==> 2.3 t-text <== */

.t-text,
.t-text * {
    --highlight-color: var(--or-special-1);
    --opacity-bg: var(--or-special-1-v3);
    color: var(--highlight-color);
}

.t-text.is-blue,
.t-text.is-blue * {
    --highlight-color: var(--or-special-2);
    --opacity-bg: var(--or-special-2-v2);
}

.t-text.is-white,
.t-text.is-white * {
    --highlight-color: var(--or-alt-color);
    --opacity-bg: var(--or-alt-color-v2);
    --main-color: var(--or-alt-color);
}

.t-text.is-white *,
.t-text.is-white p:not(.is-h2) {
    color: var(--main-color);
}

.t-text.is-tomato,
.t-text.is-tomato * {
    --highlight-color: var(--or-special-5);
    --opacity-bg: var(--or-special-5-v2);
}

.t-text.is-purple,
.t-text.is-purple * {
    --highlight-color: var(--or-special-3);
}

.t-text .has-maincolor,
.t-text .has-maincolor * {
    color: var(--or-main-color);
}

.t-text .is-tbtn {
    border: solid var(--highlight-color) 2px;
}

.t-text .is-tbtn:hover {
    background-color: var(--highlight-color);
    color: var(--or-cream-color);
}

.t-text.is-blue .is-tbtn:hover,
.t-text.is-blue .is-tbtn:focus {
    background-color: var(--highlight-color);
    color: var(--or-cream-color);
}

.t-text.is-blue .is-tbtn:focus {
    outline: none;
}

.t-text.is-purple .is-tbtn:hover,
.t-text.is-purple .is-tbtn:focus {
    background-color: var(--or-special-3);
    color: var(--or-cream-color);
}

.t-text.is-purple .is-tbtn[tabindex="0"]:focus {
    outline: none;
}

.t-text.is-white .is-tbtn:hover {
    background-color: var(--highlight-color);
    color: var(--or-special-6);
}

.t-text p:not(.is-h2) {
    color: var(--or-main-color);
    font-weight: 400;
    line-height: 150%;
    font-size: var(--or-font-p);
}

.t-text em,
.t-text p.is-heading,
.t-text .t-text__destacado p {
    color: var(--highlight-color);
    font-family: var(--or-alt-font);
    font-style: italic;
    font-size: var(--or-font-em);
}


@media (max-width: 767px) {

    .t-text em,
    .t-text p.is-heading,
    .t-text .t-text__destacado p {
        --or-font-em: 18px;
    }
}

.t-text .is-intro p {
    color: var(--highlight-color);
    font-weight: 200;
    line-height: 150%;
    font-size: var(--or-font-h1-em);
    padding-bottom: 30px;
}

.t-text .t-text__smartbox {
    background-color: var(--opacity-bg);
    background-color: transparent;
    border: 1px solid var(--highlight-color);
}

/* ==> 2.4 t-color <== */

.t-color,
.t-color * {
    --tcolor: var(--or-alt-color);
    color: var(--tcolor);
}

/* ==> 2.5 t-gridover <== */

.t-gridover {
    display: grid;
    grid-template: 1fr / 1fr;
    align-items: start
}

.t-gridover>*,
.t-gridover::before,
.t-gridover::after {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1
}

.t-gridover .t-gridover__item.is-over {
    z-index: 1;
}

/* ==> 2.6 t-modal <== */

.t-modal,
.t-modal *,
.c-bebox .t-close,
.c-bebox .t-close * {
    --modal-close: var(--or-alt-color);
    --modal-pad: 0px;
    --modal-x-top: 30px;
    --modal-x-right: 70px;
}

.t-modal .is-close svg,
.t-modal .is-close svg *,
.c-bebox .t-close svg,
.c-bebox .t-close svg * {
    width: 25px;
    height: 25px;
    fill: var(--modal-close);
    stroke: var(--modal-close);
}

.t-modal .is-container .is-header {
    z-index: 2;
}

.t-modal .is-container .is-header .is-close {
    display: flex;
}

.t-modal .t-modal__container .t-modal__body {
    -webkit-animation-name: a-blur-show;
    animation-name: a-blur-show;
}

.t-modal .is-container {
    flex-direction: column;
    position: unset;
    overflow: auto;
    height: auto;
    max-height: 100vh;
    max-height: 100dvh;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
}

.t-modal .is-container .is-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: none;
    height: 100vh;
    background-color: unset;
    margin: auto;
    max-width: var(--or-width);
}

@media (max-width: 1024px) {

    .t-modal .is-close svg,
    .t-modal .is-close svg * {
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 1025px) and (max-width:1279px) {
    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap {
        padding: 8px 1.875rem;
    }
}

@media (max-width:1279px) {

    .t-modal,
    .t-modal *,
    .c-bebox .t-close,
    .c-bebox .t-close * {
        --modal-x-top: 30px;
        --modal-x-right: 20px;
    }

    .t-modal .is-close svg,
    .t-modal .is-close svg * {
        --modal-close: var(--or-alt-color);
    }

    .c-bebox .t-close svg,
    .c-bebox .t-close svg * {
        --modal-close: var(--or-special-2);
    }

}

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

    .t-modal,
    .t-modal * {
        --modal-x-right: 40px;
    }
}

/* ==> 2.7 t-centeredtext <== */

.t-centeredtext,
.t-centeredtext * {
    --pad-centered: 100px;
    text-align: center;
}

.t-centeredtext.is-half {
    --pad-centered: 50px;
}

.t-centeredtext {
    padding-bottom: var(--pad-centered);
}

.t-centeredtext>*:nth-child(n+1):not(:last-child) {
    padding-bottom: 50px;
}

.t-centeredtext h2,
.t-centeredtext .is-h2 {
    font-size: var(--or-font-h2);
    color: var(--or-main-color);
    text-align: center;
}

.t-centeredtext.is-blue h2,
.t-centeredtext.is-blue .is-h2 {
    color: var(--highlight-color);
}


@media (max-width: 767px) {

    .t-centeredtext {
        --pad-centered: 50px;
    }

}

/* ==> 2.8 t-middlediv <== */

.t-middlediv,
.t-middlediv * {
    --pad: 100px;
}

.t-middlediv {
    padding-top: var(--pad);
}

/* ==> 2.9 t-pad <== */

.t-pad--no {
    padding-top: 0;
    padding-bottom: 0;
}

.t-pad--notop {
    padding-top: 0;
}

.t-pad--nobot {
    padding-bottom: 0;
}

/* ==> 2.10 t-btnover <== */

.t-btnover {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: flex-start;
    padding: 50px;
}

.t-btnover>a,
.t-btnover>button {
    margin-left: auto;
    margin-right: 0;
}

@media (max-width: 767px) {

    .t-btnover {
        padding: 20px;
    }
}

/* ==> 2.11 t-transform <== */

.t-transform img {
    -webkit-transition: ease-in-out, .3s ease-in-out;
    transition: ease-in-out, .3s ease-in-out
}

.t-transform:hover img {
    transform: scale(1.05)
}

/* ==> 3. Components  <== */

/* ==> 3.1 c-benefits <== */

.c-benefits,
.c-benefits * {
    --or-font-h2-title: 45px;
    --or-font-p-title: 20px;
    --or-font-p: 18px;
    --or-font-p-em: 16px;
}

.c-benefits .c-benefits__title {
    max-width: 850px;
}

.c-benefits .c-benefits__title h2,
.c-benefits .c-benefits__title p.is-h2 {
    font-size: var(--or-font-h2-title);
}

.c-benefits .c-benefits__container {
    display: grid;
    color: white;
    justify-content: space-between;
    gap: 90px;
    padding-top: 70px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

.c-benefits .c-benefits__container .c-benefits__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}

.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first {
    min-height: 125px;
}

.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first .is-icon,
.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first .is-icon svg {
    max-width: 40px;
    height: auto;
}

.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first p {
    font-size: var(--or-font-p-title);
    font-weight: 500;
    line-height: 133%;
    max-width: 50%;
    padding-top: 20px;
}

.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first em {
    font-style: normal;
    font-size: var(--or-font-p-em);
    font-weight: 300;
}

.c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-second p {
    font-size: var(--or-font-p);
    font-family: var(--or-main-font);
    font-weight: 300;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #fff;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-benefits,
    .c-benefits * {
        --or-font-p-title: 22px;
        --or-font-h2-title: 30px;
        --or-font-p: 16px;
    }

    .c-benefits .c-benefits__container {
        gap: 50px;
        padding-top: 50px;
        grid-auto-flow: row;
    }

    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first {
        min-height: auto;
    }

    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first p {
        padding-top: 20px;
        max-width: 80%;
    }
}

/* @media (min-width: 1280px) and (max-width: 1366px) { */
@media (min-width: 1025px) and (max-width: 1367px) {
    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first p {
        max-width: 80%;
    }
}

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

    .c-benefits .c-benefits__container {
        gap: 40px;
    }

    .c-benefits .c-benefits__container .c-benefits__item {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: 127px 1fr;
    }

    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first {
        display: grid;
        grid-auto-flow: row;
        grid-auto-rows: 50px 1fr;
        gap: 20px;
    }

    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first p {
        padding-top: 0;
    }
}

@media (min-width: 1368px) and (max-width: 1679px) {

    .c-benefits .c-benefits__container .c-benefits__item .c-benefits__row.is-first p {
        max-width: 60%;
    }
}

#ventajasModal,
#ventajasModal * {
    --modal-h: 100vh;
    --modal-w: 100vw;
    --bgcolor: var(--or-special-4);
    --bgcolor2: var(--or-special-5);
    --text-color: var(--or-alt-color);
    color: var(--text-color);
}

#ventajasModal {
    background: var(--or-special-2);
}

@media (max-width: 1024px) {
    #ventajasModal .is-body {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    #ventajasModal .c-benefits {
        padding: 120px 5vw;
    }
}

/* ==> 3.2 c-bebox <== */

.c-bebox,
.c-bebox * {
    --vue-height: 75px;
    --vue-begap: 0;
    --vue-box-mbot: 200px;
    --vue-alt-color: var(--or-alt-color);
    --vue-btntxt-color: var(--vue-alt-color);
    --vue-btn-color: var(--or-special-2-btncolor);
    --vue-box-top: calc(100vh - var(--vue-box-mbot));

    --vue-cal-main-color: var(--or-special-2);
    --vue-cal-main-color-txt: var(--or-alt-color);
    --vue-cal-between-txt: var(--or-special-6);
    --vue-cal-between-bg: var(--or-special-2-v2);
}

.has-reviews .c-bebox,
.has-reviews .c-bebox * {
    --vue-box-mbot: 315px;
}

.c-bebox>.c-bebox__form {
    height: auto;
    grid-template-columns: 1fr 1fr 1fr 320px;
}

.c-bebox .c-bebox__column.c--submit>button {
    font-size: 25px;
    font-weight: 300;
    transition: all .2s ease-in-out;
}

.c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap,
.c-bebox .c-bebox__column .c-bebox__field {
    gap: 20px;
}

.c-bebox__column.c--pax .c-bebox__button.c--removerooms {
    display: flex;
    align-items: center;
}

.c-bebox__column.c--pax .c-bebox__button.c--removerooms>svg {
    margin-right: 8px;
}

.c-bebox button.c-bebox__addrooms {
    font-size: var(--or-font-p-mid);
}

.c-bebox__roompax>div>[class*=_selector]>span {
    background-color: var(--or-special-2);
    transition: all .2s ease-in-out;
}

.c-bebox .c-bebox__column.c--submit>button:hover {
    background-color: var(--or-special-6-btncolor);
}

.c-bebox .c-bebox__roomkids_ages select {
    cursor: pointer;
}

.c-bebox .c-bebox__roomtitle {
    display: none;
}

.c-bebox .c-bebox__button.c--addrooms {
    display: none;
}

@media (max-width: 1279px) {
    .c-bebox.is-mobile .c-bebox__mobile.c--openform button.c-bebox__button {
        font-size: 22px;
        background-color: var(--or-special-2);
        color: var(--or-alt-color);
    }

    .c-bebox.is-mobile,
    .c-bebox.is-mobile * {
        --vue-icon-w: 25px;
        --vue-icon-h: 25px;
    }

    .c-bebox.is-mobile .c-bebox__field {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: start;
    }

    .c-bebox.is-mobile.is-displayed button.c-bebox__mobileclose {
        background-color: #fff;
        padding: 10px;
        border-radius: 50%;
    }

    .c-bebox.is-mobile>.c-bebox__form .c--submit {
        margin-top: 8.875rem;
        padding: 0;
    }

    .c-bebox.is-mobile.is-displayed>.c-bebox__form {
        background-color: rgba(255, 255, 255, 0.60);
        padding: 20px;
    }

    .c-bebox.is-mobile.is-displayed,
    .has-navFixed .c-bebox.is-mobile.is-displayed {
        backdrop-filter: none;
        content: "";
        background-image: url(../../../../../images/custom/bg/c-bebox.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .c-bebox .c-bebox__column {
        margin-bottom: 5px;
    }
}

@media (max-width: 767px) {

    .c-bebox.is-mobile>.c-bebox__form .c--submit {
        margin-top: 9.875rem;
        padding: 0;
    }

    .c-bebox.is-mobile.is-displayed>.c-bebox__form {
        background-color: rgba(255, 255, 255, 0.60);
        padding: 20px;
    }

    .c-bebox.is-mobile.is-displayed,
    .has-navFixed .c-bebox.is-mobile.is-displayed {
        backdrop-filter: none;
        content: "";
        background-image: url(../../../../../images/custom/bg/c-bebox_mob.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

}

@media (min-width: 1280px) {
    .c-bebox>.c-bebox__form>.c-bebox__column {
        justify-content: center;
    }

    .c-bebox>.c-bebox__form>.c-bebox__column.c--pax .c-bebox__field {
        border-left: 1px solid var(--or-main-color);
        border-right: 1px solid var(--or-main-color);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .c-bebox .c-bebox__column.c--calendar .c-bebox__field>div:first-of-type>.dp__input_wrap,
    .c-bebox .c-bebox__column .c-bebox__field {
        padding-left: 30px;
        padding-right: 30px
    }

    .c-bebox .c-bebox__column .c-bebox__field {
        height: 50px;
    }

    .c-bebox__column:not(.c--submit) {
        border-top: 1px solid var(--or-main-color);
        border-bottom: 1px solid var(--or-main-color);
    }

    .c-bebox__column.c--calendar {
        border-left: 1px solid var(--or-main-color);
    }
}


.c-bebox.is-fixed {
    top: var(--or-navgrid-h);
    position: fixed;
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .has-reviews .c-bebox {
        top: calc(70vh - 7.5rem);
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .has-reviews .c-bebox {
        top: calc(90vh - 3.5rem);
    }
}

@media (min-width: 1025px) and (max-width: 1279px) and (min-height: 701px) {
    .has-reviews .c-bebox {
        top: calc(90vh - 265px);
    }
}

@media (min-width: 992px) and (max-width: 1024px) and (min-height: 701px) and (max-height: 100vw) {
    .has-reviews .c-bebox {
        top: calc(90vh - 100px);
    }
}


@media (min-width: 1280px) {

    .has-reviews .c-bebox,
    .has-reviews .c-bebox * {
        --vue-box-mbot: 260px;
    }
}

@media (min-width: 1280px) and (max-height: 700px) and (orientation: landscape) {

    .has-reviews .c-bebox,
    .has-reviews .c-bebox * {
        --vue-box-mbot: 135px;
    }
}

@media (max-width: 1279px) {
    .has-reviews .c-bebox {
        top: 80vh;
    }

}

@media (max-width: 991px) {
    .c-bebox.is-mobile {
        top: calc(80vh - 7.5rem);
        top: calc(85dvh - 7.5rem);
    }

    .has-reviews .c-bebox {
        top: calc(80vh - 7.5rem);
    }

    .has-reviews .c-bebox.is-displayed {
        top: 0;
    }
}

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

    .c-bebox,
    .has-reviews .c-bebox,
    .c-bebox.is-mobile,
    .has-reviews .c-bebox.is-mobile {
        top: calc(70vh - 50px);
        top: calc(80dvh - 50px);
    }

}

/* ==> 3.3 c-header <== */
.c-header,
.c-header * {
    --c-or-width: var(--or-width);
}

.c-header {
    height: 100vh;
    height: 100dvh;
    display: grid;
    background-color: #000;
    grid-template: unset;
    transition: height .5s ease-in-out
}

.c-header>div {
    display: flex;
    flex-direction: column;
    height: inherit;
    object-fit: contain
}

.c-header>div.c-header__background::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(73, 38, 21, .20) 0%, rgba(73, 38, 21, .20) 100%);
    z-index: 1
}

.c-header>div.c-header__text {
    z-index: 2;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.c-header>div.c-header__text .c-header__textcontainer {
    width: 100%;
}

.c-header>div.c-header__text .c-header__textcontainer .c-header__btn {
    /*margin-top: 40px;*/
    width: 100%;
    max-width: 150px;
    display: flex;
    margin-left: 0;
    margin-right: auto;
    position: fixed;
    margin-top: 25px;
    top: 0;
}

.c-header>div.c-header__text .c-header__textcontainer .c-header__btn button {
    margin-left: 0;
}

.c-header .c-header__textcontainer h1 em {
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: 300;
}

.c-header .c-header__reviews {
    /* Estan en c-parallax y heredan desde ahí
    --rev-height: 300px;
    --rev-margin-height: var(--rev-height); */
    height: var(--rev-height);
    margin-top: calc(100vh - var(--rev-margin-height));
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: var(--rev-align);
    z-index: 1;
    background: linear-gradient(180deg, rgba(37, 32, 36, 0.00) 0%, rgba(37, 32, 36, 0.50) 100%);
}

.has-reviews .c-header>div.c-header__text .c-header__textcontainer {
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    .c-header>div.c-header__text .c-header__textcontainer .c-header__btn button {
        top: 0;
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .c-header>div.c-header__text .c-header__textcontainer .c-header__btn {
        top: 40px;
    }
}

@media (max-width: 1279px) {
    .has-reviews .c-header>div.c-header__text .c-header__textcontainer {
        padding-bottom: var(--rev-height);
    }

    .c-header>div.c-header__text .c-header__textcontainer .c-header__btn {
        top: 30px;
        position: absolute;
        left: 5vw;
        margin-top: 0;
    }
}

/* @media (min-width: 1280px) { */
@media (min-width: 1280px) {
    .c-header>div.c-header__text .c-header__textcontainer {
        max-width: var(--c-or-width);
    }
}

/* ==> 3.4 c-navgrid <== */

.c-navgrid,
.c-navgrid * {
    --nav-pad-v: calc((100vw - var(--or-width)) / 2);
    --top-pad: 20px;
    --main-color: var(--or-main-color);
    --nav-gap: 0;
}

.c-navgrid.is-fixed,
.c-navgrid.is-fixed * {
    --top-pad: 20px;
}

.c-navgrid {
    background: transparent;
    padding: var(--top-pad) var(--nav-pad-v) 0 0;
}

.c-navgrid:not(.is-fixed) {
    max-width: calc(100vw - ((100vw - var(--or-width)) / 2) - 150px);
    left: auto;
    right: 0;
}

.c-navgrid .c-navgrid__item.c--logo {
    max-width: 204px;
}

.c-navgrid .c-navgrid__item.c--logo a,
.c-navgrid .c-navgrid__item.c--logo a * {
    height: 0;
    display: none;
}

.c-navgrid.is-fixed {
    background-color: var(--or-alt-color);
}

.c-navgrid.is-fixed .c-navgrid__item.c--logo svg {
    width: 176px;
    min-width: 176px;
}

.c-navgrid.is-fixed .c-navgrid__item.c--logo a,
.c-navgrid.is-fixed .c-navgrid__item.c--logo a * {
    height: var(--nav-logo-h);
    display: flex;
}

.c-navgrid.is-fixed {
    padding: var(--top-pad) var(--nav-pad-v);
}

@media (max-width: 767px) {

    .c-navgrid,
    .c-navgrid * {
        --btn-lang-h: 50px
    }

    .c-navgrid .c-navgrid__item.c--logo {
        max-width: 0;
    }

    .c-navgrid {
        padding: 40px 5vw 15px 5vw;
    }

    .c-navgrid.is-fixed {
        padding: 15px 5vw;
    }
}

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

    .c-navgrid,
    .c-navgrid.is-fixed {
        padding: 15px 5vw;
    }
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-navgrid,
    .c-navgrid * {
        --top-pad: 40px;
        --nav-pad-v: calc((100vw - var(--or-width)) / 2);
    }

    .c-navgrid {
        margin-right: 0;
        margin-left: auto;
        right: 0;
    }
}

@media (max-width: 1279px) {
    .c-navgrid {
        max-width: calc(100vw - 150px - 5vw);
        margin-left: auto;
        margin-right: auto;
        right: 0;
        left: auto;
    }

    .c-navgrid.is-fixed {
        max-width: 100%;
    }
}

/* ==> 3.5 c-navbtn <== */

.c-navbtn,
.c-navbtn * {
    --btn-nav-w: 240px;
    --btn-booking-font: 25px;
    --btn-ventajas-font: 20px;
    --btn-padding: 20px;
    --navbtn-color: var(--or-main-color);
    --navbtn-bordercolor: var(--or-alt-color);
    --navbtn-bgcolor: var(--or-alt-color);
}

.c-navbtn.c--extra {
    display: flex;
}

.c-navbtn.c--extra,
.c-navbtn.c--booking {
    min-width: auto;
    max-width: max-content;
    height: var(--btn-min-h);
    font-family: var(--or-main-font);
    font-size: 17px;
    line-height: 225%;
    text-transform: uppercase;
    border: solid 1px;
}

.c-navbtn.c--booking {
    color: var(--or-alt-color);
}

.c-navbtn.c--extra {
    color: var(--or-main-color);
    border: 1px solid var(--or-alt-color);
}

.c-navbtn.c--extra:hover,
.c-navbtn.c--extra:focus {
    color: var(--or-alt-color);
    background-color: var(--or-special-2);
    border: 1px solid var(--or-special-2);
}

.c-navbtn.c--extra[tabindex="0"]:focus {
    outline: none;
}

.c-navbtn.c--extra.t-hide,
.c-navbtn.c--extra.t-show {
    width: 100%;
    min-width: unset;
    overflow: unset;
    opacity: 1;
    transition: none;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
}

.is-fixed .c-navbtn.c--extra {
    color: var(--or-special-5);
    border: 1px solid var(--or-special-5);
}

.is-fixed .c-navbtn.c--extra:hover {
    color: var(--or-alt-color);
    border: 1px solid var(--or-special-2);
}

.is-fixed .c-navbtn.c--extra:focus {
    color: var(--or-alt-color);
    background-color: var(--or-special-2);
}

.is-fixed .c-navbtn.c--extra[tabindex="0"]:focus {
    outline: none;
}

@media (max-width: 767px) {

    .c-navbtn,
    .c-navbtn * {
        --btn-padding: 10px;
    }
}

@media (max-width: 1024px) {

    .c-navbtn,
    .c-navbtn * {
        --btn-nav-w: 100%;
        --btn-padding: 10px;
    }
}

/* ==> 3.6 c-navcontent <== */

.c-navcontent,
.c-navcontent * {
    --c-gap: 120px;
}

.c-navcontent__menu.c--burger svg,
.c-navcontent__menu.c--burger svg * {
    transition: ease-in-out, .2s ease-in-out;
    -webkit-transition: ease-in-out, .2s ease-in-out;
}

.c-navcontent__menu.c--extra button.c-navbtn.c--booking {
    background-color: var(--or-special-2);
    border: solid 2px var(--or-special-2);
    width: var(--btn-nav-w);
    min-width: var(--btn-nav-w);
    height: var(--btn-min-h);
    order: 1;
}

.c-navcontent__menu.c--extra button.c-navbtn.c--booking:hover,
.c-navcontent__menu.c--extra button.c-navbtn.c--booking:focus {
    background-color: var(--or-alt-color);
    color: var(--or-special-2);
}

.c-navcontent__menu.c--extra button.c-navbtn.c--booking[tabindex="0"]:focus {
    outline: none;
}

.c-navcontent__menu.c--burger .c-navcontent__burger {
    min-width: var(--btn-lang-w);
    min-height: var(--btn-lang-h);
    background-color: var(--or-alt-color);
}

.is-fixed .c-navcontent__menu.c--burger .c-navcontent__burger svg path {
    stroke: var(--or-main-color);
}

.c-navcontent__menu.c--burger .c-navcontent__burger:hover,
.c-navcontent__menu.c--burger .c-navcontent__burger:focus {
    background-color: var(--or-special-2);
}

.c-navcontent__menu.c--burger .c-navcontent__burger:focus {
    outline: none;
}

.c-navcontent__menu.c--burger .c-navcontent__burger:hover svg path,
.c-navcontent__menu.c--burger .c-navcontent__burger:focus svg path {
    stroke: var(--or-alt-color);
}

.c-navcontent__menu.c--extra {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.c-navcontent__menu.c--extra button.c-navbtn {
    margin: 0 0 0 20px;
    line-height: 1.3;
}

@media (max-width: 767px) {

    .c-navcontent,
    .c-navcontent * {
        --c-gap: 10px;
    }

    .c-navcontent__menu.c--extra button.c-navbtn {
        padding: 5px;
        max-width: 100%;
        width: 100%;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--booking {
        font-size: 18px;
        text-transform: uppercase;
    }

    .c-navcontent__menu.c--extra {
        flex-grow: 1;
        width: 100%;
        max-width: 100%;
    }

    .c-navcontent__menu.c--extra {
        display: none;
    }
}

@media (max-width: 1024px) {

    .c-navcontent__menu.c--extra button.c-navbtn.c--booking {
        min-width: 50%;
    }
}

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

    .c-navcontent,
    .c-navcontent * {
        --c-gap: 20px;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--extra,
    .c-navcontent__menu.c--extra button.c-navbtn.c--booking {
        max-width: 150px;
        min-width: 150px;
    }

    .c-navcontent__menu.c--extra button.c-navbtn.c--booking {
        margin: 0;
    }
}

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

    .c-navcontent,
    .c-navcontent * {
        --c-gap: 20px;
    }
}

/* ==> 3.7 c-langs <== */

.c-langs.t-show,
.c-langs.t-hide {
    gap: 20px
}

.c-langs.t-show,
.c-langs.t-hide {
    gap: 0;
    margin-top: 0;
}

.c-langs .c-langs__item {
    color: var(--or-alt-color);
    background-color: var(--or-main-color);
}

.c-langs .c-langs__item a {
    font-family: var(--or-main-font);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    letter-spacing: 2px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.c-langs .c-langs__item.t--active {
    background-color: var(--or-special-2);
    filter: none;
}

.c-langs .c-langs__item:hover {
    background-color: var(--or-special-2);
}

/* ==> 3.8 c-textolegal <== */

.c-textolegal h2 {
    --h2-legal-font: 30px;
}

.c-textolegal h2 {
    color: var(--or-special-2);
    font-size: var(--h2-legal-font);
    padding-bottom: 20px;
}

.c-textolegal h2:not(:first-child) {
    padding-top: 50px;
}

.c-textolegal h3 {
    font-size: 25px;
    padding-bottom: 15px;
    text-transform: none;
}

.c-textolegal p,
.c-textolegal li {
    color: var(--or-special-6);
    line-height: 1.5;
    padding-bottom: 15px;
}

.c-textolegal li {
    list-style: inside;
}

.c-textolegal strong {
    font-weight: 700;
}

/* ==> 3.9 c-table <== */

.c-table table {
    overflow: auto;
    display: block;
    max-width: 100%;
    border-collapse: collapse;
    margin-bottom: 50px
}

.c-table table * {
    --or-font-p: 16px;
    line-height: 1.1;
    color: var(--or-special-6);
}

.c-table table th,
.c-table table td {
    font-size: var(--or-font-p);
    border: 1px solid var(--or-main-color);
    width: 20%;
    height: 60px;
    padding: 10px
}

.c-table table th>em,
.c-table table td>em {
    font-weight: 400;
    font-size: var(--or-font-pmin);
    display: block
}

.c-table.c--2cols table th:first-of-type,
.c-table.c--2cols table td:first-of-type {
    width: 25%;
    min-width: 120px
}

.c-table.c--2cols table th:last-of-type,
.c-table.c--2cols table td:last-of-type {
    width: 75%
}


/* ==> 3.10 c-nav <== */

.c-nav,
.c-nav * {
    --nav-main-font: var(--or-alt-font);
    --nav-p-font: 30px;
    --nav-sub-font: 20px;
}

.c-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#navModal .c-nav a,
#navModal .c-nav span {
    width: fit-content;
}

#navModal .c-nav .c-nav__item a:focus,
#navModal .c-nav .c-nav__item span:focus {
    background: var(--or-special-1);
    color: white;
    border-radius: 8px;
    padding: 0px 8px;
    outline: none;
}

#navModal .c-nav .c-nav__item .c-nav__deeper a:focus {
    padding: 5px;
}

#navModal .c-nav .has-deeper.is-parent span:focus::after {
    background-image: url(../../../../../images/custom/icons/icon-menu-dropdown-white.svg);
}

.c-nav .has-deeper.is-parent span,
.c-nav .c-nav__item a {
    display: flex;
    text-decoration: none;
    font-family: var(--nav-main-font);
    font-size: var(--nav-p-font);
    align-items: center;
}

.c-nav .c-nav__item a span {
    font-size: 40px;
}

.c-nav .c-nav__deeper {
    display: none;
}

.c-nav .has-deeper.is-parent.is-dropped .c-nav__deeper {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    list-style: none;
    cursor: pointer;
}

.c-nav .has-deeper.is-parent.is-dropped .c-nav__deeper li {
    padding-left: 40px;
    padding-top: 15px;
}

.c-nav .has-deeper.is-parent.is-dropped .c-nav__deeper li,
.c-nav .has-deeper.is-parent.is-dropped .c-nav__deeper li a {
    font-size: var(--nav-sub-font);
    font-weight: 400;
    text-transform: uppercase;
    font-family: var(--or-main-font);
}

.c-nav .has-deeper.is-parent {
    cursor: pointer;
}

.c-nav .has-deeper.is-parent span::after {
    content: "";
    background-image: url(../../../../../images/custom/icons/icon-menu-dropdown.svg);
    width: 11px;
    height: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-left: 5px;
    margin-top: 5px;
    transition: all .2s ease-in-out;
}

.c-nav .has-deeper.is-parent.is-dropped span::after {
    transform: scaleY(-1);
}

.c-nav.is-solotext {
    padding-bottom: 60px;
    text-transform: uppercase;
    font-size: var(--or-font-h1-em);
    color: var(--or-special-1);
    font-weight: 200;
}

.c-nav .c-nav__item.is-active:not(.has-deeper),
.c-nav .c-nav__item.is-active a {
    color: var(--or-special-1);
}

@media (max-width: 1024px) {

    .c-nav,
    .c-nav * {
        --nav-p-font: 25px;
        --nav-sub-font: 16px;
    }

    .c-nav .has-deeper.is-parent.is-dropped .c-nav__deeper li {
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    .c-nav,
    .c-nav * {
        --nav-p-font: 25px;
        --nav-sub-font: 16px;
    }
}

/* ==> 3.11 c-navmodal <== */

#navModal,
#navModal * {
    --modal-close: var(--or-special-1);
    --modal-x-right: 1135px;
}

.c-navmodal,
.c-navmodal * {
    --image-width: 1080px;
    --text-width: calc(100vw - var(--image-width));
    --modal-x-right: calc(var(--image-width) + 60px);
}

.c-navmodal {
    background: url(../../../../../images/custom/bg/c-header--home_menu.webp) no-repeat;
    background-position: top right;
    background-color: var(--or-alt-color);
}

.c-navmodal .is-container .is-body {
    max-width: 100%;
}

.c-navmodal .c-navmodal__body {
    max-width: var(--text-width);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 325px 160px 0;
}

#navModal .c-langs {
    display: none
}

#navModal .t-btn.t--lang {
    display: none
}

@media (max-width: 1024px) {

    .c-navmodal,
    .c-navmodal * {
        --text-width: 100vw;
    }
}

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

    #navModal,
    #navModal *,
    .t-modal,
    .t-modal *,
    .c-bebox .t-close,
    .c-bebox .t-close * {
        --modal-x-right: 70px;
        --modal-x-top: 54px;
    }

    .c-navmodal .c-navmodal__body {
        padding: 350px 5vw;
    }
}

@media (max-width: 1024px) {

    .c-navmodal,
    .c-navmodal * {
        --image-width: 0
    }

    .c-navmodal {
        background-image: none;
    }
}

/* @media (min-width: 1280px) and (max-width: 1366px) { */
@media (min-width: 1025px) and (max-width: 1367px) {

    #navModal,
    #navModal *,
    .t-modal,
    .t-modal *,
    .c-bebox .t-close,
    .c-bebox .t-close * {
        --image-width: 50vw;
    }

    .t-modal,
    .t-modal *,
    .c-bebox .t-close,
    .c-bebox .t-close * {
        --modal-x-right: 30px;
    }

    #navModal,
    #navModal * {
        --modal-x-right: calc(100vw - var(--image-width) + 40px)
    }

    .c-navmodal {
        background-position-x: 50vw;
        background-size: 120vh auto;
    }

    .c-navmodal .c-navmodal__body {
        padding: 35vh 6vw 0;
    }
}


@media (max-width: 767px) {

    .c-navmodal,
    .c-navmodal * {
        --nav-lang-h: 60px;
        --btn-lang-w: 60px
    }

    .c-navmodal .c-navmodal__body {
        padding: 30vh 30px 60px;
    }

    .c-navmodal .is-body button {
        display: flex;
        position: absolute;
        font-size: 1rem;
        width: var(--btn-lang-w);
        min-height: var(--nav-lang-h);
        top: var(--modal-x-top);
    }

    #navModal,
    #navModal * {
        --modal-x-right: 30px;
    }

    #navModal .t-btn.t--lang {
        display: flex;
        background-color: var(--or-special-2);
        color: var(--or-alt-color);
    }

    #navModal .c-langs.t-show {
        display: flex;
    }

    #navModal .c-langs,
    #navModal .c-langs {
        height: min-content;
        min-width: var(--btn-lang-w);
        position: absolute;
        left: var(--modal-x-right);
        top: var(--modal-x-top);
        margin-top: var(--nav-lang-h);
        z-index: 2;
    }
}

@media (min-width: 1368px) and (max-width: 1679px) {

    #navModal,
    #navModal * {
        --modal-x-right: calc(var(--image-width) + 70px);
    }

    .c-navmodal,
    .c-navmodal * {
        --image-width: 850px;
    }

    .c-navmodal {
        background-size: 850px auto;
    }

    .c-navmodal .c-navmodal__body {
        padding: 200px 40px 0 40px;
    }

}

/* ==> 3.12 c-footer <== */

.c-footer,
.c-footer * {
    --nav-main-font: var(--or-main-font);
    --nav-p-font: 14px;
    --nav-min-font: 12px;
    --btn-min-h: 60px;
    font-size: var(--nav-p-font);
}

.c-footer {
    max-width: var(--or-width);
    margin: 0 auto;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: 30px 50px;
}

.c-footer .c-footer__bloque {
    font-size: var(--nav-p-font);
}

.c-footer .c-footer__bloque.c--mosaiko {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.c-footer .c-footer__bloque.c--mosaiko p {
    --nav-p-font: 16px;
    padding-bottom: 10px;
}

.c-footer .c-footer__bloque.c--mosaiko .is-container {
    margin-bottom: 30px;
}

.c-footer .c-footer__bloque.c--contact {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 4;
    transition: .2s all ease-in-out;
}

.c-footer .c-footer__bloque.c--contact .c--contact__ul {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    grid-auto-columns: 235px;
    height: 60px;
}

.c-footer .c-footer__bloque.c--contact .c--contact__ul a {
    font-size: 18px;
    min-width: unset;
}

.c-footer .c-footer__bloque.c--cookies {
    grid-column: 1;
    grid-row: 3;
}

.c-footer .c-footer__bloque.c--subvenciones {
    grid-column: 2 / 3;
    grid-row: 2 / span 2;
}

ul.c-footer__bloque.c-nav {
    font-family: var(--or-main-font);
}

.c-footer__row.c--logos {
    display: grid;
    align-items: center;
    justify-items: end;
}

.c-footer__row.t-min p {
    font-size: var(--nav-min-font);
}

.c-footer__logos {
    display: grid;
    grid-auto-flow: column;
    gap: 50px;
}

.c-footer__logos>div {
    justify-content: center;
}

.c-footer .c-footer__bloque.c--subvenciones {
    display: grid;
    gap: 40px;
}

.c-footer .c-footer__bloque .c-footer__row.is-last {
    display: grid;
}

.c-footer .c-footer__bloque .c-footer__row .c-footer__column.is-powered {
    grid-column: 3 / span 3
}

.c-footer .c-footer__bloque .c-footer__row .c-footer__column.is-powered a {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: max-content;
}

.c-footer .c-footer__bloque .c-footer__row .c-footer__column.is-powered a .is-container {
    padding: 5px 0 0 5px;
}

.c-footer .c-footer__bloque .c-footer__row .c-footer__column.is-powered a .is-container .is-icon {
    display: flex;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-footer {
        max-width: var(--or-width);
        width: 90vw;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 0;
    }

    .c-footer .c-footer__bloque.c--mosaiko {
        grid-column: 1;
        grid-row: 1;
    }

    .c-footer .c-footer__bloque.c--cookies {
        grid-column: 1;
        grid-row: 3;
    }

    .c-footer .c-footer__bloque.c--subvenciones {
        grid-column: 1;
        grid-row: 4;
    }

    .c-footer__logos {
        display: grid;
        grid-auto-flow: row;
        gap: 50px;
    }

    .c-footer__row.c--logos {
        justify-content: start;
    }

    .c-footer .c-footer__bloque .c-footer__row.is-last {
        display: flex;
        flex-direction: column;
        padding-bottom: 50px;
    }

    .c-footer .c-footer__bloque .c-footer__row.is-last>.c-footer__column:not(:last-child) {
        padding-bottom: 20px;
    }

    .c-footer .c-footer__bloque .c-footer__row .c-footer__column.is-powered {
        grid-column: 3;
    }

    .c-footer>.c-footer__bloque:not(:last-child):not(.c--contact) {
        padding-bottom: 50px;
    }

    .has-navFixed .c-footer .c-footer__bloque.c--contact {
        bottom: calc(var(--btn-min-h) + 30px + 10px);
    }
}

/* @media (min-width: 1280px) and (max-width: 1366px) { */
@media (min-width: 1025px) and (max-width: 1367px) {
    .c-footer__logos {
        gap: 30px;
    }
}

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

    .c-footer .c-footer__bloque.c--subvenciones {
        grid-row: 3 / span 1;
        grid-column: 1 / span 2;
        gap: 30px;
    }

    .c-footer .c-footer__bloque.c--cookies {
        grid-column: 2 / span 1;
        grid-row: 1 / span 2;
        display: grid;
        justify-content: end;
        padding-top: 55px;
    }

    .c-footer .c-footer__row.c--logos .c-footer__logos {
        width: 100%;
    }

}

/* ==> 3.13 c-textimg <== */
.c-textimg,
.c-textimg * {
    --imgmax-h: 750px;
    --imgmax-w: 613px;
    --gridgap: 120px;
}

.c-textimg .c-textimg__content {
    max-width: var(--or-inner-width);
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 1fr var(--imgmax-w);
    align-items: center;
    gap: var(--gridgap);
}

.c-textimg .c-textimg__content .c-textimg__txt {
    display: flex;
    flex-direction: column;
    max-width: 480px;
    width: 100%;
}

.c-textimg .c-textimg__content .c-textimg__txt>* {
    order: 2;
}

.c-textimg .c-textimg__content .c-textimg__txt>*.c-textimg__smartbox {
    order: 1;
}

.c-textimg .c-textimg__content .c-textimg__txt>*.c-textimg__title {
    padding-top: 20px;
    max-width: 360px;
    width: 100%;
}

.c-textimg .c-textimg__content .c-textimg__txt>*.c-textimg__txt {
    padding-top: 95px;
    padding-bottom: 30px;
}

.c-textimg.is-reverse .c-textimg__txt {
    max-width: 450px;
    width: 100%;
}

.c-textimg .c-textimg__photo {
    max-height: var(--imgmax-h);
    max-width: var(--imgmax-w);
}

.c-textimg.is-reverse .c-textimg__content {
    grid-template-columns: var(--imgmax-w) 1fr;
}

.c-textimg.is-reverse .c-textimg__content .c-textimg__photo {
    grid-column: 1;
    grid-row: 1;
}

.c-textimg.is-reverse .c-textimg__content .c-textimg__photo .is-icon {
    justify-content: flex-start;
}

.c-textimg.is-reverse .c-textimg__content .c-textimg__photo .is-icon svg {
    transform: translateX(calc(var(--or-width-diff)* -1));
}

.c-textimg.is-reverse .c-textimg__content .c-textimg__txt {
    grid-column: 2;
    grid-row: 1;
}

@media (max-width: 767px) {

    .c-textimg,
    .c-textimg * {
        --imgmax-w: 100%;
        --gridgap: 50px;
    }
}

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

    .c-textimg,
    .c-textimg * {
        --imgmax-w: var(--or-width);
        --imgmax-h: calc(var(--or-width) * 1.223);
    }
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-textimg .c-textimg__content,
    .c-textimg.is-reverse .c-textimg__content {
        grid-template-columns: var(--imgmax-w);
    }

    .c-textimg .c-textimg__content .c-textimg__txt>*.c-textimg__txt {
        padding-top: 50px;
        padding-bottom: 25px;
    }

    .c-textimg.is-reverse .c-textimg__content .c-textimg__txt {
        grid-column: 1;
        grid-row: 2;
    }

    .c-textimg.is-reverse .c-textimg__content .c-textimg__photo {
        grid-row: 1;
    }

    .c-textimg .c-textimg__content .c-textimg__txt {
        order: 2;
    }

    .c-textimg .c-textimg__content .c-textimg__txt {
        max-width: 100%;
    }

    .c-textimg .c-textimg__content .c-textimg__photo {
        order: 1;
    }

    .c-textimg .c-textimg__content .c-textimg__txt>*.c-textimg__title {
        max-width: 100%;
    }
}

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

    .c-textimg,
    .c-textimg * {
        --imgmax-w: 41vw;
        --gridgap: 40px;
    }
}

/* ==> 3.14 c-dragscroll <== */

.c-dragscroll,
.c-dragscroll * {
    --dragscroll-w: 100%;
    --dragscroll-item-w: 487px;
    --dragscroll-item-h: 185px;
    --dragscroll-gap: 20px;
    --ds-pointer-w: 350px;
    --dragscroll-container-h: 205px;
    --dragscroll-bar-separator: 20px;
}

.c-dragscroll {
    display: flex;
    flex-direction: column;
}

.c-dragscroll.is-granada {
    padding-bottom: 50px;
}

.c-dragscroll__container {
    cursor: grab;
}

.c-dragscroll__container.active {
    cursor: grabbing;
}

.c-dragscroll .c-dragscroll__container,
.c-dragscroll.is-match .c-dragscroll__container {
    overflow-x: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    max-width: 100%;
    max-height: var(--dragscroll-container-h);
}

.c-dragscroll .c-dragscroll__container,
.c-dragscroll.is-match .c-dragscroll__container {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: var(--dragscroll-bar-separator);
}

.c-dragscroll .c-dragscroll__container>*,
.c-dragscroll.is-match .c-dragscroll__container>* {
    flex-grow: 1;
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item {
    max-width: var(--dragscroll-item-w);
    min-height: var(--dragscroll-item-h);
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item.is-cream .is-service {
    background-color: var(--or-cream-color);
}

.c-dragscroll .c-dragscroll__container .c-dragscroll__item.is-yellow .is-service {
    background-color: var(--or-cream-color-v2);
}

.c-dragscroll .c-dragscroll__container>* {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--dragscroll-item-w, 400px);
    gap: var(--dragscroll-gap, 10px);
    margin-right: var(--dragscroll-gap);
}

.c-dragscroll .c-dragscroll__scrollbar {
    --ds-height: 1px;
    --ds-scrollpointerbg: var(--or-main-color);
    --ds-scrollbarbg: var(--or-main-color);
    max-width: var(--or-width);
    margin-top: 30px;
    max-height: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-dragscroll .c-dragscroll__scrollbar .is-pointer {
    min-height: 3px;
    border-radius: 25px;
}

@media (max-width: 767px) {

    .c-dragscroll,
    .c-dragscroll * {
        --dragscroll-item-w: 300px;
        --dragscroll-item-h: 194px;
        --dragscroll-gap: 10px;
        --ds-pointer-w: 65px;
    }
}

@media (max-width: 1024px) {

    .c-dragscroll,
    .c-dragscroll * {
        --dragscroll-item-h: 160px;
        --dragscroll-gap: 10px;
        --ds-pointer-w: 65px;
    }

    .c-dragscroll .c-dragscroll__container .c-dragscroll__item {
        height: var(--dragscroll-item-h);
    }

    .c-dragscroll.is-match .c-dragscroll__container>* {
        grid-auto-columns: minmax(var(--dragscroll-item-w), 400px);
    }
}

/* ==> 3.15 c-smartbox <== */

.c-smartbox {
    display: flex;
    align-content: center;
    align-items: center;
    max-width: max-content;
    padding: 5px 10px;
}

.c-smartbox .c-smartbox__txt {
    font-weight: 200;
}

/*Este de arriba modifica el peso del SMART TECHNOLOGY, porque por culpa del video se ve con más peso del que debería,
mientras que el de abajo es para los SMARTS normales con fondo blanco/crema*/

.c-smartbox .c-smartbox__txt p {
    font-weight: 300;
}

.c-smartbox .is-icon svg {
    max-width: 20px;
    max-height: 20px;
    margin-right: 10px;
}

.c-smartbox .c-smartbox__icon,
.c-smartbox .c-smartbox__icon * {
    display: flex;
    align-items: center;
    align-content: center;
}

.c-smartbox .c-smartbox__txt p {
    color: currentColor;
}

.c-smartbox.is-alt,
.c-smartbox.is-alt * {
    --smart-link: 16px;
    --smart-link: var(--or-font-p);
}

.c-smartbox.is-alt {
    /* background-color: var(--or-special-5-v3); */
    border-radius: 6px;
    height: 39px;
    max-width: 100%;
    border: 1px solid var(--highlight-color);
}

.c-smartbox.is-alt p {
    font-size: var(--smart-link);
    font-weight: 300;
    line-height: 138%;
}

@media (max-width: 767px) {

    .c-smartbox.is-alt,
    .c-smartbox.is-alt * {
        --smart-link: 14px;
    }
}

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

    .c-smartbox.is-alt,
    .c-smartbox.is-alt * {
        --smart-link: 14px;
    }
}

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

    .c-smartbox.is-alt,
    .c-smartbox.is-alt * {
        --smart-link: 15px;
    }
}

@media (min-width: 1368px) and (max-width: 1679px) {

    .c-smartbox.is-alt,
    .c-smartbox.is-alt * {
        --smart-link: 16px;
    }
}

/* ==> 3.16 c-cardsover <== */

.c-cardsover,
.c-cardsover * {
    --gap-cards: 80px;
    --btn-font: 18px;
    --img-maxh: 600px;
}

.c-cardsover {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-cards);
}

.c-cardsover .c-cardsover__card .c-cardsover__txt {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 100%;
}

.c-cardsover .c-cardsover__card .c-cardsover__txt .c-cardsover__upper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 110px;
}

.c-cardsover .c-cardsover__card .c-cardsover__txt .c-cardsover__upper p {
    color: var(--or-alt-color);
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 2.2px;
}

.c-cardsover .c-cardsover__card .c-cardsover__img,
.c-cardsover .c-cardsover__card .c-cardsover__img picture {
    max-height: var(--img-maxh);
    display: flex;
    justify-content: flex-end;
}

/* is-comingsoon */

.c-cardsover .c-cardsover__card.is-comingsoon .c-cardsover__txt {
    background: var(--or-special-6-v2);
}

.c-cardsover .c-cardsover__card.is-comingsoon .c-cardsover__txt .c-cardsover__upper p {
    font-size: 24px;
    font-weight: 500;
}

@media (max-width: 767px) {

    .c-cardsover,
    .c-cardsover * {
        --gap-cards: 50px;
    }

    .c-cardsover {
        grid-template-columns: 1fr;
    }

    .c-cardsover .c-cardsover__card .c-cardsover__img {
        min-height: 476px;
        height: 100%;
    }

    .c-cardsover .c-cardsover__txt .c-cardsover__upper {
        padding-bottom: 60px;
    }
}

@media (max-width: 1024px) {

    .c-cardsover .c-cardsover__card.is-comingsoon .c-cardsover__txt .c-cardsover__upper p {
        font-size: 20px;
    }
}

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

    .c-cardsover,
    .c-cardsover * {
        --gap-cards: 50px;
    }

    .c-cardsover {
        grid-template-columns: 1fr;
    }

    .c-cardsover .c-cardsover__card .c-cardsover__img {
        min-height: 476px;
        height: 100%;
    }

    .c-cardsover .c-cardsover__txt .c-cardsover__upper {
        padding-bottom: 60px;
    }

}

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

    .c-cardsover,
    .c-cardsover * {
        --gap-cards: 40px;
    }

}

/* ==> 3.17 c-cardstext <== */

.c-cardstext {
    padding: 45px;
    min-height: 256px;
    background-color: var(--or-main-color-v2);
}

.c-cardstext>* {
    max-width: 280px;
}

.c-cardstext p {
    color: var(--or-alt-color);
    font-size: 30px;
    line-height: 133%;
    font-weight: 300;
}

.c-cardstext a {
    min-height: 55px;
    max-width: 240px;
    min-width: 240px;
    margin-left: 0;
    margin-top: 30px;
    font-size: var(--btn-font);
}

@media (max-width: 767px) {

    .c-cardstext {
        padding: 20px;
        min-height: 190px;
    }

    .c-cardstext p {
        font-size: 20px;
        max-width: 70%;
    }

    .c-cardstext a {
        max-width: 100%;
    }

}

/* ==> 3.18 c-iconoverimg <== */

.c-iconoverimg .is-icon {
    display: flex;
    justify-content: flex-end;
}

.c-iconoverimg .is-icon svg {
    max-width: 230px;
    width: 100%;
    max-height: 230px;
    height: 100%;
    opacity: 0.3;
    margin-top: var(--or-pad);
    transform: translateX(var(--or-width-diff));
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-iconoverimg .is-icon svg {
        display: none;
    }

}

/* ==> 3.19 c-intro <== */

.c-intro .c-intro__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 80px;
}

.c-intro .c-intro__container>* {
    width: 100%;
    min-width: 100%;
}

.c-intro .c-intro__container .c-intro__item {
    max-height: 640px;
    max-width: 580px;
}

.c-intro .c-intro__container .c-intro__item.is-text {
    display: flex;
    flex-direction: column;
    text-align: end;
}

.c-intro .c-intro__container .c-intro__item.is-text>* {
    max-width: 485px;
    margin-left: auto;
    order: 2;
}

.c-intro .c-intro__container .c-intro__item.is-text>*.is-first {
    order: 1;
}

.c-intro .c-intro__container .c-intro__item.is-text h2 {
    padding-bottom: 60px;
    max-width: 350px;
}

.c-intro .c-intro__container .c-intro__item.is-text p {
    color: var(--or-main-color);
}

.c-intro .c-intro__container .c-intro__item.is-text em {
    font-family: var(--or-alt-font);
}

.c-intro .c-intro__container .c-intro__item p.is-first {
    color: var(--highlight-color);
    font-size: var(--or-font-h3-strong);
    font-weight: 200;
    line-height: 150%;
    padding-bottom: 40px;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-intro .c-intro__container {
        grid-template-columns: 1fr;
        grid-gap: 50px;
    }

    .c-intro .c-intro__container .c-intro__item.is-text {
        text-align: start;
    }

    .c-intro .c-intro__container .c-intro__item.is-text>* {
        margin-left: 0;
        max-width: 100%;
    }

    .c-intro .c-intro__container .c-intro__item.is-img1 {
        min-height: 522px;
        height: 100%;
    }

    .c-intro .c-intro__container .c-intro__item.is-img2 {
        display: none;
    }

    .c-intro .c-intro__container .c-intro__item.is-img3 {
        min-height: 238px;
        height: 100%;
    }

    .c-intro .c-intro__container .c-intro__item.is-text h2 {
        padding-bottom: 50px;
    }

    .c-intro .c-intro__container .c-intro__item p.is-first {
        padding-bottom: 30px;
    }

    .c-intro .c-intro__container .c-intro__item.is-text h2 {
        padding-bottom: 50px;
        max-width: 100%;
    }

}

@media (min-width: 1025px) and (max-width: 1279px) {
    .c-intro .c-intro__container {
        gap: 40px;
    }

}

/* ==> 3.20 c-banner <== */

.c-banner,
.c-banner * {
    --img-maxh: 688px;
    --img-maxw: 750px;
    --pad: 110px;
    --pad-bottom-txt: 30px;
}

.c-banner {
    display: grid;
    grid-template-columns: 1fr var(--img-maxw);
}

.c-banner .c-banner__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-banner .c-banner__content .c-banner__anchors {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 35px;
    justify-content: center;
    justify-items: center;
    padding-top: 70px;
}

.c-banner .c-banner__content .c-banner__txt * {
    --btn-min-h: 70px;
    text-align: center;
}

.c-banner .c-banner__content .c-banner__txt>*:not(.is-title),
.c-banner .c-banner__content .c-banner__anchors {
    padding-left: var(--pad);
    padding-right: var(--pad);
}

.c-banner .c-banner__content .c-banner__txt .is-title {
    --pad-bottom-txt: 50px;
    padding-bottom: var(--pad-bottom-txt);
}

.c-banner .c-banner__content .c-banner__txt .is-txt {
    padding-bottom: var(--pad-bottom-txt);
}

.c-banner .c-banner__content .c-banner__txt .is-txt strong {
    --pad-bottom-txt: 50px;
    display: block;
    font-family: var(--or-alt-font);
    font-weight: 400;
    line-height: 112.5%;
    font-size: var(--or-font-h3-strong);
    padding-bottom: var(--pad-bottom-txt);
}

.c-banner .c-banner__content .c-banner__txt .is-link {
    --pad-top-btn: 50px;
    padding-top: var(--pad-top-btn);
    padding-left: 0;
    padding-right: 0;
}

.c-banner .c-banner__content .c-banner__txt .c-banner__link .is-first {
    padding-bottom: 20px;
}

.c-banner .c-banner__anchors a {
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}

.c-banner.is-contact .c-banner__content {
    align-items: center;
    grid-column: 2;
    grid-row: 1;
}

.c-banner.is-contact .c-banner__img {
    grid-column: 1;
    grid-row: 1;
}

.c-banner.is-contact .c-banner__content .c-banner__txt {
    max-width: 500px;
}

.c-banner.is-contact .c-banner__content .c-banner__txt .is-title em {
    font-family: var(--or-main-font);
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 67%;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-banner,
    .c-banner * {
        --img-maxh: 340px;
        --img-maxw: 100%;
        --pad: 20px;
    }

    .c-banner {
        display: grid;
        grid-template-columns: var(--img-maxw);
    }


    .c-banner .c-banner__img {
        order: 1;
    }

    .c-banner.is-contact .c-banner__img {
        grid-column: 1;
        grid-row: 1;
    }

    .c-banner .c-banner__content {
        order: 2;
    }

    .c-banner.is-contact .c-banner__content {
        grid-column: 1;
        grid-row: 2;
    }

    .c-banner .c-banner__content .c-banner__txt * {
        --btn-min-h: 60px;
    }

    .c-banner .c-banner__content .c-banner__txt .is-title {
        padding: var(--pad-bottom-txt);
    }

    .c-banner .c-banner__content .c-banner__txt .is-title.has-subtitle {
        padding-bottom: 0;
    }

    .c-banner .c-banner__content .c-banner__txt .is-link {
        --pad-top-btn: 0;
        padding-bottom: var(--pad-bottom-txt);
    }

    .c-banner .c-banner__content .c-banner__anchors {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
        padding: 50px 40px var(--or-pad) 40px;
    }

    .c-banner .c-banner__content .c-banner__txt>*:not(.is-title),
    .c-banner .c-banner__content .c-banner__anchors {
        padding-left: 45px;
        padding-right: 45px;
    }

    .c-banner .c-banner__anchors a {
        cursor: pointer;
        text-decoration: none;
    }
}

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

    .c-banner,
    .c-banner * {
        --img-maxw: 55%;
        --pad: 40px;
    }

    .c-banner__txt {
        padding: var(--pad);
    }

    .c-banner .c-banner__content .c-banner__txt>*:not(.is-title),
    .c-banner .c-banner__content .c-banner__anchors {
        padding-left: 0;
        padding-right: 0;
    }

    .c-banner .c-banner__content .c-banner__anchors {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        padding: var(--pad);
    }
}

/* ==> 3.21 c-2col <== */

.c-2col {
    --c2col-column-1: 500px;
    display: grid;
    justify-content: space-between;
    align-items: flex-start;
    grid-template-columns: var(--c2col-column-1) 740px;
    gap: 150px;
    padding-bottom: 90px;
}

.c-2col.is-inner {
    grid-template-columns: var(--c2col-column-1) 1fr;
}

.c-2col .c-2col__item.is-first {
    display: flex;
    flex-direction: column;
}

.c-2col .c-2col__item.is-first>* {
    order: 2;
}

.c-2col .c-2col__item.is-first>*.is-order1 {
    order: 1;
    color: var(--highlight-color);
    font-weight: 300;
    padding-bottom: 20px;
}

.c-2col .c-2col__item.is-first>div {
    order: 1;
}

.c-2col .c-2col__item.is-first>h2 {
    padding-top: 30px;
}

.c-2col .c-2col__item.is-first.is-list.is-title {
    padding-bottom: 25px;
}

.c-2col .c-2col__item.is-first .is-top {
    order: 1;
}

.c-2col .c-2col__item.is-first .is-top p {
    font-size: var(--or-font-h3-strong);
    font-weight: 200;
    line-height: 150%;
    padding-bottom: 30px;
    color: var(--highlight-color);
}

.c-2col .c-2col__item.is-first .is-bottom {
    order: 2;
}

.c-2col .c-2col__item.is-second p {
    padding-bottom: 25px;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-2col {
        grid-template-columns: 1fr;
        padding-bottom: 30px;
        gap: 0;
    }

    .c-2col .c-2col__item.is-second {
        padding-top: 50px;
    }

    .c-2col.is-inner {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* @media (min-width: 1280px) and (max-width: 1679px) { */
@media (min-width: 1025px) and (max-width: 1679px) {
    .c-2col {
        grid-template-columns: var(--c2col-column-1) 1fr;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .c-2col {
        --c2col-column-1: 41vw;
        gap: 75px;
    }
}

/* ==> 3.22 c-servicecard <== */

.c-servicecard {
    display: flex;
    flex-direction: row-reverse;
    background-color: var(--or-alt-color);
    min-height: var(--dragscroll-item-h);
    justify-content: flex-start;
    padding: 40px 20px 0 20px;
}

.c-servicecard .c-servicecard__text p:not(.is-heading) {
    font-size: 18px;
    line-height: 128%;
}

.c-servicecard .c-servicecard__text p.is-heading {
    font-style: normal;
    padding-bottom: 10px;
    font-family: var(--or-main-font);
}

.c-servicecard .c-servicecard__icon {
    padding-top: 10px;
    padding-right: 20px;
}

@media (max-width: 1024px) {
    .c-servicecard {
        padding: 25px 20px 25px 20px;
    }

    .c-servicecard .c-servicecard__icon {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-right: 10px;
    }

    .c-servicecard .c-servicecard__text p:not(.is-heading) {
        font-size: 14px;
    }

    .c-servicecard .c-servicecard__icon svg {
        width: 45px;
        height: 45px;
    }

    .c-servicecard .c-servicecard__text p.is-heading {
        line-height: 1.3;
    }
}

/* ==> 3.23 c-bannervideo <== */

.c-bannervideo,
.c-bannervideo * {
    --or-pad: 0;
    --img-maxw: 486px;
    --banner-maxh: 700px;
    --box-w: 200px;
    --box-h: 100px;
}

.c-bannervideo .c-bannervideo__item {
    width: 100%;
    height: 100%;
}

.c-bannervideo .c-bannervideo__item:not(.is-video) {
    z-index: 2;
    background-color: rgba(0, 0, 0, .6);
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content {
    display: grid;
    grid-gap: 30px;
    width: 100%;
    height: 100%;
    justify-content: end;
    align-content: center;
    justify-items: end;
    text-align: end;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content>* {
    order: 2;
    max-width: 740px;
    width: 100%;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__title {
    padding-bottom: 10px;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes {
    display: grid;
    grid-template-columns: repeat(2, var(--box-w));
    grid-gap: 15px;
    justify-content: end;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box {
    width: 100%;
    height: 100%;
    max-height: var(--box-h);
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button {
    width: 100%;
    height: 100%;
    max-height: var(--box-h);
    cursor: pointer
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box.is-home {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 9px;
    border: none;
    background-color: rgba(37, 32, 36, 0.60);
    padding: 25px;
    transition: .2s all ease-in-out;
    max-width: 267px;
    height: 100px;
    text-align: start;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button {
    display: flex;
    flex-direction: column;
    border-radius: 9px;
    border: none;
    background-color: rgba(37, 32, 36, .60);
    padding: 0;
    transition: .2s all ease-in-out;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button .is-container {
    min-height: var(--box-h);
    width: 100%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    padding: 15px;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button .is-container .is-icon {
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
    margin-left: auto;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button .is-container .is-text {
    text-align: left;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button .is-container .is-text p {
    line-height: 1.3;
    max-width: 80%;
    font-weight: 300;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__smartbox {
    order: 1;
    max-width: max-content;
    margin-left: auto;
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__link a {
    margin-right: 0;
    margin-left: auto;
}

.c-bannervideo .c-bannervideo__item.is-video {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.c-bannervideo .c-bannervideo__item.is-video video {
    max-height: var(--banner-maxh);
    min-height: var(--banner-maxh);
    width: 100%;
    object-fit: cover;
}

.c-bannervideo.c--alt .c-bannervideo__item .c-bannervideo__content {
    display: grid;
    grid-template-columns: var(--img-maxw) 1fr;
    align-items: center;
}

.c-bannervideo.c--alt .c-bannervideo__item .c-bannervideo__content .c-bannervideo__col.is-img {
    grid-column: 1;
    grid-row: 1;
}

.c-bannervideo.c--alt .c-bannervideo__item .c-bannervideo__content .c-bannervideo__col.is-txt {
    grid-column: 2;
    grid-row: 1;
    margin-left: auto;
}

.c-bannervideo.c--alt .c-bannervideo__item .c-bannervideo__content .c-bannervideo__col.is-img .c-bannervideo__img picture {
    border-top-right-radius: 370px;
    border-bottom-left-radius: 370px;
}

/* Hover */

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button:hover {
    background-color: rgba(255, 255, 255, .6);
}

.c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button:hover * {
    --or-main-color: var(--or-special-6);
    --highlight-color: var(--or-special-6);
}


/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-bannervideo,
    .c-bannervideo * {
        --box-w: 160px;
        --box-h: 80px;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content {
        text-align: left;
        padding: 0 5vw;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes {
        justify-content: left;
        grid-gap: 10px;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box.is-home {
        padding: 15px;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box button .is-container {
        flex-direction: row-reverse;
        align-items: center;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__smartbox {
        margin-left: 0;
        margin-right: auto;
    }

}

@media (max-width: 767px) {

    .c-bannervideo,
    .c-bannervideo * {
        --box-w: 140px;
    }

    .c-bannervideo .c-bannervideo__item .c-bannervideo__content .c-bannervideo__list .c-bannervideo__boxes .c-bannervideo__box.is-home p {
        font-size: 15px;
    }
}

/* ==> 3.24 c-modalrel <== */

.c-modalrel,
.c-modalrel * {
    --img-maxw: 1041px;
    --img-maxh: 618px;
    --img-w: 1041px;
    --img-h: 618px;
    --miniimg-w: 197px;
    --miniimg-h: 117px;
}

.c-modalrel.is-popup,
.c-modalrel.is-popup * {
    --modal-x-top: 0;
    --modal-x-right: 0;
}

.c-modalrel {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#modalRel,
#modalRel * {
    --modal-close: var(--or-main-color);
}

#modalRel {
    display: flex;
    flex-direction: column;
    background-color: var(--or-cream-color)
}

#modalRel>.is-container {
    padding: 50px 0;
}

#modalRel>.is-container .is-body {
    width: 100%;
    align-items: center;
}

#modalRel.is-textslider,
#modalRel.is-textslider * {
    --img-maxw: 887px;
    --img-maxh: 590px;
    --img-w: 887px;
    --img-h: 590px;
    --content-maxw: 361px;
    --arrow-w: 50px;
    --arrow-h: 50px;
    --block-h: 590px;
}

#modalRel.is-textslider {
    background-color: var(--or-alt-color);
}

#modalRel.is-popup {
    background-color: rgba(37, 32, 36, 0.50);
    animation: none;
}

#modalRel.is-popup>.is-container {
    padding: 30px;
    background-color: var(--or-alt-color);
    max-width: 550px;
    max-height: 450px;
}

#modalRel.is-popup>.is-container .is-header {
    position: relative;
    margin-left: auto;
    margin-right: 0;
}

#modalRel.is-popup>.is-container .is-body {
    justify-content: flex-end;
    height: auto;
}

#modalRel.is-gallery>.is-container .is-body {
    max-width: var(--img-maxw);
    width: auto;
}

#modalRel.is-gallery a {
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 20px;
    --btn-max-w: 234px;
    --btn-min-w: 234px;
}

@media (max-width: 767px) {

    #modalRel.is-textslider,
    #modalRel.is-textslider * {
        --img-w: 90vw;
        --img-h: calc(90vw * 0.67);
        --img-maxh: calc(90vw * 0.67);
        --content-maxw: 90vw;
        --block-h: 590px;
    }

    #modalRel.is-textslider>.is-container .is-header {
        position: initial;
        margin-left: auto;
        margin-right: 5vw;
        padding-bottom: 20px;
    }

    #modalRel.is-textslider>.is-container .is-body {
        justify-content: flex-start;
    }

    #modalRel.is-popup>.is-container {
        max-height: 500px;
    }

    #modalRel.is-gallery .is-body>div {
        display: flex;
        flex-direction: column;
    }

    #modalRel.is-gallery a {
        margin-right: auto;
        margin-left: auto;
        margin-top: 40px;
        margin-bottom: 0;
        order: 2;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #modalRel.is-popup {
        background-color: rgba(37, 32, 36, 0.80)
    }

    #modalRel.is-textslider,
    #modalRel.is-textslider * {
        --img-w: var(--or-width);
        --img-h: calc(var(--or-width) * 0.67);
        --img-maxh: calc(var(--or-width) * 0.67);
        --content-maxw: 90vw;
        --block-h: 590px;
    }

    #modalRel.is-gallery>.is-container {
        padding: 100px 0;
    }

    #modalRel.is-textslider>.is-container .is-body {
        justify-content: flex-start;
    }
}

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

    #modalRel.is-textslider,
    #modalRel.is-textslider * {
        --or-width: 60vw;
        --img-w: var(--or-width);
        --img-h: calc(var(--or-width) * 0.67);
        --img-maxh: calc(var(--or-width) * 0.67);
    }

    #modalRel.is-textslider>.is-container .is-body {
        justify-content: flex-start;
    }
}

@media (max-width: 1279px) {
    #modalRel>.is-container .is-body {
        max-width: 100vw;
    }
}

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

    #modalRel.is-gallery>.is-container {
        padding: 0;
    }
}

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

    #modalRel.is-textslider,
    #modalRel.is-textslider * {
        --img-w: calc(var(--or-width) - var(--content-maxw) - 60px);
        --img-h: 500px;
        --img-maxh: 500px;
    }
}

/* ==> 3.25 c-owslider <== */

.c-owslider,
.c-owslider * {
    --arrow-w: 50px;
    --arrow-h: 50px;
    --minigap: 15px;
}

.c-owslider.is-galeria,
.c-owslider.is-galeria * {
    --miniimg-w: calc((var(--img-maxw) - (var(--minigap) * 4)) / 5);
    --miniimg-h: calc(var(--miniimg-w) * 0.6);
}

.c-owslider {
    max-width: var(--img-maxw);
    width: 100%;
    display: grid;
    align-items: center
}

.c-owsliderv2 {
    display: grid;
}

.c-owslider .owsliders-nav,
.c-owslider .c-owslider__counter,
.c-owsliderv2 .owsliders-nav {
    order: 1;
}

.c-owslider>*,
.c-owsliderv2>* {
    order: 2;
}

.c-owslider .owSlider_slideBox {
    width: var(--img-w);
    max-width: var(--img-maxw)
}

.c-owslider .c-owslider__list {
    display: grid;
    overflow: hidden;
    min-height: var(--img-h);
    max-height: var(--img-maxh);
    min-width: var(--img-w);
    padding: 0;
    grid-auto-flow: column;
}

.c-owslider .c-owslider__list.owSlider_showMini {
    max-height: calc(var(--miniimg-h) + 20px);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--miniimg-w);
    margin: var(--minigap) auto 0 auto;
    justify-content: start;
    align-items: center;
    justify-items: start;
    gap: var(--minigap);
    min-height: 60px;
    max-width: var(--img-w);
}

.c-owslider .c-owslider__list.owSlider_showMini>div {
    max-width: var(--miniimg-w) !important;
    max-height: var(--miniimg-h) !important;
    min-width: unset !important;
    min-height: unset !important;
    cursor: pointer;
    display: grid;
    grid-template: 1fr / 1fr;
    user-select: none;
}

.c-owslider .c-owslider__list.owSlider_showMini>div:not(.current)::after {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    display: flex;
    flex-direction: column;
    height: var(--miniimg-h);
    width: var(--miniimg-w);
}

.c-owslider .c-owslider__list.owSlider_showMini>div>*,
.c-owslider .c-owslider__list.owSlider_showMini>div::after {
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
}

.c-owslider .c-owslider__item {
    width: var(--img-maxw);
    min-width: var(--img-maxw);
    max-width: var(--img-maxw);
    min-height: var(--img-h);
    max-height: var(--img-maxh);
}

.c-owslider .owsliders-nav,
.c-owslider .owslider__mininav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 0;
    z-index: 3;
}

.c-owslider .owsliders-nav .icon-nav,
.c-owslider .owslider__mininav .is-nav {
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center
}

.c-owslider .owsliders-nav .icon-nav {
    bottom: calc(var(--img-maxh) / 2);
}

.c-owslider .owslider__mininav .is-nav {
    bottom: calc((var(--miniimg-h) / 2) + var(--webkit-scrollbar-h));
}

.c-owslider .owsliders-nav .icon-nav.nav_prev {
    left: -95px;
}

.c-owslider .owsliders-nav .icon-nav.nav_next {
    right: -95px;
}

.c-owslider.is-galeria .owsliders-nav .icon-nav.nav_next,
.c-owslider .owslider__mininav .is-nav.is-next {
    right: 48px;
}

.c-owslider.is-galeria .owsliders-nav .icon-nav.nav_prev,
.c-owslider .owslider__mininav .is-nav.is-prev {
    left: 48px;
}

.c-owslider .owsliders-nav .icon-nav svg,
.c-owslider .owsliders-nav .icon-nav svg *,
.c-owslider .owslider__mininav .is-nav svg,
.c-owslider .owslider__mininav .is-nav svg * {
    stroke: #000;
}

.c-owslider.is-textslider .owsliders-nav .icon-nav.nav_prev {
    left: 40px;
}

.c-owslider.is-textslider .owsliders-nav .icon-nav.nav_next {
    right: 40px;
}

.c-owslider .c-owslider__counter {
    height: 0;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
}

.c-owslider .c-owslider__counter>.c-owslider__countercontainer {
    position: relative;
    top: calc(var(--img-h) - 40px);
    transform: translateY(calc(100% * -1));
    right: 40px;
    background-color: rgba(255, 255, 255, .7);
    min-width: 60px;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    user-select: none;
}

.c-owslider .c-owslider__counter>.c-owslider__countercontainer p {
    font-size: 16px;
    color: var(--or-special-6);
}

.c-owsliderv2,
.c-owsliderv2 * {
    --img-maxw: 613px;
    --img-w: 613px;
    --img-maxh: 453px;
    --img-h: 453px;
    --block-maxh: 750px;
    --block-h: 750px;
    --arrow-w: 50px;
    --arrow-h: 50px;
    --paditem: 20px;
    --padinnerbox: 45px;
}

.c-owsliderv2 .owSlider_slideOverflow {
    width: calc(var(--img-w) * 2);
}

.c-owsliderv2 .c-owsliderv2__list {
    display: grid;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    overflow: hidden;
    justify-content: start;
    max-height: var(--block-h);
    min-width: var(--img-w);
}

.c-owsliderv2 .c-owsliderv2__item {
    width: var(--img-maxw);
    min-width: var(--img-maxw);
    max-width: var(--img-maxw);
    min-height: var(--block-h);
    max-height: var(--block-maxh);
    display: flex;
    flex-direction: column;
    padding-right: var(--paditem);
}

.c-owsliderv2 .owsliders-nav {
    display: flex;
    justify-content: space-between;
    max-width: calc((var(--img-w) * 2) + calc(var(--paditem) * 2) + var(--padinnerbox) + 10px);
    height: 0;
}

.c-owsliderv2 .owsliders-nav .icon-nav.nav_prev {
    left: var(--padinnerbox);
}

.c-owslider.is-textslider .owsliders-nav .icon-nav:hover,
.c-owslider.is-galeria .owsliders-nav .icon-nav:hover,
.c-owsliderv2 .owsliders-nav .icon-nav:hover {
    transform: scale(1.5);
}

.c-owslider.is-textslider .owsliders-nav .icon-nav:focus,
.c-owslider.is-galeria .owsliders-nav .icon-nav:focus,
.c-owsliderv2 .owsliders-nav .icon-nav:focus {
    transform: scale(1.5);
    border: solid 1px var(--or-special-6);
    outline: none;
}

.c-owslider.is-galeria .owsliders-nav .icon-nav,
.c-owslider .owslider__mininav .is-nav,
.c-owslider.is-textslider .owsliders-nav .icon-nav,
.c-owsliderv2 .owsliders-nav .icon-nav {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 38px;
    transition: all .25s linear;
}

.c-owslider.is-galeria .owsliders-nav .icon-nav,
.c-owslider.is-textslider .owsliders-nav .icon-nav,
.c-owsliderv2 .owsliders-nav .icon-nav {
    top: calc(var(--img-h) / 2);
}

.c-owslider.is-textslider .owsliders-nav .icon-nav,
.c-owslider.is-galeria .owsliders-nav .icon-nav,
.c-owsliderv2 .owsliders-nav .icon-nav {
    width: var(--arrow-w);
    height: var(--arrow-h);
}

.c-owslider .owslider__mininav .is-nav {
    width: 32px;
    height: 32px;
}

.c-owslider.is-textslider .owsliders-nav .icon-nav svg,
.c-owslider.is-galeria .owsliders-nav .icon-nav svg,
.c-owsliderv2 .owsliders-nav .icon-nav svg {
    width: 18px;
    height: 18px;
    transition: all .25s linear;
}

.c-owslider .owslider__mininav .is-nav svg {
    width: 15px;
    height: 15px;
    transition: all .25s linear;
}

.c-owslider.is-textslider .owsliders-nav .icon-nav:hover svg,
.c-owslider.is-galeria .owsliders-nav .icon-nav:hover svg,
.c-owsliderv2 .owsliders-nav .icon-nav:hover svg {
    transform: scale(.66666666666);
}

@media (max-width: 1024px) {

    .c-owslider,
    .c-owslider * {
        --arrow-w: 26px;
        --arrow-h: 26px;
        --minigap: 10px;
    }

    .c-owslider.is-textslider .owsliders-nav .icon-nav svg,
    .c-owslider.is-galeria .owsliders-nav .icon-nav svg,
    .c-owsliderv2 .owsliders-nav .icon-nav svg {
        width: 12px;
        height: 12px;
    }

    .c-owslider.is-textslider .owsliders-nav .icon-nav:hover svg,
    .c-owslider.is-galeria .owsliders-nav .icon-nav:hover svg,
    .c-owsliderv2 .owsliders-nav .icon-nav:hover svg {
        transform: none;
    }

    .c-owsliderv2 .owsliders-nav .icon-nav.nav_prev {
        --padinnerbox: 20px;
    }

    .c-owslider.is-galeria .owsliders-nav .icon-nav.nav_next {
        --padinnerbox: 20px;
    }

    .c-owslider.is-textslider .owsliders-nav .icon-nav:hover,
    .c-owslider.is-galeria .owsliders-nav .icon-nav:hover,
    .c-owsliderv2 .owsliders-nav .icon-nav:hover {
        transform: none;
    }

    .c-owsliderv2 .owsliders-nav .icon-nav.nav_next {
        --padinnerbox: 20px;
        right: var(--padinnerbox);
    }

    .c-owsliderv2,
    .c-owsliderv2 * {
        --img-w: var(--or-width);
        --img-maxw: var(--or-width);
        --img-h: calc(var(--or-width) * 0.73);
        --block-maxh: calc((var(--or-width) * 0.73) + 330px);
        --block-h: calc((var(--or-width) * 0.73) + 330px);
        --paditem: 0;
    }

    .c-owsliderv2.t-width.is-overflowedright {
        width: 90vw;
        max-width: var(--or-width);
        margin-right: auto;
    }

    .c-owsliderv2 .c-owsliderv2__list {
        max-width: var(--or-width);
        width: 90vw;
        min-width: auto;
        overflow: hidden;
    }

    .c-owsliderv2 .c-owsliderv2__item {
        width: 90vw;
    }

    .c-owsliderv2 .owsliders-nav {
        max-width: 90vw;
    }

    .c-owsliderv2 .owsliders-nav {
        justify-content: space-between;
    }

    .c-owsliderv2 .owsliders-nav .icon-nav.nav_prev {
        display: flex;
    }
}

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

    .c-owslider.is-galeria,
    .c-owslider.is-galeria * {
        --img-w: 650px;
        --img-maxw: 650px;
        --img-h: 386px;
        --img-maxh: 386px;
    }

    .c-owsliderv2 .owsliders-nav .icon-nav.nav_next {
        --padinnerbox: 45px;
        right: var(--padinnerbox);
    }
}

@media (min-width: 1368px) and (max-width: 1679px) {

    .c-owslider.is-galeria,
    .c-owslider.is-galeria * {
        --img-w: 700px;
        --img-maxw: 700px;
        --img-h: 415px;
        --img-maxh: 415px;
    }
}

@media (max-width: 767px) {

    .c-owslider.is-galeria,
    .c-owslider.is-galeria * {
        --img-w: 99vw;
        --img-maxw: 99vw;
        --img-h: calc(99vw * 0.6);
        --img-maxh: calc(99vw * 0.6);
        --miniimg-w: calc((99vw - (var(--minigap) * 2)) / 3);
        --miniimg-h: calc(var(--miniimg-w) * 0.6);
    }

    .c-owslider.is-textslider .owsliders-nav .icon-nav.nav_prev {
        left: 5px;
    }

    .c-owslider.is-textslider .owsliders-nav .icon-nav.nav_next {
        right: 5px;
    }

    .c-owslider.is-galeria .owsliders-nav .icon-nav.nav_prev,
    .c-owslider .owslider__mininav .is-nav.is-prev {
        left: 20px;
    }

    .c-owslider.is-galeria .owsliders-nav .icon-nav.nav_next,
    .c-owslider .owslider__mininav .is-nav.is-next {
        right: 20px;
    }

    .c-owslider .c-owslider__counter>.c-owslider__countercontainer {
        right: 20px;
    }

    .c-owslider .c-owslider__counter>.c-owslider__countercontainer p {
        font-size: 14px;
    }

    .c-owslider .c-owslider__counter>.c-owslider__countercontainer {
        top: calc(var(--img-h) - 20px);
        min-width: 50px;
        min-height: 25px;
    }

    .c-owsliderv2,
    .c-owsliderv2 * {
        --img-maxw: var(--or-width);
    }

    .c-owsliderv2 .c-owsliderv2__list {
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        max-height: none;
        row-gap: 50px;
    }

    .c-owsliderv2 .c-owsliderv2__item {
        min-height: auto;
        min-width: 100%;
    }
}

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

    .c-owslider.is-galeria,
    .c-owslider.is-galeria * {
        --img-w: 99vw;
        --img-maxw: var(--or-width);
        --img-h: calc(var(--img-maxw) * 0.6);
        --img-maxh: calc(var(--or-width) * 0.6);
        --miniimg-w: calc((var(--img-maxw) - (var(--minigap) * 2)) / 3);
        --miniimg-h: calc(var(--miniimg-w) * 0.6);
    }

    .c-owslider .c-owslider__list {
        min-width: var(--or-width);
    }

    .c-owslider .c-owslider__list.owSlider_showMini {
        min-width: var(--or-width);
        max-width: var(--or-width);
    }
}

/* ==> 3.26 c-cardblock <== */

.c-cardblock,
.c-cardblock * {
    --btn-min-w: 230px;
    --btn-max-w: 230px;
    --btn-min-h: 55px;
}

.c-cardblock {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.c-cardblock .c-cardblock__txt {
    order: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-color: var(--or-cream-color);
    padding: 45px;
}

.c-cardblock .c-cardblock__img {
    order: 1;
    min-height: var(--img-h);
}

.c-cardblock .c-cardblock__txt .c-cardblock__btns {
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: space-between;
}

.c-cardblock .c-cardblock__txt .c-cardblock__btns *:first-child {
    margin-left: 0;
    margin-right: auto;
}


.c-cardblock .c-cardblock__txt .c-cardblock__btns *:last-child {
    margin-left: auto;
    margin-right: 0;
}


.c-cardblock .c-cardblock__txt .c-cardblock__title {
    padding-bottom: 10px;
}

.c-cardblock .c-cardblock__txt .c-cardblock__destacado p {
    font-style: normal;
    font-family: var(--or-main-font);
    font-size: 24px;
}

@media (max-width: 767px) {

    .c-cardblock,
    .c-cardblock * {
        --btn-min-w: 100%;
        --btn-max-w: 120px;
        --btn-min-h: 55px;
    }

    .c-cardblock .c-cardblock__txt {
        flex-grow: 1;
        padding: 25px;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__btns {
        flex-direction: column;
        justify-content: flex-end;
        padding-top: 30px;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__btns *:first-child {
        margin-left: auto;
        margin-bottom: 0;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__btns a {
        display: none;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__destacado p {
        font-size: 18px;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__title h3 {
        font-weight: 500;
    }

}

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

    .c-cardblock,
    .c-cardblock * {
        --btn-min-w: 100%;
        --btn-max-w: 100%;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__btns {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .c-cardblock .c-cardblock__txt .c-cardblock__btns>*:not(:last-child) {
        margin-bottom: 20px;
    }
}

/* ==> 3.27 c-block <== */

.c-blocks,
.c-blocks * {
    --main-font: 18px;
    --min-font: 16px;
}

.c-blocks .c-blocks__title {
    padding: 60px 0 50px 0;
}

.c-blocks .c-blocks__title p {
    color: var(--or-special-5);
    font-weight: 300;
    line-height: 100%;
}

.c-blocks .c-blocks__items {
    border-top: solid 1px;
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.c-blocks .c-blocks__items p {
    font-size: var(--main-font);
    line-height: 182%;
}

.c-blocks .c-blocks__items .c-blocks__item strong {
    color: var(--or-main-color);
    font-size: var(--min-font);
    font-weight: 400;
    line-height: 250%;
}

@media (max-width: 767px) {

    .c-blocks,
    .c-blocks * {
        --main-font: 16px;
    }
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {
    .c-blocks .c-blocks__items {
        grid-template-columns: 1fr;
        gap: 25px;
    }
}


/* ==> 3.28 c-3cols <== */

.c-3cols,
.c-3cols * {
    --font-title: 25px;
    --font-txt: 18px;
}

.c-3cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.c-3cols .c-3cols__item {
    background-color: var(--or-alt-color);
    background-color: var(--or-cream-color);
    border-radius: 9px;
    padding: 50px 40px 50px 40px;
}

.c-3cols .c-3cols__item .is-titleicon {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 40px;
}

.c-3cols .c-3cols__item .is-title h3 {
    color: var(--highlight-color);
    font-size: var(--font-title);
    padding-top: 20px;
    font-weight: 500;
}

.c-3cols .c-3cols__item .is-txt p {
    font-size: var(--font-txt);
    padding-bottom: 20px;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-3cols,
    .c-3cols * {
        --font-title: 22px;
        --font-txt: 16px;
    }

    .c-3cols {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .c-3cols .c-3cols__item {
        /* background-color: var(--or-alt-color); */
        border-radius: 9px;
        padding: 30px 30px;
        /* height: 500px; */
    }
}

/* ==> 3.29 c-faqs <== */

.c-faqs,
.c-faqs * {
    --icon-width: 10px;
    --title-font: 18px;
    --txt-font: 16px;
}

.c-faqs {
    padding: 100px 130px;
}

.c-faqs .c-faqs__item {
    padding-bottom: 30px;
}

.c-faqs .c-faqs__item .c-faqs__title h3 {
    font-size: var(--title-font);
    margin: 0;
    display: inline-grid;
    grid-template-columns: var(--icon-width) 100%;
    gap: 10px;
    cursor: pointer;
}

.c-faqs .c-faqs__item .c-faqs__title h3::before {
    display: flex;
    content: "";
    background-image: url(../../../../../images/custom/icons/icon-faqs.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: var(--icon-width);
    height: 6px;
    margin: auto 0;
    transition: all .2s ease-in-out;
}

.c-faqs .c-faqs__item .c-faqs__content p {
    font-size: var(--txt-font);
    line-height: 166%;
}

.c-faqs .c-faqs__item .c-faqs__content>*:not(:last-child) {
    padding: 10px 0;
}

.c-faqs .c-faqs__item.js--deploy .c-faqs__title h3::before {
    transform: scaleY(-1);
}

.js-faqs .js-faqs__item .js-faqs__content {
    display: none
}

.js-faqs .js-faqs__item.js--deploy .js-faqs__content {
    display: flex;
    flex-direction: column
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {
    .c-faqs {
        padding: 25px;
    }
}

/* ==> 3.30 c-map <== */

.c-map {
    max-width: 100%;
    width: 100%;
    min-height: 400px;
    display: flex
}

iframe.c-map {
    max-width: 740px;
    max-height: auto;
}

@media (max-width: 767px) {
    iframe.c-map {
        padding-bottom: 50px;
    }
}

/* ==> 3.31 c-texticon <== */

.c-texticon,
.c-texticon * {
    --min-font: 16px;
}

.c-texticon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: solid var(--highlight-color) 1px;
}

.c-texticon .c-texticon__item {
    padding: 10px 0;
}

.c-texticon .c-texticon__item.is-second {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.c-texticon .c-texticon__item.is-second p {
    padding-right: 10px;
    font-size: var(--min-font);
}

/* ==> 3.32 c-textslider <== */

.c-textslider {
    display: grid;
    grid-template-columns: var(--img-w) var(--content-maxw);
    grid-template-rows: auto 1fr auto;
    column-gap: 120px;
    width: 100%;
    align-items: start;
}

.c-textslider .is-slider {
    grid-column: 1;
    grid-row: 1 / span 2;
}

.c-textslider .is-title {
    grid-column: 2;
}

.c-textslider .is-h2>p {
    color: var(--or-special-1);
    padding-bottom: 60px;
    font-size: var(--or-font-h1-em);
}

.c-textslider .is-h2>p em {
    display: block;
    font-size: 25px;
    color: var(--or-main-color);
    font-style: normal;
}

.c-textslider .c-textslider__item.is-services {
    padding-top: 30px;
}

.c-textslider .c-textslider__item.is-link {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-textslider .c-textslider__item.is-services>p {
    line-height: 100%;
    font-size: 16px;
}

.c-textslider .c-textslider__item.is-boxes {
    display: flex;
    flex-direction: column;
}

.c-textslider .c-textslider__item.is-boxes>*:not(:last-child) {
    margin-bottom: 10px;
}

@media (max-width: 1279px) {
    .c-textslider {
        grid-template-columns: var(--img-w);
        grid-template-rows: auto;
        column-gap: 0;
        justify-content: center;
    }

    .c-textslider .is-title {
        grid-column: 1;
        padding-top: 40px;
        max-width: 90%;
    }

    .c-textslider .c-textslider__item.is-link {
        padding-top: 40px;
        padding-bottom: 80px;
    }
}

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

    .c-textslider {
        column-gap: 40px;
    }

}

/* ==> 3.33 c-reviews <== */

.c-reviews,
.c-reviews * {
    --review-color: #fff;
    --review-font: var(--or-main-font);
    --review-font-size: 20px;
    --review-font-style: normal;
    --review-font-weight: 600;
    --review-icon-size: 60px;
    --review-line-height: 1;

    color: var(--review-color);
    font-family: var(--review-font);
    font-size: var(--review-font-size);
    font-style: var(--review-font-style);
    font-weight: var(--review-font-weight);
    line-height: var(--review-line-height);
}

.c-reviews {
    display: flex;
    flex-direction: column;
    color: var(--review-color);
}


.c-reviews .c-reviews__title {
    padding-bottom: 35px;
    text-align: center;
}

.c-reviews .c-reviews__list {
    display: grid;
    grid-auto-flow: column;
    gap: 30px;
    padding-top: 60px;
}

.c-reviews .c-reviews__list .c-reviews__channel {
    display: grid;
    grid-template-columns: var(--review-icon-size) 1fr;
    gap: 10px;
    opacity: .7;
}

.c-reviews .c-reviews__stars {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 0;
}

.c-reviews .c-reviews__logo svg * {
    fill: currentColor;
}

.c-reviews .c-reviews__values {
    display: flex;
    flex-direction: column;
    color: var(--review-color);
}

.c-reviews__channel.c--google {
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}

@media (max-width: 1024px) {

    .c-reviews,
    .c-reviews * {
        --review-icon-size: 50px;
    }

    .c-reviews .c-reviews__list {
        gap: 15px;
        max-width: 760px;
    }

    .c-reviews .c-reviews__values {
        font-size: 1rem;
    }

    .c-reviews .c-reviews__logo svg {
        height: var(--review-icon-size);
        width: var(--review-icon-size);
    }

}

@media (max-width: 991px) {

    .c-reviews .c-reviews__list {
        gap: 15px;
        max-width: 500px;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: unset;
        justify-items: stretch;
    }
}

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

    .c-reviews,
    .c-reviews * {
        --review-icon-size: 50px;
    }

    .c-reviews .c-reviews__list {
        gap: 15px;
        max-width: 760px;
    }

    .c-reviews .c-reviews__values {
        font-size: 1rem;
    }

    .c-reviews .c-reviews__logo svg {
        height: var(--review-icon-size);
        width: var(--review-icon-size);
    }

}

/* ==> 3.34 c-draglist <== */

.c-draglist {
    padding-top: 20px;
}

.c-draglist .is-service:not(:last-child) {
    margin: 0 5px 5px 0;
}

/* ==> 3.35 c-service <== */

.c-service.is-service {
    border-radius: 5px;
    display: inline-flex;
}

.c-service.is-service span {
    padding: 5px 10px;
    color: var(--or-main-color);
    border-radius: 5px;
    background-color: var(--or-special-2-v3);
    font-size: 18px;
}

/* ==> 3.36 c-rowbox <== */

.c-rowbox {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid var(--or-main-color);
    border-radius: 6px;
}

.c-rowbox .c-rowbox__txt p em {
    display: block;
    font-size: var(--or-font-p-min);
    font-style: normal;
}

.c-rowbox .c-rowbox__txt p {
    font-weight: 600;
    line-height: 1.4;
}

.c-rowbox .c-rowbox__icon .is-icon {
    display: flex;
    margin-right: 20px;
}

.c-rowbox .c-rowbox__icon .is-icon svg,
.c-rowbox .c-rowbox__icon .is-icon svg * {
    width: 40px;
    height: 40px;
}

.c-rowbox.is-alt {
    border: none;
    background-color: var(--or-special-2-v3);
}

@media (max-width: 767px) {
    .c-rowbox {
        width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .c-rowbox {
        width: 100%;
    }

}

/* ==> 3.37 c-stickymenu <== */

.c-stickymenu {
    background-color: var(--or-cream-color);
    min-height: 50px;
}

.c-stickymenu .c-stickymenu__container {
    background-color: var(--or-cream-color);
    max-width: var(--or-width);
    width: 100%;
    margin: 0 auto;
    padding: 8px 0;
    /* padding: 15px 0; */
    display: grid;
    grid-template-columns: repeat(7, max-content);
    gap: 50px;
}

.c-stickymenu .c-stickymenu__container.is-fixed {
    position: fixed;
    top: 100px;
    max-width: 100%;
    padding: 9px calc((100vw - var(--or-width)) / 2);
    /* padding: 15px calc((100vw - var(--or-width)) / 2); */
    z-index: 3;
}

.c-stickymenu .c-stickymenu__container .c-stickymenu__link {
    text-decoration: none;
    /* color: var(--or-main-color-v3); */
    padding: 8px 10px;
    color: var(--or-main-color);
    font-size: 20px;
    font-weight: 500;
}

.c-stickymenu .c-stickymenu__container .c-stickymenu__link.is-active {
    color: var(--or-main-color);
    position: relative;
    font-weight: 700;
}

.c-stickymenu .c-stickymenu__container .c-stickymenu__link.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 0;
    border-bottom: 2px solid var(--or-main-color);
}

.c-stickymenu .c-stickymenu__container .c-stickymenu__link[tabindex="0"]:focus {
    outline: none;
    background-color: var(--or-special-2);
    border-radius: 4px;
    color: var(--or-alt-color);
}

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

    .c-stickymenu .c-stickymenu__container {
        --or-width: 90vw;
        margin: 0 auto;
        overflow-x: auto;
    }

    .c-stickymenu .c-stickymenu__container.is-fixed {
        top: 90px;
    }
}

@media (max-width: 767px) {
    .c-stickymenu .c-stickymenu__container {
        overflow-x: auto;
        max-width: 90vw;
    }

    .c-stickymenu .c-stickymenu__container.is-fixed {
        top: 0;
        padding: 15px;
    }
}

@media (max-width: 1024px) {
    .c-stickymenu .c-stickymenu__container .c-stickymenu__link {
        font-size: 16px;
    }
}


/* ==> 3.38 c-introv2 <== */

.c-introv2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.c-introv2 .is-img1 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}

.c-introv2 .is-img2 {
    grid-column: 3 / 3;
    grid-row: 1;
}

.c-introv2 .is-img3 {
    grid-column: 4 / 4;
    grid-row: 1 / 2;
}

.c-introv2 .is-img4 {
    grid-column: 4 / 3;
    grid-row: 2;
}

.c-introv2 .is-img5 {
    grid-column: 4 / 4;
    grid-row: 2;
}

/* @media (max-width: 1279px) { */
@media (max-width: 1024px) {

    .c-introv2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-gap: 15px;
    }

    .c-introv2 .is-img1 {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
    }

    .c-introv2 .is-img2 {
        grid-column: 1;
        grid-row: 3;
    }

    .c-introv2 .is-img3 {
        grid-column: 2;
        grid-row: 3;
    }

    .c-introv2 .is-img4 {
        grid-column: 1;
        grid-row: 4;
    }

    .c-introv2 .is-img5 {
        grid-column: 2;
        grid-row: 4;
    }

}

/* ==> 3.39 c-parallax <== */

.c-parallax,
.c-parallax * {
    --rev-height: 300px;
    --rev-margin-height: var(--rev-height);
    --rev-align: center;
}

@media (max-width: 1279px) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 201px;
        --rev-margin-height: 1px;
        --rev-align: start;
    }

    .has-reviews .c-parallax {
        position: relative;
        height: calc(100vh + var(--rev-height) - var(--rev-margin-height));
    }

    main.has-parallax.has-reviews {
        margin-top: 0;
    }
}

@media (max-height: 700px) and (orientation: landscape) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 201px;
        --rev-margin-height: 1px;
        --rev-align: start;
    }

    .has-reviews .c-parallax {
        position: relative;
        height: calc(100vh + var(--rev-height) - var(--rev-margin-height));
    }

    main.has-parallax.has-reviews {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 150px;
    }
}

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

    .c-parallax,
    .c-parallax * {
        --rev-height: 380px;
    }
}

@media (min-width: 1280px) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 180px;
        /* --rev-margin-height: 0px; */
        --rev-align: start;
    }
}

@media (min-width: 1280px) and (max-height: 700px) and (orientation: landscape) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 181px;
        --rev-margin-height: 1px;
        --rev-align: start;
    }
}


@media (max-width: 991px) {

    .c-parallax,
    .c-parallax * {
        --rev-height: 300px;
    }
}

/* ==> 3.40 c-popup <== */

.c-popup {
    display: flex;
    flex-direction: column-reverse;
}

.c-popup .c-popup__txt {
    padding-top: 20px;
}

.c-popup .c-popup__txt p {
    line-height: 160%;
}

.c-popup .c-popup__icon .is-text {
    padding-top: 25px;
}

.c-popup .c-popup__icon .is-text p {
    font-size: 25px;
    color: var(--or-special-6);
}

/* ==> 3.41 c-contactform <== */

.c-contactform,
.c-contactform * {
    --color-success: var(--or-special-5);
}

.c-contactform>form>.cf-form-wrap {
    padding: 0;
}

.c-contactform .c-contactform__submit button {
    margin: 60px auto 0;
    width: 300px;
}

.c-contactform .cf-control-group {
    padding: 0px 0 13px;
}

.c-contactform .cf-control-group .cf-control-label .cf-label {
    padding-top: 33px;
    font-weight: 300;
}

.c-contactform .cf-control-group .cf-label>span {
    display: none;
}

.c-contactform .cf-control-group .cf-checkbox-group .cf-label p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.c-contactform .cf-control-group .cf-checkbox-group .cf-label p a {
    text-decoration: underline;
}

.c-contactform .cf-control-group.is-responsible {
    padding-top: 50px;
}

.c-contactform .cf-control-group.is-recaptcha .cf-recaptcha-v3-text-badge,
.c-contactform .cf-control-group.is-recaptcha .cf-recaptcha-v3-text-badge a {
    color: var(--or-main-color);
    font-size: 12px;
}

.c-contactform.cf-success p {
    color: var(--or-cream-color);
}

.c-contactform>form>.cf-form-wrap input::placeholder,
.c-contactform>form>.cf-form-wrap textarea::placeholder {
    opacity: 1;
    color: var(--or-main-color);
}

.c-contactform .cf-control-group.is-apt .cf-control-input .cf-select select:focus {
    border: solid 2px var(--or-main-color);
}


/* ==> 3.42 c-rgpdmodal <== */

.c-rgpdmodal .c-rgpdmodal__container .c-rgpdmodal__body .c-rgpdmodal__submitbtns {
    --or-rgpd-color: var(--or-special-4);
}

/* ==> 4. Animations  <== */

/* ==> 4.1 ob-basic <== */

.ob-basic,
.ob-basic * {
    --ob-default-time: 1s;
}

.ob-basic {
    transition: opacity var(--ob-default-time) ease-in-out;
}

.ob-basic {
    opacity: 0;
}

.ob-basic.ob--init {
    opacity: 1;
}

[class*='ob-'].ob--delay03 {
    transition-delay: .3s;
}


@media (max-width: 1024px) {
    [class*='ob-'][class*='ob--delay'] {
        transition-delay: 0s;
    }
}

/* ==> 4.2 ob-basicV2 <== */

.ob-basicV2,
.ob-basicV2 * {
    --ob-default-time: 2s;
}

.ob-basicV2 picture,
.ob-basicV2 .is-icon svg {
    opacity: 0;
    transition: opacity var(--ob-default-time) ease-in-out;
}

.ob-basicV2 .is-icon svg {
    transition-delay: 0.8s;
    --ob-default-time: 2s;
}

.ob-basicV2.ob--init picture {
    opacity: 1;
}

.ob-basicV2.ob--init .is-icon svg {
    opacity: .3;
}

/* ==> 4.3 a-slideright <== */

.a-slideright.ob--init {
    -webkit-animation: a-slideright 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
    animation: a-slideright 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

@-webkit-keyframes a-slideright {
    0% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes a-slideright {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-500px);
        transform: translateX(-500px);
    }
}


@media (max-width: 787px) {

    .a-slideright.ob--init {
        -webkit-animation: a-slideright .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
        animation: a-slideright .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
    }
}