@font-face {
    font-family: 'VelaSans-Regular';
    src: local(''),
       url('/fonts/VelaSans/Static/Web/VelaSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/VelaSans/Static/Web/VelaSans-Regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/VelaSans/Static/TTF/VelaSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'VelaSans-SemiBold';
    src: local(''),
        url('/fonts/VelaSans/Static/Web/VelaSans-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/VelaSans/Static/Web/VelaSans-SemiBold.woff') format('woff'), /* Modern Browsers */
        url('/fonts/VelaSans/Static/TTF/VelaSans-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'VelaSans-Light';
    src: local(''),
        url('/fonts/VelaSans/Static/Web/VelaSans-Light.woff2') format('woff2'), /* Super Modern Browsers */
        url('/fonts/VelaSans/Static/Web/VelaSans-Light.woff') format('woff'), /* Modern Browsers */
        url('/fonts/VelaSans/Static/TTF/VelaSans-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}



@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}



:root {
    --color-accent: #0C8381;
    --color-accent-two: #FF7A00;
    --color-accent-three: #00212C;
    --color-main: #000;
    --color-main-two: #151B1D;
    --color-main-three: #333333;
    --color-description: #BDBDBD;
    --color-description-two: #E0E0E0;
    --color-description-three: #737373;
    --color-alternative: #fff;
    --color-alternative-two: #F4F4F6;
    --color-alternative-three: rgba(245, 245, 245, 0.64);
    --color-alternative-four: #F5F5F5;

    /* --width-logo: 115px;
    --column-gap-menu: 40px;
    --height-header: 163px;
    --height-menu: 64px; */

    --m-lr: calc((100vw - 1400px) / 2);
    --m-lr-two: 24px;
    --m-b: 80px;

    --m-lr-slider: 15px;

    --border-radius: 32px;

    --transition-delay: .2s;
}

* {
    font-family: 'VelaSans-Regular';
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

/* ::selection {
    background: var(--color-accent);
} */

::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 13px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: var(--color-alternative-two);
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-accent);
}

::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 12px;
    height: 0px;
}

::-webkit-scrollbar {
    width: 12px;
}

.hide-scroll {
    scrollbar-width: none;
}

.hide-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.hidden {
    display: none !important;
}

body {
    min-height: 100vh;
}

a {
    color: var(--color-main);
    text-decoration: none;
    transition: color var(--transition-delay);
    -webkit-tap-highlight-color: transparent;
}

a:hover,
a:hover span {
    color: var(--color-accent);
}

img {
    max-width: 100%;
}

h1, h2 {
    font-weight: normal;
}

iframe {
    border: none;
}

/* Block accordeon */
.block-accordeon .item .content {
    display: none;
}

/* Block list */
.block-list {
    --item-font-size: 16px;
}

.block-list .item {
    font-size: var(--item-font-size);
    position: relative;
    padding-left: 24px;
}

.block-list .item::after {
    content: '';
    background-color: var(--color-description-three);
    line-height: 150%;
    position: absolute;
    top: calc(var(--item-font-size) * 1.5 / 2 - 4px / 2);
    left: calc(24px / 2 - 4px / 2);
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

/* Default slider */
.sldr,
.sldr-two {
    display: grid;
}

.sldr-two .slick-slide {
    display: grid;
}

.sldr-two .slick-slide > div {
    display: grid;
    grid-auto-flow: column;
}

.sldr-two .slick-slide > div:not(:last-child) {
    margin-bottom: var(--m-lr-two);
}

.sldr-two .slick-slide > div .item {
    width: auto !important;
}

.sldr .slick-track,
.sldr-two .slick-track {
    margin-left: 0;
    margin-right: 0;
}

.sldr.s-m-lr .slick-list,
.sldr-two.s-m-lr .slick-list {
    margin-left: calc(var(--m-lr-two) / 2 * -1);
    margin-right: calc(var(--m-lr-two) / 2 * -1);
}

.sldr.s-i-m-lr .slick-slide,
.sldr-two.s-i-m-lr .slick-slide > div .item {
    margin: 0 calc(var(--m-lr-two) / 2);
}

.sldr.s-si .item:not(.slick-slide),
.sldr-two.s-si .slick-track > div:not(.slick-slide) {display: none !important;}
.sldr.s-si .item:not(.slick-slide):first-child,
.sldr-two.s-si .slick-track > div:not(.slick-slide):first-child {display: grid !important;}

.slider-arrows {
    display: grid;
    grid-auto-flow: column;
    column-gap: 24px;
    position: relative;
    min-width: calc(24px + 17px * 2);
    height: 24px;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--transition-delay), background-image var(--transition-delay);
}

.slider-arrows .slick-arrow {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    column-gap: 8px;
    position: absolute;
    top: 0;
    height: 100%;
}

.slider-arrows.sa-two .slick-arrow {
    color: var(--color-description-three);
}

.slider-arrows .slick-arrow .image {
    background-image: url('/images/icons/arrow-two-right-green.svg');
    background-repeat: no-repeat;
    background-size: auto 20px;
    background-position: center;
    width: 24px;
    height: 100%;
    border: 1px solid var(--color-accent);
    border-radius: 50%;
    transition: background-image var(--transition-delay);
}

.slider-arrows.sa-two .slick-arrow .image {
    background-image: url('/images/icons/arrow-right-gray.svg');
    border: none;
}

.slider-arrows .slick-arrow.prev-arrow {
    left: 0;
}

.slider-arrows .slick-arrow.next-arrow {
    right: 0;
}

.slider-arrows .slick-arrow:not(.slick-disabled) {
    cursor: pointer;
}

.slider-arrows .prev-arrow .image {
    transform: rotate(180deg);
}

.slider-arrows .slick-arrow.slick-disabled {
    opacity: .5;
}

.slider-dots {
    list-style-type: none;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-auto-flow: column;
    column-gap: 12px;
    height: 100%;
    margin: auto;
}

.slider-dots li button {
    background-color: var(--color-accent);
    font-size: 0;
    line-height: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    cursor: pointer;
    opacity: .5;
    transition: opacity var(--transition-delay);
}

.slider-dots li.slick-active button {
    opacity: 1;
}

.sd-number .slider-dots {
    column-gap: 2px;
}

.slider-dots.sd-number li button {
    background-color: var(--color-alternative);
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: var(--color-main);
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

.slider-dots.sd-number li.slick-active button {
    background-color: var(--color-alternative-four);
    opacity: 1;
}

.slider-dots.sd-short li:not(.active) {
    display: none;
}

.slider-dots.sd-short li.slick-active {
    display: block;
}

.slider-dots.sd-short li.active + li:not(.active) {
    display: block;
}

.slider-dots.sd-short li.active + li:not(.active) button {
    background-image: url('/images/icons/three-dots-gray.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 24px;
    font-size: 0;
}

.slider-arrows.slider-arrows-plug {
    justify-self: center;
}

.slider-arrows.slider-arrows-plug .slider-dots {
    margin: 0 4px;
}

.slider-arrows.slider-arrows-plug .slick-arrow.prev-arrow {left: -24px;}
.slider-arrows.slider-arrows-plug .slick-arrow.next-arrow {right: -24px;}

.slider-arrows.sa-with-number {
    height: 40px;
}

/* Block stories */
.stories.snapgram .story.seen > a > .item-preview {
    background: var(--color-alternative-two);
}

.stories.carousel {
    touch-action: auto;
    scrollbar-width: none;
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.stories.carousel::-webkit-scrollbar-track {
    background-color: var(--color-alternative);
}

.stories.carousel::-webkit-scrollbar-thumb {
    background-color: var(--color-alternative);
}

.stories.carousel .story {
    width: var(--size-story);
    max-width: 200px;
    margin: 0 1.2%;
}

.stories.carousel .story > .item-link > .item-preview {
    background: var(--color-alternative);
    height: var(--size-story);
    max-height: 200px;
}

.stories.carousel .story > .item-link > .info .name {
    color: black;
    font-size: 14px;
    white-space: normal;
}

.stories.snapgram .story.seen > a > .item-preview {
    background: none;
}

.stories.snapgram .story > .item-link > .item-preview img,
#zuck-modal-content .story-viewer .head .item-preview img {
    filter: sepia(100%) hue-rotate(120deg) saturate(200%);
}

.stories.snapgram .story > .item-link > .item-preview > * {
    border:none;
}

.stories.snapgram .story > .item-link > .item-preview {
    background: #dbfffe;
    padding: 4px;
}

#zuck-modal-content .story-viewer.with-back-button .head .left > .back,
#zuck-modal-content .story-viewer .head .right .close {
    display: none;
}

#zuck-modal-custom-close {
    background-image: url('/images/icons/close-green.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: 14px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 110000;
}

#zuck-modal-content .story-viewer .tip.muted {
    bottom: 74px;
}

/* Fix height image in zuck modal content */
#zuck-modal-content .story-viewer .slides .item > .media {
    top: 50%;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

/* Fix color link */
#zuck-modal-content .story-viewer .tip.link[href="#prevent"] {
    color: var(--color-alternative) !important;
}

