/* */
/*
Theme Name: Web ArtLux ACG 2025
Theme URI: http://www.artlux.mx/
Description: Creador por la compañia aca para Artlux - Innovamos soluciones
Author: Desarrollo Web
Author URI: http://www.artlux.mx/
Version: 1.0
*/

* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none;
    color: #141414;
}

@media (min-width: 1200px) {
    html {
        height: 100%;
        width: 100%;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: var(--foreground-color);
    background: #fff;
    font-family: 'Parkinsans-Regular';
    font-weight: 400;
    font-size: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));
    line-height: 1.75;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.smooth-scrolling body {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

body.preview {
    height: auto;
    overflow: auto;
    width: auto;
}

a {
    color: blue;
    text-decoration: none;
}

img {
    border: none;
}

input, button, textarea {
    font-family: inherit;
    font-weight: normal;
    font-size: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
}

    input:focus, button:focus, textarea:focus {
        outline: none;
    }

    input ::-webkit-input-placeholder, button ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder {
        color: #fff;
    }

    input :-moz-placeholder, button :-moz-placeholder, textarea :-moz-placeholder {
        color: #fff;
    }

    input ::-moz-placeholder, button ::-moz-placeholder, textarea ::-moz-placeholder {
        color: #000;
    }

    input :-ms-input-placeholder, button :-ms-input-placeholder, textarea :-ms-input-placeholder {
        color: #fff;
    }

sup {
    font-size: 50%;
}

.preview * {
    transition-property: none !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
}

h1, .title1 {
    font-family: 'Parkinsans-ExtraBold';
    font-weight: 500;
    font-size: calc(26px + 64 * ((100vw - 320px) / 1120));
    line-height: 1.25;
    letter-spacing: 0.1em;
    margin: 0px;
    margin-bottom: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    text-transform: uppercase;
}

@media (max-width: 575px) {
    h1, .title1 {
        word-break: break-word;
    }
}

h2, .title2 {
    font-family: 'Parkinsans-ExtraBold';
    font-size: calc(22px + 43 * ((100vw - 320px) / 1120));
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.1em;
    margin: 0px;
    margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    text-transform: uppercase;
}

@media (max-width: 575px) {
    h2, .title2 {
        word-break: break-word;
    }
}

h3, .title3 {
    font-family: 'Parkinsans-SemiBold';
    font-size: 100em;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.1em;
    margin: 0px;
    margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    text-transform: uppercase;
}

@media (max-width: 575px) {
    h3, .title3 {
        word-break: break-word;
    }
}

h4 {
    font-family: 'Parkinsans-ExtraBold';
    font-size: calc(15.0022944px + 8.9977056 * ((100vw - 320px) / 1120));
    font-weight: 900;
    line-height: 1.75;
    letter-spacing: 0.1em;
    margin: 0px;
    margin-bottom: calc(1.19302px + 2.80698 * ((100vw - 320px) / 1120));
    text-transform: uppercase;
}

@media (max-width: 575px) {
    h4 {
        word-break: break-word;
    }
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
    margin-top: 0;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child {
    margin-bottom: 0;
}

.line {
    position: relative;
}

.word {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.char {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.wysiwyg strong {
    font-weight: 600;
}

.wysiwyg ul, .wysiwyg li, .wysiwyg p {
    margin: 0;
}

.wysiwyg a {
    color: inherit;
    text-decoration: underline;
    background-image: linear-gradient(var(--foreground-color), var(--foreground-color));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition-property: color, background-size, text-decoration-color;
    transition-duration: 500ms;
    transition-timing-function: transition-timing-function(hover);
}

.no-touchevents .wysiwyg a:hover {
    background-size: 100% 100%;
    color: var(--background-color);
}

.wysiwyg p:not(:last-child) {
    margin-bottom: calc(1.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

.wysiwyg ul {
    padding: 0px;
    padding-left: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

    .wysiwyg ul:not(:last-child) {
        margin-bottom: calc(2.557268px + 23.442732 * ((100vw - 320px) / 1120));
    }

.wysiwyg ol {
    padding: 0px;
    padding-left: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

    .wysiwyg ol:not(:last-child) {
        margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    }

.wysiwyg li:not(:last-child) {
    margin-bottom: calc(2.19302px + 2.80698 * ((100vw - 320px) / 1120));
}

.wysiwyg blockquote {
    position: relative;
    margin: 0;
    padding: 0;
}

    .wysiwyg blockquote:not(:last-child) {
        margin-bottom: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    }

.wysiwyg .text-emphasize {
    font-size: calc(22.4936928px + 25.5063072 * ((100vw - 320px) / 1120));
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.35;
}

    .wysiwyg .text-emphasize:not(:first-child) {
        margin-top: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    }

    .wysiwyg .text-emphasize:not(:last-child) {
        margin-bottom: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    }

.wysiwyg .text-understate {
    font-size: calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));
    font-weight: 300;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.wysiwyg .text-stroke {
    color: inherit;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

@supports (-webkit-text-stroke-width: calc(1px + 0 * ((100vw - 320px) / 1120))) {
    .wysiwyg .text-stroke {
        -webkit-text-stroke-width: calc(1px + 0 * ((100vw - 320px) / 1120));
        -webkit-text-stroke-color: inherit;
        -webkit-text-stroke-color: var(--foreground-color);
        color: transparent;
    }
}

.wysiwyg .text-space-around,
.wysiwyg .text-space-between {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-left: calc(9.071604px + -4.071604 * ((100vw - 320px) / 1120));
    padding-right: calc(9.071604px + -4.071604 * ((100vw - 320px) / 1120));
    width: 100%;
}

    .wysiwyg .text-space-around .word,
    .wysiwyg .text-space-between .word {
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: transparent;
        color: var(--foreground-color);
        font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));
        font-weight: 300;
        letter-spacing: 0.15em;
        margin-left: calc(8.29125px + -5.79125 * ((100vw - 320px) / 1120));
        margin-right: calc(8.29125px + -5.79125 * ((100vw - 320px) / 1120));
        text-transform: uppercase;
    }

@media (max-width: 575px) {
    .wysiwyg .text-space-around .word,
    .wysiwyg .text-space-between .word {
        font-size: calc(11.2565952px + 0.7434048 * ((100vw - 320px) / 1120));
    }
}

.style-green .wysiwyg .text-space-around .word,
.style-green .wysiwyg .text-space-between .word {
    color: #75FA77;
}

.style-lemon .wysiwyg .text-space-around .word,
.style-lemon .wysiwyg .text-space-between .word {
    color: #075146;
}

.style-beige .wysiwyg .text-space-around .word,
.style-beige .wysiwyg .text-space-between .word {
    color: #000000;
}

.wysiwyg .text-space-around {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
}

.wysiwyg .text-space-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.wysiwyg h1 .text-space-around,
.wysiwyg h1 .text-space-between, .wysiwyg h2 .text-space-around,
.wysiwyg h2 .text-space-between, .wysiwyg h3 .text-space-around,
.wysiwyg h3 .text-space-between {
    font-family: 'Parkinsans-Light';
    padding-top: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    padding-bottom: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
}

.wysiwyg h1 .line:first-child .text-space-around,
.wysiwyg h1 .line:first-child .text-space-between, .wysiwyg h2 .line:first-child .text-space-around,
.wysiwyg h2 .line:first-child .text-space-between, .wysiwyg h3 .line:first-child .text-space-around,
.wysiwyg h3 .line:first-child .text-space-between {
    padding-top: 0px;
}

.wysiwyg h2 + .text-understate,
.wysiwyg h3 + .text-understate {
    margin-top: calc(-1.853352px + -28.146648 * ((100vw - 320px) / 1120));
    margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

.wysiwyg .non-breaking {
    white-space: nowrap;
}

.wysiwyg img {
    max-width: 100%;
}

.wysiwyg .alignnone {
    display: block;
    margin: 0;
}

    .wysiwyg .alignnone:not(:last-child) {
        margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    }

p:not(:last-child) .wysiwyg .alignnone {
    margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

.wysiwyg .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

.wysiwyg .alignright {
    float: right;
    margin: 0;
    margin-left: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.wysiwyg .alignleft {
    float: left;
    margin: 0;
    margin-right: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.wysiwyg .wp-caption.alignnone {
    width: 100% !important;
}

    .wysiwyg .wp-caption.alignnone:not(:last-child) {
        margin-bottom: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
    }

.wysiwyg .wp-caption.alignleft {
    margin-right: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.wysiwyg .wp-caption.alignright {
    margin-left: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.wysiwyg .wp-caption img {
    display: block;
    height: auto;
    width: 100%;
}

.wysiwyg .wp-caption .wp-caption-text {
    font-size: calc(11.2565952px + 0.7434048 * ((100vw - 320px) / 1120));
    margin: 0;
    margin-top: calc(10.632312px + -0.632312 * ((100vw - 320px) / 1120));
}

.wysiwyg .gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(2.828772px + -17.828772 * ((100vw - 320px) / 1120));
    margin-right: calc(2.828772px + -17.828772 * ((100vw - 320px) / 1120));
}

.wysiwyg .gallery-item {
    margin-left: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    margin-right: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    margin-bottom: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.wysiwyg .screen-reader-text {
    border: 0;
    clip-path: inset(50%);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

    .wysiwyg .screen-reader-text:focus {
        background-color: #eee;
        clip-path: none;
        clip: auto !important;
        color: #444;
        display: block;
        font-size: 1em;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
    }

.form-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

    .form-section:not(:last-child) {
        margin-bottom: calc(30px + 30 * ((100vw - 320px) / 1120));
    }

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: calc(-15px + -15 * ((100vw - 320px) / 1120));
    margin-right: calc(-15px + -15 * ((100vw - 320px) / 1120));
    width: calc(100% + calc(30px + 30 * ((100vw - 320px) / 1120)));
}

    .form-row.form-row--center {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }

@media (max-width: 767px) {
    .form-row {
        display: block;
    }
}

.form-row:not(:last-child) {
    margin-bottom: calc(20px + 25 * ((100vw - 320px) / 1120));
}

.form-field {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    border: none;
    min-height: calc(45px + 0 * ((100vw - 320px) / 1120));
    margin-left: calc(15px + 15 * ((100vw - 320px) / 1120));
    margin-right: calc(15px + 15 * ((100vw - 320px) / 1120));
    width: calc(100% - calc(30px + 30 * ((100vw - 320px) / 1120)));
}

@media (max-width: 767px) {
    .form-field.form-field--empty {
        display: none;
    }
}

.form-field:not(:last-child) {
    margin-bottom: calc(20px + 25 * ((100vw - 320px) / 1120));
}

.form-field.form-field--error input[type=tel],
.form-field.form-field--error input[type=text],
.form-field.form-field--error input[type=phone],
.form-field.form-field--error input[type=email],
.form-field.form-field--error input[type=number],
.form-field.form-field--error input[type=password],
.form-field.form-field--error select, .form-field.form-field--error textarea {
    border-bottom-color: #a6a6a6 !important;
    color: #fff !important;
}

.form-field.form-field--error label {
    color: #ff0101 !important;
}

.form-field.form-field--active label {
    transform: translateY(-35%) scale(0.75);
}

.form-field label {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    color: var(--foreground-color);
    font-size: calc(12.8173032px + 4.1826968 * ((100vw - 320px) / 1120));
    font-weight: 400;
    letter-spacing: 0.1em;
    min-height: calc(45px + 0 * ((100vw - 320px) / 1120));
    margin-left: calc(15px + 0 * ((100vw - 320px) / 1120));
    margin-right: calc(15px + 0 * ((100vw - 320px) / 1120));
    padding: 0;
    pointer-events: none;
    transform-origin: top left;
    text-transform: uppercase;
    transition-property: color, opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

    .form-field label + br {
        display: none;
    }

.form-field input[type=tel],
.form-field input[type=file],
.form-field input[type=text],
.form-field input[type=phone],
.form-field input[type=email],
.form-field input[type=number],
.form-field input[type=password],
.form-field select,
.form-field textarea {
    appearance: none;
    background: transparent;
    border: none;
    border-bottom: calc(1px + 0 * ((100vw - 320px) / 1120)) solid #141414;
    border-radius: 0;
    color: var(--foreground-color);
    display: block;
    font-size: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));
    font-weight: normal;
    letter-spacing: 0.1em;
    min-height: calc(45px + 0 * ((100vw - 320px) / 1120));
    padding-left: calc(15px + 0 * ((100vw - 320px) / 1120));
    padding-right: calc(15px + 0 * ((100vw - 320px) / 1120));
    width: 100%;
}

    .form-field input[type=tel][disabled], .form-field input[type=tel][readonly],
    .form-field input[type=file][disabled],
    .form-field input[type=file][readonly],
    .form-field input[type=text][disabled],
    .form-field input[type=text][readonly],
    .form-field input[type=phone][disabled],
    .form-field input[type=phone][readonly],
    .form-field input[type=email][disabled],
    .form-field input[type=email][readonly],
    .form-field input[type=number][disabled],
    .form-field input[type=number][readonly],
    .form-field input[type=password][disabled],
    .form-field input[type=password][readonly],
    .form-field select[disabled],
    .form-field select[readonly],
    .form-field textarea[disabled],
    .form-field textarea[readonly] {
        background: transparent;
        color: #999999;
        opacity: 1;
    }

        .form-field input[type=tel][disabled]:focus, .form-field input[type=tel][readonly]:focus,
        .form-field input[type=file][disabled]:focus,
        .form-field input[type=file][readonly]:focus,
        .form-field input[type=text][disabled]:focus,
        .form-field input[type=text][readonly]:focus,
        .form-field input[type=phone][disabled]:focus,
        .form-field input[type=phone][readonly]:focus,
        .form-field input[type=email][disabled]:focus,
        .form-field input[type=email][readonly]:focus,
        .form-field input[type=number][disabled]:focus,
        .form-field input[type=number][readonly]:focus,
        .form-field input[type=password][disabled]:focus,
        .form-field input[type=password][readonly]:focus,
        .form-field select[disabled]:focus,
        .form-field select[readonly]:focus,
        .form-field textarea[disabled]:focus,
        .form-field textarea[readonly]:focus {
            border-color: #34d79e;
        }

.form-field select {
    background: url(../images/chevron-down.svg) no-repeat center right;
    background-size: calc(15px + 0 * ((100vw - 320px) / 1120)) auto;
    margin-top: 0.5rem !important;
}

.form-field--textarea {
    height: calc(45px + 135 * ((100vw - 320px) / 1120));
}

    .form-field--textarea textarea {
        appearance: none;
        height: calc(45px + 135 * ((100vw - 320px) / 1120));
        padding-top: calc(15px + 5 * ((100vw - 320px) / 1120));
        resize: none;
    }

.form-field--check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    min-height: calc(23.117976px + 26.882024 * ((100vw - 320px) / 1120));
}

    .form-field--check label {
        position: relative;
        top: auto;
        left: auto;
        font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));
    }

    .form-field--check input[type=checkbox] {
        appearance: none;
        background: url(../images/form-check.html) no-repeat center center;
        background-size: contain;
        border: none;
        border-radius: 0;
        cursor: pointer;
        display: block;
        height: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));
        margin: 0px;
        margin-right: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
        position: relative;
        width: calc(1px + 0 * ((100vw - 320px) / 1120));
    }

        .form-field--check input[type=checkbox]:checked {
            background: url(../images/form-check-checked.html) no-repeat center center;
            background-size: contain;
        }

        .form-field--check input[type=checkbox]:focus {
            outline: none;
        }

    .form-field--check.acceptance-section label {
        position: relative;
        text-transform: none;
        transform: none;
        margin: 0 0 1.5rem;
    }

    .form-field--check.acceptance-section .wpcf7-list-item {
        margin: 0;
    }

    .form-field--check.acceptance-section input[type=checkbox] {
        pointer-events: auto;
        position: relative;
        display: block;
        background: transparent;
        border: solid #141414 1px;
        width: 1.2rem;
        height: 1.2rem;
        margin: 0 1rem 0 0;
        border-radius: 0;
        cursor: pointer;
        transition: all ease 0.4s;
    }

        .form-field--check.acceptance-section input[type=checkbox]:checked {
            background: #141414;
        }

    .form-field--check.acceptance-section .wpcf7-not-valid-tip {
        margin-top: 0;
        padding-left: 0;
    }

.form-field--radio {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1;
    -moz-box-flex: 0;
    -moz-flex: 0 1;
    -ms-flex: 0 1;
    flex: 0 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    width: auto;
}

    .form-field--radio label {
        position: relative;
        top: auto;
        left: auto;
        font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));
        font-weight: normal;
        height: auto;
        margin: 0px;
        margin-bottom: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
        min-height: 0;
        min-width: 0;
    }

    .form-field--radio input[type=radio] {
        position: relative;
        appearance: none;
        background: url(../images/form-check.html) no-repeat center center;
        background-size: contain;
        border: none;
        border-radius: 0;
        cursor: pointer;
        display: block;
        margin: 0;
        margin-right: calc(10.632312px + -0.632312 * ((100vw - 320px) / 1120));
        height: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));
        width: calc(1px + 0 * ((100vw - 320px) / 1120));
    }

        .form-field--radio input[type=radio]:checked {
            background: url(../images/form-check-checked.html) no-repeat center center;
            background-size: contain;
        }

        .form-field--radio input[type=radio]:focus {
            outline: none;
        }

    .form-field--radio .form-radio-options {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        margin-left: calc(13.753728px + 6.246272 * ((100vw - 320px) / 1120));
        margin-right: calc(13.753728px + 6.246272 * ((100vw - 320px) / 1120));
    }

        .form-field--radio .form-radio-options label {
            position: relative;
            height: auto;
            min-height: 0;
            margin: 0;
            margin-right: calc(10.632312px + -0.632312 * ((100vw - 320px) / 1120));
        }

.form-field--file input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    cursor: pointer;
    opacity: 0.001;
    height: 100%;
    width: 100%;
}

.form-field--file .form-file-value {
    font-size: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    min-height: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
    overflow: hidden;
    padding-left: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    padding-right: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    white-space: nowrap;
}

.form-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

    .form-footer [type=submit] {
        position: relative;
        background: transparent;
        border: none;
        border-radius: 0px;
        color: inherit;
        cursor: pointer;
        font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));
        font-weight: 400;
        display: block;
        letter-spacing: 0.15em;
        margin: 0px;
        padding: 0px;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .form-footer .button--submit:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        background: #141414;
        transform: scaleX(0);
        transform-origin: center left;
        transition-property: transform;
        transition-duration: 750ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 5;
    }

    .form-footer .button--submit .spinner {
        z-index: 10;
    }

