@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;700&family=Poppins:wght@300;400;500;700&display=swap");

:root {
    --color-brand: #129c26;
    --color-brand2: #024bb4;
    --color-error: red;
    --color-white: #fff;
    --color-black: #060606;
    --color-blacked: #060606;
    --color-font-color: #060606;
    --color-gray-bg: #f8f8f8;
    --color-white-always: #fff;
    --color-black-always: #060606;
    --default-col-gap: 24px;
    --mobile-col-gap: 16px;
    --color-white-to-black: #fff;
    --color-ruler: #e1e1e1
}

html.dark-theme:root {
    --color-black: #e9e9e9;
    --color-font-color: #e9e9e9;
    --color-white: #111;
    --color-gray-bg: #1a1a1a;
    --color-white-to-black: #1a1a1a
}

body {
    font-family: Nunito Sans, sans-serif;
    font-weight: 400
}

.header-main, .page:not(.home) .main, .single-post .main, .wp-block-image, .wp-block-video {
    padding-inline: min(max(24px, 4.1666666667vw), 80px)
}

@media only screen and (min-width: 1921px) {
    .header-main, .page:not(.home) .main, .single-post .main, .wp-block-image, .wp-block-video {
        padding-inline: calc((100% - 1860px) / 2)
    }
}

.language .lang-item, .main-nav__item {
    font-size: min(max(16px, .9375vw), 18px);
    font-weight: 400;
    color: var(--menu-font-color)
}

.language .lang-item > a, .main-nav__item > a {
    position: relative;
    z-index: 2;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
    transition: top .3s ease-out
}

@media only screen and (min-width: 760px) {
    .language .lang-item > a:hover:after, .main-nav__item > a:hover:after {
        width: 100%
    }
}

.language .lang-item > a:after, .main-nav__item > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 0;
    height: 4px;
    transform: translateX(-50%);
    background-color: var(--color-brand);
    transition: width .3s ease-in-out
}

blockquote, body, dd, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul {
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

html {
    font-family: var(--global--font-primary);
    line-height: var(--global--line-height-body)
}

*, html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

button {
    cursor: pointer
}

html {
    width: 100%;
    font-size: 16px;
    line-height: 1.43;
    scroll-behavior: smooth;
    scroll-padding-top: 1px
}

@media only screen and (min-width: 1023px) {
    html {
        font-size: 18px
    }
}

body {
    width: 100%;
    padding: 0;
    background: url(../images/bg.svg) top no-repeat;
    background-size: 100% auto;
    color: var(--color-font-color);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box
}

body:not(.home):not(page-id-107),
    background-position: center -130vh
}

@media only screen and (max-width: 413px) {
    body {
        background: url(../images/bg-mobile.svg) top no-repeat;
        background-size: 100% auto
    }
}

@media only screen and (max-width: 760px) {
    body.menu-active, body.modal-opened {
        height: 100%;
        overflow-y: hidden
    }
}

body.admin-bar {
    padding-top: 32px
}

@media only screen and (max-width: 782px) {
    body.admin-bar {
        padding-top: 46px
    }
}

body *, body:after, body:before {
    box-sizing: inherit
}

sup {
    font-size: .6em
}

.main {
    position: relative;
    min-height: 80vh
}

@media only screen and (max-width: 760px) {
    .main {
        padding-top: 80px
    }
}

.main figure {
    font-size: 0;
    line-height: 0
}

.main figure:not([class]) {
    margin: 0
}

.main picture:not([class]) {
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0
}

.main picture:not([class]) img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main ol:not([class]), .main ul:not([class]) {
    list-style-position: outside;
    padding-left: 1.33em
}

.main ol:not([class]), .main p:not([class]), .main ul:not([class]) {
    margin: 0
}

.main ol:not([class]):not(:last-child), .main p:not([class]):not(:last-child), .main ul:not([class]):not(:last-child) {
    margin-bottom: 1.3rem
}

.main p:empty {
    display: none
}

.main :is(h1,h2,h3,h4,h5,h6) {
    margin-bottom: .65em;
    color: #002151;
    font-weight: 400
}

.main a:not([class]) {
    color: #129c26;
    text-decoration: none
}

.main a:not([class]):hover {
    text-decoration: underline
}

.admin-bar .main {
    padding: 112px 0 0
}

@media only screen and (max-width: 782px) {
    .admin-bar .main {
        padding: 126px 0 0
    }
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container embed, .embed-container iframe, .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.align-center {
    text-align: center
}

@media only screen and (max-width: 782px) {
    #wpadminbar {
        position: fixed;
        max-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    #wpadminbar #wp-admin-bar-root-default li:nth-child(n+8) {
        display: none !important
    }
}

.hidden {
    display: none
}

.page-builder {
    z-index: 3;
    grid-column: 1/-1
}

.font-36-24 {
    font-size: min(max(24px, 1.875vw), 36px);
    line-height: 1.33em
}

.small {
    font-size: 14px;
    line-height: 1.3em
}

.smaller {
    font-size: .7272727273rem;
    line-height: 2.0909090909em
}

.archive-page__item-title, .bigger {
    font-size: min(max(14px, 1.25vw), 24px);
    line-height: 1.3333333333em
}

.big-title, .large {
    font-size: min(max(30px, 2.0833333333vw), 40px);
    line-height: normal
}

.big-title {
    color: #024bb4;
    font-size: min(max(24px, 2.0833333333vw), 40px)
}

.huge, .single-post__title {
    font-size: min(max(40px, 4.1666666667vw), 80px);
    line-height: 1.1875em;
    font-weight: 400
}

.enormous {
    font-size: min(max(80px, 8.3333333333vw), 160px);
    line-height: 1.05em
}

.enormous:is(p) {
    margin-block: 0
}

@media only screen and (min-width: 760px) {
    .offset-container {
        padding-left: 20%
    }
}

.brand-color {
    color: #129c26
}

.brand-color:is(a), .brand-color a {
    text-decoration: none
}

.btn--white {
    border: 1px solid #060606
}