/* Global margin */
.m-t-64 {margin-top: 64px;}
.m-t-16 {margin-top: 16px;}

.m-b {margin-bottom: var(--m-b);}
.m-b-64 {margin-bottom: 64px;}
.m-b-40 {margin-bottom: 40px;}
.m-b-32 {margin-bottom: 32px;}
.m-b-24 {margin-bottom: 24px;}
.m-b-20 {margin-bottom: 20px;}
.m-b-16 {margin-bottom: 16px;}
.m-b-12 {margin-bottom: 12px;}
.m-b-8 {margin-bottom: 8px;}

.m-lr,
.m-l {
    margin-left: var(--m-lr);
}

.m-lr,
.m-r {
    margin-right: var(--m-lr);
}

/* Global padding */
.p-lr {
    padding-left: var(--m-lr);
    padding-right: var(--m-lr);
}

.p-24 {
    padding: 24px;
}

/* Contact button */
.contact-button {
    background-color: var(--color-accent);
    color: var(--color-alternative);
    font-size: 14px;
    line-height: 150%;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    padding: 16px 32px;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: background-color var(--transition-delay), color var(--transition-delay), border-color var(--transition-delay);
}

.contact-button.cb-two {
    background-color: var(--color-alternative);
}

.contact-button.cb-three {
    background-color: var(--color-alternative-two);
}