.form--sending .form-footer .button--submit:after {
    transform: none;
}

.form--sending .form-footer .button--submit .spinner {
    opacity: 1;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
}

.wpcf7-form .wpcf7-not-valid-tip {
    position: relative;
    display: block;
    color: #d71921;
    font-size: calc(11.5687368px + 1.4312632 * ((100vw - 320px) / 1120));
    font-weight: normal;
    margin-top: calc(9.071604px + -4.071604 * ((100vw - 320px) / 1120));
    padding-left: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    padding-right: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    text-transform: uppercase;
}

.wpcf7-form .wpcf7-validation-errors {
    border: calc(1px + 0 * ((100vw - 320px) / 1120)) solid #d71921;
    border-radius: calc(8.7594624px + -4.7594624 * ((100vw - 320px) / 1120));
    background: transparent;
    font-size: calc(13.1294448px + 4.8705552 * ((100vw - 320px) / 1120));
    font-weight: normal;
    padding: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    text-align: center;
    letter-spacing: 0.05em;
}

.wpcf7-form .wpcf7-mail-sent-ok {
    border: calc(1px + 0 * ((100vw - 320px) / 1120)) solid #141414;
    border-radius: calc(8.7594624px + -4.7594624 * ((100vw - 320px) / 1120));
    background: transparent;
    font-size: calc(13.1294448px + 4.8705552 * ((100vw - 320px) / 1120));
    font-weight: normal;
    padding: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    text-align: center;
    color: var(--foreground-color);
    letter-spacing: 0.05em;
}