.brand-gradient {
    background: linear-gradient(90deg, #129c26, #024bb4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.align-center {
    margin-inline: auto;
    text-align: left
}

.align-center:is(ul,p,a) {
    max-width: 606px;
    width: 100%
}

.quest-list {
    list-style: none;
    list-style-position: outside;
    margin-block: 2.5em 3.3em
}

@media only screen and (max-width: 1023px) {
    .quest-list {
        margin-block: 2em
    }
}

.quest-list li {
    position: relative;
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 1.8em;
    grid-column-gap: 1.3333333333em
}

.quest-list li > * {
    flex: 0 0 auto
}

@media only screen and (max-width: 1023px) {
    .quest-list li {
        margin-block: 1.5em
    }
}

.quest-list li:before {
    content: "";
    position: relative;
    flex: 0 0 auto;
    width: min(max(24px, 2.7083333333vw), 52px);
    height: auto;
    background: url(../images/list-bullet.svg) 50% no-repeat;
    background-size: contain;
    aspect-ratio: 52/40
}

.wp-block-video {
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    position: relative;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin-block: min(max(20px, 2.0833333333vw), 40px)
}

@media only screen and (max-width: 1023px) {
    .wp-block-video {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

.wp-block-video__btn--play-toggle {
    position: absolute;
    top: min(max(4px, .8333333333vw), 16px);
    left: min(max(4px, .8333333333vw), 16px);
    z-index: 2;
    align-content: center;
    width: calc(100% - (2 * min(max(4px, .8333333333vw), 16px)));
    height: auto;
    background: rgba(6, 6, 6, .2);
    border-radius: calc(min(max(16px, 1.25vw), 24px) - min(max(4px, .4166666667vw), 8px));
    transition: opacity .3s ease-out;
    grid-column: 3/-3;
    grid-row: 1/-1;
    aspect-ratio: 16/9;
    cursor: pointer
}

@media only screen and (max-width: 1023px) {
    .wp-block-video__btn--play-toggle {
        grid-column: 1/-1
    }
}

.wp-block-video__btn--play-toggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(max(44px, 3.75vw), 72px);
    height: auto;
    transform: translate(-50%, -50%);
    background: url(../images/play-sprite.svg) top no-repeat;
    background-size: 100% min(max(88px, 7.5vw), 144px);
    aspect-ratio: 1
}

.wp-block-video__btn--play-toggle:hover {
    opacity: 1
}

.wp-block-video--playing .wp-block-video__btn--play-toggle {
    opacity: 0
}

.wp-block-video--playing .wp-block-video__btn--play-toggle:before {
    background-position: bottom
}

.wp-block-video--playing .wp-block-video__btn--play-toggle:hover {
    opacity: 1
}

.wp-block-video--playing video[controls] + .wp-block-video__btn, .wp-block-video--playing video[controls] + .wp-element-caption + .wp-block-video__btn {
    display: none
}

.wp-block-video video:is(video) {
    z-index: 1;
    width: calc(100% - (2 * min(max(4px, .8333333333vw), 16px)));
    margin: min(max(4px, .8333333333vw), 16px);
    border-radius: calc(min(max(16px, 1.25vw), 24px) - min(max(4px, .4166666667vw), 8px));
    grid-column: 2/-2;
    aspect-ratio: 16/9
}

@media only screen and (max-width: 1023px) {
    .wp-block-video video:is(video) {
        grid-column: 1/-1
    }
}

.wp-block-video video:is(video)[controls] + .wp-element-caption {
    position: relative;
    bottom: auto;
    left: auto;
    background: rgba(6, 6, 6, 0);
    color: #060606
}

.wp-block-video .video__mute {
    position: absolute;
    right: min(max(18px, 1.6666666667vw), 32px);
    bottom: min(max(18px, 1.6666666667vw), 32px);
    z-index: 3;
    width: min(max(28px, 1.6666666667vw), 32px);
    height: min(max(28px, 1.6666666667vw), 32px);
    overflow: hidden;
    background: url(../images/btn--volume.svg) 100% no-repeat rgba(6, 6, 6, .3);
    background-size: auto 100%;
    box-shadow: 0 0 0 3px rgba(6, 6, 6, .3);
    opacity: 1;
    border-radius: 10%;
    text-align: center;
    grid-column: 3/-3;
    text-indent: -9999px
}

@media only screen and (max-width: 1023px) {
    .wp-block-video .video__mute {
        grid-column: 1/-1
    }
}

.wp-block-video .video__mute.unmuted {
    background-position: 0
}

.wp-block-video .wp-element-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: .5em;
    margin: 0;
    background: rgba(6, 6, 6, .2);
    color: #fff;
    font-size: 1rem;
    line-height: 1.66em
}

.wp-block-video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(225deg, #129c26 23.33%, #024bb4 76.67%);
    box-shadow: 0 40px 80px 0 rgba(2, 75, 180, .1);
    border-radius: min(max(16px, 1.25vw), 24px);
    grid-column: 3/-3
}

@media only screen and (max-width: 1023px) {
    .wp-block-video:after {
        grid-column: 1/-1
    }
}

.wp-block-image.is-style-full-width {
    padding-block: min(max(40px, 4.1666666667vw), 80px)
}

.wp-block-image.is-style-full-width img {
    width: 100%
}

.wp-block-image img {
    height: auto;
    max-width: 100%
}

html.dark-theme .wp-block-image img {
    filter: brightness(.5);
    background-color: inherit
}

.wp-block-image.alignright {
    text-align: right
}

.wp-block-image.aligncenter {
    text-align: center
}

img.alignright {
    float: right
}

img.aligncenter {
    margin-inline: auto
}

.wp-post-image, img[class*=wp-image] {
    position: relative;
    max-width: 100%
}

html.dark-theme .wp-post-image, html.dark-theme img[class*=wp-image] {
    filter: brightness(.5);
    background-color: inherit
}

.has-text-align-right {
    text-align: right
}

.has-text-align-center {
    text-align: center
}

[class*=-font-size] {
    line-height: 1.25
}

.bg_color_gray {
    background-color: #f8f8f8
}

.wp-block-group[class*=has-bg-color-] {
    grid-column: 1/-1
}

.wp-block-button {
    z-index: 2
}

.wp-block-button.alignright {
    margin-left: auto
}

.wp-block-button.aligncenter {
    margin-inline: auto
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    margin: 0;
    line-height: 1;
    list-style-type: none;
    pointer-events: auto
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized, .splide.is-rendered {
    visibility: visible
}

.splide__slide {
    position: relative;
    flex-shrink: 0;
    margin: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    list-style-type: none !important
}

.splide__slide img {
    vertical-align: bottom;
    position: relative
}

.splide__spinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: auto;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    contain: strict
}

.splide__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0)
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    position: relative;
    z-index: 0;
    overflow: hidden
}

@-webkit-keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes a {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list {
    display: block
}

.splide__track--fade > .splide__list > .splide__slide {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
    position: relative;
    z-index: 1;
    opacity: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    transform: translateY(-50%);
    background: #ccc;
    opacity: .7;
    border: 0;
    -ms-flex-align: center;
    cursor: pointer;
    -ms-flex-pack: center
}

.splide__arrow svg {
    fill: #060606;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    position: absolute;
    right: 0;
    bottom: .5em;
    left: 0;
    z-index: 1;
    padding: 0 1em
}

.splide__pagination__page {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 3px;
    background: #ccc;
    opacity: .7;
    border: 0;
    border-radius: 50%;
    transition: transform .2s linear
}

.splide__pagination__page.is-active {
    z-index: 1;
    transform: scale(1.4);
    background: #fff
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide.is-focus-in .splide__pagination__page:focus, .splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    height: 3px;
    background: #ccc
}

.splide__slide {
    -webkit-tap-highlight-color: transparent
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide.is-focus-in .splide__toggle:focus, .splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    top: 0;
    right: .5em;
    bottom: 0;
    left: auto;
    display: flex;
    flex-direction: column;
    padding: 1em 0
}

.splide__pagination__page {
    --btn-color: var(--font-color, var(--color-white));
    width: 20px;
    height: auto;
    padding: 0;
    transform: scale(1);
    background-color: transparent;
    opacity: 1;
    border: 3px solid var(--btn-color);
    font-size: 0;
    line-height: 0;
    transition: background-color .3s ease-out;
    aspect-ratio: 1
}

.splide__pagination__page.is-active {
    transform: scale(1);
    background-color: var(--btn-color)
}

.splide__arrows {
    position: absolute;
    right: 0;
    bottom: 8px;
    z-index: 2;
    display: inline-flex;
    gap: 8px
}

.splide__arrow {
    top: auto;
    flex: 0 0 auto;
    width: min(max(45px, 3.5416666667vw), 68px);
    padding: 0;
    transform: translate(0);
    align-self: center;
    background-color: transparent;
    opacity: 1;
    transition: all .3s ease-out
}

.splide__arrow, .splide__arrow svg {
    position: relative;
    height: auto;
    border-radius: 50%
}

.splide__arrow svg {
    --_arrow-color: var(--color-blacked);
    --_arrow-color-alt: var(--color-brand);
    --_button-color: var(--color-brand);
    --_button-color-alt: var(--color-blacked);
    --_stroke-btn-color: transparent;
    width: 100%;
    overflow: hidden
}

.splide__arrow svg.splide__arrow-svg--black {
    --_arrow-color: var(--color-white-always);
    --_arrow-color-alt: var(--color-blacked);
    --_button-color: var(--color-blacked);
    --_button-color-alt: var(--color-brand);
    --_stroke-btn-color: var(--color-brand)
}

.splide__arrow-svg-bg-1 {
    fill: var(--_button-color)
}

.splide__arrow-svg-bg-1 rect {
    stroke: var(--_stroke-btn-color)
}

.splide__arrow-svg-bg-2 {
    --_arrow-color: var(--_arrow-color-alt);
    transform: translateX(100%);
    transition: transform .3s ease-in-out;
    fill: var(--_button-color-alt)
}

.splide__arrow-svg-bg-2 rect {
    stroke: var(--_stroke-btn-color)
}

.splide__arrow-svg-arrow {
    fill: var(--_arrow-color);
    stroke: transparent
}

.splide__arrow--prev {
    left: 0
}

.splide__arrow--prev svg {
    transform: scale(1)
}

.splide__arrow--next {
    right: 0
}

.splide__arrow--next svg {
    transform: scale(-1)
}

.splide__arrow:not(:disabled) {
    cursor: pointer
}

.splide__arrow:hover:not(:disabled) .splide__arrow-svg-bg-2 {
    transform: translateX(0)
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration) / 2);
    animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes b {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes b {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }
    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: b;
    animation-name: b;
    transform-origin: center bottom
}