.contact-button.cb-two,
.contact-button.cb-three {
    color: var(--color-main);
    border: 1px solid var(--color-description-two);
}

.contact-button.cb-four {
    background-color: var(--color-accent-two);
}

.contact-button:hover {
    background-color: var(--color-accent-two);
    color: var(--color-alternative);
}

.contact-button.cb-two:hover,
.contact-button.cb-three:hover {
    border-color: var(--color-accent-two);
}

.contact-button.cb-three:hover {
    background-color: var(--color-alternative-two);
    color: var(--color-main);
}

.contact-button.cb-four:hover {
    background-color: var(--color-accent);
}

.contact-button.cb-with-arrow {
    background-image: url('/images/icons/arrow-bottom-right.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center right 28px;
    padding-right: calc(6px + 20px + 28px);
}

.contact-button.cb-min {
    font-size: 12px;
    line-height: 135%;
    padding: 8px 14px;
}

/* image-lazy */
.image-lazy {
    background: none !important;
}

/* Default text */
.title {
    font-family: 'VelaSans-SemiBold';
    font-size: 32px;
    line-height: 110%;
}

.subtitle {
    font-family: 'VelaSans-SemiBold';
    font-size: 24px;
    line-height: 110%;
}

.name {
    font-family: 'VelaSans-SemiBold';
    font-size: 18px;
    line-height: 135%;
}

.text,
.description {
    font-size: 14px;
    line-height: 150%;

}

.description {
    color: var(--color-description);
}

.title.center,
.name.center,
.text.center,
.description.center {
    text-align: center;
}

.c-accent,
.c-alt,
.c-d-three {
    font-family: inherit;
    font-size: inherit;
}

.c-accent {color: var(--color-accent);}
.c-alt {color: var(--color-alternative);}
.c-alt-three {color: var(--color-alternative-three);}
.c-d-three {color: var(--color-description-three);}

.nowrap {
    font-family: inherit;
    font-size: inherit;
    white-space: nowrap;
}

.bold {
    font-family: 'VelaSans-SemiBold';
}

.title span,
.subtitle span,
.name span,
.text span,
.description span {
    font-family: inherit;
    font-size: inherit;
}

.f-s-20 {font-size: 20px;}
.f-s-16 {font-size: 16px;}
.f-s-12 {font-size: 12px;}

/* Default image */
.icon-image,
.image {
    background-repeat: no-repeat;
}

.image {
    background-position: center;
    background-size: cover;
    display: block;
}

.image.contain {background-size: contain;}

.image.contain-h {background-size: auto 100%;}

.icon-image {--icon-image-size: 24px;}
.icon-image.s-30 {--icon-image-size: 30px;}
.icon-image.s-16 {--icon-image-size: 16px;}
.icon-image.s-8 {--icon-image-size: 8px;}

.icon-image {
    background-position: left center;
    background-size: var(--icon-image-size);
    min-height: var(--icon-image-size);
    padding-left: calc(var(--icon-image-size) + 6px);
}

.icon-image.ii-two {
    background-position: right center;
    padding-left: 0;
    padding-right: calc(var(--icon-image-size) + 6px);
}

.image .signature {
    background: rgba(0, 0, 0, 0.3);
    color: var(--color-alternative);
    display: inline-block;
    position: absolute;
    bottom: 20px;
    max-width: calc(100% - 20px * 2);
    padding: 12px 16px;
    border-radius: 16px;
}

.image .signature.start {left: 20px;}
.image .signature.end {right: 20px;}

/* Default grid */
.grid {
    display: grid;
    grid-auto-flow: column;
    gap: var(--m-lr-two);
}

.g-r {
    grid-auto-flow: row;
}

.g-u {
    grid-auto-flow: unset;
}

.g-ac-c {align-content: center;}
.g-ac-s {align-content: start;}

.g-ai-s {align-items: start;}
.g-ai-c {align-items: center;}
.g-ai-e {align-items: end;}

.g-jc-s {justify-content: start;}
.g-jc-sb {justify-content: space-between;}

.g-t-c-4 {grid-template-columns: repeat(4, 1fr);}

.g-g-64 {gap: 64px;}
.g-g-32 {gap: 32px;}
.g-g-20 {gap: 20px;}
.g-g-16 {gap: 16px;}
.g-g-12 {gap: 12px;}
.g-g-8 {gap: 8px;}
.g-g-4 {gap: 4px;}
.g-g-0 {gap: 0;}

.f-w {
    display: flex;
    flex-wrap: wrap;
}

/* Custom title block */
.title-link {
    position: relative;
}

.title-link.alt {
    cursor: pointer;
}

.title-link .wrapper-block-title {
    position: absolute;
    top: calc(24px + 8px);
    z-index: 2000;
}

.title-link .wrapper-block-title .block-title {
    transition: all var(--transition-delay);
}

.title-link:not(.active) .wrapper-block-title .block-title {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* Default block */
.wrapper-block {
    display: grid;
    gap: 40px;
}

.wrapper-block > .left,
.wrapper-block > .right {
    position: relative;
}

.br {border-radius: var(--border-radius);}

/* Modal */
body.freeze {
    overflow-y: hidden;
}

.wrapper-modal {
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 100000;
}

.wrapper-modal .modal {
    background-color: #fff;
    position: relative;
    top: 40%;
    border-radius: 15px;
    z-index: 150000;
    transition: top .6s;
}

.wrapper-modal .modal.active {
    top: 50%;
}

.wrapper-modal .modal .close {
    background-image: url('/images/icons/close-green.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: background-image var(--transition-delay);
}

.wrapper-modal .modal > .title,
.wrapper-modal .modal > .description {
    text-align: center;
}

/* Contact modal */
.wrapper-modal .modal form .data {
    display: grid;
    margin-bottom: 16px;
}

.wrapper-modal .modal form input:not(input[type="submit"]),
.wrapper-modal .modal form textarea {
    background-color: rgba(142, 137, 152, 0.04);
}

.wrapper-modal .modal form input:not(input[type="submit"]),
.wrapper-modal .modal form textarea {
    padding: 12px 16px;
    border-radius: 5px;
}

.wrapper-modal .modal form input,
.wrapper-modal .modal form textarea,
.wrapper-modal .modal form label {
    color: var(--color-main);
}

.wrapper-modal .modal form .description {
    margin-top: 16px;
}

.wrapper-modal .modal form .contact-button {
    display: block;
    min-width: 255px;
}

/* Default form fields */
input,
textarea,
button {
    background-color: transparent;
    display: block;
    border: none;
    border-radius: 12px;
}

form {
    display: grid;
    justify-items: start;
    row-gap: 16px;
    overflow: hidden;
}

form input,
form textarea,
form label {
    font-size: 14px;
    line-height: 150%;
}

form input,
form textarea {
    background-color: var(--color-alternative);
    padding: 12px;
}

form input.first-name {
    display: none;
}

form input:not([type='submit']),
form textarea {
    width: 100%;
}

form textarea {
    background-image: url('/images/icons/expand.png');
    background-position: right 3px bottom 3px;
    background-size: 12px;
    background-repeat: no-repeat;
    resize: vertical;
    min-height: 48px;
    max-height: calc(24px * 7);
}

form input[type="checkbox"] + label {
    color: var(--color-main);
}

form input[type="checkbox"] + label {
    line-height: 22px;
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

form input[type="checkbox"] + label a {
    color: var(--color-accent);
    font-size: inherit;
}

form input[type="checkbox"] + label a:hover {
    color: var(--color-accent-two) !important;
}

form input[type='checkbox'] {
    position: absolute;
    left: -9999px;
}

form input[type="checkbox"] + label::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 22px;
    height: 22px;
    border: 1px solid var(--color-alternative-three);
    border-radius: 2px;
    transition: background-color var(--transition-delay), background-image var(--transition-delay);
}

form input[type="checkbox"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3e%3cpath fill='%230C8381' d='M11.025 0.399805C10.725 0.0998047 10.275 0.0998047 9.975 0.399805L4.35 6.02481L2.025 3.69981C1.725 3.39981 1.275 3.39981 0.975 3.69981C0.675 3.99981 0.675 4.44981 0.975 4.74981L3.825 7.5998C3.975 7.7498 4.125 7.82481 4.35 7.82481C4.575 7.82481 4.725 7.7498 4.875 7.5998L11.025 1.44981C11.325 1.14981 11.325 0.699805 11.025 0.399805Z'/%3e%3c/svg%3e");
}

/* form input[type="checkbox"]:not(:checked) + label::before {
    background-color: var(--color-alternative);
} */

form input[type='checkbox'],
form input[type='submit'] {
    margin-bottom: 0;
}

form input[type='submit'],
form button {
    background-color: var(--color-accent-two);
    color: var(--color-alternative);
    line-height: 48px;
    display: block !important;
    margin-top: 16px;
    padding: 0 48px !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    -khtml-border-radius: 30px!important;
    -webkit-appearance: none;
    cursor: pointer;
    transition: background-color var(--transition-delay), filter var(--transition-delay);
}

form input[type='submit']:disabled,
form button:disabled {
    cursor: not-allowed;
    filter: brightness(0.8);
}

form input[type='submit']:not(:disabled):hover,
form button:not(:disabled):hover {
    background-color: var(--color-accent);
}

form .block-recaptcha {
    overflow-y: hidden;
}

/* MFP fix */
body.mfp-zoom-out-cur {
    overflow: hidden;
}

.mfp-container {
    height: 100vh !important;
}

img.mfp-img {
    max-width: calc(100vw - 12px) !important;
    max-height: 100vh !important;
}





/* Header */
.header .header-top {
    background-color: var(--color-alternative-two);
    align-content: center;
    height: 48px;
}

/* Block menu */
#menu {
    background-color: var(--color-alternative);
    align-items: center;
    padding: 16px var(--m-lr);
}

#menu .links a, #menu .links span  {
    font-size: 16px;
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none;
   -webkit-tap-highlight-color: transparent;
}

#menu .links {
    align-items: center;
    max-width: 800px;
}