.wpcf7-form.unaccepted .acceptance-section .wpcf7-list-item-label {
    color: #d71921;
}

.wpcf7-form.unaccepted .acceptance-section input[type=checkbox] {
    border-color: #d71921;
}

::-webkit-input-placeholder {
    color: #f5f5f5;
}

:-moz-placeholder {
    color: #f5f5f5;
}

::-moz-placeholder {
    color: #f5f5f5;
}

:-ms-input-placeholder {
    color: #f5f5f5;
}

.sticky {
    position: sticky;
    top: 0;
}

.image {
    overflow: hidden;
}

    .image img {
        display: block;
    }

    .image.image--fit {
        position: relative;
    }

        .image.image--fit img {
            height: auto;
            object-fit: contain;
            object-position: center center;
            width: 100%;
        }

    .image.image--fill {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .image.image--fill img {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            width: 100%;
        }

    .image .frame {
        position: relative;
        height: 100%;
        width: 100%;
    }

.video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    overflow: hidden;
}

    .video video {
        height: 100%;
        opacity: 0;
        object-fit: cover;
        transition-property: opacity, transform;
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        width: 100%;
    }

    .video.video--playing video {
        opacity: 1;
    }

    .video.video--loading .spinner {
        opacity: 1;
    }

    .video.video--loading:not([data-autoplay=true]) .spinner {
        opacity: 0;
    }

    .video.video--playing .spinner {
        opacity: 0;
    }

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: spinner-rotate 3s linear infinite;
    border: calc(2px + 0 * ((100vw - 320px) / 1120)) solid #ffffff;
    border-radius: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    border-left-color: transparent;
    height: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    margin-top: calc(calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120)) * -0.5);
    margin-left: calc(calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120)) * -0.5);
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
}

