.asFadeIn {
    opacity: 0;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
}

.asFadeLeft {
    -webkit-transform: translatex(-2rem);
    transform: translatex(-2rem);
}

.asFadeRight {
    -webkit-transform: translatex(2rem);
    transform: translatex(2rem);
}

.asFadeTop {
    -webkit-transform: translateY(-2rem);
    transform: translatey(-2rem);
}

.asFadeIn.visible {
    opacity: 1;
    -webkit-transform: translatex(0);
    transform: translatex(0);
}

/*
https://wordsmall.ru/demo/sp/ScrollTrigger-master/index.html
https://webdesign.tutsplus.com/animate-on-scroll-with-javascript--cms-36671t
*/
.scrolled.fade-in {
    animation: fade-in 1s ease-in-out both;
}
.scrolled.fade-in-bottom {
    animation: fade-in-bottom 1s ease-in-out both;
}
.scrolled.slide-left {
    animation: slide-in-left 1s ease-in-out both;
}
.scrolled.slide-right {
    animation: slide-in-right 1s ease-in-out both;
}
@keyframes slide-in-left {
    0% {
        transform: translateX(-100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes slide-in-right {
    0% {
        transform: translateX(100px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fWK0GSJwFCP11XT3uQK_ {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.J1E_tTMJjcnNm48qNVGt {
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all 3.6s ease;

    position: relative;
}

.ChLucPKpmVMyCYdYATAW {
    color: var(--color-navy-dark);
    font-weight: bold;
    font-size: var(--font-size-headline-1);
    margin: var(--padding) var(--padding) 0 var(--padding);
}

.MrSsU1ZfGd8oBgb4HKNQ {
    font-size: var(--font-size);
    margin: var(--padding) var(--padding) 0 var(--padding);
}

.w4RhTqQ98E4f2Y1L2Lks {
    background-color: var(--color-background-light);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-top: var(--border);
    padding: var(--padding) var(--padding) var(--padding) var(--padding);
    margin-top: var(--padding);
}

.w4RhTqQ98E4f2Y1L2Lks button {
    margin-right: var(--padding-small);
}

.w4RhTqQ98E4f2Y1L2Lks button:last-child {
    margin-right: 0;
}

.E2lSuyoK1fNVELJonOc4 {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDEyQzIzIDE4LjA3NTEgMTguMDc1MSAyMyAxMiAyM0M1LjkyNDg3IDIzIDEgMTguMDc1MSAxIDEyQzEgNS45MjQ4NyA1LjkyNDg3IDEgMTIgMUMxOC4wNzUxIDEgMjMgNS45MjQ4NyAyMyAxMloiIGZpbGw9IiM3OTg5OTIiIHN0cm9rZT0iIzc5ODk5MiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1LjYwMDQgOC40MDAwMUw4LjQwMDM5IDE1LjYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik04LjQwMDM5IDguNDAwMDFMMTUuNjAwNCAxNS42IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center center/24px 24px;
    cursor: pointer;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}

/* mobile */
@media screen and (max-width: 640px) {

}

/* desktop */
@media screen and (min-width: 641px) {
    .GfPNoSFpimehS4MpHPV_ {
        min-width: 300px;
    }
}
.A27S9zutZv1jYE9ZEsLQ {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.4);
}

.MyUaDLCrYSeK7MGVop8N {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMDIyXzE0NzYpIj4KPHBhdGggZD0iTTUwIDk1Qzc0Ljg1MjggOTUgOTUgNzQuODUyOCA5NSA1MEM5NSAyNS4xNDcyIDc0Ljg1MjggNSA1MCA1QzI1LjE0NzIgNSA1IDI1LjE0NzIgNSA1MEM1IDc0Ljg1MjggMjUuMTQ3MiA5NSA1MCA5NVoiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzAgMTAiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDIyXzE0NzYiPgo8cmVjdCB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=) no-repeat center center/50px 50px;
    display: inline-block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

.EFjnzjoU5M_UtObxjsoP {
    animation: QGqBp3Aazyg2wkGhZc6O 1s infinite linear;
}

@keyframes T8EmhwLsPPRNY0lmHgBc {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes QGqBp3Aazyg2wkGhZc6O {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.zgdj8LKOV7G0zPg0sY_g {
    background: navy;
}