@-webkit-keyframes c {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes c {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: c;
    animation-name: c
}

@-webkit-keyframes d {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes d {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes e {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes e {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: e;
    animation-name: e
}

@-webkit-keyframes f {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes f {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: f;
    animation-name: f
}

@-webkit-keyframes g {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(0, -10px, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes g {
    0%, to {
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(0, -10px, 0)
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: g;
    animation-name: g
}

@-webkit-keyframes h {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

@keyframes h {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: h;
    animation-name: h
}

@-webkit-keyframes i {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes i {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.animate__swing {
    transform-origin: top center;
    -webkit-animation-name: i;
    animation-name: i
}

@-webkit-keyframes j {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes j {
    0% {
        transform: scaleX(1)
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: j;
    animation-name: j
}

@-webkit-keyframes k {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes k {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: k;
    animation-name: k
}

@-webkit-keyframes l {
    0%, 11.1%, to {
        transform: translateZ(0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes l {
    0%, 11.1%, to {
        transform: translateZ(0)
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: l;
    animation-name: l;
    transform-origin: center
}

@-webkit-keyframes m {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}

@keyframes m {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.3)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.3)
    }
    70% {
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: m;
    animation-name: m;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes n {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes n {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: n;
    animation-name: n
}

@-webkit-keyframes o {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes o {
    0% {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: o;
    animation-name: o
}

@-webkit-keyframes p {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes p {
    0% {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: p;
    animation-name: p
}

@-webkit-keyframes q {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes q {
    0% {
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }
    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: q;
    animation-name: q
}

@-webkit-keyframes r {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes r {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: r;
    animation-name: r
}

@-webkit-keyframes s {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes s {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: s;
    animation-name: s
}

@-webkit-keyframes t {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes t {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateX(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: t;
    animation-name: t
}

@-webkit-keyframes u {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes u {
    0% {
        transform: scale(1);
        opacity: 1
    }
    20% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }
    to {
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: u;
    animation-name: u
}

@-webkit-keyframes v {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes v {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        transform: scaleX(1);
        opacity: 1
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: v;
    animation-name: v
}

@-webkit-keyframes w {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(.9);
        opacity: 1
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes w {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(0, -3000px, 0) scaleY(3);
        opacity: 0
    }
    60% {
        transform: translate3d(0, 25px, 0) scaleY(.9);
        opacity: 1
    }
    75% {
        transform: translate3d(0, -10px, 0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, 5px, 0) scaleY(.985)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: w;
    animation-name: w
}

@-webkit-keyframes x {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(-3000px, 0, 0) scaleX(3);
        opacity: 0
    }
    60% {
        transform: translate3d(25px, 0, 0) scaleX(1);
        opacity: 1
    }
    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes x {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(-3000px, 0, 0) scaleX(3);
        opacity: 0
    }
    60% {
        transform: translate3d(25px, 0, 0) scaleX(1);
        opacity: 1
    }
    75% {
        transform: translate3d(-10px, 0, 0) scaleX(.98)
    }
    90% {
        transform: translate3d(5px, 0, 0) scaleX(.995)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: x;
    animation-name: x
}

@-webkit-keyframes y {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(3000px, 0, 0) scaleX(3);
        opacity: 0
    }
    60% {
        transform: translate3d(-25px, 0, 0) scaleX(1);
        opacity: 1
    }
    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }
    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes y {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(3000px, 0, 0) scaleX(3);
        opacity: 0
    }
    60% {
        transform: translate3d(-25px, 0, 0) scaleX(1);
        opacity: 1
    }
    75% {
        transform: translate3d(10px, 0, 0) scaleX(.98)
    }
    90% {
        transform: translate3d(-5px, 0, 0) scaleX(.995)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: y;
    animation-name: y
}

@-webkit-keyframes z {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(0, 3000px, 0) scaleY(5);
        opacity: 0
    }
    60% {
        transform: translate3d(0, -20px, 0) scaleY(.9);
        opacity: 1
    }
    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes z {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        transform: translate3d(0, 3000px, 0) scaleY(5);
        opacity: 0
    }
    60% {
        transform: translate3d(0, -20px, 0) scaleY(.9);
        opacity: 1
    }
    75% {
        transform: translate3d(0, 10px, 0) scaleY(.95)
    }
    90% {
        transform: translate3d(0, -5px, 0) scaleY(.985)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: z;
    animation-name: z
}

@-webkit-keyframes A {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    to {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
}

@keyframes A {
    20% {
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1
    }
    to {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: A;
    animation-name: A
}

@-webkit-keyframes B {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }
    40%, 45% {
        transform: translate3d(0, -20px, 0) scaleY(.9);
        opacity: 1
    }
    to {
        transform: translate3d(0, 2000px, 0) scaleY(3);
        opacity: 0
    }
}

@keyframes B {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }
    40%, 45% {
        transform: translate3d(0, -20px, 0) scaleY(.9);
        opacity: 1
    }
    to {
        transform: translate3d(0, 2000px, 0) scaleY(3);
        opacity: 0
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: B;
    animation-name: B
}

@-webkit-keyframes C {
    20% {
        transform: translate3d(20px, 0, 0) scaleX(.9);
        opacity: 1
    }
    to {
        transform: translate3d(-2000px, 0, 0) scaleX(2);
        opacity: 0
    }
}

@keyframes C {
    20% {
        transform: translate3d(20px, 0, 0) scaleX(.9);
        opacity: 1
    }
    to {
        transform: translate3d(-2000px, 0, 0) scaleX(2);
        opacity: 0
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: C;
    animation-name: C
}

@-webkit-keyframes D {
    20% {
        transform: translate3d(-20px, 0, 0) scaleX(.9);
        opacity: 1
    }
    to {
        transform: translate3d(2000px, 0, 0) scaleX(2);
        opacity: 0
    }
}

@keyframes D {
    20% {
        transform: translate3d(-20px, 0, 0) scaleX(.9);
        opacity: 1
    }
    to {
        transform: translate3d(2000px, 0, 0) scaleX(2);
        opacity: 0
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: D;
    animation-name: D
}

@-webkit-keyframes E {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }
    40%, 45% {
        transform: translate3d(0, 20px, 0) scaleY(.9);
        opacity: 1
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0
    }
}

@keyframes E {
    20% {
        transform: translate3d(0, -10px, 0) scaleY(.985)
    }
    40%, 45% {
        transform: translate3d(0, 20px, 0) scaleY(.9);
        opacity: 1
    }
    to {
        transform: translate3d(0, -2000px, 0) scaleY(3);
        opacity: 0
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: E;
    animation-name: E
}

@-webkit-keyframes F {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes F {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: F;
    animation-name: F
}

@-webkit-keyframes G {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes G {
    0% {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInDown {
    -webkit-animation-name: G;
    animation-name: G
}

@-webkit-keyframes H {
    0% {
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes H {
    0% {
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: H;
    animation-name: H
}

@-webkit-keyframes I {
    0% {
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes I {
    0% {
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: I;
    animation-name: I
}

@-webkit-keyframes J {
    0% {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes J {
    0% {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: J;
    animation-name: J
}

@-webkit-keyframes K {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes K {
    0% {
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRight {
    -webkit-animation-name: K;
    animation-name: K
}

@-webkit-keyframes L {
    0% {
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes L {
    0% {
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: L;
    animation-name: L
}

@-webkit-keyframes M {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes M {
    0% {
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUp {
    -webkit-animation-name: M;
    animation-name: M
}

@-webkit-keyframes N {
    0% {
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes N {
    0% {
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: N;
    animation-name: N
}

@-webkit-keyframes O {
    0% {
        transform: translate3d(-100%, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes O {
    0% {
        transform: translate3d(-100%, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: O;
    animation-name: O
}

@-webkit-keyframes P {
    0% {
        transform: translate3d(100%, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes P {
    0% {
        transform: translate3d(100%, -100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: P;
    animation-name: P
}

@-webkit-keyframes Q {
    0% {
        transform: translate3d(-100%, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes Q {
    0% {
        transform: translate3d(-100%, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: Q;
    animation-name: Q
}

@-webkit-keyframes R {
    0% {
        transform: translate3d(100%, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes R {
    0% {
        transform: translate3d(100%, 100%, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: R;
    animation-name: R
}

@-webkit-keyframes S {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes S {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: S;
    animation-name: S
}

@-webkit-keyframes T {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

@keyframes T {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: T;
    animation-name: T
}

@-webkit-keyframes U {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
}

@keyframes U {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, 2000px, 0);
        opacity: 0
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: U;
    animation-name: U
}

@-webkit-keyframes V {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

@keyframes V {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: V;
    animation-name: V
}

@-webkit-keyframes W {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes W {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: W;
    animation-name: W
}

@-webkit-keyframes X {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

@keyframes X {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0);
        opacity: 0
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: X;
    animation-name: X
}

@-webkit-keyframes Y {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
}

@keyframes Y {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(2000px, 0, 0);
        opacity: 0
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: Y;
    animation-name: Y
}

@-webkit-keyframes Z {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

@keyframes Z {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, -100%, 0);
        opacity: 0
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: Z;
    animation-name: Z
}

@-webkit-keyframes ab {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
}

@keyframes ab {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(0, -2000px, 0);
        opacity: 0
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: ab;
    animation-name: ab
}

@-webkit-keyframes bb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(-100%, -100%, 0);
        opacity: 0
    }
}

@keyframes bb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(-100%, -100%, 0);
        opacity: 0
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: bb;
    animation-name: bb
}

@-webkit-keyframes cb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(100%, -100%, 0);
        opacity: 0
    }
}

@keyframes cb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(100%, -100%, 0);
        opacity: 0
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: cb;
    animation-name: cb
}

@-webkit-keyframes db {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(100%, 100%, 0);
        opacity: 0
    }
}

@keyframes db {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(100%, 100%, 0);
        opacity: 0
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: db;
    animation-name: db
}

@-webkit-keyframes eb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 100%, 0);
        opacity: 0
    }
}

@keyframes eb {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 100%, 0);
        opacity: 0
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: eb;
    animation-name: eb
}

@-webkit-keyframes fb {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes fb {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: fb;
    animation-name: fb
}

@-webkit-keyframes gb {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes gb {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: gb;
    animation-name: gb
}

@-webkit-keyframes hb {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

@keyframes hb {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: hb;
    animation-name: hb
}

@-webkit-keyframes ib {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes ib {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: ib;
    animation-name: ib;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes jb {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes jb {
    0% {
        transform: perspective(400px)
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: jb;
    animation-name: jb
}

@-webkit-keyframes kb {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes kb {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        transform: skewX(-5deg)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: kb;
    animation-name: kb;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lb {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    60% {
        transform: skewX(-20deg);
        opacity: 1
    }
    80% {
        transform: skewX(5deg)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes lb {
    0% {
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }
    60% {
        transform: skewX(-20deg);
        opacity: 1
    }
    80% {
        transform: skewX(5deg)
    }
    to {
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lb;
    animation-name: lb;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes mb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes mb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: mb;
    animation-name: mb;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes nb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes nb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: nb;
    animation-name: nb;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes ob {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes ob {
    0% {
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: ob;
    animation-name: ob;
    transform-origin: center
}

@-webkit-keyframes pb {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes pb {
    0% {
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: pb;
    animation-name: pb;
    transform-origin: left bottom
}

.animate__rotateInDownRight {
    -webkit-animation-name: qb;
    animation-name: qb;
    transform-origin: right bottom
}

@-webkit-keyframes qb {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes qb {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: qb;
    animation-name: qb;
    transform-origin: left bottom
}

@-webkit-keyframes rb {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rb {
    0% {
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rb;
    animation-name: rb;
    transform-origin: right bottom
}

@-webkit-keyframes sb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes sb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: sb;
    animation-name: sb;
    transform-origin: center
}

@-webkit-keyframes tb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes tb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: tb;
    animation-name: tb;
    transform-origin: left bottom
}

.animate__rotateOutDownRight {
    -webkit-animation-name: ub;
    animation-name: ub;
    transform-origin: right bottom
}

@-webkit-keyframes ub {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes ub {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: ub;
    animation-name: ub;
    transform-origin: left bottom
}

@-webkit-keyframes vb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes vb {
    0% {
        opacity: 1
    }
    to {
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: vb;
    animation-name: vb;
    transform-origin: right bottom
}

@-webkit-keyframes wb {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes wb {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    transform-origin: top left;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: wb;
    animation-name: wb
}

@-webkit-keyframes xb {
    0% {
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom;
        opacity: 0
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes xb {
    0% {
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom;
        opacity: 0
    }
    50% {
        transform: rotate(-10deg)
    }
    70% {
        transform: rotate(3deg)
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: xb;
    animation-name: xb
}

@-webkit-keyframes yb {
    0% {
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes yb {
    0% {
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rollIn {
    -webkit-animation-name: yb;
    animation-name: yb
}

@-webkit-keyframes zb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0
    }
}

@keyframes zb {
    0% {
        opacity: 1
    }
    to {
        transform: translate3d(100%, 0, 0) rotate(120deg);
        opacity: 0
    }
}

.animate__rollOut {
    -webkit-animation-name: zb;
    animation-name: zb
}

@-webkit-keyframes Ab {
    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

@keyframes Ab {
    0% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: Ab;
    animation-name: Ab
}

@-webkit-keyframes Bb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Bb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: Bb;
    animation-name: Bb
}

@-webkit-keyframes Cb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Cb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: Cb;
    animation-name: Cb
}

@-webkit-keyframes Db {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Db {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: Db;
    animation-name: Db
}

@-webkit-keyframes Eb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Eb {
    0% {
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: Eb;
    animation-name: Eb
}

@-webkit-keyframes Fb {
    0% {
        opacity: 1
    }
    50% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

@keyframes Fb {
    0% {
        opacity: 1
    }
    50% {
        transform: scale3d(.3, .3, .3);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: Fb;
    animation-name: Fb
}

@-webkit-keyframes Gb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Gb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: Gb;
    animation-name: Gb;
    transform-origin: center bottom
}

@-webkit-keyframes Hb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    to {
        transform: scale(.1) translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

@keyframes Hb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1
    }
    to {
        transform: scale(.1) translate3d(-2000px, 0, 0);
        opacity: 0
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: Hb;
    animation-name: Hb;
    transform-origin: left center
}

@-webkit-keyframes Ib {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    to {
        transform: scale(.1) translate3d(2000px, 0, 0);
        opacity: 0
    }
}

@keyframes Ib {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1
    }
    to {
        transform: scale(.1) translate3d(2000px, 0, 0);
        opacity: 0
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: Ib;
    animation-name: Ib;
    transform-origin: right center
}

@-webkit-keyframes Jb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes Jb {
    40% {
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        opacity: 1;
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: Jb;
    animation-name: Jb;
    transform-origin: center bottom
}

@-webkit-keyframes Kb {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Kb {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: Kb;
    animation-name: Kb
}

@-webkit-keyframes Lb {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Lb {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: Lb;
    animation-name: Lb
}

@-webkit-keyframes Mb {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Mb {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: Mb;
    animation-name: Mb
}

@-webkit-keyframes Nb {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes Nb {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: Nb;
    animation-name: Nb
}

@-webkit-keyframes Ob {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes Ob {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: Ob;
    animation-name: Ob
}

@-webkit-keyframes Pb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes Pb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: Pb;
    animation-name: Pb
}

@-webkit-keyframes Qb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes Qb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: Qb;
    animation-name: Qb
}

@-webkit-keyframes Rb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes Rb {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: Rb;
    animation-name: Rb
}

.social {
    list-style-type: none;
    -moz-column-gap: 8px;
    column-gap: 8px;
    align-items: center
}

.social, .social__item {
    position: relative;
    display: flex
}

.social__item {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    background: url(../images/social_sprite.svg) 50% no-repeat #024bb4;
    background-size: 225px 45px;
    border-radius: 8px;
    transition: background-color .3s ease-out
}

.social__item--fb {
    background-position: -5px
}

.social__item--insta {
    background-position: -50px
}

.social__item--youtube {
    background-position: -95px
}

.social__item--tiktok {
    background-position: -140px
}

.social__item--linked {
    background-position: -185px
}

.social__url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.btn, .dashboard-menu > li:first-child:last-child > a, .is-style-btn .wp-block-button__link {
    --_color-btn-bg: #129c26;
    --_color-txt-btn: #fff;
    --_color-btn-border: #129c26;
    --_color-btn-bg-hover: #024bb4;
    --_color-btn-txt-hover: #fff;
    --_color-btn-border-hover: #024bb4;
    position: relative;
    display: inline-flex;
    flex: 1 0 0;
    justify-content: center;
    align-items: center;
    align-self: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .5714285714em 1.4em;
    background-color: var(--_color-btn-bg);
    border: 1px solid;
    border-color: var(--_color-btn-border);
    border-radius: .5714285714em;
    color: var(--_color-txt-btn);
    font-family: Nunito Sans, sans-serif;
    font-size: min(max(16px, .9375vw), 18px);
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-inline: auto
}

.btn:disabled, .dashboard-menu > li:first-child:last-child > a:disabled, .is-style-btn .wp-block-button__link:disabled {
    cursor: not-allowed
}

.btn--sec, .is-style-btn .wp-block-button__link--sec {
    --_color-btn-bg: var(--color-brand2);
    --_color-txt-btn: var(--color-white);
    --_color-btn-border: var(--color-brand2);
    --_color-btn-bg-hover: var(--color-brand);
    --_color-btn-txt-hover: var(--color-white);
    --_color-btn-border-hover: var(--color-brand)
}

.btn__wrapper, .is-style-btn .wp-block-button__link__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 5px
}

.btn__wrapper .btn, .btn__wrapper .dashboard-menu > li:first-child:last-child > a, .is-style-btn .wp-block-button__link__wrapper .btn, .is-style-btn .wp-block-button__link__wrapper .dashboard-menu > li:first-child:last-child > a {
    flex: 0 0 auto;
    margin-inline: 0
}

.header-main {
    position: relative;
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    --menu-font-color: var(--color-font-color);
    grid-template-columns:repeat(11, 1fr) 172px;
    position: fixed;
    top: 0;
    z-index: 15;
    align-items: start;
    width: 100%;
    height: 80px;
    background-color: hsla(0, 0%, 100%, 0);
    font-weight: 400;
    line-height: 1.5em;
    transition: height .3s ease-out, background-color .3s ease-out;
    grid-template-areas:"a a a b" "c c d d" "e e e e" "f f f f";
    grid-template-rows:80px 0 0 0 0;
    isolation: isolate
}

@media only screen and (max-width: 1023px) {
    .header-main {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

.header-main__btn:is(.btn,.dashboard-menu>li:first-child:last-child>a) {
    display: inline-flex;
    transform: translateY(-200vh);
    width: 100%;
    transition: transform .3s ease-out;
    grid-area: f
}

.menu-active .header-main__btn:is(.btn,.dashboard-menu>li:first-child:last-child>a) {
    transform: translateY(0)
}

@media only screen and (min-width: 760px) {
    .header-main__btn:is(.btn,.dashboard-menu>li:first-child:last-child>a) {
        display: none
    }
}

.header-main__social {
    display: inline-flex;
    transform: translateY(-200vh);
    transition: transform .3s ease-out;
    grid-area: c
}

.menu-active .header-main__social {
    transform: translateY(0)
}

@media only screen and (min-width: 760px) {
    .header-main__social {
        display: none
    }
}

@media only screen and (max-width: 760px) {
    .menu-active .header-main {
        height: 100%;
        grid-template-rows:80px 60px auto 60px 1fr
    }

    .menu-active.admin-bar .header-main {
        height: calc(100% - 46px)
    }
}

@media only screen and (min-width: 760px) {
    .header-main {
        position: fixed;
        top: 0;
        bottom: auto;
        justify-content: end;
        align-items: center;
        height: 130px;
        grid-template-areas:"a a a e e e e e e e e g";
        grid-template-rows:1fr
    }

    .header-main:before {
        display: none
    }

    .scrolled .header-main {
        height: 80px
    }
}

.scrolled .header-main {
    background-color: #fff
}

.admin-bar .header-main {
    top: 32px
}

@media only screen and (max-width: 782px) {
    .admin-bar .header-main {
        top: 46px
    }
}

.menu-active .header-main:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    grid-column: 1/-1;
    grid-row: 1/-1
}

.language {
    display: inline-flex;
    justify-content: end;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin-left: auto;
    font-weight: 400;
    list-style: none;
    grid-area: d
}

@media only screen and (max-width: 760px) {
    .language {
        transform: translateY(-200vh);
        transition: transform .3s ease-out
    }

    .menu-active .language {
        transform: translateY(0)
    }
}

@media only screen and (min-width: 760px) {
    .language {
        grid-area: e
    }
}

.language .lang-item {
    text-transform: uppercase
}

.logo {
    position: relative;
    z-index: 24;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 100%;
    align-self: stretch;
    max-width: 164px;
    grid-area: a;
    pointer-events: all;
    transition: max-width .3s ease-out
}

@media only screen and (min-width: 760px) {
    .logo {
        max-width: 208px
    }

    .scrolled .logo {
        max-width: 164px
    }
}

.logo img, .logo svg {
    position: relative;
    width: 100%;
    height: auto
}

.nav-mobile {
    position: fixed;
    top: 16px;
    right: 9px;
    z-index: 24;
    display: none;
    width: 50px;
    height: 50px;
    overflow: hidden;
    grid-area: b;
    pointer-events: all;
    order: 1;
    cursor: pointer;
    transition: all .3s linear
}

@media only screen and (max-width: 760px) {
    .nav-mobile {
        display: block
    }
}

.admin-bar .nav-mobile {
    top: 46px
}

.nav-mobile__icon {
    top: calc(50% - 10px);
    left: calc(50% - 15px);
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    outline: none;
    transition: .5s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.nav-mobile__icon, .nav-mobile__icon span {
    position: absolute;
    display: block;
    transform: rotate(0deg)
}

.nav-mobile__icon span {
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--color-blacked);
    opacity: 1;
    border-radius: 9px;
    transition: .25s ease-in-out
}

.dark-theme .nav-mobile__icon span {
    background: var(--color-white-always)
}

.nav-mobile__icon span:first-child {
    top: 0
}

.nav-mobile__icon span:nth-child(2), .nav-mobile__icon span:nth-child(3) {
    top: 8px
}

.nav-mobile__icon span:nth-child(4) {
    top: 16px
}

.menu-active .nav-mobile__icon span:first-child {
    top: 10px;
    left: 50%;
    width: 0
}

.menu-active .nav-mobile__icon span:nth-child(2) {
    transform: rotate(45deg)
}

.menu-active .nav-mobile__icon span:nth-child(3) {
    transform: rotate(-45deg)
}

.menu-active .nav-mobile__icon span:nth-child(4) {
    top: 10px;
    left: 50%;
    width: 0
}

.main-nav {
    position: absolute;
    z-index: 2;
    align-self: stretch;
    width: 100%;
    grid-area: e
}

@media only screen and (max-width: 760px) {
    .main-nav {
        position: relative;
        transform: translateY(-300vh);
        transition: transform .3s ease-out
    }

    .menu-active .main-nav {
        transform: translateY(0)
    }
}

@media only screen and (min-width: 760px) {
    .main-nav {
        margin-inline: auto 5.7777777778em;
        position: relative;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

.main-nav__menu {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: 0;
    width: 100%;
    list-style-type: none
}

@media only screen and (min-width: 760px) {
    .main-nav__menu {
        -moz-column-gap: 5.7777777778em;
        column-gap: 5.7777777778em;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

@media only screen and (max-width: 760px) {
    .main-nav__menu {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        height: 100%;
        margin-bottom: 1em;
        background-color: var(--color-white);
        overflow-y: auto
    }
}

.main-nav__item {
    position: relative
}

@media only screen and (max-width: 760px) {
    .main-nav__item {
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
        padding-block: 1em
    }

    .main-nav__item:first-child {
        padding-top: 0
    }

    .main-nav__item a {
        display: inline-block
    }
}

@media only screen and (min-width: 760px) {
    .main-nav__item--desk-hidden {
        display: none
    }
}

.main-nav__item.current-menu-item > a:after, .main-nav__item.current-page-item > a:after {
    width: 100%
}

.footer {
    position: relative;
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    align-items: center;
    padding-bottom: min(max(24px, 4.1666666667vw), 80px);
    margin-top: min(max(98px, 11.4583333333vw), 220px);
    padding-inline: min(max(40px, 4.1666666667vw), 80px);
    grid-template-areas:"c c c c" "a a a a" "h h h h" "i i i i" "e e e e" "j j j j" "k k k k"
}

@media only screen and (max-width: 1023px) {
    .footer {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

@media only screen and (min-width: 1023px) {
    .footer {
        grid-template-areas:"a a c c c c c c c c j j" "h h h h h h h h h h h h " "i i i . . e e e e . k k"
    }
}

.footer:before {
    content: "";
    grid-area: h;
    height: 1px;
    background: linear-gradient(90deg, #024bb4, #129c26);
    margin-block: min(max(24px, 2.0833333333vw), 40px)
}

.footer__logo {
    grid-area: a;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1023px) {
    .footer__logo {
        justify-content: center
    }
}

.footer__logo-img {
    width: 100%;
    max-width: 205px;
    height: auto
}

@media only screen and (max-width: 1023px) {
    .footer__logo-img {
        max-width: 168px;
        margin-block: 24px 0
    }
}

.footer__social {
    justify-content: center;
    grid-area: c;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.footer__eu, .footer__social {
    display: flex;
    align-items: center
}

.footer__eu {
    grid-area: j;
    justify-content: flex-end
}

@media only screen and (max-width: 1023px) {
    .footer__eu {
        justify-content: center;
        margin-bottom: 24px
    }
}

.footer__eu-img {
    max-width: 100%
}

.footer__disclaimer {
    grid-area: i
}

.footer__menu {
    display: flex;
    align-items: center;
    grid-area: e;
    list-style-type: none;
    font-size: 1rem;
    -moz-column-gap: 1.1em;
    column-gap: 1.1em
}

@media only screen and (max-width: 760px) {
    .footer__menu {
        flex-direction: column;
        margin-block: 24px;
        align-items: flex-start
    }
}

.footer__menu a {
    color: inherit;
    text-decoration: none
}

.footer__credentials {
    display: flex;
    align-self: start;
    width: 48px;
    height: 14.25px;
    grid-area: k;
    justify-content: flex-start;
    margin-inline: 0 auto
}

.footer__credentials img {
    width: 100%;
    height: auto
}

@media only screen and (min-width: 1023px) {
    .footer__credentials {
        justify-content: end;
        margin-inline: auto 0
    }
}

.wpcf7 input[type=date], .wpcf7 input[type=email], .wpcf7 input[type=number], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 select, .wpcf7 textarea {
    width: 100%;
    padding: .8888888889em;
    border: 1px solid #e1e1e1;
    border-radius: .4444444444em;
    font-family: Nunito Sans, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6
}

.wpcf7 input[type=date]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=password]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    outline: 1px solid rgba(2, 75, 180, .2)
}

.wpcf7 input[type=checkbox] {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.wpcf7 input[type=checkbox] + label, .wpcf7 input[type=checkbox] + span {
    position: relative;
    padding-left: 36px;
    display: block;
    font-weight: 400;
    line-height: 1.8em;
    cursor: pointer
}

.wpcf7 input[type=checkbox] + label:before, .wpcf7 input[type=checkbox] + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-white);
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    text-align: center
}

.wpcf7 input[type=checkbox] + label:after, .wpcf7 input[type=checkbox] + span:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 12px;
    height: 12px;
    transform: scale(0);
    background: #060606;
    border-radius: 2px;
    transition: transform .3s ease-out
}

.wpcf7 input[type=checkbox]:checked + label:after, .wpcf7 input[type=checkbox]:checked + span:after {
    transform: scale(1)
}

.wpcf7 input[type=radio] {
    position: absolute;
    opacity: 0
}

.wpcf7 input[type=radio]:checked + span:after {
    transform: scale(1)
}

.wpcf7 input[type=radio] + span {
    position: relative;
    padding-left: 36px;
    cursor: pointer
}

.wpcf7 input[type=radio] + span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--color-white);
    border: 2px solid #e1e1e1;
    border-radius: 50%
}

.wpcf7 input[type=radio] + span:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 12px;
    height: 12px;
    transform: scale(0);
    transform-origin: center;
    background-color: #060606;
    border-radius: 50%;
    transition: transform .3s ease-out
}

.wpcf7 select {
    padding-right: 40px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjEwIgogICBoZWlnaHQ9IjUuOTk5OTU4NSIKICAgdmlld0JveD0iMCAwIDEwIDUuOTk5OTU4NSIKICAgZmlsbD0ibm9uZSIKICAgdmVyc2lvbj0iMS4xIgogICBpZD0ic3ZnNCIKICAgc29kaXBvZGk6ZG9jbmFtZT0iY2hldnJvbmRvd24uc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIuMiAoNzMyYTAxZGE2MywgMjAyMi0xMi0wOSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjUyLjMxMjUiCiAgICAgaW5rc2NhcGU6Y3g9IjUuMDA4MzYzMiIKICAgICBpbmtzY2FwZTpjeT0iMy4wMDExOTQ3IgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE3IgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTYiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJjaGV2cm9uZG93biIgLz4KICA8ZwogICAgIGlkPSJjaGV2cm9uZG93biIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMywtNSkiPgogICAgPHBhdGgKICAgICAgIGlkPSJWZWN0b3IiCiAgICAgICBkPSJNIDEyLDYgOCwxMCA0LDYiCiAgICAgICBzdHJva2U9IiMzMzMzMzMiCiAgICAgICBzdHJva2Utd2lkdGg9IjIiCiAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiCiAgICAgICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAvPgogIDwvZz4KPC9zdmc+Cg==");
    background-position: right .7em top 50%;
    background-repeat: no-repeat;
    background-size: 12px 8px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.wpcf7 select::-ms-expand {
    display: none
}

.wpcf7 select option {
    font-weight: 400
}

.wpcf7 textarea {
    resize: vertical
}

.wpcf7__row {
    margin-bottom: 24px
}

.wpcf7__row > label {
    position: relative;
    display: block;
    margin-bottom: .4em
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    font-size: 14px;
    color: #ff4500
}

.wpcf7 .wpcf7-not-valid {
    outline: 1px solid #ff4500
}

.wpcf7__acceptance .wpcf7-list-item {
    margin-left: 0
}

.wpcf7 .wpcf7-list-item {
    margin: 0;
    margin-right: 1em
}

.wpcf7 .wpcf7-list-item-label {
    padding-left: 29px;
    font-size: 14px
}

.wpcf7 button.wpcf7-submit {
    margin-top: .7em
}

._edit_btn {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    width: 32px;
    height: 32px;
    padding: 5px;
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 97%, .4);
    color: #f8f8f8;
    line-height: 0
}

._edit_btn, ._edit_btn:hover, .single-page__article ._edit_btn {
    text-decoration: none
}

._edit_btn:hover {
    background: #fff;
    border: 1px solid #f8f8f8;
    color: #f8f8f8
}

.anchor {
    position: absolute;
    top: -80px;
    left: 0;
    width: 0;
    height: 0
}

.anchor--relative {
    position: relative;
    top: auto;
    left: auto
}

.anchor[data-is_page_navi] {
    top: -58px
}

.admin-bar .anchor[data-is_page_navi] {
    top: -90px
}

@media only screen and (max-width: 782px) {
    .admin-bar .anchor[data-is_page_navi] {
        top: -104px
    }
}

.close {
    position: absolute;
    top: calc(50% - 20px);
    right: min(max(20px, 2.0833333333vw), 40px);
    z-index: 3;
    width: 40px;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    font-size: 0;
    aspect-ratio: 1;
    cursor: pointer
}

.close > * {
    pointer-events: none
}

.close:after, .close:before, .close span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.close span {
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-indent: -99999px
}

.close span:after {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    transform: translate(-50%, -50%);
    transform-origin: center;
    border: 2px solid #fff;
    border-radius: 50%
}

.close span:after, .close span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%
}

.close span:before {
    z-index: 2;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    transform: translate(-50%, -50%) scale(0);
    transform-origin: center;
    background-color: #129c26;
    border-radius: 50%;
    transition: transform .3s ease-out
}

.close:after, .close:before {
    content: "";
    width: 12px;
    height: 2px;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #fff;
    opacity: 1;
    transition: all .3s ease-out
}

.close:after {
    transform: translate(-50%, -50%) rotate(130deg)
}

.close:hover:before {
    transform: translate(-50%, -50%) rotate(270deg)
}

.close:hover:after {
    transform: translate(-50%, -50%) rotate(1turn)
}

.close:hover span:before {
    transform: translate(-50%, -50%) scale(1)
}

.oembed iframe {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9
}

#cookie-notice:is(div) {
    background-color: var(--color-brand)
}

#cookie-notice:is(div) .cookie-notice-container {
    position: relative;
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    align-items: end;
    padding: 0;
    grid-template-areas:". l l l l . " ". m m m m ." ". . . n n n";
    overflow: hidden
}

@media only screen and (max-width: 1023px) {
    #cookie-notice:is(div) .cookie-notice-container {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

@media only screen and (min-width: 760px) {
    #cookie-notice:is(div) .cookie-notice-container {
        grid-template-areas:". l l l l . m m . n n n n ."
    }
}

#cookie-notice:is(div) .cookie-notice-container:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    max-width: 400px;
    max-height: 80%;
    margin-inline: auto;
    height: auto;
    background: url(../images/cookie.svg) bottom no-repeat;
    background-size: contain;
    grid-area: n;
    aspect-ratio: 1
}

@media only screen and (max-width: 760px) {
    #cookie-notice:is(div) .cookie-notice-container:before {
        z-index: 0;
        opacity: .2
    }
}

#cookie-notice:is(div) .cn-text-container {
    text-align: initial;
    padding-block: min(max(40px, 4.1666666667vw), 80px);
    grid-area: l
}

#cookie-notice:is(div) .cn-buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: end;
    grid-area: m;
    padding-block: min(max(40px, 4.1666666667vw), 80px)
}

#cookie-notice:is(div) h3 {
    margin-bottom: 1.6666666667em;
    font-size: min(max(20px, 1.25vw), 24px);
    font-weight: 400;
    line-height: 1.3333333333em
}

#cookie-notice:is(div) ul {
    margin-block: min(max(20px, 2.0833333333vw), 40px) 0
}

#cookie-notice:is(div) ul:not([class]) {
    list-style: none;
    list-style-position: outside
}

#cookie-notice:is(div) ul:not([class]) li {
    position: relative
}

#cookie-notice:is(div) ul:not([class]) li:not(:last-child) {
    margin-bottom: 1em
}

#cookie-notice:is(div) ul:not([class]) li:before {
    content: "";
    position: relative;
    top: -.06em;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 1em;
    background: url(../images/li.svg) 50% no-repeat;
    filter: grayscale(1) brightness(200) invert(1)
}

#cn-close-notice {
    display: none
}

.dashboard-menu {
    list-style-type: none;
    grid-area: g
}

@media only screen and (max-width: 760px) {
    .dashboard-menu {
        display: none
    }
}

.dashboard-menu ul {
    list-style-type: none
}

.dashboard-menu > li:first-child:last-child {
    position: relative
}

.dashboard-menu > li:first-child:last-child > a {
    display: none
}

@media only screen and (min-width: 760px) {
    .dashboard-menu > li:first-child:last-child > a {
        display: inline-flex;
        width: 100%;
        max-width: 172px
    }

    .dashboard-menu > li:first-child:last-child > a.opened + ul {
        top: calc(100% + 16px);
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }
}

@media only screen and (min-width: 760px) {
    .dashboard-menu > li:first-child:last-child ul {
        position: absolute;
        top: 100%;
        right: 3px;
        padding: 1em;
        background: #f3f9f6;
        box-shadow: 0 1px 15px 0 rgba(0, 33, 81, .1);
        opacity: 0;
        border-radius: 8px;
        transition: all .3s ease-out;
        visibility: hidden;
        pointer-events: none
    }
}

.dashboard-menu > li:first-child:last-child ul a {
    color: inherit;
    text-decoration: none
}

.dashboard-menu > li:first-child:last-child ul li {
    border-bottom: 1px solid #e1e1e1;
    padding-block: 1em
}

@media only screen and (min-width: 760px) {
    .dashboard-menu > li:first-child:last-child ul li {
        text-align: right;
        white-space: nowrap
    }
}

.dashboard-menu > li:first-child:last-child ul li:first-child {
    padding-top: 0
}

.dashboard-menu > li:first-child:last-child ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.four-o-four {
    align-items: center;
    font-size: 32px;
    grid-auto-rows: 1fr
}

.four-o-four__container {
    z-index: 3;
    flex-direction: column;
    container: cont404/inline-size;
    min-height: 100vh
}

.four-o-four__big-sign, .four-o-four__container {
    display: flex;
    justify-content: center;
    align-items: center
}

.four-o-four__big-sign {
    z-index: 2;
    margin-bottom: 45px;
    font-size: 240px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-brand);
    gap: .3em
}

@container cont404 (max-width:700px) {
    .four-o-four__big-sign {
        font-size: calc(33.333cqi - .3em)
    }
}

.four-o-four__big-sign ~ p {
    text-align: center
}

.four-o-four .btn, .four-o-four .dashboard-menu > li:first-child:last-child > a {
    z-index: 2;
    margin-top: min(max(40px, 4.1666666667vw), 80px)
}

.four-o-four__windmill {
    position: relative;
    height: auto
}

.four-o-four__windmill svg {
    height: auto
}

@container cont404 (max-width:700px) {
    .four-o-four__windmill svg {
        width: 25cqi
    }
}

.four-o-four__windmill-wrapper {
    position: relative;
    height: auto
}

.archive-page__list {
    position: relative;
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    grid-row-gap: min(max(80px, 8.3333333333vw), 160px)
}

@media only screen and (max-width: 1023px) {
    .archive-page__list {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

.archive-page__item {
    grid-column-start: 2;
    grid-column-end: span 5;
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 1px;
    grid-template-areas:"o o p p p" "o o q q q" "o o r r r" "o o s s s"
}

@media only screen and (max-width: 760px) {
    .archive-page__item {
        grid-column: 2/-2;
        grid-template-areas:"o o o o o" "p p p p p" "q q q q q" "r r r r r" "s s s s s"
    }
}

@media only screen and (min-width: 760px) {
    .archive-page__item:nth-child(2n+2) {
        grid-column-start: 9
    }
}

.recent-news__item .archive-page__item:nth-child(n) {
    grid-column: 1/span 5
}

@media only screen and (max-width: 760px) {
    .recent-news__item .archive-page__item:nth-child(n) {
        grid-column: 1/span 6
    }
}

.recent-news__item:nth-child(2n+2) .archive-page__item:nth-child(n) {
    grid-column: 2/span 5
}

@media only screen and (max-width: 760px) {
    .recent-news__item:nth-child(2n+2) .archive-page__item:nth-child(n) {
        grid-column: 1/span 6
    }
}

.archive-page__item-time {
    grid-area: p;
    margin-block: 1em
}

@media only screen and (min-width: 760px) {
    .archive-page__item-time {
        padding-left: min(max(20px, 2.0833333333vw), 40px);
        margin-block: 0
    }
}

.archive-page__item-fig {
    grid-area: o;
    align-self: start
}

.archive-page__item-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.archive-page__item-url {
    text-decoration: none;
    color: inherit
}

.archive-page__item-title {
    grid-area: q;
    font-weight: 400
}

@media only screen and (min-width: 760px) {
    .archive-page__item-title {
        padding-left: min(max(20px, 2.0833333333vw), 40px)
    }
}

.archive-page__item-excerpt {
    grid-area: r;
    font-weight: 300
}

@media only screen and (min-width: 760px) {
    .archive-page__item-excerpt {
        padding-left: min(max(20px, 2.0833333333vw), 40px)
    }
}

.archive-page__item-more {
    grid-area: s;
    margin-top: 1em;
    font-weight: 300
}

@media only screen and (min-width: 760px) {
    .archive-page__item-more {
        padding-left: min(max(20px, 2.0833333333vw), 40px)
    }
}

.archive-page__footer {
    display: flex;
    justify-content: center;
    padding-top: min(max(80px, 8.3333333333vw), 160px)
}

.archive-page__footer .btn, .archive-page__footer .dashboard-menu > li:first-child:last-child > a {
    z-index: 2
}

.single-post .main {
    padding-top: calc(min(max(80px, 6.7708333333vw), 130px) + min(max(40px, 8.3333333333vw), 160px))
}

.single-post .main > :not(.page-builder):not(.single-post__thumbnail):not(.single-post__header) {
    grid-column: 4/-4;
    z-index: 4
}

@media only screen and (max-width: 760px) {
    .single-post .main > :not(.page-builder):not(.single-post__thumbnail):not(.single-post__header) {
        grid-column: 2/-2
    }
}

.single-post .main ol:not(:last-child):not([class]), .single-post .main p:not(:last-child):not([class]), .single-post .main ul:not(:last-child):not([class]), .single-post__time {
    margin-bottom: min(max(20px, 2.0833333333vw), 40px)
}

.single-post__time {
    display: block
}

.single-post__title {
    font-weight: 300
}

.single-post__title:is(h1) {
    margin-bottom: 1.1em
}

.single-post__thumbnail {
    z-index: 4;
    height: auto;
    margin-bottom: min(max(40px, 4.1666666667vw), 80px);
    aspect-ratio: 1920/800;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.main .single-post__thumbnail {
    grid-column: 1/-1
}

.single-post__footer {
    z-index: 4;
    background-color: var(--wp--preset--color--bg-color-gray, var(--color-gray-bg));
    padding-block: min(max(40px, 4.1666666667vw), 80px)
}

.dark-theme .single-post__footer {
    background-color: transparent
}

.single-post .net {
    z-index: 3
}

.page:not(.home) .main, .single-post .main {
    position: relative;
    -moz-column-gap: var(--default-col-gap);
    column-gap: var(--default-col-gap);
    grid-template-columns:repeat(12, 1fr);
    display: grid;
    padding-top: 130px
}

@media only screen and (max-width: 1023px) {
    .page:not(.home) .main, .single-post .main {
        grid-template-columns:repeat(4, 1fr);
        -moz-column-gap: var(--mobile-col-gap);
        column-gap: var(--mobile-col-gap)
    }
}

.page:not(.home) .main > :not(.page-builder), .single-post .main > :not(.page-builder) {
    grid-column: 2/-2;
    z-index: 4
}

@media only screen and (max-width: 1023px) {
    .page:not(.home) .main > :not(.page-builder), .single-post .main > :not(.page-builder) {
        grid-column: 1/-1
    }
}

/*# sourceMappingURL=questpass.min.css.map */
body {
    max-width: 100vw;
    overflow-x: hidden;

    &.page-id-1079 {
        main {
            display: block !important;
            padding-inline: 1rem;
            z-index: 2;
            position: relative;
        }
    }
}
.footer {
    z-index: 2; position: relative;
}

@media (width > 1440px) {
    body.page-id-1079 .footer-container {
        position: relative;
        z-index: 1;
    }
}

}

.wp-block-video {
    grid-column: 1 / -1 !important;
    background-color: #f3faf4;
}

.title-left h2.heading-landing__title {
    text-align: left;
}



.page-id-1079 .wp-block-video:after{
    grid-column: 2 / -2;
}

@media (width < 1023px) {
    .page-id-1079 .wp-block-video:after{
        grid-column: 1 / -1 !important;
    }
}

.page-id-1079 .hero {
    margin-bottom: 30px;
}

.page-id-1079 .partners {
    margin-bottom: 0;
}

.page-id-1079 .partners .splide__track {
    margin-block: 0;
}