@keyframes spinner-rotate {
    to {
        transform: rotate(360deg);
    }
}

.button {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    cursor: pointer;
    transition-property: opacity, transform, border-color;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

    .button:before {
        position: absolute;
        top: 50%;
        right: calc(-15px + -15 * ((100vw - 320px) / 1120));
        bottom: 0;
        left: calc(-15px + -15 * ((100vw - 320px) / 1120));
        border-top: calc(1px + 0 * ((100vw - 320px) / 1120)) solid var(--foreground-color);
        border-left: calc(1px + 0 * ((100vw - 320px) / 1120)) solid var(--foreground-color);
        border-right: calc(1px + 0 * ((100vw - 320px) / 1120)) solid var(--foreground-color);
        border-bottom: calc(1px + 0 * ((100vw - 320px) / 1120)) solid var(--foreground-color);
        content: "";
        display: block;
        min-height: calc(45px + 15 * ((100vw - 320px) / 1120));
        opacity: 0;
        transform-origin: center center;
        transform: translateY(-50%) translateX(calc(2.828772px + -17.828772 * ((100vw - 320px) / 1120)));
        transition-property: opacity, transform;
        transition-duration: 500ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

.no-touchevents .button:hover:before {
    opacity: 1;
    transform: translateY(-50%);
}

.wysiwyg .button {
    text-decoration: none;
    background: none;
}

.button-label {
    position: relative;
    color: #fff;
    font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));
    font-weight: 400;
    display: block;
    letter-spacing: 0.15em;
    text-align: left;
    text-transform: uppercase;
    transition-property: color;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    white-space: nowrap;
}

@media (max-width: 991px) {
    .button-label {
        white-space: normal;
    }
}

.button-label:not(:last-child) {
    margin-right: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
}

.button-arrow {
    position: relative;
    height: calc(1px + 0 * ((100vw - 320px) / 1120));
    min-height: 1px;
    max-height: 2px;
    width: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
}

