html {
    height: -webkit-fill-available;
  /*  background-color: #e8e8e8 */
}

body {
    position: relative;
    min-height: 100%;
    color: #37373c;
    font-family: "Gilroy", sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.yellow-highlight {
    color: #EBF234 !important;
}

.fs-32 {
    font-size: 32px !important;
}

.anta-regular {
    font-family: "Anta", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  

.blob-section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blob {
    position: absolute;
    width: 75px;
    height: 75px;
}
.blob:nth-child(2) {
    filter: blur(20px);
}
.header-ico{
    position: inherit;
}


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

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px #fff;
    -webkit-text-fill-color: #37373c
}

input,
button,
textarea {
    color: inherit;
    -webkit-appearance: none
}

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

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden
}

.container {
    padding: 0 24px
}

@media screen and (max-width: 350px) {
    .container {
        padding: 0 15px
    }
}

.screen-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 425px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bg-spot {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #252525 !important;
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bg-spot span {
    position: absolute;
    top: -210px;
    left: -90px;
    display: block;
    width: 326px;
    height: 425px;
    background-size: cover;
    background-clip: content-box;
    padding: 2px;
    -webkit-transition: -webkit-transform 26s linear;
    transition: -webkit-transform 26s linear;
    transition: transform 26s linear;
    transition: transform 26s linear, -webkit-transform 26s linear
}

.emoji {
    line-height: 0
}

main .emoji,
.course-welcome-image .emoji {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

main .emoji.animated,
.course-welcome-image .emoji.animated {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1)
}

.emoji.animated {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.emoji-rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #eaeaea;
    border-radius: 50%
}

.emoji-light {
    border: 1px solid rgba(255, 255, 255, .3)
}

.emoji-heart {
    position: absolute;
    top: 21px;
    left: 8px;
    z-index: 1
}

.emoji-face {
    margin-bottom: -3px;
    margin-left: 16px
}

.emoji-fire {
    margin-left: 9px
}

.emoji-money {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px
}

.heart-beat{
    animation: heartBeat 1.1s linear infinite;
}
@keyframes heartBeat {
    0%{
        transform: scale(1.07);
    }
    80% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.08);
    }
}

.emoji-starface,
.emoji-movie_camera {
    margin-right: 16px;
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #EBF227
}

.emoji-starface img,
.emoji-movie_camera img {
    -webkit-filter: drop-shadow(0px 3px 6px rgba(181, 70, 0, 0.73));
    filter: drop-shadow(0px 3px 6px rgba(181, 70, 0, 0.73))
}

.emoji-graduation {
    width: 40px;
    height: 40px;
    border: 1px solid #fff
}

.decorated {
    position: absolute;
    z-index: 1
}

.decorated-container {
    position: relative
}

.decorated-static {
    position: static
}