/* Block crumbs */
.block-crumbs a,
.block-crumbs span {
    color: var(--color-description-three);
    font-size: 16px;
}

.block-crumbs span:last-child {
    color: var(--color-accent);
}

.block-crumbs a:hover {
    color: var(--color-accent);
}



/* Block welcome */
.wrapper-block-welcome .block-welcome {
    background-color: var(--color-alternative-two);
    padding: 40px;
}

.wrapper-block-welcome .wrapper-slider {
    position: relative;
}

.wrapper-block-welcome .wrapper-slider .sldr {
    background-image: url('/images/bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 32px;
}

.wrapper-block-welcome .wrapper-slider .sldr .text {
    font-size: 13px;
    letter-spacing: .2px;
    max-width: 400px;
}

.wrapper-block-welcome .wrapper-slider .block-welcome-slider-nav {
    position: absolute;
    bottom: 12px;
}



/* Block event */
.block-event {
    display: grid;
}

.block-event .item {
    background-color: var(--color-alternative-two);
    display: grid !important;
    align-items: start;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
}

.block-event .item .image {
    background-color: var(--color-alternative-two);
    background-size: 100% auto;
    background-position: top 10% center;
    /* background-size: contain; */
    height: 220px;
}

.block-event .item .info {
    padding: 24px;
}

.block-event .item .info > .name {
    font-size: 16px;
}

.block-event .item .info .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.block-event .item .buttons {
    padding: 0 24px 24px 24px;
}



/* Block event categorie */
.wrapper-block-event-categorie {
    --block-event-count: 3;
    --block-event-size: calc(100% / var(--block-event-count));

    background-color: var(--color-alternative-two);
    max-width: calc(200px * var(--block-event-count) + 4px * 2);
    padding: 4px;
    border-radius: 12px;
    z-index: 10;
}

.block-event-categorie {
    position: relative;
    grid-template-columns: repeat(var(--block-event-count), 1fr);
    overflow: hidden;
    z-index: 15;
}

.block-event-categorie .background {
    background-color: var(--color-accent);
    position: absolute;
    top: 0;
    left: 0;
    right: calc(var(--block-event-size) * (var(--block-event-count) - 1));
    height: 100%;
    border-radius: 10px;
    z-index: 20;
}

.block-event-categorie .item {
    font-size: 16px;
    text-align: center;
    align-self: center;
    position: relative;
    padding: 12px;
    transition: color var(--transition-delay) var(--transition-delay);
    cursor: pointer;
    z-index: 25;
}

.block-event-categorie .item.active {
    color: var(--color-alternative);
    transition: color var(--transition-delay);
}



/* Block event sort */
.block-event-sort .title-link .title-link-button {
    background-image: url('/images/icons/menu-sort.svg');
    background-size: 20px, 12px;
    background-position: left center, right center;
    background-repeat: no-repeat;
    position: relative;
    padding-left: calc(20px + 8px);
    padding-right: calc(8px + 12px);
}

.block-event-sort .title-link .title-link-button::after {
    content: '';
    background-image: url('/images/icons/arrow-two-bottom.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 12px;
    height: 100%;
    transition: transform var(--transition-delay);
}

.block-event-sort .title-link.active .title-link-button::after {
    background-image: url('/images/icons/arrow-two-bottom-orange.svg');
    transform: rotateX(180deg);
}

.block-event-sort .title-link .wrapper-block-title {
    right: 0;
}

.block-event-sort .title-link .wrapper-block-title .block-title {
    background-color: var(--color-alternative);
    padding: 4px 0;
    border-radius: 8px;
    border: 1px solid var(--color-alternative-two);
}

.block-event-sort .title-link .wrapper-block-title .block-title .item {
    padding: 10px 28px;
    transition: background-color var(--transition-delay);
    cursor: pointer;
}

.block-event-sort .title-link .wrapper-block-title .block-title .item:hover {
    background-color: var(--color-alternative-two);
}

.block-event-sort .wrapper-block-title .block-title .item.active {
    background-color: var(--color-alternative-two);
}



/* Block counters */
.block-counters .item .wrapper-number {
    font-size: 40px;
}

.block-counters .item .wrapper-number .plus {
    color: var(--color-accent-two);
}



/* Block how was it */
.wrapper-block-how-was-it {
    background-color: var(--color-main-two);
    padding-top: 80px;
    padding-bottom: 80px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.wrapper-block-how-was-it .title {
    color: var(--color-alternative);
}

.wrapper-block-how-was-it .block-how-was-it .image {
    background-size: 100% auto;
    background-position: center;
    min-height: 250px;
    border-radius: 16px;
    transition: background-size var(--transition-delay);
}

.wrapper-block-how-was-it .block-how-was-it .image:hover {
    background-size: 120% auto;
}



/* Block reviews */
.block-reviews .item {
    position: relative;
    padding: 32px 32px calc(24px + 21px + 32px) 32px;
    border: 1px solid var(--color-description);
}

.block-reviews .item .name {
    font-size: 16px;
}

.block-reviews .item .date {
    position: absolute;
    left: 32px;
    bottom: 32px;
}



/* Block brands */
.block-brands.sldr:not(.reverse) .slick-list,
.block-brands.sldr:not(.reverse) .slick-slide.item {
    transform: rotate(180deg);
}

.block-brands .item {
    background-color: var(--color-alternative-two);
    display: grid !important;
    align-items: center;
    justify-items: center;

    width: 300px;
    height: 140px;

    padding: 16px;
}

.block-brands .item .image {
    background-size: contain !important;
    width: 100%;
    max-width: 70%;
    height: 100%;
    max-height: 50%;
    transition: filter var(--transition-delay), opacity var(--transition-delay);
}

.block-brands .item:not(:hover) .image {
    filter: grayscale(1);
    opacity: .5;
}



/* Contact form */
.block-contact-form {
    background-color: var(--color-alternative-two);
    background-position: right;
    background-size: 60% 100%;
    position: relative;
    padding: 40px;
}

.block-contact-form form input[type="checkbox"] + label::before {
    border-color: #6670858F;
}

.block-contact-form-two {
    background-color: var(--color-accent-three);
    position: relative;
    padding: 40px 32px;
}

.block-contact-form-two {
    background-image: url('/images/bg-three.jpg');
}

.block-contact-form-two form input[type="checkbox"] + label {
    color: var(--color-alternative-three);
}

.block-contact-form-two form input[type="checkbox"] + label a {
    color: var(--color-alternative);
}

.block-contact-form-two form button {
    background-color: var(--color-accent);
    justify-self: stretch;
}

.block-contact-form-two form button:hover {
    background-color: var(--color-accent-two);
}



/* Footer */
.footer {
    background-color: var(--color-main-two);
    padding-top: 56px;
    padding-bottom: 44px;
}

.footer .description {
    color: #8C8C8C;
}

.footer a.description:hover {
    color: var(--color-alternative);
}

.footer .socials .icon-image {
    background-position: center;
    background-color: 343538;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}



/* Block socials */
.block-socials .item {
    background-color: var(--color-alternative-two);
    padding: 24px;
}

.block-socials .item .image {
    background-color: var(--color-accent-two);
    background-position: center;
    background-size: 24px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
}



/* Block event header */
.wrapper-block-event-header {
    background-image: url('/images/bg-three.jpg');
    position: relative;
    padding-top: 48px;
    padding-bottom: 48px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
}

.wrapper-block-event-header .left {
    max-width: 800px;
    z-index: 100;
}

.wrapper-block-event-header .block-crumbs a,
.wrapper-block-event-header .block-crumbs span {
    color: var(--color-alternative-three);
    font-size: 12px;
}

.wrapper-block-event-header .block-crumbs span:last-child {
    color: var(--color-alternative);
}

.wrapper-block-event-header .date .image {
    background-color: var(--color-accent);
    background-position: center;
    background-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.wrapper-block-event-header .wrapper-price .description {
    text-decoration: line-through;
}

.wrapper-block-event-header .contact-button.cb-three {
    background-color: transparent;
    color: var(--color-alternative);
}

.wrapper-block-event-header .right.image {
    background-position: center bottom;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 440px;
    z-index: 90;
}



/* Block event program */
.wrapper-block-event-program > .title {
    display: inline-block;
    padding: 12px 24px;
    border-radius: 30px;
    border: 1px solid var(--color-accent-two);
}

.block-event-program > .item:not(:last-child) {
    padding-bottom: 16px;
}

.block-event-program .item .name {
    font-size: 24px;
    position: relative;
    padding: 16px 0;
    cursor: pointer;
    border-top: 1px solid var(--color-alternative-four);
}

.block-event-program .item .name:not(.empty)::after {
    content: '';
    background-image: url('/images/icons/arrow-top-right-orange.svg');
    background-position: center;
    background-size: auto 32px;
    background-repeat: no-repeat;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0;
    border-radius: 50%;
    transition: transform .2s;
    transform: rotate(90deg);
}

.block-event-program .item .name.active::after {
    background-image: url('/images/icons/arrow-top-right-black.svg');
    transform: rotate(0deg);
}



/* Block lector */
.block-lector .item .image {
    background-position: center;
    background-size: contain;
    min-height: 450px;
    height: 100%;
}



/* Block event order form */
.block-event-order-form {
    background-color: var(--color-alternative-two);
    padding: 32px;
}

.block-event-order-form .wrapper-price .description {
    text-decoration: line-through;
}

.block-event-order-form form input[type="checkbox"] + label::before {
    border-color: #6670858F;
}



/* Block video */
.item.block-video {
    overflow: hidden;
}





/* Media */
@media screen and (max-width: 1500px) {
    :root {
        --m-lr: 24px;
    }
}

@media screen and (max-width: 1200px) {
    .block-contact-form {
        background-image: none !important;
    }
    .block-contact-form .image .signature {
        display: none;
    }

    .block-contact-form form button {
        justify-self: stretch;
    }

    .block-contact-form-two {
        --heart-size: 256px;
        padding-bottom: calc(var(--heart-size) + 20px);
    }

    .block-contact-form-two > .image {
        background-size: auto calc(100% - 40px);
        background-position: bottom 20px center;
        position: absolute;
        width: 100%;
        height: var(--heart-size);
        left: 0;
        right: 0;
        bottom: 0;
    }

    .wrapper-block-event-order-form > .image {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .laptop-i {display: none !important;}

    .l-g-t-c-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    :root {
        --size-story: 130px;

        --m-lr: 16px;
        --m-lr-two: 16px;

        --m-b: 64px;
    }

    .desktop {
        display: none;
    }



    .m-f-s-28 {font-size: 28px;}



    /* Default image */
    .image.m-h-350 {
        height: 350px;
    }



    .contact-button {
        padding: 12px 24px;
    }

    .contact-button.cb-with-arrow {
        padding-left: calc(6px + 20px + 28px);
    }



    /* Global margin */
    .m-m-t-8 {margin-top: 8px;}

    .m-m-b-16 {margin-bottom: 16px;}



    /* Default slider */
    .sldr.m-s-i-m-lr .slick-slide,
    .sldr-two.m-s-i-m-lr .slick-slide {
        margin: 0 var(--m-lr-two);
    }

    .sldr.m-s-si .item:not(.slick-slide),
    .sldr-two.m-s-si .item:not(.slick-slide) {
        display: none !important;
    }

    .sldr.m-s-si .item:not(.slick-slide):first-child,
    .sldr-two.m-s-si .item:not(.slick-slide):first-child {
        display: grid !important;
    }

    .slider-dots.sd-number li button {
        font-size: 12px;
        line-height: 32px;
        width: 32px;
        height: 32px;
    }

    .slider-arrows.sa-with-number {
        height: 32px;
    }



    /* Default grid */
    .m-g-r {
        grid-auto-flow: row;
    }

    .m-g-g-20 {gap: 20px;}
    .m-g-g-16 {gap: 16px;}
    .m-g-g-12 {gap: 12px;}
    .m-g-g-4 {gap: 4px;}

    .m-g-t-c-2 {grid-template-columns: repeat(2, 1fr);}
    .m-g-t-c-1 {grid-template-columns: repeat(1, 1fr);}

    .m-f-w {
        display: flex;
        flex-wrap: wrap;
    }






    /* Modal */
    .wrapper-modal .modal {
        margin: 0 12px;
        padding: 32px 16px;
        transform: translate(0, -50%);
    }

    .wrapper-modal .modal .close {
        top: 12px;
        right: 12px;
    }



    /* Block stories */
    .stories {
        margin-left: calc(var(--m-lr) * -1);
        margin-right: calc(var(--m-lr) * -1);
    }

    .stories.carousel::-webkit-scrollbar {
        display: none;
    }

    .stories.carousel .story {
        margin: 0 10px;
    }

    .stories.carousel .story:first-child {
        margin-left: var(--m-lr-two) !important;
    }

    .stories.carousel .story:last-child {
        margin-right: var(--m-lr-two) !important;
    }

    #zuck-modal-custom-close {
        right: 8px;
    }

    /* Block menu top */
    .header {
        background-color: var(--color-alternative);
        position: sticky;
        top: 0;
        z-index: 1010;
    }

    .menu-top {
        align-items: center;
        padding: 24px 0px;
    }

    .menu-top .logo {
        align-self: center;
        justify-self: start;
    }

    .menu-top .logo img {
        max-height: 44px;
    }

    :root {
        --menu-button-size: 6px;
        --menu-button-height: 2px;
    }

    .menu-top #menu-button {
        position: relative;
        width: 32px;
        height: calc(var(--menu-button-size) + var(--menu-button-size) * 2 - var(--menu-button-height));
    }

    .menu-top #menu-button > div {
        background-color: var(--color-accent);
        position: relative;
        width: 100%;
        height: var(--menu-button-height);
        opacity: 1;
        transition: opacity var(--transition-delay), top calc(var(--transition-delay) * 2), transform calc(var(--transition-delay) * 2);
    }

    .menu-top #menu-button > .item-1 {
        top: 0px;
    }

    .menu-top #menu-button > .item-2 {
        top: var(--menu-button-size);
    }

    .menu-top #menu-button > .item-3 {
        top: calc(var(--menu-button-size) * 2);
    }

    body.active_menu #menu-button > .item-1 {
        top: calc(var(--menu-button-size) + var(--menu-button-height));
        transform: rotate(135deg);
    }

    body.active_menu #menu-button > .item-2 {
        opacity: 0;
    }

    body.active_menu #menu-button > .item-3 {
        top: calc(var(--menu-button-size) - var(--menu-button-height));
        transform: rotate(45deg);
    }


    /* Block menu */
    #menu,
    .background-menu {
        position: fixed;
        bottom: 0;
        width: 100%;
        min-height: 100%;
    }

    #menu {
        background-color: var(--color-alternative);
        align-content: start;
        grid-auto-flow: row;
        left: -100%;
        right: 100%;
        padding: 68px var(--m-lr-two) 24px;
        overflow-y: scroll;
        z-index: 1000;
        transition: left calc(var(--transition-delay) * 2), right calc(var(--transition-delay) * 2);
    }

    .background-menu {
        background-color: rgba(0, 0, 0, 0.2);
        opacity: 0;
        visibility: hidden;
        z-index: 990;
        transition: all var(--transition-delay);
    }

    #menu .links {
        grid-auto-flow: row;
    }

    #menu .socials {
        justify-content: start;
    }

    body.active_menu {
        overflow: hidden;
    }

    body.active_menu .background-menu {
        opacity: 1;
        visibility: visible;
    }

    #menu.active {
        left: 0%;
        right: 0%;
    }

    #menu .links {
        justify-items: start;
    }



    .wrapper-block-welcome .block-welcome {
        padding: 32px 20px;
    }

    .wrapper-block-welcome .block-welcome .title,
    .wrapper-block-welcome .block-welcome .description {
        margin-bottom: 24px;
    }

    .wrapper-block-welcome .block-welcome .buttons {
        justify-content: normal;
        grid-auto-flow: row;
    }

    .wrapper-block-welcome > .image {
        height: 320px;
    }

    .wrapper-block-welcome > .item.block-video {
        height: 340px;
    }

    .wrapper-block-welcome .wrapper-slider .block-welcome-slider-nav {
        width: 100%;
    }



    .block-counters {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
    }



    .block-contact-form {
        padding: 24px;
    }



    .footer .info {
        grid-row: 1 / 2;
    }



    .block-socials .item {
        padding: 24px 12px;
    }



    .block-event-header .buttons :first-child {
        grid-row: 2 / 3;
    }



    .block-event-categorie .item {
        font-size: 14px;
        padding: 12px 2px;
    }



    .block-event-sort {
        justify-self: end;
    }
}