.button-arrow-bar,
.button-arrow-top,
.button-arrow-bot {
    transform-origin: center right;
    transition-property: background-color, opacity, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.button-arrow-bar {
    background: #fff;
    display: block;
    height: calc(1px + 0 * ((100vw - 320px) / 1120));
    min-height: 1px;
    max-height: 2px;
    transform: scaleX(0);
    width: 100%;
}

.ready .visible-on-screen .button-arrow-bar {
    transform: none;
}

.no-touchevents .button:hover .button-arrow-bar {
    transform: scaleX(1.15);
}

.button-arrow-top,
.button-arrow-bot {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    display: block;
    height: calc(1px + 0 * ((100vw - 320px) / 1120));
    width: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
}

.button-arrow-top {
    transform: rotate(35deg) scaleX(0);
}

.ready .visible-on-screen .button-arrow-top {
    transform: rotate(35deg);
}

.no-touchevents .button:hover .button-arrow-top {
    transform: rotate(35deg) scaleX(1.5);
}

.button-arrow-bot {
    transform: rotate(-35deg) scaleX(0);
}

.ready .visible-on-screen .button-arrow-bot {
    transform: rotate(-35deg);
}

.no-touchevents .button:hover .button-arrow-bot {
    transform: rotate(-35deg) scaleX(1.5);
}

.button.button--rect {
    border: 1px solid #fff;
    margin: 0px;
    min-height: calc(45px + 45 * ((100vw - 320px) / 1120));
    padding: 0px;
    padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
    padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
}

    .button.button--rect:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgb(158, 144, 101);
        content: "";
        display: block;
        height: 100%;
        opacity: 1;
        transform: scaleX(0);
        transform-origin: center left;
        transition-property: transform;
        transition-duration: 500ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

.no-touchevents .button.button--rect:hover:before {
    transform: none;
}

.no-touchevents .button.button--rect:hover .button-label {
    color: #ffffff;
}

.no-touchevents .button.button--rect:hover .button-arrow-bar,
.no-touchevents .button.button--rect:hover .button-arrow-top,
.no-touchevents .button.button--rect:hover .button-arrow-bot {
    background: #ffffff;
}

.button.button--rect-filled {
    border: 1px solid var(--foreground-color);
    background: var(--foreground-color);
    margin: 0px;
    min-height: calc(45px + 45 * ((100vw - 320px) / 1120));
    padding: 0px;
    padding-left: calc(15px + 30 * ((100vw - 320px) / 1120));
    padding-right: calc(15px + 30 * ((100vw - 320px) / 1120));
}

    .button.button--rect-filled:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: none;
        background: #FFF;
        content: "";
        display: block;
        height: 100%;
        opacity: 1;
        transform: scaleX(0);
        transform-origin: center left;
        transition-property: transform;
        transition-duration: 500ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .button.button--rect-filled .button-label {
        color: #FFF;
    }

    .button.button--rect-filled .button-arrow-bar,
    .button.button--rect-filled .button-arrow-top,
    .button.button--rect-filled .button-arrow-bot {
        background: #FFF;
    }

.no-touchevents .button.button--rect-filled:hover:before {
    transform: none;
}

.no-touchevents .button.button--rect-filled:hover .button-label {
    color: #fff;
}

.no-touchevents .button.button--rect-filled:hover .button-arrow-bar,
.no-touchevents .button.button--rect-filled:hover .button-arrow-top,
.no-touchevents .button.button--rect-filled:hover .button-arrow-bot {
    background: #fff;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.home .horizontal-layout-content {
    margin-top: -100vh;
}

@media (min-width: 1920px) {
    .home .horizontal-layout-content {
        margin-left: calc( 8.3333333333vw + 34.7222222222vw + 16.6666666667vw + 4.1666666667vw );
    }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .home .horizontal-layout-content {
        margin-left: calc( 8.3333333333vw + 34.7222222222vw + 16.6666666667vw + 4.1666666667vw );
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .home .horizontal-layout-content {
        margin-left: calc( 8.3333333333vw + 34.7222222222vw + 16.6666666667vw + 4.1666666667vw );
    }
}

@media (max-width: 1199px) {
    .home .horizontal-layout-content {
        margin-top: 0px;
        margin-left: 0px;
    }
}

.container {
    margin-left: 8.3333333333vw;
    margin-right: 8.3333333333vw;
    width: calc(100% - 16.6666666667vw);
}

.main-layout {
    padding: 0px;
    transition-property: transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.smooth-scrolling .main-layout {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

@media (max-width: 991px) {
    .main-layout {
        padding-right: 0px;
    }
}

.ready .main-layout {
    transform: none;
}

.smooth-scrolling .main-layout-scroller {
    height: 100%;
    width: 100%;
}

.main-layout-scroller .scroll-content {
    padding: 0;
    padding-right: 15px;
    /**
   * This pevents some visual glitches on chome while
   * scrolling.
   */
    will-change: transform;
}

.main-layout-scroller .scrollbar-track {
    border: none;
    border-left: 1px solid rgba(200, 200, 200, 0.25);
    background: #fafafa;
    opacity: 1;
    user-select: none;
    width: 15px;
    z-index: 10000;
}

    .main-layout-scroller .scrollbar-track:hover {
        opacity: 1;
    }

.main-layout-scroller .scrollbar-thumb {
    background: transparent;
    width: 14px;
}

    .main-layout-scroller .scrollbar-thumb::after {
        position: absolute;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px;
        background: #c1c1c1;
        border: none;
        border-radius: 4px;
        content: "";
        display: block;
        transition-property: background-color;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

    .main-layout-scroller .scrollbar-thumb:hover::after {
        background: #7d7d7d;
    }

.main-layout-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    height: 12.5vw;
    padding: 0px;
    padding-left: 4.1666666667vw;
    padding-right: 4.1666666667vw;
    z-index: 540;
    right: 8.3333333333vw;
}

@media (max-width: 991px) {
    .main-layout-header {
        height: 90px;
        padding-left: 2.0833333333vw;
        padding-right: 2.0833333333vw;
        right: 90px;
    }
}

@media (max-width: 575px) {
    .main-layout-header {
        right: 60px;
    }
}

.main-layout-header .button .button-label {
    color: #75FA78;
}

.main-layout-header .button .button-arrow {
    transform: rotate(90deg);
}

    .main-layout-header .button .button-arrow .button-arrow-bar,
    .main-layout-header .button .button-arrow .button-arrow-top,
    .main-layout-header .button .button-arrow .button-arrow-bot {
        background: #75FA78;
    }

    .main-layout-header .button .button-arrow .button-arrow-bar {
        transform: none;
    }

    .main-layout-header .button .button-arrow .button-arrow-top {
        transform: rotate(35deg);
    }

    .main-layout-header .button .button-arrow .button-arrow-bot {
        transform: rotate(-35deg);
    }

.main-layout-header-title,
.main-layout-header-aside {
    width: 33.3333%;
}

@media (max-width: 1199px) {
    .main-layout-header-title,
    .main-layout-header-aside {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .main-layout-header-title,
    .main-layout-header-aside {
        width: 100%;
    }
}

.main-layout-header-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

@media (max-width: 1199px) {
    .main-layout-header-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        justify-content: flex-end;
    }
}

@media (max-width: 991px) {
    .main-layout-header-title {
        display: none;
    }
}

.main-layout-header-aside:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
}

.main-layout-header-aside:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

@media (max-width: 1199px) {
    .main-layout-header-aside.main-layout-header-aside--rg {
        display: none;
    }
}

.main-layout-header-logo {
    max-width: 80%;
}

@media (max-width: 991px) {
    .main-layout-header-logo {
        width: calc(160px + 300 * ((100vw - 320px) / 1120)) !important;
    }
}

.main-layout-header-logo a {
    display: block;
}

.main-layout-header-logo img {
    display: block;
    height: auto;
    width: 100%;
}

.main-layout-logo {
    position: absolute;
    top: calc(35.60364px + 54.39636 * ((100vw - 320px) / 1120));
    left: 8.3333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    z-index: 500;
    height: calc(20px + 15 * ((100vw - 320px) / 1120));
    width: calc(145px + 105 * ((100vw - 320px) / 1120));
}

.native-scrolling .main-layout-logo.main-layout-logo--static {
    position: fixed;
}

.single-project .main-layout-logo {
    display: none;
}

.main-layout-logo a {
    display: block;
    min-height: 100%;
    min-width: 100%;
}

.main-layout-logo svg {
    display: block;
    height: auto;
    min-width: 120px;
    width: 100%;
}

    .main-layout-logo svg path {
        fill: var(--foreground-color);
        transition-property: transform, opacity;
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    }

.main-layout-logo img {
    display: block;
    height: auto;
    min-width: 140px;
    width: 100%;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(2) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 240ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(3) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 210ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(4) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 180ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(5) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 150ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(6) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 120ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(7) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 90ms;
}

.main-layout-logo.main-layout-logo--small svg path:nth-child(8) {
    opacity: 0;
    transform-origin: center center;
    transition-delay: 60ms;
}

.main-layout-logo.main-layout-logo--hidden {
    display: none;
}

.menu-open .main-layout-logo {
    display: none;
}

.main-layout-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--background-color);
    color: var(--foreground-color);
    opacity: 0;
    overflow: hidden;
    transition-property: opacity, transform, visibility;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden;
    z-index: 500;
}

.menu-open .main-layout-menu {
    opacity: 1;
    visibility: visible;
}

.main-layout-menu .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 100%;
    transform: translateX(50%);
    transition-property: opacity, transform;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-open .main-layout-menu .container {
    transform: none;
}

.main-layout-menu .menu {
    margin: 0px;
    padding: 0px;
}

.main-layout-menu .menu-item {
    position: relative;
    list-style: none;
    list-style-position: outside;
    width: 100%;
}

    .main-layout-menu .menu-item.wpml-ls-item {
        display: none;
    }

@media (max-width: 991px) {
    .main-layout-menu .menu-item.wpml-ls-item {
        display: block;
    }
}

.main-layout-menu .menu-item a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    color: var(--foreground-color);
    font-size: calc(30px + 10 * ((100vw - 320px) / 1120));
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.5;
    text-transform: uppercase;
    transition-property: opacity, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    text-align: center;
}