.decorated.bounce {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.decorated.bounce.animated {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.decorated-program-cat {
    top: -46px;
    right: 28px
}

.decorated-program-cat img {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.decorated-program-snowflake-1 {
    top: -12px;
    right: 14px
}

.decorated-program-snowflake-2 {
    top: -12px;
    right: 88px
}

.decorated-program-snowflake-3 {
    bottom: -12px;
    right: 34px
}

.decorated-advantages-star {
    top: -14px;
    right: 14px
}

.decorated-plans-spring {
    top: 11px;
    right: 27px
}

.decorated-results-star {
    top: 96px;
    right: 80px
}

.decorated-results-spring {
    top: -84px;
    left: 22px
}

.decorated-faq-cat-pink {
    top: -6px;
    right: 24px
}

.decorated-faq-cat-orange {
    top: -40px;
    right: 112px
}

[data-list] [class$=-wrap] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.grecaptcha-badge {
    display: none
}

@-webkit-keyframes slider {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    99.99999% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slider {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    99.99999% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes finger-point {
    0% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }

    50% {
        -webkit-transform: rotate(-15deg) translateY(3px);
        transform: rotate(-15deg) translateY(3px)
    }

    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@keyframes finger-point {
    0% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }

    50% {
        -webkit-transform: rotate(-15deg) translateY(3px);
        transform: rotate(-15deg) translateY(3px)
    }

    100% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }
}

@-webkit-keyframes welcome-heart-circle-trajectory {
    0% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }

    50% {
        -webkit-transform: translate(10px, 5px);
        transform: translate(10px, 5px)
    }

    100% {
        -webkit-transform: translate(20px, 0px);
        transform: translate(20px, 0px)
    }
}

@keyframes welcome-heart-circle-trajectory {
    0% {
        -webkit-transform: rotate(0deg) translateX(0);
        transform: rotate(0deg) translateX(0)
    }

    50% {
        -webkit-transform: translate(10px, 5px);
        transform: translate(10px, 5px)
    }

    100% {
        -webkit-transform: translate(20px, 0px);
        transform: translate(20px, 0px)
    }
}

.marathon-results-wrap {
    margin: 0 -24px;
    overflow: hidden
}

@media screen and (max-width: 350px) {
    .marathon-results-wrap {
        margin: 0 -15px
    }
}

.marathon-results-list {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.marathon-results-item {
    margin-right: 16px;
    line-height: 0
}

.course-cta {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 425px
}

@media screen and (min-width: 425px) {
    .course-cta {
        left: calc(50% - 212.5px)
    }
}

.course-cta.sticky {
    margin: 0 -24px;
    width: auto;
    position: sticky;
    top: calc(var(--screen-height) - 82px - 56px)
}

@media screen and (max-width: 350px) {
    .course-cta.sticky {
        margin: 0 -15px
    }
}

.course-cta-btn {
    padding: .625em;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 3.5em;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    border: none;
    border-radius: 24px 24px 0 0;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

@media screen and (max-width: 330px) {
    .course-cta-btn {
        font-size: 14px
    }
}

.course-cta-btn.tg {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 6em;
    flex: 0 1 6em;
    background-color: #fff
}

.course-cta-btn.tg:hover {
    background-color: #f2f2f2
}

.course-cta-btn.reserve {
    color: #fff;
    background-color: #826AD9
}

.course-cta-btn.reserve:hover {
    background-color: #7E5EF2
}

.course-cta-btn.reserve img {
    position: absolute;
    top: -12px;
    left: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header {
    padding: 0 24px
}

@media screen and (max-width: 350px) {
    .header {
        padding: 0 15px
    }
}

.header-row {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.header-link {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1
}

.header-link svg {
    position: absolute;
    left: 52%;
    bottom: 68%;
    width: 100px;
    -webkit-transform: translate(-50%, 50%) scaleY(0.599844);
    transform: translate(-50%, 50%) scaleY(0.599844);
    stroke: #fff;
    stroke-width: 1.5px;
    stroke-linecap: round;
    stroke-dasharray: 69px 278px;
    stroke-dashoffset: 361px;
    -webkit-transition: .4s;
    transition: .4s;
    pointer-events: none
}

.header-link:hover svg {
    stroke-dasharray: 180px 278px
}

.header-inst {
    line-height: 0
}

.me {
    padding-top: 20px
}

.me-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.me-row:last-child {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.me-row span {
    color: #fff;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0
}

.me-row svg {
    margin-right: 15px
}

.me-photo {
    margin-bottom: -6px;
    margin-right: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden
}

.partners {
    padding-top: 29px;
    position: relative
}

.partners-wrap {
    position: relative;
    padding: 0 7px;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg)
}

.partners-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: slider 20s linear infinite;
    animation: slider 20s linear infinite;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content
}

.partners-list::before,
.partners-list::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 200%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, .3)
}

.partners-list::before {
    top: 0
}

.partners-list::after {
    bottom: 0
}

.partners-item {
    margin-right: 35px;
    width: auto;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.navigation {
    padding-top: 29px
}

.navigation-item {
    padding-right: 29px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 67px;
    text-decoration: none
}

.navigation-item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/arrow.svg);
    background-size: cover
}

.navigation-item:not(:last-child)::after {
    content: "";
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .3)
}

.navigation-item span {
    margin-top: -2px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.166
}

.footer {
    margin-top: -1px;
    padding-bottom: 56px
}

.footer-soc {
    padding: 23px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.footer-soc a {
    line-height: 0;
    opacity: .5;
    -webkit-transition: .2s;
    transition: .2s
}

.footer-soc a:hover {
    opacity: 1
}

.footer-question {
    padding: 15px 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-question a {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

.footer-menu {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-menu a {
    color: #fff;
    text-decoration: underline;
    opacity: .5
}

.footer-menu div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.modal {
    padding-top: 81px;
    position: fixed;
    top: 0;
    z-index: 1010;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap
}

.modal::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: bottom;
    width: 0
}

.modal::after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 425px;
    height: 10vh;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    background-color: #fff
}

.modal.success,
.modal.error {
    padding: 52px 24px 96px
}

.modal.success::before,
.modal.error::before {
    vertical-align: middle
}

.modal.success::after,
.modal.error::after {
    display: none !important
}

.modal-mask {
    border-radius: 24px 24px 0 0;
    background-color: rgba(0, 0, 0, .2) !important
}

.modal-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-backdrop-filter: blur(10px) brightness(0.8);
    backdrop-filter: blur(10px) brightness(0.8);
    background-color: rgba(0, 0, 0, .2)
}

.modal-overlay img {
    cursor: pointer;
    position: absolute;
    top: 24px;
    left: 24px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (min-width: 425px) {
    .modal-overlay img {
        left: calc((100% - 425px)/2 + 24px)
    }
}

.modal-content {
    padding: 52px 24px 56px;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    max-width: 425px;
    font-size: 20px;
    border-radius: 24px 24px 0 0;
    background-color: #fff;
    white-space: normal;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: -webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .6s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: transform .6s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)
}

@media screen and (max-width: 350px) {
    .modal-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.modal-content::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 50%;
    width: 134px;
    height: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 2.5px;
    background-color: inherit;
    pointer-events: none
}

.modal.fade .modal-content {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .3s;
    transition: .3s
}

.modal.success .modal-content,
.modal.error .modal-content {
    border-radius: 24px
}

.modal.success .modal-content::before,
.modal.error .modal-content::before {
    display: none
}

.modal {
    left: -100%;
    -webkit-transition: left 0s .4s;
    transition: left 0s .4s
}

.modal-overlay {
    opacity: 0;
    left: -100%;
    -webkit-transition: opacity .4s, left 0s .4s;
    transition: opacity .4s, left 0s .4s
}

.modal-close {
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    z-index: -1;
    width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #8996ff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-close:hover {
    background-color: #707fff
}

.modal.active,
.modal.active .modal-overlay {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    left: 0;
    opacity: 1
}

.modal.active .modal-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal.opening::after {
    display: block;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.modal-emoji {
    position: absolute;
    top: 0;
    left: 50%;
    width: 56px;
    height: 56px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

.modal-emoji img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.modal-header {
    text-align: center
}

.modal-header:not(:first-of-type) {
    margin-top: 60px
}

.modal-header:not(:last-child) {
    margin-bottom: 39px
}

.modal.success .modal-header {
    margin-bottom: 0
}

.modal-title {
    color: #37373c;
    font-size: 24px;
    line-height: 1.333
}

.modal-title b {
    font-weight: 400;
    background: linear-gradient(40deg, rgb(255, 214, 0) 0%, rgb(255, 1, 0) 50%, rgb(216, 0, 185) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.modal-subtitle {
    margin-top: 36px;
    position: relative;
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.333
}

.modal-subtitle>img {
    vertical-align: sub
}

.modal-subtitle img,
.modal-subtitle svg {
    vertical-align: middle
}

.modal.success .modal-subtitle,
.modal.error .modal-subtitle {
    margin-top: 12px;
    color: #b2b2b2
}

.modal-hr {
    margin: 24px 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea;
    border: none
}

.modal-space {
    margin: 19px 0;
    width: 100%;
    height: 1px
}

.modal-hint {
    margin-top: 6px;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}
.modal-hint-small {
    margin-top: 6px;
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.375
}


@media screen and (max-width: 385px) {
    .modal-hint {
        font-size: 14px
    }
    .modal-hint-small {
        font-size: 12px
    }
}

.modal-hint.alone {
    margin-top: 32px;
    text-align: center
}

.modal-hint.alone a {
    background: linear-gradient(40deg, rgb(255, 214, 0) 0%, rgb(255, 1, 0) 50%, rgb(216, 0, 185) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.modal-link {
    color: #826AD9;
    text-decoration: underline
}

.modal-link_gradient {
    background: linear-gradient(40deg, rgb(255, 214, 0) 0%, rgb(255, 1, 0) 50%, rgb(216, 0, 185) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.modal-message {
    margin-top: 6px;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

.modal-message:empty {
    margin-top: 0
}

.modal-message.success {
    color: green
}

.modal-message.success::before {
    content: "✓ "
}

.modal-message.error {
    color: #826AD9
}

.modal-message.error::before {
    content: "✗ "
}

.modal-retry {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.modal-retry a {
    padding: 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: #826AD9;
    border-radius: 0 0 16px 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-retry a:hover {
    background-color: #7E5EF2
}

.modal-tabs {
    margin-bottom: 24px
}

.modal-tabs-list {
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f0f0f0;
    border-radius: 14px
}

.modal-tabs-item {
    padding: 11px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1429;
    border-radius: 13px;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-tabs-item:hover {
    background-color: #e3e3e3
}

.modal-tabs-item.active {
    color: #fff;
    background-color: #826AD9
}

.modal-input {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-input-wrap:not(:last-child) {
    margin-bottom: 16px
}

.modal-input span {
    position: absolute;
    left: 17px;
    font-size: 16px;
    font-weight: 500;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .2s;
    transition: .2s;
    pointer-events: none
}

.modal-input span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -8px;
    right: -8px;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-input input,
.modal-input textarea {
    padding: 18px 16px;
    font-family: "Gilroy", sans-serif;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border: 1px solid #b2b2b2;
    border-radius: 16px
}

@media screen and (max-width: 330px) {

    .modal-input input,
    .modal-input textarea {
        font-size: 14px
    }
}

.modal-input input+span {
    top: 50%
}

.modal-input textarea {
    height: 96px
}

.modal-input textarea+span {
    top: 28px
}

.modal-input input:focus+span,
.modal-input input:not(:placeholder-shown)+span,
.modal-input input:-webkit-autofill+span,
.modal-input textarea:focus+span,
.modal-input textarea:not(:placeholder-shown)+span,
.modal-input textarea:-webkit-autofill+span {
    top: 0;
    color: #b2b2b2;
    background-color: #fff
}

.modal-input input:focus+span::before,
.modal-input input:not(:placeholder-shown)+span::before,
.modal-input input:-webkit-autofill+span::before,
.modal-input textarea:focus+span::before,
.modal-input textarea:not(:placeholder-shown)+span::before,
.modal-input textarea:-webkit-autofill+span::before {
    visibility: visible;
    opacity: 1
}

.modal-check {
    position: relative;
    display: block
}

.modal-check-wrap:not(:last-child) {
    margin-bottom: 16px
}

.modal-check span {
    padding: 13px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b2b2b2;
    border-radius: 16px;
    cursor: pointer;
    min-height: 56px;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-check span:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.modal-check span u {
    position: relative;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f0f0f0;
    border-radius: 4px;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-check span u::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(../img/check.svg);
    background-size: cover;
    -webkit-filter: drop-shadow(0px 1px 3px #b54600);
    filter: drop-shadow(0px 1px 3px #b54600);
    -webkit-transition: .2s;
    transition: .2s;
    visibility: visible;
    opacity: 0
}

.modal-check span b {
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.modal-check span i {
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.modal-check input {
    top: 50%;
    left: 25px
}

.modal-check input:checked+span {
    border-color: #7E5EF2
}

.modal-check input:checked+span u {
    background-color: #7E5EF2
}

.modal-check input:checked+span u::before {
    visibility: visible;
    opacity: 1
}

.modal-submit {
    position: relative
}

.modal-submit-wrap {
    margin-top: 40px
}

.modal-submit-wrap .modal-hint {
    margin-top: 13px
}

.modal-submit input,
.modal-submit button,
.modal-submit a {
    padding: 19px;
    display: block;
    width: 100%;
    color: #fff;
    font-family: "Gilroy", sans-serif;
    font-size: 16px;
    font-weight: 500;
    background-color: #826AD9;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    text-align: center
}

@media screen and (max-width: 330px) {

    .modal-submit input,
    .modal-submit button,
    .modal-submit a {
        font-size: 14px
    }
}

.modal-submit input:hover,
.modal-submit button:hover,
.modal-submit a:hover {
    background-color: #7E5EF2
}

.modal-submit input:disabled,
.modal-submit button:disabled,
.modal-submit a:disabled {
    opacity: .8;
    pointer-events: none
}

.modal-submit input img,
.modal-submit button img,
.modal-submit a img {
    vertical-align: bottom
}

.modal-submit .emoji {
    position: absolute;
    top: -40px;
    right: 0;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    z-index: -1
}

.modal-reviews-title {
    margin-bottom: 10px;
    font-size: 20px
}

.modal-reviews-wrap {
    margin: 0 -24px;
    padding-left: 24px;
    overflow: hidden
}

@media screen and (max-width: 350px) {
    .modal-reviews-wrap {
        margin: 0 -15px;
        padding-left: 15px
    }
}

.modal-reviews-list {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal-reviews-item {
    position: relative;
    padding: 4px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%
}

.modal-reviews-item img {
    position: relative;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.modal-reviews-item:not(:last-child) {
    margin-right: 16px
}

.modal-reviews-item::before,
.modal-reviews-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.modal-reviews-item::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#c42d90), to(#f79d4d)) border-box;
    background: linear-gradient(#c42d90 0%, #f79d4d 100%) border-box
}

.modal-reviews-item::after {
    padding: 2px;
    background: #fff content-box
}

.modal-scrolltop {
    margin-top: 32px;
    text-align: center
}

.modal-scrolltop a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #f0f0f0;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.modal-scrolltop a:hover {
    background-color: #e3e3e3
}

.payment-modal {
    padding-bottom: 24px
}

.payment-link {
    padding: 20px;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    border-radius: 16px;
    background-color: #f0f0f0;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-link:hover {
    background-color: #e3e3e3
}

.payment-link:not(:last-child) {
    margin-bottom: 8px
}

.payment-list {
    margin-bottom: 40px;
    position: relative;
    overflow: hidden
}

.payment-list.collapsed {
    height: 240px
}

.payment-list.no-gutter .payment-list-item:first-child {
    padding-top: 0
}

.payment-list.no-gutter .payment-list-item:last-child {
    padding-bottom: 0
}

.payment-list-item {
    padding: 16px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-list-item:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea
}

.payment-list-item:first-child span {
    margin-top: -3px
}

.payment-list-item .emoji {
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.payment-list-item span {
    margin-top: -4px;
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

.payment-list-more {
    margin-top: 13px;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

.payment-list-expand {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.payment-list-expand a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #826AD9;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-list-expand a:hover {
    background-color: #7E5EF2
}

.payment-discounts {
    padding-top: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-discounts-decor {
    position: absolute;
    top: 23px;
    right: -13px;
    z-index: -1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.payment-discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    line-height: 1.2084
}

@media screen and (max-width: 365px) {
    .payment-discount {
        font-size: 20px
    }
}

@media screen and (max-width: 330px) {
    .payment-discount {
        font-size: 18px
    }
}

.payment-discount>b {
    font-weight: 400;
    white-space: nowrap
}

.payment-discount>*+:last-child {
    margin-left: 15px;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width: 365px) {
    .payment-discount>*+:last-child {
        font-size: 14px
    }
}

@media screen and (max-width: 345px) {
    .payment-discount>*+:last-child {
        font-size: 12px
    }
}

.payment-discount-badge {
    margin-right: -7px;
    margin-left: 15px;
    position: relative;
    color: #fce6d7
}

.payment-discount-badge svg {
    position: absolute;
    left: -6px;
    top: 0;
    height: 100%;
    width: auto;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 345px) {
    .payment-discount-badge svg {
        left: -5px
    }
}

.payment-discount-badge div {
    padding: 1.125em 1em;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    background-color: currentColor;
    border-radius: 26px
}

@media screen and (max-width: 385px) {
    .payment-discount-badge div {
        font-size: 14px
    }
}

@media screen and (max-width: 345px) {
    .payment-discount-badge div {
        font-size: 12px
    }
}

.payment-discount-badge div span {
    color: #826AD9
}

.payment-discount-text {
    margin-left: auto;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 50;
    line-height: 1.1875
}

@media screen and (max-width: 330px) {
    .payment-discount-text {
        font-size: 14px
    }
}

.payment-discount-text a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-discount-text a span {
    text-decoration: underline
}

.payment-discount-text a svg {
    margin-right: 8px
}

.payment-promocode {
    margin-top: 8px
}

.payment-promocode-opener {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-promocode-opener img {
    margin-right: 8px
}

.payment-promocode-opener span {
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-decoration: underline
}

.payment-promocode-form {
    margin-top: 16px
}

.payment-promocode-form input {
    padding-right: 146px;
    text-transform: uppercase
}

.payment-promocode-form button {
    padding: 19px 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: #826AD9;
    border: none;
    border-radius: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.payment-promocode-form button:hover {
    background-color: #7E5EF2
}

.payment-method {
    margin-bottom: 16px
}

.payment-method label {
    display: block
}

.payment-method label>span {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #b2b2b2;
    border-radius: 16px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-method label>span:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.payment-method label>span i {
    margin-right: 8px;
    position: relative;
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #f0f0f0;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-method label>span i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 3px #b54600;
    box-shadow: 0px 1px 3px #b54600;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-method label>span b {
    font-size: 16px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.payment-method label>span span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.payment-method label>span span .sep {
    margin: 0 16px;
    width: 1px;
    height: 22px;
    background-color: #eaeaea
}

.payment-method label>span span img {
    line-height: 0
}

.payment-method label input:checked+span {
    border-color: #7E5EF2
}

.payment-method label input:checked+span i {
    background-color: #7E5EF2
}

.payment-method label input:checked+span i::before {
    opacity: 1
}

.payment-address-title {
    font-size: 16px;
    font-weight: 500
}

.payment-address-block {
    margin-top: 16px;
    position: relative
}

.payment-address-block svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.payment-address-block input {
    padding: 18px 76px 18px 20px;
    width: 100%;
    font-family: "Gilroy", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.payment-address-block span {
    margin-right: -1px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #826AD9;
    border-radius: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.payment-address-block span:hover {
    background-color: #7E5EF2
}

.payment-address-hint {
    margin-top: 6px;
    color: #b2b2b2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1875
}

.payment-radios {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.payment-radio {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

.payment-radio:not(:last-child) {
    margin-right: 14px
}

.payment-radio span {
    padding: 18px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #b2b2b2;
    border-radius: 16px;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width: 330px) {
    .payment-radio span {
        padding: 14px 5px
    }
}

.payment-radio span:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

.payment-radio span i {
    margin-right: 8px;
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-style: normal;
    border-radius: 50%;
    background-color: #f0f0f0;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-radio span i::before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 1px 3px #b54600;
    box-shadow: 0px 1px 3px #b54600;
    visibility: hidden;
    opacity: 0
}

.payment-radio span b {
    color: #37373c;
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width: 330px) {
    .payment-radio span b {
        font-size: 14px
    }
}

.payment-radio input {
    top: 50%;
    left: 20px
}

.payment-radio input:checked+span {
    border-color: #7E5EF2
}

.payment-radio input:checked+span i {
    background-color: #7E5EF2
}

.payment-radio input:checked+span i::before {
    visibility: visible;
    opacity: 1
}

.payment-time {
    position: relative;
    display: block
}

.payment-time:not(:last-child) {
    margin-bottom: 16px
}

.payment-time>span {
    position: relative;
    padding: 18px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    border: 1px solid #b2b2b2;
    cursor: pointer
}

.payment-time>span b {
    font-size: 16px;
    font-weight: 500
}

.payment-time>span i {
    margin-right: 8px;
    position: relative;
    width: 16px;
    height: 16px;
    font-style: normal;
    background-color: #f0f0f0;
    border-radius: 50%;
    -webkit-transition: .2s;
    transition: .2s
}

.payment-time>span i::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 3px rgba(181, 70, 0, .16);
    box-shadow: 0px 1px 3px rgba(181, 70, 0, .16);
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    visibility: hidden;
    opacity: 0
}

.payment-time input:checked+span {
    border-color: #826AD9
}

.payment-time input:checked+span i {
    background-color: #826AD9
}

.payment-time input:checked+span i::before {
    visibility: visible;
    opacity: 1
}

.payment-time .arrow {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #f0f0f0;
    pointer-events: none
}

.payment-gates {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.payment-gate {
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.payment-gate img {
    max-width: 100%;
    max-height: 100%
}

.freebundle-modal {
    padding-bottom: 244px;
    position: relative
}

.freebundle-image {
    content: "";
    position: absolute;
    top: 250px;
    left: 0;
    z-index: -1;
    width: 100%;
    bottom: 0;
    background-image: url(../img/freebundle.jpg);
    background-size: 425px auto;
    background-position: center top
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .freebundle-image {
        background-image: url(../img/freebundle@2x.jpg)
    }
}

.modal.opening .freebundle-image {
    height: 496px;
    bottom: auto
}

.about-header {
    margin-bottom: 23px;
    color: #37373c;
    text-align: center
}

.about-photo {
    margin: 0 auto 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden
}

.about-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-title {
    margin-bottom: 37px;
    font-size: 24px;
    line-height: 1.333
}

.about-subtitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

.about-slider {
    margin-bottom: 16px
}

.about-slider-wrap {
    margin: 0 -24px;
    padding: 54px 0 45px;
    overflow: hidden
}

@media screen and (max-width: 350px) {
    .about-slider-wrap {
        margin: 0 -15px
    }
}

.about-slider-list {
    margin-left: -249px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.about-slider-item {
    width: 174px;
    height: 174px;
    line-height: 0;
    z-index: 1
}

@media screen and (max-width: 330px) {
    .about-slider-item {
        font-size: 14px
    }
}

.about-slider-item img,
.about-slider-item video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

#modal-about .about-slider-item:nth-child(9n+1) {
    margin-left: -20px
}

#modal-about .about-slider-item:nth-child(9n+2) {
    margin-left: -67px;
    -webkit-transform: translateY(25px) rotate(-15deg);
    transform: translateY(25px) rotate(-15deg)
}

#modal-about .about-slider-item:nth-child(9n+3) {
    margin-left: -19px;
    -webkit-transform: translateY(-43px) rotate(8deg);
    transform: translateY(-43px) rotate(8deg);
    z-index: 0
}

#modal-about .about-slider-item:nth-child(9n+4) {
    margin-left: -34px
}

#modal-about .about-slider-item:nth-child(9n+5) {
    margin-left: -30px;
    -webkit-transform: translateY(25px) rotate(-15deg);
    transform: translateY(25px) rotate(-15deg)
}

#modal-about .about-slider-item:nth-child(9n+6) {
    margin-left: -40px
}

#modal-about .about-slider-item:nth-child(9n+7) {
    margin-left: -40px;
    -webkit-transform: translateY(-43px) rotate(8deg);
    transform: translateY(-43px) rotate(8deg)
}

#modal-about .about-slider-item:nth-child(9n+8) {
    margin-left: -33px;
    -webkit-transform: translateY(25px) rotate(-15deg);
    transform: translateY(25px) rotate(-15deg)
}

#modal-about .about-slider-item:nth-child(9n+9) {
    margin-left: -33px;
    -webkit-transform: translateY(-43px) rotate(8deg);
    transform: translateY(-43px) rotate(8deg)
}

#modal-videos .about-slider-item:nth-child(4n+1) {
    margin-left: -20px
}

#modal-videos .about-slider-item:nth-child(4n+2) {
    margin-left: -67px;
    -webkit-transform: translateY(25px) rotate(-15deg);
    transform: translateY(25px) rotate(-15deg)
}

#modal-videos .about-slider-item:nth-child(4n+3) {
    margin-left: -19px;
    -webkit-transform: translateY(-43px) rotate(8deg);
    transform: translateY(-43px) rotate(8deg);
    z-index: 0
}

#modal-videos .about-slider-item:nth-child(4n+4) {
    margin-left: -34px
}

.about-list {
    margin-bottom: 23px;
    margin-bottom: 16px
}

.about-list-item {
    padding: 16px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about-list-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eaeaea
}

.about-list-item .emoji {
    margin-right: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.about-list-item>span {
    margin-top: -4px;
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375
}

.about-flags {
    margin-bottom: 24px
}

.about-flags-wrap {
    margin: 0 -24px;
    padding-left: 24px;
    overflow: hidden
}

@media screen and (max-width: 350px) {
    .about-flags-wrap {
        margin: 0 -15px;
        padding-left: 15px
    }
}

.about-flags-list {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about-flags-item:not(:last-child) {
    margin-right: 16px
}

.about-portfolio {
    margin: 0 -24px 24px;
    padding: 72px 0;
    overflow-x: hidden
}

@media screen and (max-width: 350px) {
    .about-portfolio {
        margin: 0 -15px 24px
    }
}

.about-portfolio-list {
    margin: 0 auto;
    position: relative;
    width: 276px;
    height: 184px
}

.about-portfolio-item {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    width: 276px;
    height: 184px;
    line-height: 0
}

.about-portfolio-item:nth-child(3n) {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.about-portfolio-item:nth-child(3n).hidden {
    -webkit-transform: rotate(45deg) translateY(-80%);
    transform: rotate(45deg) translateY(-80%)
}

.about-portfolio-item:nth-child(3n+1) {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.about-portfolio-item:nth-child(3n+1).hidden {
    -webkit-transform: rotate(-45deg) translateY(-80%);
    transform: rotate(-45deg) translateY(-80%)
}

.about-portfolio-item:nth-child(3n+2) {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.about-portfolio-item:nth-child(3n+2).hidden {
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%)
}

.about-portfolio-item.active {
    opacity: 1
}

.about-portfolio-item.hidden {
    opacity: 0;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}

.about-portfolio-item img {
    line-height: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.about-more {
    margin-bottom: 40px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px
}

.about-more svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.about-more span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    text-align: center
}

.about-more a {
    margin-right: -1px;
    padding: 20px 24px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    background-color: #826AD9;
    border-radius: 16px;
    -webkit-transition: .2s;
    transition: .2s
}

.about-more a:hover {
    background-color: #7E5EF2
}

.about-text {
    color: #37373c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
    text-align: center
}

.about-text svg {
    margin-bottom: -1px;
    line-height: 1;
    vertical-align: middle
}

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

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.snowfall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1010;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.snowflake {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%
}

.snowflake:nth-child(1) {
    opacity: .898;
    -webkit-transform: translate(98.5641vw, -100%) scale(0.9636);
    transform: translate(98.5641vw, -100%) scale(0.9636);
    -webkit-animation: fall-1 32s -28s linear infinite;
    animation: fall-1 32s -28s linear infinite
}

@-webkit-keyframes fall-1 {
    61.416% {
        -webkit-transform: translate(88.5935vw, 122.832vh) scale(0.9636);
        transform: translate(88.5935vw, 122.832vh) scale(0.9636)
    }

    to {
        -webkit-transform: translate(93.5788vw, 200vh) scale(0.9636);
        transform: translate(93.5788vw, 200vh) scale(0.9636)
    }
}

@keyframes fall-1 {
    61.416% {
        -webkit-transform: translate(88.5935vw, 122.832vh) scale(0.9636);
        transform: translate(88.5935vw, 122.832vh) scale(0.9636)
    }

    to {
        -webkit-transform: translate(93.5788vw, 200vh) scale(0.9636);
        transform: translate(93.5788vw, 200vh) scale(0.9636)
    }
}

.snowflake:nth-child(2) {
    opacity: .895;
    -webkit-transform: translate(9.2197vw, -100%) scale(0.3883);
    transform: translate(9.2197vw, -100%) scale(0.3883);
    -webkit-animation: fall-2 56s -1s linear infinite;
    animation: fall-2 56s -1s linear infinite
}

@-webkit-keyframes fall-2 {
    74.146% {
        -webkit-transform: translate(4.7367vw, 148.292vh) scale(0.3883);
        transform: translate(4.7367vw, 148.292vh) scale(0.3883)
    }

    to {
        -webkit-transform: translate(6.9782vw, 200vh) scale(0.3883);
        transform: translate(6.9782vw, 200vh) scale(0.3883)
    }
}

@keyframes fall-2 {
    74.146% {
        -webkit-transform: translate(4.7367vw, 148.292vh) scale(0.3883);
        transform: translate(4.7367vw, 148.292vh) scale(0.3883)
    }

    to {
        -webkit-transform: translate(6.9782vw, 200vh) scale(0.3883);
        transform: translate(6.9782vw, 200vh) scale(0.3883)
    }
}

.snowflake:nth-child(3) {
    opacity: .657;
    -webkit-transform: translate(52.857vw, -100%) scale(0.2898);
    transform: translate(52.857vw, -100%) scale(0.2898);
    -webkit-animation: fall-3 35s -12s linear infinite;
    animation: fall-3 35s -12s linear infinite
}

@-webkit-keyframes fall-3 {
    40.443% {
        -webkit-transform: translate(46.5837vw, 80.886vh) scale(0.2898);
        transform: translate(46.5837vw, 80.886vh) scale(0.2898)
    }

    to {
        -webkit-transform: translate(49.72035vw, 200vh) scale(0.2898);
        transform: translate(49.72035vw, 200vh) scale(0.2898)
    }
}

@keyframes fall-3 {
    40.443% {
        -webkit-transform: translate(46.5837vw, 80.886vh) scale(0.2898);
        transform: translate(46.5837vw, 80.886vh) scale(0.2898)
    }

    to {
        -webkit-transform: translate(49.72035vw, 200vh) scale(0.2898);
        transform: translate(49.72035vw, 200vh) scale(0.2898)
    }
}

.snowflake:nth-child(4) {
    opacity: .577;
    -webkit-transform: translate(78.524vw, -100%) scale(0.2861);
    transform: translate(78.524vw, -100%) scale(0.2861);
    -webkit-animation: fall-4 31s -9s linear infinite;
    animation: fall-4 31s -9s linear infinite
}

@-webkit-keyframes fall-4 {
    40.623% {
        -webkit-transform: translate(87.3957vw, 81.246vh) scale(0.2861);
        transform: translate(87.3957vw, 81.246vh) scale(0.2861)
    }

    to {
        -webkit-transform: translate(82.95985vw, 200vh) scale(0.2861);
        transform: translate(82.95985vw, 200vh) scale(0.2861)
    }
}

@keyframes fall-4 {
    40.623% {
        -webkit-transform: translate(87.3957vw, 81.246vh) scale(0.2861);
        transform: translate(87.3957vw, 81.246vh) scale(0.2861)
    }

    to {
        -webkit-transform: translate(82.95985vw, 200vh) scale(0.2861);
        transform: translate(82.95985vw, 200vh) scale(0.2861)
    }
}

.snowflake:nth-child(5) {
    opacity: .17;
    -webkit-transform: translate(2.0181vw, -100%) scale(0.8512);
    transform: translate(2.0181vw, -100%) scale(0.8512);
    -webkit-animation: fall-5 45s -26s linear infinite;
    animation: fall-5 45s -26s linear infinite
}

@-webkit-keyframes fall-5 {
    64.905% {
        -webkit-transform: translate(8.1716vw, 129.81vh) scale(0.8512);
        transform: translate(8.1716vw, 129.81vh) scale(0.8512)
    }

    to {
        -webkit-transform: translate(5.09485vw, 200vh) scale(0.8512);
        transform: translate(5.09485vw, 200vh) scale(0.8512)
    }
}

@keyframes fall-5 {
    64.905% {
        -webkit-transform: translate(8.1716vw, 129.81vh) scale(0.8512);
        transform: translate(8.1716vw, 129.81vh) scale(0.8512)
    }

    to {
        -webkit-transform: translate(5.09485vw, 200vh) scale(0.8512);
        transform: translate(5.09485vw, 200vh) scale(0.8512)
    }
}

.snowflake:nth-child(6) {
    opacity: .317;
    -webkit-transform: translate(50.4281vw, -100%) scale(0.0044);
    transform: translate(50.4281vw, -100%) scale(0.0044);
    -webkit-animation: fall-6 56s -1s linear infinite;
    animation: fall-6 56s -1s linear infinite
}

@-webkit-keyframes fall-6 {
    78.674% {
        -webkit-transform: translate(51.7248vw, 157.348vh) scale(0.0044);
        transform: translate(51.7248vw, 157.348vh) scale(0.0044)
    }

    to {
        -webkit-transform: translate(51.07645vw, 200vh) scale(0.0044);
        transform: translate(51.07645vw, 200vh) scale(0.0044)
    }
}

@keyframes fall-6 {
    78.674% {
        -webkit-transform: translate(51.7248vw, 157.348vh) scale(0.0044);
        transform: translate(51.7248vw, 157.348vh) scale(0.0044)
    }

    to {
        -webkit-transform: translate(51.07645vw, 200vh) scale(0.0044);
        transform: translate(51.07645vw, 200vh) scale(0.0044)
    }
}

.snowflake:nth-child(7) {
    opacity: .4;
    -webkit-transform: translate(28.9585vw, -100%) scale(0.0326);
    transform: translate(28.9585vw, -100%) scale(0.0326);
    -webkit-animation: fall-7 24s -8s linear infinite;
    animation: fall-7 24s -8s linear infinite
}

@-webkit-keyframes fall-7 {
    56.682% {
        -webkit-transform: translate(38.5765vw, 113.364vh) scale(0.0326);
        transform: translate(38.5765vw, 113.364vh) scale(0.0326)
    }

    to {
        -webkit-transform: translate(33.7675vw, 200vh) scale(0.0326);
        transform: translate(33.7675vw, 200vh) scale(0.0326)
    }
}

@keyframes fall-7 {
    56.682% {
        -webkit-transform: translate(38.5765vw, 113.364vh) scale(0.0326);
        transform: translate(38.5765vw, 113.364vh) scale(0.0326)
    }

    to {
        -webkit-transform: translate(33.7675vw, 200vh) scale(0.0326);
        transform: translate(33.7675vw, 200vh) scale(0.0326)
    }
}

.snowflake:nth-child(8) {
    opacity: .197;
    -webkit-transform: translate(61.5949vw, -100%) scale(0.1813);
    transform: translate(61.5949vw, -100%) scale(0.1813);
    -webkit-animation: fall-8 54s -18s linear infinite;
    animation: fall-8 54s -18s linear infinite
}

@-webkit-keyframes fall-8 {
    44.201% {
        -webkit-transform: translate(59.6889vw, 88.402vh) scale(0.1813);
        transform: translate(59.6889vw, 88.402vh) scale(0.1813)
    }

    to {
        -webkit-transform: translate(60.6419vw, 200vh) scale(0.1813);
        transform: translate(60.6419vw, 200vh) scale(0.1813)
    }
}

@keyframes fall-8 {
    44.201% {
        -webkit-transform: translate(59.6889vw, 88.402vh) scale(0.1813);
        transform: translate(59.6889vw, 88.402vh) scale(0.1813)
    }

    to {
        -webkit-transform: translate(60.6419vw, 200vh) scale(0.1813);
        transform: translate(60.6419vw, 200vh) scale(0.1813)
    }
}

.snowflake:nth-child(9) {
    opacity: .015;
    -webkit-transform: translate(88.1273vw, -100%) scale(0.3745);
    transform: translate(88.1273vw, -100%) scale(0.3745);
    -webkit-animation: fall-9 49s -15s linear infinite;
    animation: fall-9 49s -15s linear infinite
}

@-webkit-keyframes fall-9 {
    37.705% {
        -webkit-transform: translate(80.7362vw, 75.41vh) scale(0.3745);
        transform: translate(80.7362vw, 75.41vh) scale(0.3745)
    }

    to {
        -webkit-transform: translate(84.43175vw, 200vh) scale(0.3745);
        transform: translate(84.43175vw, 200vh) scale(0.3745)
    }
}

@keyframes fall-9 {
    37.705% {
        -webkit-transform: translate(80.7362vw, 75.41vh) scale(0.3745);
        transform: translate(80.7362vw, 75.41vh) scale(0.3745)
    }

    to {
        -webkit-transform: translate(84.43175vw, 200vh) scale(0.3745);
        transform: translate(84.43175vw, 200vh) scale(0.3745)
    }
}

.snowflake:nth-child(10) {
    opacity: .057;
    -webkit-transform: translate(75.7714vw, -100%) scale(0.4065);
    transform: translate(75.7714vw, -100%) scale(0.4065);
    -webkit-animation: fall-10 47s -15s linear infinite;
    animation: fall-10 47s -15s linear infinite
}

@-webkit-keyframes fall-10 {
    53.912% {
        -webkit-transform: translate(83.7387vw, 107.824vh) scale(0.4065);
        transform: translate(83.7387vw, 107.824vh) scale(0.4065)
    }

    to {
        -webkit-transform: translate(79.75505vw, 200vh) scale(0.4065);
        transform: translate(79.75505vw, 200vh) scale(0.4065)
    }
}

@keyframes fall-10 {
    53.912% {
        -webkit-transform: translate(83.7387vw, 107.824vh) scale(0.4065);
        transform: translate(83.7387vw, 107.824vh) scale(0.4065)
    }

    to {
        -webkit-transform: translate(79.75505vw, 200vh) scale(0.4065);
        transform: translate(79.75505vw, 200vh) scale(0.4065)
    }
}

.snowflake:nth-child(11) {
    opacity: .118;
    -webkit-transform: translate(54.6712vw, -100%) scale(0.0677);
    transform: translate(54.6712vw, -100%) scale(0.0677);
    -webkit-animation: fall-11 34s -2s linear infinite;
    animation: fall-11 34s -2s linear infinite
}

@-webkit-keyframes fall-11 {
    71.815% {
        -webkit-transform: translate(62.3996vw, 143.63vh) scale(0.0677);
        transform: translate(62.3996vw, 143.63vh) scale(0.0677)
    }

    to {
        -webkit-transform: translate(58.5354vw, 200vh) scale(0.0677);
        transform: translate(58.5354vw, 200vh) scale(0.0677)
    }
}

@keyframes fall-11 {
    71.815% {
        -webkit-transform: translate(62.3996vw, 143.63vh) scale(0.0677);
        transform: translate(62.3996vw, 143.63vh) scale(0.0677)
    }

    to {
        -webkit-transform: translate(58.5354vw, 200vh) scale(0.0677);
        transform: translate(58.5354vw, 200vh) scale(0.0677)
    }
}

.snowflake:nth-child(12) {
    opacity: .648;
    -webkit-transform: translate(26.0641vw, -100%) scale(0.111);
    transform: translate(26.0641vw, -100%) scale(0.111);
    -webkit-animation: fall-12 45s -11s linear infinite;
    animation: fall-12 45s -11s linear infinite
}

@-webkit-keyframes fall-12 {
    38.392% {
        -webkit-transform: translate(34.0222vw, 76.784vh) scale(0.111);
        transform: translate(34.0222vw, 76.784vh) scale(0.111)
    }

    to {
        -webkit-transform: translate(30.04315vw, 200vh) scale(0.111);
        transform: translate(30.04315vw, 200vh) scale(0.111)
    }
}

@keyframes fall-12 {
    38.392% {
        -webkit-transform: translate(34.0222vw, 76.784vh) scale(0.111);
        transform: translate(34.0222vw, 76.784vh) scale(0.111)
    }

    to {
        -webkit-transform: translate(30.04315vw, 200vh) scale(0.111);
        transform: translate(30.04315vw, 200vh) scale(0.111)
    }
}

.snowflake:nth-child(13) {
    opacity: .078;
    -webkit-transform: translate(4.8209vw, -100%) scale(0.7924);
    transform: translate(4.8209vw, -100%) scale(0.7924);
    -webkit-animation: fall-13 51s -15s linear infinite;
    animation: fall-13 51s -15s linear infinite
}

@-webkit-keyframes fall-13 {
    35.276% {
        -webkit-transform: translate(8.2827vw, 70.552vh) scale(0.7924);
        transform: translate(8.2827vw, 70.552vh) scale(0.7924)
    }

    to {
        -webkit-transform: translate(6.5518vw, 200vh) scale(0.7924);
        transform: translate(6.5518vw, 200vh) scale(0.7924)
    }
}

@keyframes fall-13 {
    35.276% {
        -webkit-transform: translate(8.2827vw, 70.552vh) scale(0.7924);
        transform: translate(8.2827vw, 70.552vh) scale(0.7924)
    }

    to {
        -webkit-transform: translate(6.5518vw, 200vh) scale(0.7924);
        transform: translate(6.5518vw, 200vh) scale(0.7924)
    }
}

.snowflake:nth-child(14) {
    opacity: .766;
    -webkit-transform: translate(37.8003vw, -100%) scale(0.1291);
    transform: translate(37.8003vw, -100%) scale(0.1291);
    -webkit-animation: fall-14 51s -21s linear infinite;
    animation: fall-14 51s -21s linear infinite
}

@-webkit-keyframes fall-14 {
    58.263% {
        -webkit-transform: translate(37.5088vw, 116.526vh) scale(0.1291);
        transform: translate(37.5088vw, 116.526vh) scale(0.1291)
    }

    to {
        -webkit-transform: translate(37.65455vw, 200vh) scale(0.1291);
        transform: translate(37.65455vw, 200vh) scale(0.1291)
    }
}

@keyframes fall-14 {
    58.263% {
        -webkit-transform: translate(37.5088vw, 116.526vh) scale(0.1291);
        transform: translate(37.5088vw, 116.526vh) scale(0.1291)
    }

    to {
        -webkit-transform: translate(37.65455vw, 200vh) scale(0.1291);
        transform: translate(37.65455vw, 200vh) scale(0.1291)
    }
}

.snowflake:nth-child(15) {
    opacity: .127;
    -webkit-transform: translate(34.516vw, -100%) scale(0.2539);
    transform: translate(34.516vw, -100%) scale(0.2539);
    -webkit-animation: fall-15 41s -3s linear infinite;
    animation: fall-15 41s -3s linear infinite
}

@-webkit-keyframes fall-15 {
    47.288% {
        -webkit-transform: translate(27.9318vw, 94.576vh) scale(0.2539);
        transform: translate(27.9318vw, 94.576vh) scale(0.2539)
    }

    to {
        -webkit-transform: translate(31.2239vw, 200vh) scale(0.2539);
        transform: translate(31.2239vw, 200vh) scale(0.2539)
    }
}

@keyframes fall-15 {
    47.288% {
        -webkit-transform: translate(27.9318vw, 94.576vh) scale(0.2539);
        transform: translate(27.9318vw, 94.576vh) scale(0.2539)
    }

    to {
        -webkit-transform: translate(31.2239vw, 200vh) scale(0.2539);
        transform: translate(31.2239vw, 200vh) scale(0.2539)
    }
}

.snowflake:nth-child(16) {
    opacity: .187;
    -webkit-transform: translate(29.2809vw, -100%) scale(0.2527);
    transform: translate(29.2809vw, -100%) scale(0.2527);
    -webkit-animation: fall-16 39s -16s linear infinite;
    animation: fall-16 39s -16s linear infinite
}

@-webkit-keyframes fall-16 {
    44.818% {
        -webkit-transform: translate(22.2382vw, 89.636vh) scale(0.2527);
        transform: translate(22.2382vw, 89.636vh) scale(0.2527)
    }

    to {
        -webkit-transform: translate(25.75955vw, 200vh) scale(0.2527);
        transform: translate(25.75955vw, 200vh) scale(0.2527)
    }
}

@keyframes fall-16 {
    44.818% {
        -webkit-transform: translate(22.2382vw, 89.636vh) scale(0.2527);
        transform: translate(22.2382vw, 89.636vh) scale(0.2527)
    }

    to {
        -webkit-transform: translate(25.75955vw, 200vh) scale(0.2527);
        transform: translate(25.75955vw, 200vh) scale(0.2527)
    }
}

.snowflake:nth-child(17) {
    opacity: .609;
    -webkit-transform: translate(94.24vw, -100%) scale(0.9155);
    transform: translate(94.24vw, -100%) scale(0.9155);
    -webkit-animation: fall-17 51s -24s linear infinite;
    animation: fall-17 51s -24s linear infinite
}

@-webkit-keyframes fall-17 {
    55.335% {
        -webkit-transform: translate(85.7224vw, 110.67vh) scale(0.9155);
        transform: translate(85.7224vw, 110.67vh) scale(0.9155)
    }

    to {
        -webkit-transform: translate(89.9812vw, 200vh) scale(0.9155);
        transform: translate(89.9812vw, 200vh) scale(0.9155)
    }
}

@keyframes fall-17 {
    55.335% {
        -webkit-transform: translate(85.7224vw, 110.67vh) scale(0.9155);
        transform: translate(85.7224vw, 110.67vh) scale(0.9155)
    }

    to {
        -webkit-transform: translate(89.9812vw, 200vh) scale(0.9155);
        transform: translate(89.9812vw, 200vh) scale(0.9155)
    }
}

.snowflake:nth-child(18) {
    opacity: .245;
    -webkit-transform: translate(16.7773vw, -100%) scale(0.6148);
    transform: translate(16.7773vw, -100%) scale(0.6148);
    -webkit-animation: fall-18 41s -17s linear infinite;
    animation: fall-18 41s -17s linear infinite
}

@-webkit-keyframes fall-18 {
    67.894% {
        -webkit-transform: translate(21.2015vw, 135.788vh) scale(0.6148);
        transform: translate(21.2015vw, 135.788vh) scale(0.6148)
    }

    to {
        -webkit-transform: translate(18.9894vw, 200vh) scale(0.6148);
        transform: translate(18.9894vw, 200vh) scale(0.6148)
    }
}

@keyframes fall-18 {
    67.894% {
        -webkit-transform: translate(21.2015vw, 135.788vh) scale(0.6148);
        transform: translate(21.2015vw, 135.788vh) scale(0.6148)
    }

    to {
        -webkit-transform: translate(18.9894vw, 200vh) scale(0.6148);
        transform: translate(18.9894vw, 200vh) scale(0.6148)
    }
}

.snowflake:nth-child(19) {
    opacity: .432;
    -webkit-transform: translate(45.8812vw, -100%) scale(0.2203);
    transform: translate(45.8812vw, -100%) scale(0.2203);
    -webkit-animation: fall-19 44s -29s linear infinite;
    animation: fall-19 44s -29s linear infinite
}

@-webkit-keyframes fall-19 {
    64.817% {
        -webkit-transform: translate(38.0583vw, 129.634vh) scale(0.2203);
        transform: translate(38.0583vw, 129.634vh) scale(0.2203)
    }

    to {
        -webkit-transform: translate(41.96975vw, 200vh) scale(0.2203);
        transform: translate(41.96975vw, 200vh) scale(0.2203)
    }
}

@keyframes fall-19 {
    64.817% {
        -webkit-transform: translate(38.0583vw, 129.634vh) scale(0.2203);
        transform: translate(38.0583vw, 129.634vh) scale(0.2203)
    }

    to {
        -webkit-transform: translate(41.96975vw, 200vh) scale(0.2203);
        transform: translate(41.96975vw, 200vh) scale(0.2203)
    }
}

.snowflake:nth-child(20) {
    opacity: .032;
    -webkit-transform: translate(95.7725vw, -100%) scale(0.123);
    transform: translate(95.7725vw, -100%) scale(0.123);
    -webkit-animation: fall-20 38s -25s linear infinite;
    animation: fall-20 38s -25s linear infinite
}

@-webkit-keyframes fall-20 {
    34.525% {
        -webkit-transform: translate(98.5516vw, 69.05vh) scale(0.123);
        transform: translate(98.5516vw, 69.05vh) scale(0.123)
    }

    to {
        -webkit-transform: translate(97.16205vw, 200vh) scale(0.123);
        transform: translate(97.16205vw, 200vh) scale(0.123)
    }
}

@keyframes fall-20 {
    34.525% {
        -webkit-transform: translate(98.5516vw, 69.05vh) scale(0.123);
        transform: translate(98.5516vw, 69.05vh) scale(0.123)
    }

    to {
        -webkit-transform: translate(97.16205vw, 200vh) scale(0.123);
        transform: translate(97.16205vw, 200vh) scale(0.123)
    }
}

.snowflake:nth-child(21) {
    opacity: .063;
    -webkit-transform: translate(72.7517vw, -100%) scale(0.8894);
    transform: translate(72.7517vw, -100%) scale(0.8894);
    -webkit-animation: fall-21 28s -5s linear infinite;
    animation: fall-21 28s -5s linear infinite
}

@-webkit-keyframes fall-21 {
    75.617% {
        -webkit-transform: translate(75.5733vw, 151.234vh) scale(0.8894);
        transform: translate(75.5733vw, 151.234vh) scale(0.8894)
    }

    to {
        -webkit-transform: translate(74.1625vw, 200vh) scale(0.8894);
        transform: translate(74.1625vw, 200vh) scale(0.8894)
    }
}

@keyframes fall-21 {
    75.617% {
        -webkit-transform: translate(75.5733vw, 151.234vh) scale(0.8894);
        transform: translate(75.5733vw, 151.234vh) scale(0.8894)
    }

    to {
        -webkit-transform: translate(74.1625vw, 200vh) scale(0.8894);
        transform: translate(74.1625vw, 200vh) scale(0.8894)
    }
}

.snowflake:nth-child(22) {
    opacity: .57;
    -webkit-transform: translate(64.2291vw, -100%) scale(0.041);
    transform: translate(64.2291vw, -100%) scale(0.041);
    -webkit-animation: fall-22 53s -23s linear infinite;
    animation: fall-22 53s -23s linear infinite
}

@-webkit-keyframes fall-22 {
    41.44% {
        -webkit-transform: translate(61.2159vw, 82.88vh) scale(0.041);
        transform: translate(61.2159vw, 82.88vh) scale(0.041)
    }

    to {
        -webkit-transform: translate(62.7225vw, 200vh) scale(0.041);
        transform: translate(62.7225vw, 200vh) scale(0.041)
    }
}

@keyframes fall-22 {
    41.44% {
        -webkit-transform: translate(61.2159vw, 82.88vh) scale(0.041);
        transform: translate(61.2159vw, 82.88vh) scale(0.041)
    }

    to {
        -webkit-transform: translate(62.7225vw, 200vh) scale(0.041);
        transform: translate(62.7225vw, 200vh) scale(0.041)
    }
}

.snowflake:nth-child(23) {
    opacity: .974;
    -webkit-transform: translate(15.4724vw, -100%) scale(0.84);
    transform: translate(15.4724vw, -100%) scale(0.84);
    -webkit-animation: fall-23 56s -28s linear infinite;
    animation: fall-23 56s -28s linear infinite
}

@-webkit-keyframes fall-23 {
    51.577% {
        -webkit-transform: translate(10.4139vw, 103.154vh) scale(0.84);
        transform: translate(10.4139vw, 103.154vh) scale(0.84)
    }

    to {
        -webkit-transform: translate(12.94315vw, 200vh) scale(0.84);
        transform: translate(12.94315vw, 200vh) scale(0.84)
    }
}

@keyframes fall-23 {
    51.577% {
        -webkit-transform: translate(10.4139vw, 103.154vh) scale(0.84);
        transform: translate(10.4139vw, 103.154vh) scale(0.84)
    }

    to {
        -webkit-transform: translate(12.94315vw, 200vh) scale(0.84);
        transform: translate(12.94315vw, 200vh) scale(0.84)
    }
}

.snowflake:nth-child(24) {
    opacity: .39;
    -webkit-transform: translate(17.9784vw, -100%) scale(0.3414);
    transform: translate(17.9784vw, -100%) scale(0.3414);
    -webkit-animation: fall-24 49s -26s linear infinite;
    animation: fall-24 49s -26s linear infinite
}

@-webkit-keyframes fall-24 {
    44.974% {
        -webkit-transform: translate(23.2035vw, 89.948vh) scale(0.3414);
        transform: translate(23.2035vw, 89.948vh) scale(0.3414)
    }

    to {
        -webkit-transform: translate(20.59095vw, 200vh) scale(0.3414);
        transform: translate(20.59095vw, 200vh) scale(0.3414)
    }
}

@keyframes fall-24 {
    44.974% {
        -webkit-transform: translate(23.2035vw, 89.948vh) scale(0.3414);
        transform: translate(23.2035vw, 89.948vh) scale(0.3414)
    }

    to {
        -webkit-transform: translate(20.59095vw, 200vh) scale(0.3414);
        transform: translate(20.59095vw, 200vh) scale(0.3414)
    }
}

.snowflake:nth-child(25) {
    opacity: .729;
    -webkit-transform: translate(17.3146vw, -100%) scale(0.1169);
    transform: translate(17.3146vw, -100%) scale(0.1169);
    -webkit-animation: fall-25 24s -14s linear infinite;
    animation: fall-25 24s -14s linear infinite
}

@-webkit-keyframes fall-25 {
    33.412% {
        -webkit-transform: translate(24.0493vw, 66.824vh) scale(0.1169);
        transform: translate(24.0493vw, 66.824vh) scale(0.1169)
    }

    to {
        -webkit-transform: translate(20.68195vw, 200vh) scale(0.1169);
        transform: translate(20.68195vw, 200vh) scale(0.1169)
    }
}

@keyframes fall-25 {
    33.412% {
        -webkit-transform: translate(24.0493vw, 66.824vh) scale(0.1169);
        transform: translate(24.0493vw, 66.824vh) scale(0.1169)
    }

    to {
        -webkit-transform: translate(20.68195vw, 200vh) scale(0.1169);
        transform: translate(20.68195vw, 200vh) scale(0.1169)
    }
}

.snowflake:nth-child(26) {
    opacity: .802;
    -webkit-transform: translate(87.2647vw, -100%) scale(0.8945);
    transform: translate(87.2647vw, -100%) scale(0.8945);
    -webkit-animation: fall-26 49s -19s linear infinite;
    animation: fall-26 49s -19s linear infinite
}

@-webkit-keyframes fall-26 {
    68.595% {
        -webkit-transform: translate(84.4108vw, 137.19vh) scale(0.8945);
        transform: translate(84.4108vw, 137.19vh) scale(0.8945)
    }

    to {
        -webkit-transform: translate(85.83775vw, 200vh) scale(0.8945);
        transform: translate(85.83775vw, 200vh) scale(0.8945)
    }
}

@keyframes fall-26 {
    68.595% {
        -webkit-transform: translate(84.4108vw, 137.19vh) scale(0.8945);
        transform: translate(84.4108vw, 137.19vh) scale(0.8945)
    }

    to {
        -webkit-transform: translate(85.83775vw, 200vh) scale(0.8945);
        transform: translate(85.83775vw, 200vh) scale(0.8945)
    }
}

.snowflake:nth-child(27) {
    opacity: .701;
    -webkit-transform: translate(31.4459vw, -100%) scale(0.2628);
    transform: translate(31.4459vw, -100%) scale(0.2628);
    -webkit-animation: fall-27 26s -22s linear infinite;
    animation: fall-27 26s -22s linear infinite
}

@-webkit-keyframes fall-27 {
    30.919% {
        -webkit-transform: translate(35.0384vw, 61.838vh) scale(0.2628);
        transform: translate(35.0384vw, 61.838vh) scale(0.2628)
    }

    to {
        -webkit-transform: translate(33.24215vw, 200vh) scale(0.2628);
        transform: translate(33.24215vw, 200vh) scale(0.2628)
    }
}

@keyframes fall-27 {
    30.919% {
        -webkit-transform: translate(35.0384vw, 61.838vh) scale(0.2628);
        transform: translate(35.0384vw, 61.838vh) scale(0.2628)
    }

    to {
        -webkit-transform: translate(33.24215vw, 200vh) scale(0.2628);
        transform: translate(33.24215vw, 200vh) scale(0.2628)
    }
}

.snowflake:nth-child(28) {
    opacity: .575;
    -webkit-transform: translate(49.3951vw, -100%) scale(0.0378);
    transform: translate(49.3951vw, -100%) scale(0.0378);
    -webkit-animation: fall-28 60s -17s linear infinite;
    animation: fall-28 60s -17s linear infinite
}

@-webkit-keyframes fall-28 {
    34.688% {
        -webkit-transform: translate(49.7561vw, 69.376vh) scale(0.0378);
        transform: translate(49.7561vw, 69.376vh) scale(0.0378)
    }

    to {
        -webkit-transform: translate(49.5756vw, 200vh) scale(0.0378);
        transform: translate(49.5756vw, 200vh) scale(0.0378)
    }
}

@keyframes fall-28 {
    34.688% {
        -webkit-transform: translate(49.7561vw, 69.376vh) scale(0.0378);
        transform: translate(49.7561vw, 69.376vh) scale(0.0378)
    }

    to {
        -webkit-transform: translate(49.5756vw, 200vh) scale(0.0378);
        transform: translate(49.5756vw, 200vh) scale(0.0378)
    }
}

.snowflake:nth-child(29) {
    opacity: .724;
    -webkit-transform: translate(23.5563vw, -100%) scale(0.8778);
    transform: translate(23.5563vw, -100%) scale(0.8778);
    -webkit-animation: fall-29 22s -14s linear infinite;
    animation: fall-29 22s -14s linear infinite
}

@-webkit-keyframes fall-29 {
    58.499% {
        -webkit-transform: translate(28.1062vw, 116.998vh) scale(0.8778);
        transform: translate(28.1062vw, 116.998vh) scale(0.8778)
    }

    to {
        -webkit-transform: translate(25.83125vw, 200vh) scale(0.8778);
        transform: translate(25.83125vw, 200vh) scale(0.8778)
    }
}

@keyframes fall-29 {
    58.499% {
        -webkit-transform: translate(28.1062vw, 116.998vh) scale(0.8778);
        transform: translate(28.1062vw, 116.998vh) scale(0.8778)
    }

    to {
        -webkit-transform: translate(25.83125vw, 200vh) scale(0.8778);
        transform: translate(25.83125vw, 200vh) scale(0.8778)
    }
}

.snowflake:nth-child(30) {
    opacity: .937;
    -webkit-transform: translate(35.5709vw, -100%) scale(0.6243);
    transform: translate(35.5709vw, -100%) scale(0.6243);
    -webkit-animation: fall-30 29s -21s linear infinite;
    animation: fall-30 29s -21s linear infinite
}

@-webkit-keyframes fall-30 {
    39.401% {
        -webkit-transform: translate(41.2062vw, 78.802vh) scale(0.6243);
        transform: translate(41.2062vw, 78.802vh) scale(0.6243)
    }

    to {
        -webkit-transform: translate(38.38855vw, 200vh) scale(0.6243);
        transform: translate(38.38855vw, 200vh) scale(0.6243)
    }
}

@keyframes fall-30 {
    39.401% {
        -webkit-transform: translate(41.2062vw, 78.802vh) scale(0.6243);
        transform: translate(41.2062vw, 78.802vh) scale(0.6243)
    }

    to {
        -webkit-transform: translate(38.38855vw, 200vh) scale(0.6243);
        transform: translate(38.38855vw, 200vh) scale(0.6243)
    }
}

.snowflake:nth-child(31) {
    opacity: .51;
    -webkit-transform: translate(30.2879vw, -100%) scale(0.9961);
    transform: translate(30.2879vw, -100%) scale(0.9961);
    -webkit-animation: fall-31 46s -30s linear infinite;
    animation: fall-31 46s -30s linear infinite
}

@-webkit-keyframes fall-31 {
    62.98% {
        -webkit-transform: translate(39.8005vw, 125.96vh) scale(0.9961);
        transform: translate(39.8005vw, 125.96vh) scale(0.9961)
    }

    to {
        -webkit-transform: translate(35.0442vw, 200vh) scale(0.9961);
        transform: translate(35.0442vw, 200vh) scale(0.9961)
    }
}

@keyframes fall-31 {
    62.98% {
        -webkit-transform: translate(39.8005vw, 125.96vh) scale(0.9961);
        transform: translate(39.8005vw, 125.96vh) scale(0.9961)
    }

    to {
        -webkit-transform: translate(35.0442vw, 200vh) scale(0.9961);
        transform: translate(35.0442vw, 200vh) scale(0.9961)
    }
}

.snowflake:nth-child(32) {
    opacity: .761;
    -webkit-transform: translate(6.9171vw, -100%) scale(0.9534);
    transform: translate(6.9171vw, -100%) scale(0.9534);
    -webkit-animation: fall-32 55s -22s linear infinite;
    animation: fall-32 55s -22s linear infinite
}

@-webkit-keyframes fall-32 {
    31.633% {
        -webkit-transform: translate(12.3452vw, 63.266vh) scale(0.9534);
        transform: translate(12.3452vw, 63.266vh) scale(0.9534)
    }

    to {
        -webkit-transform: translate(9.63115vw, 200vh) scale(0.9534);
        transform: translate(9.63115vw, 200vh) scale(0.9534)
    }
}

@keyframes fall-32 {
    31.633% {
        -webkit-transform: translate(12.3452vw, 63.266vh) scale(0.9534);
        transform: translate(12.3452vw, 63.266vh) scale(0.9534)
    }

    to {
        -webkit-transform: translate(9.63115vw, 200vh) scale(0.9534);
        transform: translate(9.63115vw, 200vh) scale(0.9534)
    }
}

.snowflake:nth-child(33) {
    opacity: .27;
    -webkit-transform: translate(19.0189vw, -100%) scale(0.0128);
    transform: translate(19.0189vw, -100%) scale(0.0128);
    -webkit-animation: fall-33 32s -2s linear infinite;
    animation: fall-33 32s -2s linear infinite
}

@-webkit-keyframes fall-33 {
    43.355% {
        -webkit-transform: translate(26.1232vw, 86.71vh) scale(0.0128);
        transform: translate(26.1232vw, 86.71vh) scale(0.0128)
    }

    to {
        -webkit-transform: translate(22.57105vw, 200vh) scale(0.0128);
        transform: translate(22.57105vw, 200vh) scale(0.0128)
    }
}

@keyframes fall-33 {
    43.355% {
        -webkit-transform: translate(26.1232vw, 86.71vh) scale(0.0128);
        transform: translate(26.1232vw, 86.71vh) scale(0.0128)
    }

    to {
        -webkit-transform: translate(22.57105vw, 200vh) scale(0.0128);
        transform: translate(22.57105vw, 200vh) scale(0.0128)
    }
}

.snowflake:nth-child(34) {
    opacity: .157;
    -webkit-transform: translate(27.4494vw, -100%) scale(0.1459);
    transform: translate(27.4494vw, -100%) scale(0.1459);
    -webkit-animation: fall-34 49s -8s linear infinite;
    animation: fall-34 49s -8s linear infinite
}

@-webkit-keyframes fall-34 {
    40.673% {
        -webkit-transform: translate(30.0423vw, 81.346vh) scale(0.1459);
        transform: translate(30.0423vw, 81.346vh) scale(0.1459)
    }

    to {
        -webkit-transform: translate(28.74585vw, 200vh) scale(0.1459);
        transform: translate(28.74585vw, 200vh) scale(0.1459)
    }
}

@keyframes fall-34 {
    40.673% {
        -webkit-transform: translate(30.0423vw, 81.346vh) scale(0.1459);
        transform: translate(30.0423vw, 81.346vh) scale(0.1459)
    }

    to {
        -webkit-transform: translate(28.74585vw, 200vh) scale(0.1459);
        transform: translate(28.74585vw, 200vh) scale(0.1459)
    }
}

.snowflake:nth-child(35) {
    opacity: .17;
    -webkit-transform: translate(25.1662vw, -100%) scale(0.6803);
    transform: translate(25.1662vw, -100%) scale(0.6803);
    -webkit-animation: fall-35 44s -15s linear infinite;
    animation: fall-35 44s -15s linear infinite
}

@-webkit-keyframes fall-35 {
    31.397% {
        -webkit-transform: translate(30.0855vw, 62.794vh) scale(0.6803);
        transform: translate(30.0855vw, 62.794vh) scale(0.6803)
    }

    to {
        -webkit-transform: translate(27.62585vw, 200vh) scale(0.6803);
        transform: translate(27.62585vw, 200vh) scale(0.6803)
    }
}

@keyframes fall-35 {
    31.397% {
        -webkit-transform: translate(30.0855vw, 62.794vh) scale(0.6803);
        transform: translate(30.0855vw, 62.794vh) scale(0.6803)
    }

    to {
        -webkit-transform: translate(27.62585vw, 200vh) scale(0.6803);
        transform: translate(27.62585vw, 200vh) scale(0.6803)
    }
}

.snowflake:nth-child(36) {
    opacity: .724;
    -webkit-transform: translate(39.3217vw, -100%) scale(0.1619);
    transform: translate(39.3217vw, -100%) scale(0.1619);
    -webkit-animation: fall-36 55s -2s linear infinite;
    animation: fall-36 55s -2s linear infinite
}

@-webkit-keyframes fall-36 {
    62.883% {
        -webkit-transform: translate(33.3563vw, 125.766vh) scale(0.1619);
        transform: translate(33.3563vw, 125.766vh) scale(0.1619)
    }

    to {
        -webkit-transform: translate(36.339vw, 200vh) scale(0.1619);
        transform: translate(36.339vw, 200vh) scale(0.1619)
    }
}

@keyframes fall-36 {
    62.883% {
        -webkit-transform: translate(33.3563vw, 125.766vh) scale(0.1619);
        transform: translate(33.3563vw, 125.766vh) scale(0.1619)
    }

    to {
        -webkit-transform: translate(36.339vw, 200vh) scale(0.1619);
        transform: translate(36.339vw, 200vh) scale(0.1619)
    }
}

.snowflake:nth-child(37) {
    opacity: .606;
    -webkit-transform: translate(45.8983vw, -100%) scale(0.4417);
    transform: translate(45.8983vw, -100%) scale(0.4417);
    -webkit-animation: fall-37 39s -13s linear infinite;
    animation: fall-37 39s -13s linear infinite
}

@-webkit-keyframes fall-37 {
    36.456% {
        -webkit-transform: translate(43.9739vw, 72.912vh) scale(0.4417);
        transform: translate(43.9739vw, 72.912vh) scale(0.4417)
    }

    to {
        -webkit-transform: translate(44.9361vw, 200vh) scale(0.4417);
        transform: translate(44.9361vw, 200vh) scale(0.4417)
    }
}

@keyframes fall-37 {
    36.456% {
        -webkit-transform: translate(43.9739vw, 72.912vh) scale(0.4417);
        transform: translate(43.9739vw, 72.912vh) scale(0.4417)
    }

    to {
        -webkit-transform: translate(44.9361vw, 200vh) scale(0.4417);
        transform: translate(44.9361vw, 200vh) scale(0.4417)
    }
}

.snowflake:nth-child(38) {
    opacity: .189;
    -webkit-transform: translate(38.7012vw, -100%) scale(0.1885);
    transform: translate(38.7012vw, -100%) scale(0.1885);
    -webkit-animation: fall-38 29s -23s linear infinite;
    animation: fall-38 29s -23s linear infinite
}

@-webkit-keyframes fall-38 {
    71.415% {
        -webkit-transform: translate(31.0434vw, 142.83vh) scale(0.1885);
        transform: translate(31.0434vw, 142.83vh) scale(0.1885)
    }

    to {
        -webkit-transform: translate(34.8723vw, 200vh) scale(0.1885);
        transform: translate(34.8723vw, 200vh) scale(0.1885)
    }
}

@keyframes fall-38 {
    71.415% {
        -webkit-transform: translate(31.0434vw, 142.83vh) scale(0.1885);
        transform: translate(31.0434vw, 142.83vh) scale(0.1885)
    }

    to {
        -webkit-transform: translate(34.8723vw, 200vh) scale(0.1885);
        transform: translate(34.8723vw, 200vh) scale(0.1885)
    }
}

.snowflake:nth-child(39) {
    opacity: .718;
    -webkit-transform: translate(60.7024vw, -100%) scale(0.5974);
    transform: translate(60.7024vw, -100%) scale(0.5974);
    -webkit-animation: fall-39 23s -21s linear infinite;
    animation: fall-39 23s -21s linear infinite
}

@-webkit-keyframes fall-39 {
    72.138% {
        -webkit-transform: translate(59.8745vw, 144.276vh) scale(0.5974);
        transform: translate(59.8745vw, 144.276vh) scale(0.5974)
    }

    to {
        -webkit-transform: translate(60.28845vw, 200vh) scale(0.5974);
        transform: translate(60.28845vw, 200vh) scale(0.5974)
    }
}

@keyframes fall-39 {
    72.138% {
        -webkit-transform: translate(59.8745vw, 144.276vh) scale(0.5974);
        transform: translate(59.8745vw, 144.276vh) scale(0.5974)
    }

    to {
        -webkit-transform: translate(60.28845vw, 200vh) scale(0.5974);
        transform: translate(60.28845vw, 200vh) scale(0.5974)
    }
}

.snowflake:nth-child(40) {
    opacity: .361;
    -webkit-transform: translate(14.1597vw, -100%) scale(0.6789);
    transform: translate(14.1597vw, -100%) scale(0.6789);
    -webkit-animation: fall-40 29s -2s linear infinite;
    animation: fall-40 29s -2s linear infinite
}

@-webkit-keyframes fall-40 {
    40.817% {
        -webkit-transform: translate(11.1495vw, 81.634vh) scale(0.6789);
        transform: translate(11.1495vw, 81.634vh) scale(0.6789)
    }

    to {
        -webkit-transform: translate(12.6546vw, 200vh) scale(0.6789);
        transform: translate(12.6546vw, 200vh) scale(0.6789)
    }
}

@keyframes fall-40 {
    40.817% {
        -webkit-transform: translate(11.1495vw, 81.634vh) scale(0.6789);
        transform: translate(11.1495vw, 81.634vh) scale(0.6789)
    }

    to {
        -webkit-transform: translate(12.6546vw, 200vh) scale(0.6789);
        transform: translate(12.6546vw, 200vh) scale(0.6789)
    }
}

.snowflake:nth-child(41) {
    opacity: .733;
    -webkit-transform: translate(44.7007vw, -100%) scale(0.1645);
    transform: translate(44.7007vw, -100%) scale(0.1645);
    -webkit-animation: fall-41 47s -24s linear infinite;
    animation: fall-41 47s -24s linear infinite
}

@-webkit-keyframes fall-41 {
    75.169% {
        -webkit-transform: translate(40.751vw, 150.338vh) scale(0.1645);
        transform: translate(40.751vw, 150.338vh) scale(0.1645)
    }

    to {
        -webkit-transform: translate(42.72585vw, 200vh) scale(0.1645);
        transform: translate(42.72585vw, 200vh) scale(0.1645)
    }
}

@keyframes fall-41 {
    75.169% {
        -webkit-transform: translate(40.751vw, 150.338vh) scale(0.1645);
        transform: translate(40.751vw, 150.338vh) scale(0.1645)
    }

    to {
        -webkit-transform: translate(42.72585vw, 200vh) scale(0.1645);
        transform: translate(42.72585vw, 200vh) scale(0.1645)
    }
}

.snowflake:nth-child(42) {
    opacity: .974;
    -webkit-transform: translate(73.49vw, -100%) scale(0.1363);
    transform: translate(73.49vw, -100%) scale(0.1363);
    -webkit-animation: fall-42 58s -16s linear infinite;
    animation: fall-42 58s -16s linear infinite
}

@-webkit-keyframes fall-42 {
    36.515% {
        -webkit-transform: translate(63.948vw, 73.03vh) scale(0.1363);
        transform: translate(63.948vw, 73.03vh) scale(0.1363)
    }

    to {
        -webkit-transform: translate(68.719vw, 200vh) scale(0.1363);
        transform: translate(68.719vw, 200vh) scale(0.1363)
    }
}

@keyframes fall-42 {
    36.515% {
        -webkit-transform: translate(63.948vw, 73.03vh) scale(0.1363);
        transform: translate(63.948vw, 73.03vh) scale(0.1363)
    }

    to {
        -webkit-transform: translate(68.719vw, 200vh) scale(0.1363);
        transform: translate(68.719vw, 200vh) scale(0.1363)
    }
}

.snowflake:nth-child(43) {
    opacity: .134;
    -webkit-transform: translate(7.6558vw, -100%) scale(0.5842);
    transform: translate(7.6558vw, -100%) scale(0.5842);
    -webkit-animation: fall-43 35s -1s linear infinite;
    animation: fall-43 35s -1s linear infinite
}

@-webkit-keyframes fall-43 {
    60.98% {
        -webkit-transform: translate(13.1051vw, 121.96vh) scale(0.5842);
        transform: translate(13.1051vw, 121.96vh) scale(0.5842)
    }

    to {
        -webkit-transform: translate(10.38045vw, 200vh) scale(0.5842);
        transform: translate(10.38045vw, 200vh) scale(0.5842)
    }
}

@keyframes fall-43 {
    60.98% {
        -webkit-transform: translate(13.1051vw, 121.96vh) scale(0.5842);
        transform: translate(13.1051vw, 121.96vh) scale(0.5842)
    }

    to {
        -webkit-transform: translate(10.38045vw, 200vh) scale(0.5842);
        transform: translate(10.38045vw, 200vh) scale(0.5842)
    }
}

.snowflake:nth-child(44) {
    opacity: .759;
    -webkit-transform: translate(93.3341vw, -100%) scale(0.6514);
    transform: translate(93.3341vw, -100%) scale(0.6514);
    -webkit-animation: fall-44 35s -8s linear infinite;
    animation: fall-44 35s -8s linear infinite
}

@-webkit-keyframes fall-44 {
    76.401% {
        -webkit-transform: translate(95.5692vw, 152.802vh) scale(0.6514);
        transform: translate(95.5692vw, 152.802vh) scale(0.6514)
    }

    to {
        -webkit-transform: translate(94.45165vw, 200vh) scale(0.6514);
        transform: translate(94.45165vw, 200vh) scale(0.6514)
    }
}

@keyframes fall-44 {
    76.401% {
        -webkit-transform: translate(95.5692vw, 152.802vh) scale(0.6514);
        transform: translate(95.5692vw, 152.802vh) scale(0.6514)
    }

    to {
        -webkit-transform: translate(94.45165vw, 200vh) scale(0.6514);
        transform: translate(94.45165vw, 200vh) scale(0.6514)
    }
}

.snowflake:nth-child(45) {
    opacity: .52;
    -webkit-transform: translate(19.6723vw, -100%) scale(0.0296);
    transform: translate(19.6723vw, -100%) scale(0.0296);
    -webkit-animation: fall-45 36s -19s linear infinite;
    animation: fall-45 36s -19s linear infinite
}

@-webkit-keyframes fall-45 {
    69.35% {
        -webkit-transform: translate(22.1008vw, 138.7vh) scale(0.0296);
        transform: translate(22.1008vw, 138.7vh) scale(0.0296)
    }

    to {
        -webkit-transform: translate(20.88655vw, 200vh) scale(0.0296);
        transform: translate(20.88655vw, 200vh) scale(0.0296)
    }
}

@keyframes fall-45 {
    69.35% {
        -webkit-transform: translate(22.1008vw, 138.7vh) scale(0.0296);
        transform: translate(22.1008vw, 138.7vh) scale(0.0296)
    }

    to {
        -webkit-transform: translate(20.88655vw, 200vh) scale(0.0296);
        transform: translate(20.88655vw, 200vh) scale(0.0296)
    }
}

.snowflake:nth-child(46) {
    opacity: .146;
    -webkit-transform: translate(2.7961vw, -100%) scale(0.937);
    transform: translate(2.7961vw, -100%) scale(0.937);
    -webkit-animation: fall-46 39s -22s linear infinite;
    animation: fall-46 39s -22s linear infinite
}

@-webkit-keyframes fall-46 {
    40.968% {
        -webkit-transform: translate(-5.3692vw, 81.936vh) scale(0.937);
        transform: translate(-5.3692vw, 81.936vh) scale(0.937)
    }

    to {
        -webkit-transform: translate(-1.28655vw, 200vh) scale(0.937);
        transform: translate(-1.28655vw, 200vh) scale(0.937)
    }
}

@keyframes fall-46 {
    40.968% {
        -webkit-transform: translate(-5.3692vw, 81.936vh) scale(0.937);
        transform: translate(-5.3692vw, 81.936vh) scale(0.937)
    }

    to {
        -webkit-transform: translate(-1.28655vw, 200vh) scale(0.937);
        transform: translate(-1.28655vw, 200vh) scale(0.937)
    }
}

.snowflake:nth-child(47) {
    opacity: .538;
    -webkit-transform: translate(68.7754vw, -100%) scale(0.7753);
    transform: translate(68.7754vw, -100%) scale(0.7753);
    -webkit-animation: fall-47 27s -17s linear infinite;
    animation: fall-47 27s -17s linear infinite
}

@-webkit-keyframes fall-47 {
    50.818% {
        -webkit-transform: translate(70.676vw, 101.636vh) scale(0.7753);
        transform: translate(70.676vw, 101.636vh) scale(0.7753)
    }

    to {
        -webkit-transform: translate(69.7257vw, 200vh) scale(0.7753);
        transform: translate(69.7257vw, 200vh) scale(0.7753)
    }
}

@keyframes fall-47 {
    50.818% {
        -webkit-transform: translate(70.676vw, 101.636vh) scale(0.7753);
        transform: translate(70.676vw, 101.636vh) scale(0.7753)
    }

    to {
        -webkit-transform: translate(69.7257vw, 200vh) scale(0.7753);
        transform: translate(69.7257vw, 200vh) scale(0.7753)
    }
}

.snowflake:nth-child(48) {
    opacity: .169;
    -webkit-transform: translate(14.2141vw, -100%) scale(0.9458);
    transform: translate(14.2141vw, -100%) scale(0.9458);
    -webkit-animation: fall-48 56s -22s linear infinite;
    animation: fall-48 56s -22s linear infinite
}

@-webkit-keyframes fall-48 {
    55.641% {
        -webkit-transform: translate(21.1446vw, 111.282vh) scale(0.9458);
        transform: translate(21.1446vw, 111.282vh) scale(0.9458)
    }

    to {
        -webkit-transform: translate(17.67935vw, 200vh) scale(0.9458);
        transform: translate(17.67935vw, 200vh) scale(0.9458)
    }
}

@keyframes fall-48 {
    55.641% {
        -webkit-transform: translate(21.1446vw, 111.282vh) scale(0.9458);
        transform: translate(21.1446vw, 111.282vh) scale(0.9458)
    }

    to {
        -webkit-transform: translate(17.67935vw, 200vh) scale(0.9458);
        transform: translate(17.67935vw, 200vh) scale(0.9458)
    }
}

.snowflake:nth-child(49) {
    opacity: .689;
    -webkit-transform: translate(23.2038vw, -100%) scale(0.3765);
    transform: translate(23.2038vw, -100%) scale(0.3765);
    -webkit-animation: fall-49 31s -7s linear infinite;
    animation: fall-49 31s -7s linear infinite
}

@-webkit-keyframes fall-49 {
    56.812% {
        -webkit-transform: translate(24.6297vw, 113.624vh) scale(0.3765);
        transform: translate(24.6297vw, 113.624vh) scale(0.3765)
    }

    to {
        -webkit-transform: translate(23.91675vw, 200vh) scale(0.3765);
        transform: translate(23.91675vw, 200vh) scale(0.3765)
    }
}

@keyframes fall-49 {
    56.812% {
        -webkit-transform: translate(24.6297vw, 113.624vh) scale(0.3765);
        transform: translate(24.6297vw, 113.624vh) scale(0.3765)
    }

    to {
        -webkit-transform: translate(23.91675vw, 200vh) scale(0.3765);
        transform: translate(23.91675vw, 200vh) scale(0.3765)
    }
}

.snowflake:nth-child(50) {
    opacity: .388;
    -webkit-transform: translate(59.3759vw, -100%) scale(0.4835);
    transform: translate(59.3759vw, -100%) scale(0.4835);
    -webkit-animation: fall-50 44s -2s linear infinite;
    animation: fall-50 44s -2s linear infinite
}

@-webkit-keyframes fall-50 {
    33.55% {
        -webkit-transform: translate(53.4219vw, 67.1vh) scale(0.4835);
        transform: translate(53.4219vw, 67.1vh) scale(0.4835)
    }

    to {
        -webkit-transform: translate(56.3989vw, 200vh) scale(0.4835);
        transform: translate(56.3989vw, 200vh) scale(0.4835)
    }
}

@keyframes fall-50 {
    33.55% {
        -webkit-transform: translate(53.4219vw, 67.1vh) scale(0.4835);
        transform: translate(53.4219vw, 67.1vh) scale(0.4835)
    }

    to {
        -webkit-transform: translate(56.3989vw, 200vh) scale(0.4835);
        transform: translate(56.3989vw, 200vh) scale(0.4835)
    }
}

.snowflake:nth-child(51) {
    opacity: .105;
    -webkit-transform: translate(35.143vw, -100%) scale(0.2716);
    transform: translate(35.143vw, -100%) scale(0.2716);
    -webkit-animation: fall-51 58s -18s linear infinite;
    animation: fall-51 58s -18s linear infinite
}

@-webkit-keyframes fall-51 {
    52.764% {
        -webkit-transform: translate(36.6713vw, 105.528vh) scale(0.2716);
        transform: translate(36.6713vw, 105.528vh) scale(0.2716)
    }

    to {
        -webkit-transform: translate(35.90715vw, 200vh) scale(0.2716);
        transform: translate(35.90715vw, 200vh) scale(0.2716)
    }
}

@keyframes fall-51 {
    52.764% {
        -webkit-transform: translate(36.6713vw, 105.528vh) scale(0.2716);
        transform: translate(36.6713vw, 105.528vh) scale(0.2716)
    }

    to {
        -webkit-transform: translate(35.90715vw, 200vh) scale(0.2716);
        transform: translate(35.90715vw, 200vh) scale(0.2716)
    }
}

.snowflake:nth-child(52) {
    opacity: .087;
    -webkit-transform: translate(15.6824vw, -100%) scale(0.0622);
    transform: translate(15.6824vw, -100%) scale(0.0622);
    -webkit-animation: fall-52 22s -24s linear infinite;
    animation: fall-52 22s -24s linear infinite
}

@-webkit-keyframes fall-52 {
    31.076% {
        -webkit-transform: translate(20.0876vw, 62.152vh) scale(0.0622);
        transform: translate(20.0876vw, 62.152vh) scale(0.0622)
    }

    to {
        -webkit-transform: translate(17.885vw, 200vh) scale(0.0622);
        transform: translate(17.885vw, 200vh) scale(0.0622)
    }
}

@keyframes fall-52 {
    31.076% {
        -webkit-transform: translate(20.0876vw, 62.152vh) scale(0.0622);
        transform: translate(20.0876vw, 62.152vh) scale(0.0622)
    }

    to {
        -webkit-transform: translate(17.885vw, 200vh) scale(0.0622);
        transform: translate(17.885vw, 200vh) scale(0.0622)
    }
}

.snowflake:nth-child(53) {
    opacity: .884;
    -webkit-transform: translate(53.9548vw, -100%) scale(0.0633);
    transform: translate(53.9548vw, -100%) scale(0.0633);
    -webkit-animation: fall-53 41s -10s linear infinite;
    animation: fall-53 41s -10s linear infinite
}

@-webkit-keyframes fall-53 {
    41.341% {
        -webkit-transform: translate(60.8005vw, 82.682vh) scale(0.0633);
        transform: translate(60.8005vw, 82.682vh) scale(0.0633)
    }

    to {
        -webkit-transform: translate(57.37765vw, 200vh) scale(0.0633);
        transform: translate(57.37765vw, 200vh) scale(0.0633)
    }
}

@keyframes fall-53 {
    41.341% {
        -webkit-transform: translate(60.8005vw, 82.682vh) scale(0.0633);
        transform: translate(60.8005vw, 82.682vh) scale(0.0633)
    }

    to {
        -webkit-transform: translate(57.37765vw, 200vh) scale(0.0633);
        transform: translate(57.37765vw, 200vh) scale(0.0633)
    }
}

.snowflake:nth-child(54) {
    opacity: .603;
    -webkit-transform: translate(42.6493vw, -100%) scale(0.859);
    transform: translate(42.6493vw, -100%) scale(0.859);
    -webkit-animation: fall-54 52s -28s linear infinite;
    animation: fall-54 52s -28s linear infinite
}

@-webkit-keyframes fall-54 {
    64.35% {
        -webkit-transform: translate(34.7379vw, 128.7vh) scale(0.859);
        transform: translate(34.7379vw, 128.7vh) scale(0.859)
    }

    to {
        -webkit-transform: translate(38.6936vw, 200vh) scale(0.859);
        transform: translate(38.6936vw, 200vh) scale(0.859)
    }
}

@keyframes fall-54 {
    64.35% {
        -webkit-transform: translate(34.7379vw, 128.7vh) scale(0.859);
        transform: translate(34.7379vw, 128.7vh) scale(0.859)
    }

    to {
        -webkit-transform: translate(38.6936vw, 200vh) scale(0.859);
        transform: translate(38.6936vw, 200vh) scale(0.859)
    }
}

.snowflake:nth-child(55) {
    opacity: .781;
    -webkit-transform: translate(30.3246vw, -100%) scale(0.1429);
    transform: translate(30.3246vw, -100%) scale(0.1429);
    -webkit-animation: fall-55 53s -5s linear infinite;
    animation: fall-55 53s -5s linear infinite
}

@-webkit-keyframes fall-55 {
    67.746% {
        -webkit-transform: translate(40.0226vw, 135.492vh) scale(0.1429);
        transform: translate(40.0226vw, 135.492vh) scale(0.1429)
    }

    to {
        -webkit-transform: translate(35.1736vw, 200vh) scale(0.1429);
        transform: translate(35.1736vw, 200vh) scale(0.1429)
    }
}

@keyframes fall-55 {
    67.746% {
        -webkit-transform: translate(40.0226vw, 135.492vh) scale(0.1429);
        transform: translate(40.0226vw, 135.492vh) scale(0.1429)
    }

    to {
        -webkit-transform: translate(35.1736vw, 200vh) scale(0.1429);
        transform: translate(35.1736vw, 200vh) scale(0.1429)
    }
}

.snowflake:nth-child(56) {
    opacity: .356;
    -webkit-transform: translate(8.8859vw, -100%) scale(0.1601);
    transform: translate(8.8859vw, -100%) scale(0.1601);
    -webkit-animation: fall-56 40s -30s linear infinite;
    animation: fall-56 40s -30s linear infinite
}

@-webkit-keyframes fall-56 {
    58.699% {
        -webkit-transform: translate(13.2492vw, 117.398vh) scale(0.1601);
        transform: translate(13.2492vw, 117.398vh) scale(0.1601)
    }

    to {
        -webkit-transform: translate(11.06755vw, 200vh) scale(0.1601);
        transform: translate(11.06755vw, 200vh) scale(0.1601)
    }
}

@keyframes fall-56 {
    58.699% {
        -webkit-transform: translate(13.2492vw, 117.398vh) scale(0.1601);
        transform: translate(13.2492vw, 117.398vh) scale(0.1601)
    }

    to {
        -webkit-transform: translate(11.06755vw, 200vh) scale(0.1601);
        transform: translate(11.06755vw, 200vh) scale(0.1601)
    }
}

.snowflake:nth-child(57) {
    opacity: .687;
    -webkit-transform: translate(72.4029vw, -100%) scale(0.025);
    transform: translate(72.4029vw, -100%) scale(0.025);
    -webkit-animation: fall-57 22s -29s linear infinite;
    animation: fall-57 22s -29s linear infinite
}

@-webkit-keyframes fall-57 {
    41.256% {
        -webkit-transform: translate(65.343vw, 82.512vh) scale(0.025);
        transform: translate(65.343vw, 82.512vh) scale(0.025)
    }

    to {
        -webkit-transform: translate(68.87295vw, 200vh) scale(0.025);
        transform: translate(68.87295vw, 200vh) scale(0.025)
    }
}

@keyframes fall-57 {
    41.256% {
        -webkit-transform: translate(65.343vw, 82.512vh) scale(0.025);
        transform: translate(65.343vw, 82.512vh) scale(0.025)
    }

    to {
        -webkit-transform: translate(68.87295vw, 200vh) scale(0.025);
        transform: translate(68.87295vw, 200vh) scale(0.025)
    }
}

.snowflake:nth-child(58) {
    opacity: .714;
    -webkit-transform: translate(18.9431vw, -100%) scale(0.2973);
    transform: translate(18.9431vw, -100%) scale(0.2973);
    -webkit-animation: fall-58 35s -9s linear infinite;
    animation: fall-58 35s -9s linear infinite
}

@-webkit-keyframes fall-58 {
    36.56% {
        -webkit-transform: translate(27.5164vw, 73.12vh) scale(0.2973);
        transform: translate(27.5164vw, 73.12vh) scale(0.2973)
    }

    to {
        -webkit-transform: translate(23.22975vw, 200vh) scale(0.2973);
        transform: translate(23.22975vw, 200vh) scale(0.2973)
    }
}

@keyframes fall-58 {
    36.56% {
        -webkit-transform: translate(27.5164vw, 73.12vh) scale(0.2973);
        transform: translate(27.5164vw, 73.12vh) scale(0.2973)
    }

    to {
        -webkit-transform: translate(23.22975vw, 200vh) scale(0.2973);
        transform: translate(23.22975vw, 200vh) scale(0.2973)
    }
}

.snowflake:nth-child(59) {
    opacity: .303;
    -webkit-transform: translate(6.3092vw, -100%) scale(0.7012);
    transform: translate(6.3092vw, -100%) scale(0.7012);
    -webkit-animation: fall-59 24s -15s linear infinite;
    animation: fall-59 24s -15s linear infinite
}

@-webkit-keyframes fall-59 {
    61.154% {
        -webkit-transform: translate(-0.3741vw, 122.308vh) scale(0.7012);
        transform: translate(-0.3741vw, 122.308vh) scale(0.7012)
    }

    to {
        -webkit-transform: translate(2.96755vw, 200vh) scale(0.7012);
        transform: translate(2.96755vw, 200vh) scale(0.7012)
    }
}

@keyframes fall-59 {
    61.154% {
        -webkit-transform: translate(-0.3741vw, 122.308vh) scale(0.7012);
        transform: translate(-0.3741vw, 122.308vh) scale(0.7012)
    }

    to {
        -webkit-transform: translate(2.96755vw, 200vh) scale(0.7012);
        transform: translate(2.96755vw, 200vh) scale(0.7012)
    }
}

.snowflake:nth-child(60) {
    opacity: .244;
    -webkit-transform: translate(27.4337vw, -100%) scale(0.8202);
    transform: translate(27.4337vw, -100%) scale(0.8202);
    -webkit-animation: fall-60 55s -12s linear infinite;
    animation: fall-60 55s -12s linear infinite
}

@-webkit-keyframes fall-60 {
    50.636% {
        -webkit-transform: translate(35.495vw, 101.272vh) scale(0.8202);
        transform: translate(35.495vw, 101.272vh) scale(0.8202)
    }

    to {
        -webkit-transform: translate(31.46435vw, 200vh) scale(0.8202);
        transform: translate(31.46435vw, 200vh) scale(0.8202)
    }
}

@keyframes fall-60 {
    50.636% {
        -webkit-transform: translate(35.495vw, 101.272vh) scale(0.8202);
        transform: translate(35.495vw, 101.272vh) scale(0.8202)
    }

    to {
        -webkit-transform: translate(31.46435vw, 200vh) scale(0.8202);
        transform: translate(31.46435vw, 200vh) scale(0.8202)
    }
}

.snowflake:nth-child(61) {
    opacity: .655;
    -webkit-transform: translate(94.5555vw, -100%) scale(0.1844);
    transform: translate(94.5555vw, -100%) scale(0.1844);
    -webkit-animation: fall-61 52s -7s linear infinite;
    animation: fall-61 52s -7s linear infinite
}

@-webkit-keyframes fall-61 {
    49.021% {
        -webkit-transform: translate(89.4715vw, 98.042vh) scale(0.1844);
        transform: translate(89.4715vw, 98.042vh) scale(0.1844)
    }

    to {
        -webkit-transform: translate(92.0135vw, 200vh) scale(0.1844);
        transform: translate(92.0135vw, 200vh) scale(0.1844)
    }
}

@keyframes fall-61 {
    49.021% {
        -webkit-transform: translate(89.4715vw, 98.042vh) scale(0.1844);
        transform: translate(89.4715vw, 98.042vh) scale(0.1844)
    }

    to {
        -webkit-transform: translate(92.0135vw, 200vh) scale(0.1844);
        transform: translate(92.0135vw, 200vh) scale(0.1844)
    }
}

.snowflake:nth-child(62) {
    opacity: .881;
    -webkit-transform: translate(89.1633vw, -100%) scale(0.2945);
    transform: translate(89.1633vw, -100%) scale(0.2945);
    -webkit-animation: fall-62 42s -20s linear infinite;
    animation: fall-62 42s -20s linear infinite
}

@-webkit-keyframes fall-62 {
    51.564% {
        -webkit-transform: translate(96.4004vw, 103.128vh) scale(0.2945);
        transform: translate(96.4004vw, 103.128vh) scale(0.2945)
    }

    to {
        -webkit-transform: translate(92.78185vw, 200vh) scale(0.2945);
        transform: translate(92.78185vw, 200vh) scale(0.2945)
    }
}

@keyframes fall-62 {
    51.564% {
        -webkit-transform: translate(96.4004vw, 103.128vh) scale(0.2945);
        transform: translate(96.4004vw, 103.128vh) scale(0.2945)
    }

    to {
        -webkit-transform: translate(92.78185vw, 200vh) scale(0.2945);
        transform: translate(92.78185vw, 200vh) scale(0.2945)
    }
}

.snowflake:nth-child(63) {
    opacity: .485;
    -webkit-transform: translate(53.2013vw, -100%) scale(0.71);
    transform: translate(53.2013vw, -100%) scale(0.71);
    -webkit-animation: fall-63 29s -1s linear infinite;
    animation: fall-63 29s -1s linear infinite
}

@-webkit-keyframes fall-63 {
    63.072% {
        -webkit-transform: translate(51.6139vw, 126.144vh) scale(0.71);
        transform: translate(51.6139vw, 126.144vh) scale(0.71)
    }

    to {
        -webkit-transform: translate(52.4076vw, 200vh) scale(0.71);
        transform: translate(52.4076vw, 200vh) scale(0.71)
    }
}

@keyframes fall-63 {
    63.072% {
        -webkit-transform: translate(51.6139vw, 126.144vh) scale(0.71);
        transform: translate(51.6139vw, 126.144vh) scale(0.71)
    }

    to {
        -webkit-transform: translate(52.4076vw, 200vh) scale(0.71);
        transform: translate(52.4076vw, 200vh) scale(0.71)
    }
}

.snowflake:nth-child(64) {
    opacity: .144;
    -webkit-transform: translate(95.9892vw, -100%) scale(0.9856);
    transform: translate(95.9892vw, -100%) scale(0.9856);
    -webkit-animation: fall-64 49s -9s linear infinite;
    animation: fall-64 49s -9s linear infinite
}

@-webkit-keyframes fall-64 {
    73.16% {
        -webkit-transform: translate(102.1738vw, 146.32vh) scale(0.9856);
        transform: translate(102.1738vw, 146.32vh) scale(0.9856)
    }

    to {
        -webkit-transform: translate(99.0815vw, 200vh) scale(0.9856);
        transform: translate(99.0815vw, 200vh) scale(0.9856)
    }
}

@keyframes fall-64 {
    73.16% {
        -webkit-transform: translate(102.1738vw, 146.32vh) scale(0.9856);
        transform: translate(102.1738vw, 146.32vh) scale(0.9856)
    }

    to {
        -webkit-transform: translate(99.0815vw, 200vh) scale(0.9856);
        transform: translate(99.0815vw, 200vh) scale(0.9856)
    }
}

.snowflake:nth-child(65) {
    opacity: .101;
    -webkit-transform: translate(32.5215vw, -100%) scale(0.23);
    transform: translate(32.5215vw, -100%) scale(0.23);
    -webkit-animation: fall-65 48s -9s linear infinite;
    animation: fall-65 48s -9s linear infinite
}

@-webkit-keyframes fall-65 {
    72.931% {
        -webkit-transform: translate(39.671vw, 145.862vh) scale(0.23);
        transform: translate(39.671vw, 145.862vh) scale(0.23)
    }

    to {
        -webkit-transform: translate(36.09625vw, 200vh) scale(0.23);
        transform: translate(36.09625vw, 200vh) scale(0.23)
    }
}

@keyframes fall-65 {
    72.931% {
        -webkit-transform: translate(39.671vw, 145.862vh) scale(0.23);
        transform: translate(39.671vw, 145.862vh) scale(0.23)
    }

    to {
        -webkit-transform: translate(36.09625vw, 200vh) scale(0.23);
        transform: translate(36.09625vw, 200vh) scale(0.23)
    }
}

.snowflake:nth-child(66) {
    opacity: .778;
    -webkit-transform: translate(19.574vw, -100%) scale(0.0628);
    transform: translate(19.574vw, -100%) scale(0.0628);
    -webkit-animation: fall-66 56s -24s linear infinite;
    animation: fall-66 56s -24s linear infinite
}

@-webkit-keyframes fall-66 {
    66.162% {
        -webkit-transform: translate(21.3906vw, 132.324vh) scale(0.0628);
        transform: translate(21.3906vw, 132.324vh) scale(0.0628)
    }

    to {
        -webkit-transform: translate(20.4823vw, 200vh) scale(0.0628);
        transform: translate(20.4823vw, 200vh) scale(0.0628)
    }
}

@keyframes fall-66 {
    66.162% {
        -webkit-transform: translate(21.3906vw, 132.324vh) scale(0.0628);
        transform: translate(21.3906vw, 132.324vh) scale(0.0628)
    }

    to {
        -webkit-transform: translate(20.4823vw, 200vh) scale(0.0628);
        transform: translate(20.4823vw, 200vh) scale(0.0628)
    }
}

.snowflake:nth-child(67) {
    opacity: .321;
    -webkit-transform: translate(83.8237vw, -100%) scale(0.7207);
    transform: translate(83.8237vw, -100%) scale(0.7207);
    -webkit-animation: fall-67 50s -3s linear infinite;
    animation: fall-67 50s -3s linear infinite
}

@-webkit-keyframes fall-67 {
    30.561% {
        -webkit-transform: translate(87.6651vw, 61.122vh) scale(0.7207);
        transform: translate(87.6651vw, 61.122vh) scale(0.7207)
    }

    to {
        -webkit-transform: translate(85.7444vw, 200vh) scale(0.7207);
        transform: translate(85.7444vw, 200vh) scale(0.7207)
    }
}

@keyframes fall-67 {
    30.561% {
        -webkit-transform: translate(87.6651vw, 61.122vh) scale(0.7207);
        transform: translate(87.6651vw, 61.122vh) scale(0.7207)
    }

    to {
        -webkit-transform: translate(85.7444vw, 200vh) scale(0.7207);
        transform: translate(85.7444vw, 200vh) scale(0.7207)
    }
}

.snowflake:nth-child(68) {
    opacity: .108;
    -webkit-transform: translate(42.4271vw, -100%) scale(0.6904);
    transform: translate(42.4271vw, -100%) scale(0.6904);
    -webkit-animation: fall-68 22s -27s linear infinite;
    animation: fall-68 22s -27s linear infinite
}

@-webkit-keyframes fall-68 {
    30.817% {
        -webkit-transform: translate(35.2855vw, 61.634vh) scale(0.6904);
        transform: translate(35.2855vw, 61.634vh) scale(0.6904)
    }

    to {
        -webkit-transform: translate(38.8563vw, 200vh) scale(0.6904);
        transform: translate(38.8563vw, 200vh) scale(0.6904)
    }
}

@keyframes fall-68 {
    30.817% {
        -webkit-transform: translate(35.2855vw, 61.634vh) scale(0.6904);
        transform: translate(35.2855vw, 61.634vh) scale(0.6904)
    }

    to {
        -webkit-transform: translate(38.8563vw, 200vh) scale(0.6904);
        transform: translate(38.8563vw, 200vh) scale(0.6904)
    }
}

.snowflake:nth-child(69) {
    opacity: .315;
    -webkit-transform: translate(49.5574vw, -100%) scale(0.911);
    transform: translate(49.5574vw, -100%) scale(0.911);
    -webkit-animation: fall-69 27s -2s linear infinite;
    animation: fall-69 27s -2s linear infinite
}

@-webkit-keyframes fall-69 {
    32.432% {
        -webkit-transform: translate(41.4606vw, 64.864vh) scale(0.911);
        transform: translate(41.4606vw, 64.864vh) scale(0.911)
    }

    to {
        -webkit-transform: translate(45.509vw, 200vh) scale(0.911);
        transform: translate(45.509vw, 200vh) scale(0.911)
    }
}

@keyframes fall-69 {
    32.432% {
        -webkit-transform: translate(41.4606vw, 64.864vh) scale(0.911);
        transform: translate(41.4606vw, 64.864vh) scale(0.911)
    }

    to {
        -webkit-transform: translate(45.509vw, 200vh) scale(0.911);
        transform: translate(45.509vw, 200vh) scale(0.911)
    }
}

.snowflake:nth-child(70) {
    opacity: .945;
    -webkit-transform: translate(39.0967vw, -100%) scale(0.9019);
    transform: translate(39.0967vw, -100%) scale(0.9019);
    -webkit-animation: fall-70 26s -5s linear infinite;
    animation: fall-70 26s -5s linear infinite
}

@-webkit-keyframes fall-70 {
    43.102% {
        -webkit-transform: translate(39.7184vw, 86.204vh) scale(0.9019);
        transform: translate(39.7184vw, 86.204vh) scale(0.9019)
    }

    to {
        -webkit-transform: translate(39.40755vw, 200vh) scale(0.9019);
        transform: translate(39.40755vw, 200vh) scale(0.9019)
    }
}

@keyframes fall-70 {
    43.102% {
        -webkit-transform: translate(39.7184vw, 86.204vh) scale(0.9019);
        transform: translate(39.7184vw, 86.204vh) scale(0.9019)
    }

    to {
        -webkit-transform: translate(39.40755vw, 200vh) scale(0.9019);
        transform: translate(39.40755vw, 200vh) scale(0.9019)
    }
}

.snowflake:nth-child(71) {
    opacity: .794;
    -webkit-transform: translate(99.2451vw, -100%) scale(0.0058);
    transform: translate(99.2451vw, -100%) scale(0.0058);
    -webkit-animation: fall-71 40s -6s linear infinite;
    animation: fall-71 40s -6s linear infinite
}

@-webkit-keyframes fall-71 {
    76.035% {
        -webkit-transform: translate(91.8193vw, 152.07vh) scale(0.0058);
        transform: translate(91.8193vw, 152.07vh) scale(0.0058)
    }

    to {
        -webkit-transform: translate(95.5322vw, 200vh) scale(0.0058);
        transform: translate(95.5322vw, 200vh) scale(0.0058)
    }
}

@keyframes fall-71 {
    76.035% {
        -webkit-transform: translate(91.8193vw, 152.07vh) scale(0.0058);
        transform: translate(91.8193vw, 152.07vh) scale(0.0058)
    }

    to {
        -webkit-transform: translate(95.5322vw, 200vh) scale(0.0058);
        transform: translate(95.5322vw, 200vh) scale(0.0058)
    }
}

.snowflake:nth-child(72) {
    opacity: .493;
    -webkit-transform: translate(53.7451vw, -100%) scale(0.947);
    transform: translate(53.7451vw, -100%) scale(0.947);
    -webkit-animation: fall-72 21s -2s linear infinite;
    animation: fall-72 21s -2s linear infinite
}

@-webkit-keyframes fall-72 {
    50.205% {
        -webkit-transform: translate(56.9791vw, 100.41vh) scale(0.947);
        transform: translate(56.9791vw, 100.41vh) scale(0.947)
    }

    to {
        -webkit-transform: translate(55.3621vw, 200vh) scale(0.947);
        transform: translate(55.3621vw, 200vh) scale(0.947)
    }
}

@keyframes fall-72 {
    50.205% {
        -webkit-transform: translate(56.9791vw, 100.41vh) scale(0.947);
        transform: translate(56.9791vw, 100.41vh) scale(0.947)
    }

    to {
        -webkit-transform: translate(55.3621vw, 200vh) scale(0.947);
        transform: translate(55.3621vw, 200vh) scale(0.947)
    }
}

.snowflake:nth-child(73) {
    opacity: .192;
    -webkit-transform: translate(45.4134vw, -100%) scale(0.3564);
    transform: translate(45.4134vw, -100%) scale(0.3564);
    -webkit-animation: fall-73 41s -4s linear infinite;
    animation: fall-73 41s -4s linear infinite
}

@-webkit-keyframes fall-73 {
    31.826% {
        -webkit-transform: translate(37.3832vw, 63.652vh) scale(0.3564);
        transform: translate(37.3832vw, 63.652vh) scale(0.3564)
    }

    to {
        -webkit-transform: translate(41.3983vw, 200vh) scale(0.3564);
        transform: translate(41.3983vw, 200vh) scale(0.3564)
    }
}

@keyframes fall-73 {
    31.826% {
        -webkit-transform: translate(37.3832vw, 63.652vh) scale(0.3564);
        transform: translate(37.3832vw, 63.652vh) scale(0.3564)
    }

    to {
        -webkit-transform: translate(41.3983vw, 200vh) scale(0.3564);
        transform: translate(41.3983vw, 200vh) scale(0.3564)
    }
}

.snowflake:nth-child(74) {
    opacity: .381;
    -webkit-transform: translate(33.9848vw, -100%) scale(0.8689);
    transform: translate(33.9848vw, -100%) scale(0.8689);
    -webkit-animation: fall-74 56s -22s linear infinite;
    animation: fall-74 56s -22s linear infinite
}

@-webkit-keyframes fall-74 {
    41.745% {
        -webkit-transform: translate(29.0864vw, 83.49vh) scale(0.8689);
        transform: translate(29.0864vw, 83.49vh) scale(0.8689)
    }

    to {
        -webkit-transform: translate(31.5356vw, 200vh) scale(0.8689);
        transform: translate(31.5356vw, 200vh) scale(0.8689)
    }
}

@keyframes fall-74 {
    41.745% {
        -webkit-transform: translate(29.0864vw, 83.49vh) scale(0.8689);
        transform: translate(29.0864vw, 83.49vh) scale(0.8689)
    }

    to {
        -webkit-transform: translate(31.5356vw, 200vh) scale(0.8689);
        transform: translate(31.5356vw, 200vh) scale(0.8689)
    }
}

.snowflake:nth-child(75) {
    opacity: .711;
    -webkit-transform: translate(97.132vw, -100%) scale(0.9292);
    transform: translate(97.132vw, -100%) scale(0.9292);
    -webkit-animation: fall-75 46s -11s linear infinite;
    animation: fall-75 46s -11s linear infinite
}

@-webkit-keyframes fall-75 {
    32.516% {
        -webkit-transform: translate(90.1543vw, 65.032vh) scale(0.9292);
        transform: translate(90.1543vw, 65.032vh) scale(0.9292)
    }

    to {
        -webkit-transform: translate(93.64315vw, 200vh) scale(0.9292);
        transform: translate(93.64315vw, 200vh) scale(0.9292)
    }
}

@keyframes fall-75 {
    32.516% {
        -webkit-transform: translate(90.1543vw, 65.032vh) scale(0.9292);
        transform: translate(90.1543vw, 65.032vh) scale(0.9292)
    }

    to {
        -webkit-transform: translate(93.64315vw, 200vh) scale(0.9292);
        transform: translate(93.64315vw, 200vh) scale(0.9292)
    }
}

.snowflake:nth-child(76) {
    opacity: .074;
    -webkit-transform: translate(2.5103vw, -100%) scale(0.4298);
    transform: translate(2.5103vw, -100%) scale(0.4298);
    -webkit-animation: fall-76 51s -6s linear infinite;
    animation: fall-76 51s -6s linear infinite
}

@-webkit-keyframes fall-76 {
    64.007% {
        -webkit-transform: translate(-2.4446vw, 128.014vh) scale(0.4298);
        transform: translate(-2.4446vw, 128.014vh) scale(0.4298)
    }

    to {
        -webkit-transform: translate(0.03285vw, 200vh) scale(0.4298);
        transform: translate(0.03285vw, 200vh) scale(0.4298)
    }
}

@keyframes fall-76 {
    64.007% {
        -webkit-transform: translate(-2.4446vw, 128.014vh) scale(0.4298);
        transform: translate(-2.4446vw, 128.014vh) scale(0.4298)
    }

    to {
        -webkit-transform: translate(0.03285vw, 200vh) scale(0.4298);
        transform: translate(0.03285vw, 200vh) scale(0.4298)
    }
}

.snowflake:nth-child(77) {
    opacity: .39;
    -webkit-transform: translate(84.1183vw, -100%) scale(0.9082);
    transform: translate(84.1183vw, -100%) scale(0.9082);
    -webkit-animation: fall-77 57s -11s linear infinite;
    animation: fall-77 57s -11s linear infinite
}

@-webkit-keyframes fall-77 {
    64.103% {
        -webkit-transform: translate(79.7448vw, 128.206vh) scale(0.9082);
        transform: translate(79.7448vw, 128.206vh) scale(0.9082)
    }

    to {
        -webkit-transform: translate(81.93155vw, 200vh) scale(0.9082);
        transform: translate(81.93155vw, 200vh) scale(0.9082)
    }
}

@keyframes fall-77 {
    64.103% {
        -webkit-transform: translate(79.7448vw, 128.206vh) scale(0.9082);
        transform: translate(79.7448vw, 128.206vh) scale(0.9082)
    }

    to {
        -webkit-transform: translate(81.93155vw, 200vh) scale(0.9082);
        transform: translate(81.93155vw, 200vh) scale(0.9082)
    }
}
.faq-block {
  margin: 24px 0 14px;
}

.faq-block .container {
  max-width: 860px;
}

.faq-card {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: rgba(37, 37, 37, 0.84);
  backdrop-filter: blur(4px);
  padding: 18px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.faq-title {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  color: #fff;
}

.faq-subtitle {
  margin: 8px 0 0;
  color: #c9c9c9;
  font-size: 14px;
  line-height: 1.45;
}

.faq-controls {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.faq-search {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  color: #fff;
  padding: 10px 12px;
  min-height: 42px;
  width: min(420px, 100%);
  font-size: 14px;
}

.faq-search::placeholder {
  color: #a9a9a9;
}

.faq-lang-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.faq-lang-btn {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border-radius: 999px;
  padding: 8px 11px;
  min-height: 38px;
  font-size: 13px;
  cursor: pointer;
}

.faq-lang-btn.is-active {
  background: #7E5EF2;
  border-color: #7E5EF2;
  color: #fff;
}

.faq-list {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.faq-item {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.03);
}

.faq-question {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
  padding: 14px 14px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  cursor: pointer;
}

.faq-question .faq-q-text {
  font-weight: 500;
}

.faq-question .faq-q-icon {
  color: #e1d9ff;
  font-size: 16px;
  line-height: 1;
}

.faq-answer {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #d5d5d5;
  font-size: 14px;
  line-height: 1.55;
  padding: 12px 14px 14px;
}

.faq-item.is-open .faq-answer {
  display: block;
}

.faq-answer a {
  color: #9e87ff;
  text-decoration: underline;
}

.faq-empty {
  margin-top: 10px;
  color: #ccc;
  font-size: 14px;
}

.faq-footnote {
  margin-top: 10px;
  color: #a7a7a7;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 680px) {
  .faq-title {
    font-size: 24px;
  }

  .faq-card {
    padding: 14px;
    border-radius: 16px;
  }

  .faq-question {
    font-size: 14px;
    padding: 12px;
  }

  .faq-answer {
    padding: 11px 12px 12px;
    font-size: 13px;
  }
}