@media screen and (max-width: 374px) {
    .block-event-categorie .item {
        font-size: 12px;
    }
}

@media screen and (max-width: 350px) {
    :root {
        --m-lr: 12px;
        --m-lr-two: 12px;
    }
}



@media screen and (min-width: 769px) {
    :root {
        --size-story: calc(100vw / 6 - 1.2% * 1.8);
        /* --size-story: 160px; */
    }



    .d-f-s-48 {font-size: 48px;}
    .d-f-s-40 {font-size: 40px;}
    .d-f-s-36 {font-size: 36px;}



    /* Default image */
    .image.d-h-550 {height: 550px;}
    .image.d-h-650 {height: 650px;}



    /* Default grid */
    .d-g-t-c-2 {grid-template-columns: repeat(2, 1fr);}

    .d-g-jc-sb {justify-content: space-between;}

    .d-g-ji-e {justify-items: end;}



    .mobile {
        display: none !important;
    }



    /* Modal */
    body.freeze {
        margin-right: 12px;
    }

    .wrapper-modal .modal {
        display: inline-block;
        left: 50%;
        padding: 56px 64px;
        transform: translate(-50%, -50%);
    }

    .wrapper-modal .modal .close {
        top: 25px;
        right: 25px;
    }

    .wrapper-modal .modal form input {
        min-width: 550px;
    }

    .wrapper-modal .modal form button[type="submit"] {
        margin: 32px auto 0;
    }



    #zuck-modal-custom-close {
        right: 16px;
    }



    .wrapper-menu {
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    #menu {
        justify-content: space-between;
        gap: 16px;
    }



    .wrapper-block-welcome {
        grid-template-columns: auto minmax(330px, 638px);
    }

    .wrapper-block-welcome .block-welcome .title {
        font-size: 40px;
    }

    .wrapper-block-welcome > .image,
    .wrapper-block-welcome > .item.block-video {
        grid-area: 1 / 2 / 3 / 3;
    }

    .wrapper-block-welcome .wrapper-slider .block-welcome-slider-nav {
        right: 24px;
    }



    .block-event.sldr-two .slick-slide > div {
        grid-template-columns: repeat(2, 1fr);
    }



    .wrapper-block-how-was-it .block-how-was-it {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .wrapper-block-how-was-it .block-how-was-it .image.item-1 {
        background-size: auto 100%;
        grid-row: 1 / 3;
    }

    .wrapper-block-how-was-it .block-how-was-it .image.item-1:hover {
        background-size: auto 120%;
    }



    .block-reviews.sldr .item {
        transform: scale(.8);
        opacity: .5;
        transition: all calc(var(--transition-delay) * 2);
    }

    .block-reviews.sldr .item.slick-center {
        transform: scale(1);
        opacity: 1;
    }

    .block-reviews.sldr-two .slick-slide > div {
        grid-template-columns: repeat(2, 1fr);
    }



    .block-event-order-form {
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media screen and (min-width: 1250px) {
    .block-event .item {
        max-width: 450px;
    }
    .block-event.sldr-two .slick-slide > div {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1201px) {
    .block-contact-form form {
        max-width: 470px;
    }

    .block-contact-form > .image {
        background-size: auto 100%;
        background-position: center bottom;
        position: absolute;
        width: 60%;
        height: 620px;
        right: 0;
        bottom: 0;
    }

    .block-contact-form-two {
        background-position: center right;
        background-size: auto 100%;
    }

    .block-contact-form-two form {
        max-width: 800px;
    }

    .block-contact-form-two > .image {
        background-size: calc(100% - 96px) auto;
        background-position: center right 96px;
        position: absolute;
        width: 320px;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .block-contact-form-two form {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px 20px;
    }

    .block-contact-form-two form .wrapper-personal-data,
    .block-contact-form-two form .block-recaptcha {
        grid-column: 1 / 4;
    }

    .block-contact-form-two form button {
        grid-area: 1 / 3 / 2 / 4;
        margin-top: 0;
    }



    .wrapper-block-event-order-form {
        position: relative;
    }

    .block-event-order-form {
        width: calc(50% - 24px / 2);
    }

    .wrapper-block-event-order-form > .image {
        background-size: auto 100%;
        background-position: bottom center;
        position: absolute;
        width: calc(50% - 24px / 2);
        height: calc(100% + var(--m-b));
        right: 0;
        bottom: calc(-1 * var(--m-b));
    }
}

@media screen and (min-width: 769px) and (max-width: 1250px) {
    #menu {
        grid-template-columns: 1fr auto;
    }

    #menu .links {
        grid-area: 2 / 1 / 3 / 3;
    }
}