.no-touchevents .main-layout-menu .menu-item a:hover {
    transform: translateX(calc(-1.853352px + -28.146648 * ((100vw - 320px) / 1120)));
}

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(1) {
        transform: translateX(-0.05em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(2) {
        transform: translateX(-0.1em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(3) {
        transform: translateX(-0.15em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(4) {
        transform: translateX(-0.2em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(5) {
        transform: translateX(-0.25em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(6) {
        transform: translateX(-0.3em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(7) {
        transform: translateX(-0.35em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(8) {
        transform: translateX(-0.4em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(9) {
        transform: translateX(-0.45em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(10) {
        transform: translateX(-0.5em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(11) {
        transform: translateX(-0.55em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(12) {
        transform: translateX(-0.6em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(13) {
        transform: translateX(-0.65em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(14) {
        transform: translateX(-0.7em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(15) {
        transform: translateX(-0.75em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(16) {
        transform: translateX(-0.8em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(17) {
        transform: translateX(-0.85em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(18) {
        transform: translateX(-0.9em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(19) {
        transform: translateX(-0.95em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-label span:nth-child(20) {
        transform: translateX(-1em);
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-arrow-bar {
        transform: none;
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-arrow-top {
        transform: rotate(45deg) scaleX(1);
        transition-delay: 75ms;
    }

    .no-touchevents .main-layout-menu .menu-item a:hover .menu-item-arrow-bot {
        transform: rotate(-45deg) scaleX(1);
        transition-delay: 150ms;
    }

.main-layout-menu .menu-item a .menu-item-label span {
    display: inline-block;
    transform-origin: center left;
    transition-property: letter-spacing, opacity, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.main-layout-menu .menu-item a .menu-item-arrow {
    position: absolute;
    top: 50%;
    left: 100%;
    height: calc(1px + 0 * ((100vw - 320px) / 1120));
    margin-left: calc(26.239392px + 33.760608 * ((100vw - 320px) / 1120));
    transition-property: transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: calc(41.846472px + 68.153528 * ((100vw - 320px) / 1120));
}

@media (max-width: 575px) {
    .main-layout-menu .menu-item a .menu-item-arrow {
        width: 4.1666666667vw;
    }
}

.main-layout-menu .menu-item a .menu-item-arrow-bar,
.main-layout-menu .menu-item a .menu-item-arrow-top,
.main-layout-menu .menu-item a .menu-item-arrow-bot {
    transform-origin: center right;
    transition-property: background-color, opacity, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.main-layout-menu .menu-item a .menu-item-arrow-bar {
    background: var(--foreground-color);
    display: block;
    height: calc(2px + 0 * ((100vw - 320px) / 1120));
    transform: scaleX(0);
    width: 100%;
}

.main-layout-menu .menu-item a .menu-item-arrow-top,
.main-layout-menu .menu-item a .menu-item-arrow-bot {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--foreground-color);
    display: block;
    height: calc(2px + 0 * ((100vw - 320px) / 1120));
    width: calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));
}

@media (max-width: 575px) {
    .main-layout-menu .menu-item a .menu-item-arrow-top,
    .main-layout-menu .menu-item a .menu-item-arrow-bot {
        width: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    }
}

.main-layout-menu .menu-item a .menu-item-arrow-top {
    transform: rotate(45deg) scaleX(0);
}

.main-layout-menu .menu-item a .menu-item-arrow-bot {
    transform: rotate(-45deg) scaleX(0);
}

.main-layout-menu-bar {
    position: fixed;
    top: 0;
    right: 0px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    background: var(--background-color);
    color: var(--foreground-color);
    overflow: hidden;
    padding-top: calc(35.60364px + 14.39636 * ((100vw - 320px) / 1120));
    padding-bottom: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
    transition-property: background-color, color, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 8.3333333333vw;
    z-index: 550;
    /*
   * This has to be set to 15px when the scrollbars from
   * the scrolling container are visible
   */
    right: 15px;
}

@media (max-width: 991px) {
    .main-layout-menu-bar {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 90px;
    }
}

@media (max-width: 575px) {
    .main-layout-menu-bar {
        width: 60px;
    }
}

.main-layout-menu-bar:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--foreground-color);
    content: "";
    display: block;
    opacity: 0.5;
    width: calc(1px + 0 * ((100vw - 320px) / 1120));
}

@media (max-width: 991px) {
    .main-layout-menu-bar:before {
        display: none;
    }
}

.main-layout-menu-bar.main-layout-menu-bar--borderless:before {
    opacity: 0;
}

.menu-open .main-layout-menu-bar.main-layout-menu-bar--borderless:before {
    opacity: 0.5;
}

@media (max-width: 1199px) {
    .main-layout-menu-bar {
        right: 0px;
    }
}

@media (max-width: 991px) {
    .main-layout-menu-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
        background: transparent;
        border: none;
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: auto;
    }
}

.segue-loading .main-layout-menu-bar {
    transform: translateX(100%);
}

.main-layout-menu-bar .sidebar-navigation-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    transition-property: opacity, visibility;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
}

@media (max-width: 991px) {
    .main-layout-menu-bar .sidebar-navigation-container {
        display: none;
    }
}

.menu-open .main-layout-menu-bar .sidebar-navigation-container {
    opacity: 0;
    visibility: hidden;
}

.main-layout-menu-bar .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%;
    margin: 0;
    padding: 0;
}

.main-layout-menu-bar .menu-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-family: 'Parkinsans-Regular';
    font-weight: 400;
    font-size: calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));
    list-style: none;
    list-style-position: outside;
    letter-spacing: 0.15em;
    margin-bottom: calc(12.19302px + 2.80698 * ((100vw - 320px) / 1120));
    padding: 0px;
    text-transform: uppercase;
    transition-property: transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    white-space: nowrap;
    width: 100%;
}

.menu-open .main-layout-menu-bar .menu-item {
    transform: translateX(-100%);
}

.no-touchevents .main-layout-menu-bar .menu-item:hover .children {
    opacity: 1;
    visibility: visible;
}

.main-layout-menu-bar .menu-item a {
    writing-mode: tb;
    writing-mode: vertical-lr;
    display: block;
}

.main-layout-menu-bar .menu-item.current-menu-item:after, .main-layout-menu-bar .menu-item.current-menu-item-ancestor:after {
    transform: none;
}

.main-layout-menu-bar .menu-item.wpml-ls-item {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
}

    .main-layout-menu-bar .menu-item.wpml-ls-item a {
        writing-mode: horizontal-tb;
    }

.no-touchevents .main-layout-menu-bar .menu-item:hover:after {
    transform: none;
}

.main-layout-menu-bar .menu-item a {
    color: inherit;
}

.main-layout-menu-bar-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));
    width: 100%;
}

@media (max-width: 991px) {
    .main-layout-menu-bar-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        background: var(--background-color);
        height: 90px;
        margin: 0px;
        width: 90px;
    }
}

@media (max-width: 575px) {
    .main-layout-menu-bar-button {
        height: 60px;
        width: 60px;
    }
}

.main-layout-menu-bar-button-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: calc(15.314436px + 9.685564 * ((100vw - 320px) / 1120));
    width: calc(15.314436px + 9.685564 * ((100vw - 320px) / 1120));
}

@media (max-width: 991px) {
    .main-layout-menu-bar-button-icon {
        transform: translateX(-10%) rotate(-90deg);
    }
}

.main-layout-menu-bar-button-icon-bar {
    background: var(--foreground-color);
    height: 25px;
    margin-left: 4px;
    margin-right: 4px;
    min-width: 2px;
    max-width: 4px;
    transition-property: height, transform;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 2px;
}

    .main-layout-menu-bar-button-icon-bar:nth-child(1), .main-layout-menu-bar-button-icon-bar:nth-child(3) {
        height: 15px;
    }

.menu-open .main-layout-menu-bar-button-icon-bar:nth-child(1), u-open .main-layout-menu-bar-button-icon-bar:nth-child(3) {
    height: 25px;
    transform: translateX(5px) rotate(-45deg);
}

.main-layout-menu-bar-button-icon-bar:nth-child(2) {
    height: 25px;
}

.menu-open .main-layout-menu-bar-button-icon-bar:nth-child(2) {
    height: 25px;
    transform: translateX(-5px) rotate(45deg);
}

.main-layout-menu-bar-button-label {
    position: absolute;
    top: 4.8611111111vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    writing-mode: tb;
    writing-mode: vertical-lr;
    font-family: 'Parkinsans-Light';
    font-weight: 300;
    font-size: calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));
    letter-spacing: 0.15em;
    opacity: 0;
    text-transform: uppercase;
    transform: translateX(100%);
    transition-property: opacity, transform, visibility;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    visibility: hidden;
    width: 100%;
}

@media (max-width: 991px) {
    .main-layout-menu-bar-button-label {
        display: none;
    }
}

.menu-open .main-layout-menu-bar-button-label {
    opacity: 1;
    transform: none;
    transition-delay: 500ms;
    visibility: visible;
}

.main-layout-menu-logo {
    position: absolute;
    top: calc(32.482224px + 47.517776 * ((100vw - 320px) / 1120));
    left: calc(32.482224px + 47.517776 * ((100vw - 320px) / 1120));
    height: calc(18.435852px + 16.564148 * ((100vw - 320px) / 1120));
    width: calc(18.435852px + 16.564148 * ((100vw - 320px) / 1120));
}

    .main-layout-menu-logo svg {
        display: block;
        height: auto;
        width: 100%;
    }

        .main-layout-menu-logo svg path {
            stroke: var(--foreground-color);
            fill: var(--background-color);
            transition-property: fill;
            transition-duration: 500ms;
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

.no-touchevents .main-layout-menu-logo:hover path {
    fill: var(--foreground-color);
}

.main-layout-content {
    overflow: hidden;
    width: 100%;
}

.native-scrolling .main-layout-content {
    /*
   * This is required to make position sticky work
   * properly in native scrolling cases.
   */
    overflow: visible;
}

.main-layout-footer {
    position: relative;
}

    .main-layout-footer .container {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        justify-content: flex-start;
    }

.main-layout-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translate3d(0, 0, 0);
}

    .main-layout-loading.main-layout-loading--enter {
        transform: translateY(100%);
    }

        .main-layout-loading.main-layout-loading--enter.main-layout-loading--enter-active {
            transform: none;
            transition-property: transform;
            transition-duration: 750ms;
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

    .main-layout-loading.main-layout-loading--leave {
        transform: none;
    }

        .main-layout-loading.main-layout-loading--leave.main-layout-loading--leave-active {
            transform: translateY(-100%);
            transition-property: transform;
            transition-duration: 750ms;
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

    .main-layout-loading.main-layout-loading--unload {
        transform: translateY(100%);
    }

        .main-layout-loading.main-layout-loading--unload.main-layout-loading--unload-active {
            transform: translateY(0%);
            transition-property: transform;
            transition-duration: 750ms;
            transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

        .main-layout-loading.main-layout-loading--unload .main-layout-loading-content {
            opacity: 0;
        }

    .main-layout-loading.main-layout-loading--gone {
        display: none;
    }

.main-layout-loading-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: main-layout-loading-content 1000ms cubic-bezier(0.23, 1, 0.32, 1) 1;
    transform: translate3d(0, 0, 0);
}

.main-layout-loading-logo:nth-child(1) {
    animation: main-layout-loading-logo 1.5s ease-in-out 400ms infinite;
}

    .main-layout-loading-logo:nth-child(1) .main-layout-loading-logo-word {
        animation: main-layout-loading-logo-word 1.5s ease-in-out 400ms infinite;
    }

.main-layout-loading-logo:nth-child(2) {
    animation: main-layout-loading-logo 1.5s ease-in-out 300ms infinite;
}

    .main-layout-loading-logo:nth-child(2) .main-layout-loading-logo-word {
        animation: main-layout-loading-logo-word 1.5s ease-in-out 300ms infinite;
    }

.main-layout-loading-logo:nth-child(3) {
    animation: main-layout-loading-logo 1.5s ease-in-out 200ms infinite;
}

    .main-layout-loading-logo:nth-child(3) .main-layout-loading-logo-word {
        animation: main-layout-loading-logo-word 1.5s ease-in-out 200ms infinite;
    }

.main-layout-loading-logo:nth-child(4) {
    animation: main-layout-loading-logo 1.5s ease-in-out 100ms infinite;
}

    .main-layout-loading-logo:nth-child(4) .main-layout-loading-logo-word {
        animation: main-layout-loading-logo-word 1.5s ease-in-out 100ms infinite;
    }

.main-layout-loading-logo:nth-child(5) {
    animation: main-layout-loading-logo 1.5s ease-in-out 0ms infinite;
}

    .main-layout-loading-logo:nth-child(5) .main-layout-loading-logo-word {
        animation: main-layout-loading-logo-word 1.5s ease-in-out 0ms infinite;
    }

.main-layout-loading-logo-word {
    transform: translate3d(0, 0, 0);
    transform-origin: 50% 50%;
}

@keyframes main-layout-loading-content {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes main-layout-loading-logo {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, -1.5vw, 0);
    }

    55% {
        transform: translate3d(0, 0, 0);
    }

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

@keyframes main-layout-loading-logo-word {
    0% {
        fill: #075146;
    }

    9% {
        fill: #075146;
    }

    10% {
        fill: #D7CAC4;
    }

    16% {
        fill: #D7CAC4;
    }

    18% {
        fill: #075146;
    }

    100% {
        fill: #075146;
    }
}

.horizontal-layout {
    position: relative;
    height: 100vh;
    pointer-events: none;
    transition-property: opacity, visibility;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    width: 100%;
    z-index: 100;
}

@media (max-width: 1199px) {
    .horizontal-layout {
        height: auto;
        width: auto;
    }
}

.horizontal-layout.horizontal-layout--enabled .container {
    margin-left: 4.1666666667vw;
    margin-right: 4.1666666667vw;
    width: calc(100% - 8.3333333333vw);
}

.horizontal-layout.horizontal-layout--hidden {
    opacity: 0;
    visibility: hidden;
}

.horizontal-layout.horizontal-layout--white-background {
    --background-color: #ffffff;
}

.horizontal-layout.horizontal-layout--beige-background {
    --background-color: #E4DEDB;
}

.horizontal-layout.horizontal-layout--green-background {
    --background-color: #075146;
}

.horizontal-layout.horizontal-layout--black-background {
    --background-color: #141414;
}

.horizontal-layout.horizontal-layout--white-foreground {
    --foreground-color: #ffffff;
}

.horizontal-layout.horizontal-layout--beige-foreground {
    --foreground-color: #E4DEDB;
}

.horizontal-layout.horizontal-layout--green-foreground {
    --foreground-color: #2a2727;
}

.horizontal-layout.horizontal-layout--green-foregroundA {
    --foreground-colorA: rgb(42 39 39 / 37%);
}

.horizontal-layout.horizontal-layout--black-foreground {
    --foreground-color: #141414;
}

.horizontal-layout-wrapper {
    position: relative;
    height: 100vh;
    pointer-events: none;
    width: 100%;
}

@media (max-width: 1199px) {
    .horizontal-layout-wrapper {
        height: auto;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.horizontal-layout-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    background: var(--background-color);
    pointer-events: auto;
    height: 100vh;
}

@media (max-width: 1199px) {
    .horizontal-layout-content {
        display: block;
        height: auto;
        min-height: 100vh;
        max-height: none;
        /*
     * This is a hack to make the margin work properly.
     */
        border: 1px solid var(--background-color);
    }
}

#menu-item-30:hover {
    border-radius: 50%;
    background: #dcf8C6;
    height: 40px;
    width: 40px;
    padding: 19px;
}

.contenedorWhats {
    position: fixed;
    bottom: 80px;
    right: 60px;
    padding: 6px;
}

    .contenedorWhats:hover {
        background: #000;
        border-radius: 50%;
        padding: 6px;
    }