@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
    url('/fonts/Gilroy-Semibold.woff2') format('woff2'),
    url('/fonts/Gilroy-Semibold.woff') format('woff'),
    url('/fonts/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
:root {
    --hue: 220;
}

body {
    font-family: 'PT Sans', sans-serif;
    margin: 0;
    padding:0;
    background: #4D3378;
    overflow-x: hidden;
    max-width: 1920px;
    margin: 0 auto;
}

header {
    height: 150px;
    background: transparent;
    width: 100%;
    background-size: cover;
    background-position: 0 -320px;
    position: relative;
    z-index: 3;
    margin-bottom: -15px;
}

.container {
    width:1168px;
    display: block;
    margin:0 auto;
    position: relative;
}

.flex {
    display: flex;
}

.sb {
    justify-content: space-between;
}



.product_right_variants {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 55px;
    padding-bottom: 0px;
    margin-bottom: -80px;
    width: 100%;
    padding-left: 50px;
}

.title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 112px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-bottom: 40px;
}

.catalog_page_section_item_small {
    color: #fff;
    font-size: 16px;
    font-family: 'Gilroy';
    margin-bottom: 10px;
}

.product_description_section .container{
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
}

.cennost span {
    font-size:16px !important;
}

.product_title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    margin-top: 80px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
}

.news_title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
}

.article_title {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    margin-top: 40px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

header .logo {
    display: block;
    margin-top: 0;
    margin-right: 40px;
    margin-left: -27px;
    height: 134px;
}

header .container {
    display: flex;
    height:100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
}

.header_nav a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 23px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 10px;
    text-decoration: none;
}

.header_nav a:hover {

}

.header_lk {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 20px;
    text-decoration: none;
}

.header_lk span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #C5BDDB;
    display: block;
    margin-top: 5px;
}

.header_soc {
    display: flex;
    align-items: center;
}

.header_soc a:nth-child(1) {
    margin-right: 5px;
}

footer {
    height:167px;
    width:100%;
    background: #D9D9D9;
    position: relative;
}

footer .logo img {
    width:100px;
}

footer .container {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

.footer_nav a {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #2F1C48;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 40px;
    transition: color 0.3s;
}

.footer_nav a:hover {
    color: #4D3378;
}

.main_slide {
    height:calc(100vh - 150px);
}

.header_wave {
    background-image: url("/img/header_wave.png");
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: -75px;
    height: 313px;
}

.catalog {
    height: auto;
    background-image: url(/img/wave4.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: background-image 0.5s ease-in-out;
}

.sale_info {
    width: 200px;
    height: auto;
    /* padding: 33px; */
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 40px;
    top: 40px;
    border-radius: 10px;
    color: #fff;
}

.sale_info strong {
    display: block;
}

.catalog_section_item {
    width: 250px;
    height: 370px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    transform: scale(1.0);
}

.catalog_page_section_item_title {
    color:#fff;
    font-size:22px;
    font-family: 'Gilroy';
    margin-bottom: 10px;
    transition: all 0.3s;
}

.catalog_page_section_item_title_hidden {
    color: #fff;
    font-size: 36px;
    font-family: 'Gilroy';
    margin-bottom: 0;
    text-align: center;
    text-decoration: none;
    background: #4d3378bd;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s;
}

.catalog_page_section_item_title_min {
    min-height: 55px;
}

.catalog_page_section_item_wrap:hover .catalog_page_section_item_title_hidden {
    opacity: 1;
}

.catalog_page_section_item_wrap:hover .catalog_page_section_item_title {
    margin-bottom: -20px;
    opacity: 0;
}

.catalog_page_section_item_wrap:hover .catalog_page_section_item.circle {
    transform: rotate(15deg);
}



.catalog_page_section_item_wrap {
    cursor: pointer;
}

.catalog_page_section_item {
    width: 350px;
    height: 505px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    transform: scale(1.0);
}

.catalog_page_section_item.circle {
    width: 325px;
    height: 325px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    transform: scale(1.0);
    border-radius: 100%;
}

.catalog_section_item:hover {
    transform: scale(1.1);
}

.catalog_page_section_item:hover {
    transform: scale(1.05);
}

.catalog_section_item img {
    height:350px;
}

.catalog_section_items_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:55px;
    padding-bottom: 0px;
    margin-bottom: -80px;
}

.catalog_page_section_items_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:55px;
    padding-bottom: 0px;
    margin-bottom: -80px;
}

.catalog_section_item_title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: block;
    color: #bba5de;
    text-align:center;
    margin-bottom: 10px;
}



.catalog-section-slider {
    margin-top: 40px;
}

.catalog-section-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    position: relative;
    z-index: 3;
}


.article-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    background-image: url("/img/pagination2.png");
    background-size: cover;
    background-position: center;
    background-color: transparent;
    opacity: 1;
    border-radius: 0;
    box-sizing: border-box;
    opacity: 0.3;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.sales_section_item {
    width: 900px;
    height: 600px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.sales-section-slider {
    margin-top: 40px;
}

.sales-section-swiper-pagination {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.sales {
    height: auto;
    padding-top: 80px;
    box-sizing: border-box;
    padding-bottom: 160px;
    background-image: url(/img/wave3.jpg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.main_slider_wave {
    background-image: url("/img/main_slider_wave.png");
    width: 1920px;
    height: 130px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: -105px;
    z-index: 3;
}

.main_slider_wave2 {
    background-image: url("/img/main_slider_wave2.png");
    width: 1920px;
    height: 130px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: -105px;
    z-index: 3;
}

.sales_stars {
    position: absolute;
    left:-300px;
    top:0;
}

.catalog-page {
    background-image: url("/img/catalog_section_bg.jpg");
    background-size: contain;
    background-position: center;
    padding-top: 30px;
    box-sizing: border-box;
    padding-bottom: 80px;
    transition: background-image 0.5s ease-in-out;
    background-size: cover;
    background-position: top;
    padding-top: 30px;
    background-attachment: fixed;
}

.catalog-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 43px 76px;
}

.catalog-slider {
    overflow: hidden;
}

.icecream-types {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 70px;
    position: relative;
    z-index: 3;
}

.icecream-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 70px;
    cursor: pointer;
}

.icecream-type:last-child {
    margin-right: 0;
}

.icecream-type img {
    margin-right: 19px;
}

.icecream-type span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.slide_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.slide11 {
    position: absolute;
    left:250px;
    top:350px
}

.slide12 {
    position: absolute;
    top:170px;
    left:700px;
}

.slide13 {
    position: absolute;
    right:0;
    bottom:74px;
}

.scroll {
    position: absolute;
    bottom: 45px;
    left:50%;
    margin-left: -23px;
    opacity: 1 !important;
}

.main_slide {
    background-size: cover;
    background-position: center center;
}

.main_slider {
    height: calc(100vh - 50px);
    overflow: hidden;
    max-height:900px;
}

.slide21 {
    position: absolute;
    left: 300px;
    top: 300px;
}

.slide22 {
    position: absolute;
    top: 600px;
    right: 350px;
    z-index: 3;
}

.slide2p {
    position: relative;
    z-index: 2;
}

.about {
    padding-top: 20px;
}

.about_image {
    height:500px;
    width:100%;
    background-image: url("/img/about2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 20px;
}

.about_stars {
    position: absolute;
    left:-250px;
    top:-70px;
}

.about_image_content {
    position: relative;
    z-index: 5;
    width: 400px;
    height: auto;
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #fff;
    width: 200px;
    height: 200px;
    /* padding: 33px; */
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    flex-direction: column;
}

.about_image_content a{
    display: block;
    font-size:18px;
    color:#fff;
    margin-bottom: 10px;
    text-decoration: none;
}

.about_image_content_title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.about_image .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.smi_slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.smi_slider {
    overflow: hidden;
}

.history_left {
    width:672px;
}

.history_right {
    width:448px;
}

.history_container {
    display: flex;
    justify-content: space-between;
}

.history_left p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    max-width:418px;
    color: #FFFFFF;
    margin-top: 65px;
}

.product_description_section .catalog_section_item {
    height:400px;

}
.product_description_section .catalog_section_item img {
    height:350px;

}

.history {
    padding: 55px 0;
    background-image: url(/img/wave2.png);
    background-color: #4f2d76;
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 140px;
}

.mss {
    padding:55px 0;
    background-image: url("/img/wave2.png");
    background-size: cover;
    background-position: center;
}

.product_banner {
    height:600px;
    background-image: url("/img/wave4.jpg");
    background-size: cover;
    background-position: center;
}

.product_description_section {
    position: relative;
    overflow: hidden;

    background-size: cover;
    background-position: center;
}

.contacts_form_section {
    padding:80px 0;
    background-image: url("/img/wave4.jpg");
    background-size: cover;
    background-position: center;

}

.history_right iframe {
    margin-top: 50px;
}

.mss_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/img/wave2.png);
    background-size: cover;
    mix-blend-mode: soft-light;
    background-position: right;
    opacity: 0.5;
}

.mss {
    position: relative;
    padding:50px 0;
}

.mission_wrap {
    display: flex;
    align-items: center;
}

.mission_wrap span {
    display: block;
    width:418px;
    min-width: 418px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
    margin-right: 190px;
}



.mission p {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #FFFFFF;
}

.mission, .strategy {
    margin-bottom: 20px;
    margin-top: 40px;
}

.strategy_text  {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    color: #FFFFFF;
}

.strategy_item {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
}

.strategy_slider {
    overflow: hidden;
}

.smi_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.smi_item {
    width:500px;
    display: block;
    text-decoration: none;
    margin-bottom: 50px;
}

.smi_date {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #8D6EBF;
}

.smi_title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;

    color: #FFFFFF;
}


.news {
    padding:50px 0;
    background-image: url("/img/wave5.jpg");
    background-size: cover;
    background-position: top;

}

.article_text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
}

.article-slider {
    overflow: hidden;
}



.map .title {
    margin-top: 50px;
    margin-bottom: 40px;
}

.contacts_info p {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #FFFFFF;
}

.contacts_info span {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;

    color: #fff;
    display: block;
}

.contacts_info a {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-decoration-line: underline;
    display: block;
    color: #8D6EBF;

}




.emails {
    margin-top: 15px;
}

.map_container {
    margin-top: -400px;
    margin-bottom: 400px;
}

.contacts_info {
    width:400px;
    height:300px;
    background-image: url("/img/wave2.png");
    padding:15px;
    box-sizing: border-box;
    position: absolute;
    right:0;
    top:20px;
    border-radius: 10px;
}

.contact_form_line {
    display: flex;
    justify-content: space-between;
}

*:focus {
    outline: none;
}

.contact_form_line input {
    width:300px;
    height:42px;
    background: transparent;
    color:#fff;
    border:unset;
    border-bottom: 3px solid #754ABB;
    font-size:16px;
}

.contact_form_line input::placeholder {
   color:#fff;
    font-size:16px;
    opacity: 0.4;
}

.contact_form_submit {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.contact_form_submit button {
    width:160px;
    height:50px;
    color:#fff;
    background: #7565A0;
    text-align: center;
    border: unset;
    cursor: pointer;
}





.auth_section {
    padding:150px 0;
}


.reg_form_line {
    display: flex;
    justify-content: space-between;
}


.reg_form_line input {
    width:300px;
    height:42px;
    background: transparent;
    color:#fff;
    border:unset;
    border-bottom: 3px solid #754ABB;
    font-size:16px;
}

.reg_form_line input::placeholder {
    color:#fff;
    font-size:16px;
    opacity: 0.4;
}

.reg_form_submit {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}

.reg_form_submit button {
    width:160px;
    height:50px;
    color:#fff;
    background: #7565A0;
    text-align: center;
    border: unset;
    cursor: pointer;
}



.lights {
    width: 200vmax;
    height: 100vmax;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-80%, -95%) rotate(30deg);
    display: flex;
    filter: blur(75px);
}
.light {
    flex: 1;
    --color-one: hsla(var(--hue-1), 100%, 50%, var(--alpha-1));
    --color-two: hsla(var(--hue-2), 100%, 50%, var(--alpha-2));
    --color-three: hsla(var(--hue-3), 100%, 50%, var(--alpha-3));
    --up: calc(var(--y, 10) * 2vmax);
    --left: calc(var(--x, 2) * 2vmax);
    background-image: linear-gradient(0deg, transparent, var(--color-one) 10%, transparent, var(--color-two) 40%, transparent, var(--color-three) 60%);
    background-size: 100% 40vmax;
    background-position: center bottom;
    background-repeat: no-repeat;
    transform: translate(var(--left), var(--up)) scale(1);
    -webkit-animation: shift calc(var(--duration, 2) * 1s) calc(var(--delay, 0) * -1s) infinite ease;
    animation: shift calc(var(--duration, 2) * 1s) calc(var(--delay, 0) * -1s) infinite ease;
}

.main_slider {
    position: relative;
}

.main_slider .top_gradient {
    top:-30px;
}

.footer_wave {
    width:1920px;
    position: absolute;
    height:130px;
    top:-105px;
    left:50%;
    margin-left: -960px;

}

.footer_wave svg {
    position: absolute;
    bottom: -180px;
}
.sales .container, .catalog .container, .contacts_form_section .container {
    z-index: 2;
}
.contacts_form_section .container {
    padding-bottom: 50px;
}

.about_image {
    position: relative;
}

.about_image .top_gradient {
    top:-30px;
}

.top_gradient {
    position: absolute;
    width:100%;
    height:50px;
    top:0;
    left:0;
    z-index: 2;
}

.main_slide_background {
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-position: center;
}

.catalog_filter {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
}

.catalog_filter_item {
    display: flex;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.catalog_filter_item_delimiter {
    height:20px;
    background: #fff;
    width:1px;
    opacity: 0.5;
}

.catalog_filter_item_image {

    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;

}


.auth_form_modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    z-index: 50;
}


.auth_form_modal_wrap {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.auth_form_content {
    width: 500px;
    height: auto;
    background-color: #4D3378;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
    max-height: calc(100% - 40px);
    overflow: scroll;
}

.auth_form_title {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    text-align: center;
}

.auth_form_group {
    margin-bottom: 10px;
}

.auth_form_group span {
    color: #fff;
    font-size: 12px;
}

.auth_form_group input {
    width: 100%;
    height: 42px;
    background: transparent;
    color: #fff;
    border: unset;
    border-bottom: 3px solid #754ABB;
    font-size: 16px;
}

input {
    color-scheme: dark;
}

select.auth_form_group {
    width: 100%;
    height: 42px;
    background: transparent;
    color: #fff;
    border: unset;
    border-bottom: 3px solid #754ABB;
    font-size: 16px;
}

.auth_form_group input::placeholder {
    color:#fff;
    font-size:16px;
    opacity: 0.4;
}


.check_phone {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #7565A0;
    text-align: center;
    border: unset;
    cursor: pointer;
}

.auth_form_group input[type='submit'] {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #7565A0;
    text-align: center;
    border: unset;
    cursor: pointer;
}

.auth_form_close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 36px;
    cursor: pointer;
}

.auth_form_close svg path {
    fill:#fff;
}

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


/* Customize the label (the container) */
.check_container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    color:#fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
    left: 7px;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #754abb;
}

/* On mouse-over, add a grey background color */
.check_container:hover input ~ .checkmark {
    background-color: #754abb;
}

/* When the checkbox is checked, add a blue background */
.check_container input:checked ~ .checkmark {
    background-color: #754abb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.auth_form_modal * {
    -webkit-appearance: none;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #754abb; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
    z-index: 4444;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}


.frs {
    display:flex;
    justify-content: space-between;

}

.frs_item {
    width:400px;
    background-color: #785da4;
    padding:20px;
    color:#fff;
    margin-right: 20px;
}


.receipt_upload_section {
    font-family: Arial, sans-serif;
    padding: 40px 0;
}

.receipt_upload_section h2 {
    color: #333;
    margin-bottom: 20px;
}

.receipt_upload_section p {
    color: #fff;
    margin-bottom: 30px;
}

.receipt_upload_section .form-and-receipt {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.receipt_upload_section .qr-code {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.receipt_upload_section .manual_receipt_upload {
    border: 1px solid #ccc;
    border-radius: 5px;

    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}



.receipt_upload_section .form_group {
    margin-bottom: 20px;
}

.receipt_upload_section label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
}

.receipt_upload_section input::placeholder {

    color: #fff;
    opacity: 0.7
}


.receipt_upload_section input[type="text"], .receipt_upload_section input[type="tel"], .receipt_upload_section input[type="date"], .receipt_upload_section input[type="time"], .receipt_upload_section input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

.receipt_upload_section input[type="file"] {
    color: #fff;
}

.receipt_upload_section button {
    background-color:#7565A0;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.receipt_upload_section button:hover {
    background-color: #7565A0;
}



.receipt_upload_section img {
    max-width: 100%;
    display: block;
}

.receipt_upload_section .bill__image-container {
    position: relative;
    width: 100%;
    max-width: 500px; /* можно изменить, чтобы подогнать под ваш сайт */
}

.receipt_upload_section .bill__image-container img {
    width: 100%;
    display: block;
}

.receipt_upload_section .bill__markered {
    background: #f2c94c;
    opacity: .5;
    border-radius: 2px;
    height: 30px;
    position: absolute;
}
.receipt_upload_section .right_image {
    position: relative;
}

.styled-table {
    color:#fff;
    width:100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #7565A0;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}


.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #7565A0;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}
.ny-title {
    font-size:60px;
}

.ng_banki {
    display: flex;
    justify-content: space-between;
}

.ng_banki img {
    width:175px;
}

.akcia_start {
    color:#fff;
    font-weight: bold;
    font-size:24px;
}

.akcia_place {
    margin-top: 20px;
}

.akcia_place_date {
    font-size: 20px;
    font-weight: 900;
    color:#fff;
}

.akcia_place_name {
    font-size: 18px;
    font-weight: 400;
    color:#fff;
    margin-bottom: 15px;
    min-height: 50px;
}

.akcia_places_wrap {
    display: flex;
    justify-content: space-between;
}

.akcia_place {
    width:45%;
}

.konkurs_gifts_wrap {
    display:flex;
    margin-top: 40px;
    justify-content: space-between;
}

.konkurs_gift_name {
    font-size: 22px;
    font-weight: 900;
    color:#fff;
    margin-bottom: 15px;

}

.konkurs_gift_image {
    width: 350px;
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.open_login {
    width: auto;
    height: 50px;
    color: #fff;
    background: #7565A0;
    text-align: center;
    border: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.vladivostok .circle_text {
    position: absolute;
    top: -44px;
    left: 22px;
}

.artem .circle_text {
    position: absolute;
    top: -51px;
    left: 83px;

}

.nahodka .circle_text {
    position: absolute;
    top: -75px;
    left: 58px;
}

.ussurijsk .circle_text {
    position: absolute;
    top: -55px;
    left: 58px;
}

.bolshoj-kamen .circle_text {

    position: absolute;
    top: -110px;
    left: -40px;
}

.onsale {
    display:none;
}

.woocommerce-page article {
    padding:120px 0 250px 0;
}

.woocommerce-page article h1 {
    font-size:32px;
    color:#Fff;
}



.woocommerce-loop-product__title {
    color:#fff;
    min-height:60px;
    display:block;
}

.frs_wrap {
    gap: 110px 55px;
}

.wp-block-woocommerce-cart, .wc-block-checkout {
    padding:20px;
    background: #fff;
}

.page-numbers {
    color:#Fff;
}

.woocommerce-Price-amount {
    color:#fff;
}

.woocommerce ul.products li.product .price ins {
    color:#fff;
}

.woocommerce-result-count, .woocommerce-ordering {
    display:none;
}

.subcategories img {
    display:none;
}

.subcategories {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    gap: 0px 20px;
    margin-bottom: 40px;
}

.count {
    background: transparent;
    color:#Fff;
}

.subcategories li {
    display:block;
}

.subcategories h2 {
    font-weight:400;
    font-size:16px;
}

.subcategories a {
    color:#fff;
    font-size:16px;
    font-weight:300;
    text-decoration: none;

}


@media (max-width: 768px) {
    .page-id-826 p{
        padding: 0 15px;
    }
    .frs_item {
        width:100%;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    .frs {
        display: block;
    }
    .light {
        --up: calc(var(--y, 10) * 2vmax);
        --left: calc(var(--x, 2) * 2vmax);
    }
}
@-webkit-keyframes shift {
    50% {
        transform: translate(0, 0) scale(1);
    }
}
@keyframes shift {
    50% {
        transform: translate(0, 0) scale(1);
    }
}
@-webkit-keyframes flicker {
    0%, 50%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(0);
    }
}
@keyframes flicker {
    0%, 50%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(0);
    }
}

.product_banner {

}

.product_banner .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

}

.paris1 {
    position: absolute;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    left: 50px;
    top:70px;
}

.kair1 {
    position: absolute;
    right: 250px;
    z-index: 2;
    width: 600px;

    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.paris2 {
    position: absolute;
    right: -150px;
    z-index: 4;
    width: 600px;
    transform: rotate(245deg);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.product_image {
    z-index: 3;
    height:300px;
}

.paris3 {
    position: absolute;
    top: -1600px;
    left: -900px;
    z-index: 1;
}

.product_description_section .container {
    padding-bottom: 50px;
}

.product_right_image {
    height: 100%;
    width: 960px;
    position: absolute;
    right: -400px;
    top: 0;
    background-image: url(/img/kairtest.jpeg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.product_right_image:after {
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: #4d3378;
    opacity: 0.7;
    content: '';
}

.product_info {

    max-width: 400px;
}

.product_info span {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    display: block;
    margin-top: 20px;
    color: #FFFFFF;
}

.product_info small {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: block;
    color: #cbb9e8;
}

.product_info .smallinfo {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: block;
    color: #8D6EBF;
    font-size: 11px;
    padding: 10px;
    background: #754abb;
    color: #fff;
}

.product_info hr {
    width: 52px;
    height: 3px;

    border: unset;
    background: #754ABB;
    display: block;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}

.product_info .content {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;

    color: #FFFFFF;

}

.catalog-slider-in-product {
    margin-top: 50px;
    padding-bottom: 50px;
}

.slide_container * {
    opacity:0;
}

.main_slide {
    /* Задайте изначальное значение opacity и добавьте transition для плавного эффекта */
    opacity: 0;
    transition: opacity 0.15s ease-out; /* Вы можете настроить продолжительность и функцию плавности по своему усмотрению */
}

.preload {
    width:1px;
    height:1px;
    opacity:0;
}

.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(77, 51, 120);
    z-index: 999;
}

.preloader-icon-container {
    position: relative;
    width: 24px;
    height: 24px;
    animation: spin 2s linear infinite;
}

.preloader-icon {
    position: absolute;
    top: 0;
    left: 0;
    fill: white;

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.catalog {
    position: relative;
}

/*.catalog:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width:100%;*/
/*    height:100%;*/
/*    left:0;*/
/*    top:0;*/
/*    -webkit-backdrop-filter: blur(10px);*/
/*    backdrop-filter: blur(10px);*/
/*}*/

.catalog-page {
    position: relative;
}

.catalog-page:after {
    content: '';
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.kair_p {
    position: absolute;
    z-index: 3;
}

.kair_b {
    position: relative;
    width:100%;
}

.kair_milk {
    position: absolute;
    z-index: 2;
    width: 700px;
    letter-spacing: 0;
    top: -200px;
    transform: rotate(305deg) !important;
}

.kair_i {
    position: absolute;
    z-index: 4;
    right: 200px;
    bottom: 50px;
}

.kair_i2 {
    position: absolute;
    z-index: 5;
    left: 300px;
    top: 200px;
}

.animate__delay-12s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-delay:1.2s;
    animation-delay: 1.2s;
}


.animate__delay-14s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -webkit-animation-delay:1.4s;
    animation-delay: 1.4s;
}

.animate__delay-16s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -webkit-animation-delay:1.6s;
    animation-delay: 1.6s;
}

.animate__delay-18s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-delay:1.8s;
    animation-delay: 1.8s;
}

.sale_info {
    width: 200px;
    height: 200px;
    /* padding: 33px; */
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    left: 40px;
    top: 40px;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.news_list_image {
    width:500px;
    height:333px;
    background-size: cover;
    background-position: center;
}

.news_list_item {
    width:500px;
    text-decoration: none;
}

.news_list_slider {
    overflow: hidden;
}

.news_list_slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:55px;
    padding-bottom: 80px;
}

.news_list_title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    display: block;
    margin-top: 20px;
    color: #FFFFFF;
}

.news-slider-swiper-pagination {
    display: flex;
    justify-content: center;
}

.news_list_date {
    opacity: 0.5;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    display: block;
    color: #fff;
    margin-top: 10px;
}

.news_list_excerpt {
    margin-top: 10px;
    color:#fff;
}

.news_title {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: unset;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-bottom: 40px
}

.news_subtitle {
    color:#fff;
    font-weight: 600;
}

.news_container {
    width:791px;
    background: #543882;
    padding: 40px;
    max-width:791px;
    color:#fff;
    margin-bottom: 100px;
}

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

.carousel {
    overflow: hidden;
}

.news_container .catalog-section-swiper-pagination {
    margin-top: 5px;
    margin-bottom: 10px;
}

.carousel-caption p {
    font-size:12px;
    opacity: 0.5;
    padding-top: 0 !important;
    margin-top: 0;
    margin-left: 40px;
}

.full-img p {
    font-size:12px;
    opacity: 0.5;
    padding-top: 0 !important;
    margin-top: 0;
    margin-left: 40px;
}

.contact_cabinet_form_line input {
    width:250px;
}

.img-slider {
    margin-left: -40px;
    margin-right: -40px;
    padding-top: 20px;
    background: #543882;
    padding-bottom: 0px;
}

.full-img {
    margin-left: -40px;
    margin-right: -40px;
    padding-top: 20px;
    background: #543882;
    padding-bottom: 0px;
}

.full-img img {
    width:100%;
}

.page-content p {

    line-height: 24px;

}

.news_container .swiper-pagination-bullet {
    width:15px;
    height:15px;
}

.news_wrap {
    padding: 0;
    width: 871px;
    margin: 0 auto;
    background: #543882;
    box-shadow: rgb(0 0 0 / 28%) 0px 7px 49px 0px;
}

.news_wrap:after {
    content: '';
    position: absolute;
    width:100%;
    height:100%;

    top:0;
    left:0;
    z-index: 1;
}

.news {
    position: relative;
}

.news_wrap .container {
    z-index: 2;
}

.slide31 {
    position: absolute;
    left: 414px;
    top: 185px;
    z-index: 1;
}

.slide3p {
    z-index: 2;
}

.slide32 {
    position: absolute;
    top: 550px;
    left: 550px;
}

.features span {
    margin-top: 0 !important;
    line-height: unset !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 23px !important;
    color: #FFFFFF !important;
}

.catalog_page_section_item_wrap {
    position: relative;
}

.category14 .circle_text, .category122 .circle_text, .category219 .circle_text {
    position: absolute;
    top: -45px;
    left: -44px;
}

.category13 .circle_text, .category116 .circle_text {
    position: absolute;
    top: -45px;
    left: -46px;
}

.category6 .circle_text, .category110 .circle_text {
    position: absolute;
    top: -44px;
    left: -45px;
}

.category7 .circle_text, .category112 .circle_text {
    position: absolute;
    top: -44px;
    left: -45px;
}

.category11 .circle_text, .category114 .circle_text {
    position: absolute;
    top: -13px;
    left: -45px;
}

.category10 .circle_text, .category118 .circle_text {
    position: absolute;
    top: -37px;
    left: -45px;
}

.catalog_filter_item {
    text-decoration: none;
}

.category12 .circle_text, .category105 .circle_text {
    position: absolute;
    top: -45px;
    left: -50px;
}

.category8 .circle_text, .category211 .circle_text, .category213 .circle_text{
    position: absolute;
    top: -34px;
    left: -45px;
}

.category9 .circle_text, .category124 .circle_text {
    position: absolute;
    top: -3px;
    left: -31px;
}

.big_product {
    width:750px;
    height:530px;
    background-size: cover;
    background-position: center center;
}

.product_info .content p:nth-child(1) {
    margin-top: 0;
    padding-top: 0;
}

.big_product_info {
    position: relative;
    z-index: 1;
    width: 400px;
    height: auto;
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    color: #fff;
    width: 150px;
    height: 150px;
    /* padding: 33px; */
    background: rgba(77, 51, 120, 0.8);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    flex-direction: column;
    left:20px;
    top:20px;
}

.header_hidden_menu {
    cursor: pointer;
}

.header_hidden_menu svg {
    width:40px;
    margin-left: 20px;
}

.header_hidden_menu svg path {
    fill: #fff;
}

.sidebar_nav {
    width:300px;
    position: fixed;
    top:0;
    right:-300px;
    height:100vh;
    background: #5d418b;
    z-index: 9;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all 0.3s;
}

.sidebar_nav.active {
    right:0;
}

.page-content.io-article-body a  {
    color:#fff;
}

.sidebar_overlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width:calc(100% - 300px);
    position: fixed;
    left:-3000px;
    top:0;
    height:100vh;
    z-index: 9;
    transition: all 0.1s;
}

.sidebar_overlay.active {
    left:0;
}

.sidebar_close svg {
    width:40px;
}

.sidebar_close {
    position: absolute;
    right:20px;
    top:20px;
    cursor: pointer;
}

.sidebar_close svg path {
    fill: #fff;
}


#wpadminbar {
     display: none;
}

html {
    margin-top: 0 !important;
}

.sidebar_nav a {
    font-size:28px;
    color:#fff;
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
    padding-left: 20px;
}


.sidebar_nav_item {
    margin-top: 100px;
}

.sidebar_contacts_info  {
    margin-top: 50px;
}

.sidebar_contacts_info p {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    padding-left: 20px;
}

.sidebar_contacts_info span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    padding-left: 20px;
    color: #fff;
    display: block;
}

.sidebar_contacts_info a {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-decoration-line: underline;
    display: block;
    color: #8D6EBF !important;

}


/*.catalog_page_section_item_wrap:nth-child(1) .circle_text {*/
/*    position: absolute;*/
/*    top: -130px;*/
/*    left: -135px;*/
/*}*/

/*.catalog_page_section_item_wrap:nth-child(2) .circle_text {*/
/*    position: absolute;*/
/*    top: -130px;*/
/*    left: -135px;*/
/*}*/

.sidebar_mobile_menu {
    display: none;
}

.vk_video_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 40px;
    margin-bottom: 40px;
}

.vk_video {
    position: relative;
}

.vk_video iframe {
    width:100% !important;
}

.vk_video_number {
    width:40px;
    height:40px;
    background-image: url("/img/wave2.png");
    position: absolute;
    top:-20px;
    left:-20px;
    border-radius: 100%;
    background-size: cover;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    color:#fff;
    font-weight: bold;
    justify-content: center;
    font-size:18px;
}

.ays_poll_list_view_container {
    display: grid  !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr  !important;
    grid-gap: 15px  !important;
}

.box-apm {
    width: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
    border:unset !important;
    background-color: #5d418a !important;
}

.box-apm * {
    color: #fff !important;
}


#pollResultId2 .answer-percent {
    background-color: #fff !important;
    color:#000 !important
}

#ays-poll-container-2 .ays-poll-each-answer-grid {
    color: #000 !important;
}

#ays-poll-container-2 .choosing-poll label.ays_enable_hover:hover {
    background-color: #4d3478 !important;
    color: #fff !important;
    border-color:#4d3478 !important;
}

#ays-poll-container-2 .choosing-poll label.ays_enable_hover:hover  span {

    color: #fff !important;

}

#ays-poll-container-2 .choosing-poll input[type=radio]:checked + label {
    background-color: #4d3478 !important;
    color: #fff !important;
    border-color:#4d3478 !important;
}

#ays-poll-container-2 .choosing-poll input[type=radio]:checked + label span {
    color: #fff !important;
}

.box-apm span.ays_poll_passed_count {
    background-color: #4d3478 !important;
    color: #FBFEF9;
}

.ays-poll-answers {
    margin:0 auto !important;
}

#ays-poll-container-2 {
    width: 100%  !important;
}

header .logo img {
    max-height:135px;
}



.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
}
.snow:nth-child(1) {
    opacity: 0.2257;
    transform: translate(54.6111vw, -10px) scale(0.3146);
    animation: fall-1 30s -21s linear infinite;
}
@keyframes fall-1 {
    75.266% {
        transform: translate(47.2566vw, 75.266vh) scale(0.3146);
    }
    to {
        transform: translate(50.93385vw, 100vh) scale(0.3146);
    }
}
.snow:nth-child(2) {
    opacity: 0.7898;
    transform: translate(48.4884vw, -10px) scale(0.5547);
    animation: fall-2 28s -26s linear infinite;
}
@keyframes fall-2 {
    68.251% {
        transform: translate(39.5288vw, 68.251vh) scale(0.5547);
    }
    to {
        transform: translate(44.0086vw, 100vh) scale(0.5547);
    }
}
.snow:nth-child(3) {
    opacity: 0.2058;
    transform: translate(31.0517vw, -10px) scale(0.9046);
    animation: fall-3 15s -28s linear infinite;
}
@keyframes fall-3 {
    75.815% {
        transform: translate(36.9918vw, 75.815vh) scale(0.9046);
    }
    to {
        transform: translate(34.02175vw, 100vh) scale(0.9046);
    }
}
.snow:nth-child(4) {
    opacity: 0.1459;
    transform: translate(23.4511vw, -10px) scale(0.1188);
    animation: fall-4 27s -21s linear infinite;
}
@keyframes fall-4 {
    57.493% {
        transform: translate(16.8699vw, 57.493vh) scale(0.1188);
    }
    to {
        transform: translate(20.1605vw, 100vh) scale(0.1188);
    }
}
.snow:nth-child(5) {
    opacity: 0.8892;
    transform: translate(49.0554vw, -10px) scale(0.8639);
    animation: fall-5 21s -1s linear infinite;
}
@keyframes fall-5 {
    40.259% {
        transform: translate(57.1329vw, 40.259vh) scale(0.8639);
    }
    to {
        transform: translate(53.09415vw, 100vh) scale(0.8639);
    }
}
.snow:nth-child(6) {
    opacity: 0.7007;
    transform: translate(7.6796vw, -10px) scale(0.5786);
    animation: fall-6 13s -8s linear infinite;
}
@keyframes fall-6 {
    71.596% {
        transform: translate(10.497vw, 71.596vh) scale(0.5786);
    }
    to {
        transform: translate(9.0883vw, 100vh) scale(0.5786);
    }
}
.snow:nth-child(7) {
    opacity: 0.6889;
    transform: translate(19.0161vw, -10px) scale(0.2448);
    animation: fall-7 10s -21s linear infinite;
}
@keyframes fall-7 {
    58.968% {
        transform: translate(26.9191vw, 58.968vh) scale(0.2448);
    }
    to {
        transform: translate(22.9676vw, 100vh) scale(0.2448);
    }
}
.snow:nth-child(8) {
    opacity: 0.4448;
    transform: translate(51.7707vw, -10px) scale(0.9335);
    animation: fall-8 17s -28s linear infinite;
}
@keyframes fall-8 {
    56.951% {
        transform: translate(50.1199vw, 56.951vh) scale(0.9335);
    }
    to {
        transform: translate(50.9453vw, 100vh) scale(0.9335);
    }
}
.snow:nth-child(9) {
    opacity: 0.264;
    transform: translate(49.9373vw, -10px) scale(0.742);
    animation: fall-9 19s -18s linear infinite;
}
@keyframes fall-9 {
    49.146% {
        transform: translate(43.7223vw, 49.146vh) scale(0.742);
    }
    to {
        transform: translate(46.8298vw, 100vh) scale(0.742);
    }
}
.snow:nth-child(10) {
    opacity: 0.5144;
    transform: translate(25.6668vw, -10px) scale(0.1018);
    animation: fall-10 25s -6s linear infinite;
}
@keyframes fall-10 {
    34.659% {
        transform: translate(33.1367vw, 34.659vh) scale(0.1018);
    }
    to {
        transform: translate(29.40175vw, 100vh) scale(0.1018);
    }
}
.snow:nth-child(11) {
    opacity: 0.7248;
    transform: translate(68.0139vw, -10px) scale(0.143);
    animation: fall-11 27s -6s linear infinite;
}
@keyframes fall-11 {
    61.313% {
        transform: translate(72.066vw, 61.313vh) scale(0.143);
    }
    to {
        transform: translate(70.03995vw, 100vh) scale(0.143);
    }
}
.snow:nth-child(12) {
    opacity: 0.8883;
    transform: translate(95.9028vw, -10px) scale(0.859);
    animation: fall-12 27s -24s linear infinite;
}
@keyframes fall-12 {
    58.219% {
        transform: translate(90.9459vw, 58.219vh) scale(0.859);
    }
    to {
        transform: translate(93.42435vw, 100vh) scale(0.859);
    }
}
.snow:nth-child(13) {
    opacity: 0.2958;
    transform: translate(76.2203vw, -10px) scale(0.3174);
    animation: fall-13 28s -13s linear infinite;
}
@keyframes fall-13 {
    42.761% {
        transform: translate(69.1313vw, 42.761vh) scale(0.3174);
    }
    to {
        transform: translate(72.6758vw, 100vh) scale(0.3174);
    }
}
.snow:nth-child(14) {
    opacity: 0.5838;
    transform: translate(63.6611vw, -10px) scale(0.2252);
    animation: fall-14 20s -17s linear infinite;
}
@keyframes fall-14 {
    42.32% {
        transform: translate(73.2866vw, 42.32vh) scale(0.2252);
    }
    to {
        transform: translate(68.47385vw, 100vh) scale(0.2252);
    }
}
.snow:nth-child(15) {
    opacity: 0.65;
    transform: translate(58.7019vw, -10px) scale(0.0779);
    animation: fall-15 13s -3s linear infinite;
}
@keyframes fall-15 {
    38.848% {
        transform: translate(59.1478vw, 38.848vh) scale(0.0779);
    }
    to {
        transform: translate(58.92485vw, 100vh) scale(0.0779);
    }
}
.snow:nth-child(16) {
    opacity: 0.4056;
    transform: translate(76.3232vw, -10px) scale(0.3257);
    animation: fall-16 24s -14s linear infinite;
}
@keyframes fall-16 {
    48.147% {
        transform: translate(79.1963vw, 48.147vh) scale(0.3257);
    }
    to {
        transform: translate(77.75975vw, 100vh) scale(0.3257);
    }
}
.snow:nth-child(17) {
    opacity: 0.919;
    transform: translate(5.8364vw, -10px) scale(0.0841);
    animation: fall-17 14s -18s linear infinite;
}
@keyframes fall-17 {
    65.755% {
        transform: translate(2.3833vw, 65.755vh) scale(0.0841);
    }
    to {
        transform: translate(4.10985vw, 100vh) scale(0.0841);
    }
}
.snow:nth-child(18) {
    opacity: 0.5682;
    transform: translate(76.8989vw, -10px) scale(0.7276);
    animation: fall-18 23s -19s linear infinite;
}
@keyframes fall-18 {
    40.189% {
        transform: translate(85.1607vw, 40.189vh) scale(0.7276);
    }
    to {
        transform: translate(81.0298vw, 100vh) scale(0.7276);
    }
}
.snow:nth-child(19) {
    opacity: 0.9312;
    transform: translate(63.498vw, -10px) scale(0.2999);
    animation: fall-19 18s -30s linear infinite;
}
@keyframes fall-19 {
    59.03% {
        transform: translate(56.5271vw, 59.03vh) scale(0.2999);
    }
    to {
        transform: translate(60.01255vw, 100vh) scale(0.2999);
    }
}
.snow:nth-child(20) {
    opacity: 0.0457;
    transform: translate(9.64vw, -10px) scale(0.2546);
    animation: fall-20 16s -21s linear infinite;
}
@keyframes fall-20 {
    78.697% {
        transform: translate(4.9922vw, 78.697vh) scale(0.2546);
    }
    to {
        transform: translate(7.3161vw, 100vh) scale(0.2546);
    }
}
.snow:nth-child(21) {
    opacity: 0.7407;
    transform: translate(7.4527vw, -10px) scale(0.1692);
    animation: fall-21 13s -20s linear infinite;
}
@keyframes fall-21 {
    74.508% {
        transform: translate(16.5538vw, 74.508vh) scale(0.1692);
    }
    to {
        transform: translate(12.00325vw, 100vh) scale(0.1692);
    }
}
.snow:nth-child(22) {
    opacity: 0.4415;
    transform: translate(23.3092vw, -10px) scale(0.0396);
    animation: fall-22 18s -3s linear infinite;
}
@keyframes fall-22 {
    75.41% {
        transform: translate(20.3799vw, 75.41vh) scale(0.0396);
    }
    to {
        transform: translate(21.84455vw, 100vh) scale(0.0396);
    }
}
.snow:nth-child(23) {
    opacity: 0.7767;
    transform: translate(10.0604vw, -10px) scale(0.2558);
    animation: fall-23 13s -18s linear infinite;
}
@keyframes fall-23 {
    61.923% {
        transform: translate(19.2537vw, 61.923vh) scale(0.2558);
    }
    to {
        transform: translate(14.65705vw, 100vh) scale(0.2558);
    }
}
.snow:nth-child(24) {
    opacity: 0.3883;
    transform: translate(30.5662vw, -10px) scale(0.4526);
    animation: fall-24 21s -30s linear infinite;
}
@keyframes fall-24 {
    62.927% {
        transform: translate(25.8522vw, 62.927vh) scale(0.4526);
    }
    to {
        transform: translate(28.2092vw, 100vh) scale(0.4526);
    }
}
.snow:nth-child(25) {
    opacity: 0.5019;
    transform: translate(48.5203vw, -10px) scale(0.6584);
    animation: fall-25 15s -15s linear infinite;
}
@keyframes fall-25 {
    42.969% {
        transform: translate(55.7708vw, 42.969vh) scale(0.6584);
    }
    to {
        transform: translate(52.14555vw, 100vh) scale(0.6584);
    }
}
.snow:nth-child(26) {
    opacity: 0.7859;
    transform: translate(95.3708vw, -10px) scale(0.3716);
    animation: fall-26 25s -16s linear infinite;
}
@keyframes fall-26 {
    55.428% {
        transform: translate(91.4259vw, 55.428vh) scale(0.3716);
    }
    to {
        transform: translate(93.39835vw, 100vh) scale(0.3716);
    }
}
.snow:nth-child(27) {
    opacity: 0.6743;
    transform: translate(16.1093vw, -10px) scale(0.1512);
    animation: fall-27 16s -12s linear infinite;
}
@keyframes fall-27 {
    32.529% {
        transform: translate(20.9754vw, 32.529vh) scale(0.1512);
    }
    to {
        transform: translate(18.54235vw, 100vh) scale(0.1512);
    }
}
.snow:nth-child(28) {
    opacity: 0.285;
    transform: translate(23.5923vw, -10px) scale(0.6164);
    animation: fall-28 12s -11s linear infinite;
}
@keyframes fall-28 {
    73.134% {
        transform: translate(24.2107vw, 73.134vh) scale(0.6164);
    }
    to {
        transform: translate(23.9015vw, 100vh) scale(0.6164);
    }
}
.snow:nth-child(29) {
    opacity: 0.6275;
    transform: translate(81.2844vw, -10px) scale(0.933);
    animation: fall-29 10s -19s linear infinite;
}
@keyframes fall-29 {
    37.256% {
        transform: translate(76.6824vw, 37.256vh) scale(0.933);
    }
    to {
        transform: translate(78.9834vw, 100vh) scale(0.933);
    }
}
.snow:nth-child(30) {
    opacity: 0.215;
    transform: translate(59.648vw, -10px) scale(0.7844);
    animation: fall-30 22s -4s linear infinite;
}
@keyframes fall-30 {
    71.831% {
        transform: translate(54.0773vw, 71.831vh) scale(0.7844);
    }
    to {
        transform: translate(56.86265vw, 100vh) scale(0.7844);
    }
}
.snow:nth-child(31) {
    opacity: 0.9707;
    transform: translate(86.096vw, -10px) scale(0.5582);
    animation: fall-31 16s -3s linear infinite;
}
@keyframes fall-31 {
    79.176% {
        transform: translate(89.8707vw, 79.176vh) scale(0.5582);
    }
    to {
        transform: translate(87.98335vw, 100vh) scale(0.5582);
    }
}
.snow:nth-child(32) {
    opacity: 0.2699;
    transform: translate(99.6093vw, -10px) scale(0.7037);
    animation: fall-32 17s -17s linear infinite;
}
@keyframes fall-32 {
    56.098% {
        transform: translate(101.072vw, 56.098vh) scale(0.7037);
    }
    to {
        transform: translate(100.34065vw, 100vh) scale(0.7037);
    }
}
.snow:nth-child(33) {
    opacity: 0.4326;
    transform: translate(83.6567vw, -10px) scale(0.5901);
    animation: fall-33 27s -3s linear infinite;
}
@keyframes fall-33 {
    53.78% {
        transform: translate(90.4293vw, 53.78vh) scale(0.5901);
    }
    to {
        transform: translate(87.043vw, 100vh) scale(0.5901);
    }
}
.snow:nth-child(34) {
    opacity: 0.0801;
    transform: translate(86.6214vw, -10px) scale(0.7437);
    animation: fall-34 28s -22s linear infinite;
}
@keyframes fall-34 {
    37.855% {
        transform: translate(95.5713vw, 37.855vh) scale(0.7437);
    }
    to {
        transform: translate(91.09635vw, 100vh) scale(0.7437);
    }
}
.snow:nth-child(35) {
    opacity: 0.2982;
    transform: translate(63.8093vw, -10px) scale(0.9683);
    animation: fall-35 18s -22s linear infinite;
}
@keyframes fall-35 {
    37.023% {
        transform: translate(67.3262vw, 37.023vh) scale(0.9683);
    }
    to {
        transform: translate(65.56775vw, 100vh) scale(0.9683);
    }
}
.snow:nth-child(36) {
    opacity: 0.5842;
    transform: translate(36.8603vw, -10px) scale(0.315);
    animation: fall-36 19s -5s linear infinite;
}
@keyframes fall-36 {
    53.033% {
        transform: translate(42.8986vw, 53.033vh) scale(0.315);
    }
    to {
        transform: translate(39.87945vw, 100vh) scale(0.315);
    }
}
.snow:nth-child(37) {
    opacity: 0.8966;
    transform: translate(73.6675vw, -10px) scale(0.1133);
    animation: fall-37 30s -14s linear infinite;
}
@keyframes fall-37 {
    71.513% {
        transform: translate(70.9555vw, 71.513vh) scale(0.1133);
    }
    to {
        transform: translate(72.3115vw, 100vh) scale(0.1133);
    }
}
.snow:nth-child(38) {
    opacity: 0.0992;
    transform: translate(87.0568vw, -10px) scale(0.5855);
    animation: fall-38 16s -25s linear infinite;
}
@keyframes fall-38 {
    79.558% {
        transform: translate(83.7552vw, 79.558vh) scale(0.5855);
    }
    to {
        transform: translate(85.406vw, 100vh) scale(0.5855);
    }
}
.snow:nth-child(39) {
    opacity: 0.7519;
    transform: translate(16.1708vw, -10px) scale(0.6057);
    animation: fall-39 15s -25s linear infinite;
}
@keyframes fall-39 {
    50.054% {
        transform: translate(26.0182vw, 50.054vh) scale(0.6057);
    }
    to {
        transform: translate(21.0945vw, 100vh) scale(0.6057);
    }
}
.snow:nth-child(40) {
    opacity: 0.1482;
    transform: translate(19.9068vw, -10px) scale(0.3591);
    animation: fall-40 10s -1s linear infinite;
}
@keyframes fall-40 {
    59.762% {
        transform: translate(27.1326vw, 59.762vh) scale(0.3591);
    }
    to {
        transform: translate(23.5197vw, 100vh) scale(0.3591);
    }
}
.snow:nth-child(41) {
    opacity: 0.2832;
    transform: translate(78.8781vw, -10px) scale(0.3483);
    animation: fall-41 17s -15s linear infinite;
}
@keyframes fall-41 {
    71.975% {
        transform: translate(72.5922vw, 71.975vh) scale(0.3483);
    }
    to {
        transform: translate(75.73515vw, 100vh) scale(0.3483);
    }
}
.snow:nth-child(42) {
    opacity: 0.1981;
    transform: translate(60.982vw, -10px) scale(0.1667);
    animation: fall-42 21s -6s linear infinite;
}
@keyframes fall-42 {
    59.47% {
        transform: translate(63.4953vw, 59.47vh) scale(0.1667);
    }
    to {
        transform: translate(62.23865vw, 100vh) scale(0.1667);
    }
}
.snow:nth-child(43) {
    opacity: 0.8004;
    transform: translate(8.8507vw, -10px) scale(0.1704);
    animation: fall-43 19s -28s linear infinite;
}
@keyframes fall-43 {
    32.661% {
        transform: translate(6.2243vw, 32.661vh) scale(0.1704);
    }
    to {
        transform: translate(7.5375vw, 100vh) scale(0.1704);
    }
}
.snow:nth-child(44) {
    opacity: 0.1808;
    transform: translate(88.8699vw, -10px) scale(0.9626);
    animation: fall-44 13s -3s linear infinite;
}
@keyframes fall-44 {
    78.008% {
        transform: translate(97.9022vw, 78.008vh) scale(0.9626);
    }
    to {
        transform: translate(93.38605vw, 100vh) scale(0.9626);
    }
}
.snow:nth-child(45) {
    opacity: 0.4999;
    transform: translate(22.4005vw, -10px) scale(0.3271);
    animation: fall-45 16s -7s linear infinite;
}
@keyframes fall-45 {
    72.941% {
        transform: translate(16.7312vw, 72.941vh) scale(0.3271);
    }
    to {
        transform: translate(19.56585vw, 100vh) scale(0.3271);
    }
}
.snow:nth-child(46) {
    opacity: 0.9228;
    transform: translate(40.5379vw, -10px) scale(0.5062);
    animation: fall-46 15s -12s linear infinite;
}
@keyframes fall-46 {
    76.336% {
        transform: translate(41.3298vw, 76.336vh) scale(0.5062);
    }
    to {
        transform: translate(40.93385vw, 100vh) scale(0.5062);
    }
}
.snow:nth-child(47) {
    opacity: 0.2527;
    transform: translate(31.7301vw, -10px) scale(0.8619);
    animation: fall-47 29s -15s linear infinite;
}
@keyframes fall-47 {
    70.536% {
        transform: translate(36.0074vw, 70.536vh) scale(0.8619);
    }
    to {
        transform: translate(33.86875vw, 100vh) scale(0.8619);
    }
}
.snow:nth-child(48) {
    opacity: 0.8498;
    transform: translate(4.8705vw, -10px) scale(0.3177);
    animation: fall-48 13s -4s linear infinite;
}
@keyframes fall-48 {
    56.829% {
        transform: translate(10.2281vw, 56.829vh) scale(0.3177);
    }
    to {
        transform: translate(7.5493vw, 100vh) scale(0.3177);
    }
}
.snow:nth-child(49) {
    opacity: 0.9234;
    transform: translate(56.8239vw, -10px) scale(0.5939);
    animation: fall-49 14s -24s linear infinite;
}
@keyframes fall-49 {
    66.1% {
        transform: translate(48.5624vw, 66.1vh) scale(0.5939);
    }
    to {
        transform: translate(52.69315vw, 100vh) scale(0.5939);
    }
}
.snow:nth-child(50) {
    opacity: 0.863;
    transform: translate(91.2952vw, -10px) scale(0.8473);
    animation: fall-50 27s -17s linear infinite;
}
@keyframes fall-50 {
    77.979% {
        transform: translate(91.6596vw, 77.979vh) scale(0.8473);
    }
    to {
        transform: translate(91.4774vw, 100vh) scale(0.8473);
    }
}
.snow:nth-child(51) {
    opacity: 0.5261;
    transform: translate(43.8101vw, -10px) scale(0.7759);
    animation: fall-51 14s -5s linear infinite;
}
@keyframes fall-51 {
    30.818% {
        transform: translate(48.9469vw, 30.818vh) scale(0.7759);
    }
    to {
        transform: translate(46.3785vw, 100vh) scale(0.7759);
    }
}
.snow:nth-child(52) {
    opacity: 0.0757;
    transform: translate(25.8058vw, -10px) scale(0.8927);
    animation: fall-52 17s -12s linear infinite;
}
@keyframes fall-52 {
    65.895% {
        transform: translate(33.8977vw, 65.895vh) scale(0.8927);
    }
    to {
        transform: translate(29.85175vw, 100vh) scale(0.8927);
    }
}
.snow:nth-child(53) {
    opacity: 0.9078;
    transform: translate(48.0664vw, -10px) scale(0.6634);
    animation: fall-53 19s -22s linear infinite;
}
@keyframes fall-53 {
    78.052% {
        transform: translate(41.4008vw, 78.052vh) scale(0.6634);
    }
    to {
        transform: translate(44.7336vw, 100vh) scale(0.6634);
    }
}
.snow:nth-child(54) {
    opacity: 0.693;
    transform: translate(13.354vw, -10px) scale(0.5045);
    animation: fall-54 16s -12s linear infinite;
}
@keyframes fall-54 {
    35.092% {
        transform: translate(8.5525vw, 35.092vh) scale(0.5045);
    }
    to {
        transform: translate(10.95325vw, 100vh) scale(0.5045);
    }
}
.snow:nth-child(55) {
    opacity: 0.2769;
    transform: translate(53.3526vw, -10px) scale(0.7257);
    animation: fall-55 15s -14s linear infinite;
}
@keyframes fall-55 {
    71.346% {
        transform: translate(49.9548vw, 71.346vh) scale(0.7257);
    }
    to {
        transform: translate(51.6537vw, 100vh) scale(0.7257);
    }
}
.snow:nth-child(56) {
    opacity: 0.3054;
    transform: translate(24.2206vw, -10px) scale(0.2785);
    animation: fall-56 28s -14s linear infinite;
}
@keyframes fall-56 {
    53.478% {
        transform: translate(14.5512vw, 53.478vh) scale(0.2785);
    }
    to {
        transform: translate(19.3859vw, 100vh) scale(0.2785);
    }
}
.snow:nth-child(57) {
    opacity: 0.3728;
    transform: translate(32.1362vw, -10px) scale(0.5581);
    animation: fall-57 29s -24s linear infinite;
}
@keyframes fall-57 {
    37.168% {
        transform: translate(31.8286vw, 37.168vh) scale(0.5581);
    }
    to {
        transform: translate(31.9824vw, 100vh) scale(0.5581);
    }
}
.snow:nth-child(58) {
    opacity: 0.7021;
    transform: translate(91.829vw, -10px) scale(0.0248);
    animation: fall-58 22s -26s linear infinite;
}
@keyframes fall-58 {
    32.713% {
        transform: translate(82.348vw, 32.713vh) scale(0.0248);
    }
    to {
        transform: translate(87.0885vw, 100vh) scale(0.0248);
    }
}
.snow:nth-child(59) {
    opacity: 0.4046;
    transform: translate(55.3295vw, -10px) scale(0.452);
    animation: fall-59 11s -28s linear infinite;
}
@keyframes fall-59 {
    78.305% {
        transform: translate(50.8874vw, 78.305vh) scale(0.452);
    }
    to {
        transform: translate(53.10845vw, 100vh) scale(0.452);
    }
}
.snow:nth-child(60) {
    opacity: 0.5281;
    transform: translate(94.072vw, -10px) scale(0.4269);
    animation: fall-60 22s -1s linear infinite;
}
@keyframes fall-60 {
    75.082% {
        transform: translate(93.0647vw, 75.082vh) scale(0.4269);
    }
    to {
        transform: translate(93.56835vw, 100vh) scale(0.4269);
    }
}
.snow:nth-child(61) {
    opacity: 0.6055;
    transform: translate(77.3751vw, -10px) scale(0.8297);
    animation: fall-61 28s -13s linear infinite;
}
@keyframes fall-61 {
    37.856% {
        transform: translate(75.3168vw, 37.856vh) scale(0.8297);
    }
    to {
        transform: translate(76.34595vw, 100vh) scale(0.8297);
    }
}
.snow:nth-child(62) {
    opacity: 0.1124;
    transform: translate(20.9083vw, -10px) scale(0.1853);
    animation: fall-62 26s -10s linear infinite;
}
@keyframes fall-62 {
    34.767% {
        transform: translate(28.7779vw, 34.767vh) scale(0.1853);
    }
    to {
        transform: translate(24.8431vw, 100vh) scale(0.1853);
    }
}
.snow:nth-child(63) {
    opacity: 0.9182;
    transform: translate(52.4532vw, -10px) scale(0.2458);
    animation: fall-63 18s -26s linear infinite;
}
@keyframes fall-63 {
    76.774% {
        transform: translate(59.3799vw, 76.774vh) scale(0.2458);
    }
    to {
        transform: translate(55.91655vw, 100vh) scale(0.2458);
    }
}
.snow:nth-child(64) {
    opacity: 0.3083;
    transform: translate(57.1969vw, -10px) scale(0.0035);
    animation: fall-64 18s -8s linear infinite;
}
@keyframes fall-64 {
    67.146% {
        transform: translate(53.6875vw, 67.146vh) scale(0.0035);
    }
    to {
        transform: translate(55.4422vw, 100vh) scale(0.0035);
    }
}
.snow:nth-child(65) {
    opacity: 0.2617;
    transform: translate(87.7585vw, -10px) scale(0.9124);
    animation: fall-65 14s -2s linear infinite;
}
@keyframes fall-65 {
    54.236% {
        transform: translate(79.716vw, 54.236vh) scale(0.9124);
    }
    to {
        transform: translate(83.73725vw, 100vh) scale(0.9124);
    }
}
.snow:nth-child(66) {
    opacity: 0.8898;
    transform: translate(82.7381vw, -10px) scale(0.8005);
    animation: fall-66 14s -10s linear infinite;
}
@keyframes fall-66 {
    37.441% {
        transform: translate(83.5005vw, 37.441vh) scale(0.8005);
    }
    to {
        transform: translate(83.1193vw, 100vh) scale(0.8005);
    }
}
.snow:nth-child(67) {
    opacity: 0.3184;
    transform: translate(42.47vw, -10px) scale(0.9516);
    animation: fall-67 18s -25s linear infinite;
}
@keyframes fall-67 {
    68.205% {
        transform: translate(33.5855vw, 68.205vh) scale(0.9516);
    }
    to {
        transform: translate(38.02775vw, 100vh) scale(0.9516);
    }
}
.snow:nth-child(68) {
    opacity: 0.9201;
    transform: translate(77.4905vw, -10px) scale(0.5018);
    animation: fall-68 28s -3s linear infinite;
}
@keyframes fall-68 {
    76.06% {
        transform: translate(70.1699vw, 76.06vh) scale(0.5018);
    }
    to {
        transform: translate(73.8302vw, 100vh) scale(0.5018);
    }
}
.snow:nth-child(69) {
    opacity: 0.6887;
    transform: translate(97.7983vw, -10px) scale(0.4157);
    animation: fall-69 25s -28s linear infinite;
}
@keyframes fall-69 {
    51.197% {
        transform: translate(95.268vw, 51.197vh) scale(0.4157);
    }
    to {
        transform: translate(96.53315vw, 100vh) scale(0.4157);
    }
}
.snow:nth-child(70) {
    opacity: 0.6108;
    transform: translate(10.0131vw, -10px) scale(0.27);
    animation: fall-70 11s -29s linear infinite;
}
@keyframes fall-70 {
    41.406% {
        transform: translate(7.7433vw, 41.406vh) scale(0.27);
    }
    to {
        transform: translate(8.8782vw, 100vh) scale(0.27);
    }
}
.snow:nth-child(71) {
    opacity: 0.8144;
    transform: translate(73.3083vw, -10px) scale(0.2418);
    animation: fall-71 11s -4s linear infinite;
}
@keyframes fall-71 {
    79.032% {
        transform: translate(74.7628vw, 79.032vh) scale(0.2418);
    }
    to {
        transform: translate(74.03555vw, 100vh) scale(0.2418);
    }
}
.snow:nth-child(72) {
    opacity: 0.1887;
    transform: translate(72.0158vw, -10px) scale(0.8056);
    animation: fall-72 17s -6s linear infinite;
}
@keyframes fall-72 {
    47.373% {
        transform: translate(75.715vw, 47.373vh) scale(0.8056);
    }
    to {
        transform: translate(73.8654vw, 100vh) scale(0.8056);
    }
}
.snow:nth-child(73) {
    opacity: 0.5043;
    transform: translate(35.1141vw, -10px) scale(0.8075);
    animation: fall-73 27s -28s linear infinite;
}
@keyframes fall-73 {
    77.502% {
        transform: translate(29.4073vw, 77.502vh) scale(0.8075);
    }
    to {
        transform: translate(32.2607vw, 100vh) scale(0.8075);
    }
}
.snow:nth-child(74) {
    opacity: 0.535;
    transform: translate(65.5321vw, -10px) scale(0.5529);
    animation: fall-74 16s -6s linear infinite;
}
@keyframes fall-74 {
    45.665% {
        transform: translate(68.4444vw, 45.665vh) scale(0.5529);
    }
    to {
        transform: translate(66.98825vw, 100vh) scale(0.5529);
    }
}
.snow:nth-child(75) {
    opacity: 0.1098;
    transform: translate(72.5295vw, -10px) scale(0.8316);
    animation: fall-75 13s -19s linear infinite;
}
@keyframes fall-75 {
    54.366% {
        transform: translate(63.0586vw, 54.366vh) scale(0.8316);
    }
    to {
        transform: translate(67.79405vw, 100vh) scale(0.8316);
    }
}
.snow:nth-child(76) {
    opacity: 0.6588;
    transform: translate(43.2406vw, -10px) scale(0.809);
    animation: fall-76 26s -11s linear infinite;
}
@keyframes fall-76 {
    54.802% {
        transform: translate(45.2244vw, 54.802vh) scale(0.809);
    }
    to {
        transform: translate(44.2325vw, 100vh) scale(0.809);
    }
}
.snow:nth-child(77) {
    opacity: 0.4147;
    transform: translate(0.6543vw, -10px) scale(0.745);
    animation: fall-77 28s -9s linear infinite;
}
@keyframes fall-77 {
    58.306% {
        transform: translate(0.512vw, 58.306vh) scale(0.745);
    }
    to {
        transform: translate(0.58315vw, 100vh) scale(0.745);
    }
}
.snow:nth-child(78) {
    opacity: 0.7305;
    transform: translate(68.002vw, -10px) scale(0.8174);
    animation: fall-78 21s -8s linear infinite;
}
@keyframes fall-78 {
    70.344% {
        transform: translate(64.7633vw, 70.344vh) scale(0.8174);
    }
    to {
        transform: translate(66.38265vw, 100vh) scale(0.8174);
    }
}
.snow:nth-child(79) {
    opacity: 0.8525;
    transform: translate(83.1425vw, -10px) scale(0.9419);
    animation: fall-79 28s -9s linear infinite;
}
@keyframes fall-79 {
    50.565% {
        transform: translate(89.4338vw, 50.565vh) scale(0.9419);
    }
    to {
        transform: translate(86.28815vw, 100vh) scale(0.9419);
    }
}
.snow:nth-child(80) {
    opacity: 0.4661;
    transform: translate(40.2452vw, -10px) scale(0.4556);
    animation: fall-80 16s -11s linear infinite;
}
@keyframes fall-80 {
    77.402% {
        transform: translate(45.3325vw, 77.402vh) scale(0.4556);
    }
    to {
        transform: translate(42.78885vw, 100vh) scale(0.4556);
    }
}
.snow:nth-child(81) {
    opacity: 0.1429;
    transform: translate(27.3608vw, -10px) scale(0.6988);
    animation: fall-81 22s -3s linear infinite;
}
@keyframes fall-81 {
    71.842% {
        transform: translate(30.8224vw, 71.842vh) scale(0.6988);
    }
    to {
        transform: translate(29.0916vw, 100vh) scale(0.6988);
    }
}
.snow:nth-child(82) {
    opacity: 0.3122;
    transform: translate(92.3571vw, -10px) scale(0.0119);
    animation: fall-82 10s -22s linear infinite;
}
@keyframes fall-82 {
    46.072% {
        transform: translate(91.9789vw, 46.072vh) scale(0.0119);
    }
    to {
        transform: translate(92.168vw, 100vh) scale(0.0119);
    }
}
.snow:nth-child(83) {
    opacity: 0.2054;
    transform: translate(70.2341vw, -10px) scale(0.1644);
    animation: fall-83 26s -18s linear infinite;
}
@keyframes fall-83 {
    59.897% {
        transform: translate(61.1095vw, 59.897vh) scale(0.1644);
    }
    to {
        transform: translate(65.6718vw, 100vh) scale(0.1644);
    }
}
.snow:nth-child(84) {
    opacity: 0.7429;
    transform: translate(51.9014vw, -10px) scale(0.0622);
    animation: fall-84 13s -19s linear infinite;
}
@keyframes fall-84 {
    40.289% {
        transform: translate(48.6103vw, 40.289vh) scale(0.0622);
    }
    to {
        transform: translate(50.25585vw, 100vh) scale(0.0622);
    }
}
.snow:nth-child(85) {
    opacity: 0.1834;
    transform: translate(63.3496vw, -10px) scale(0.7931);
    animation: fall-85 17s -15s linear infinite;
}
@keyframes fall-85 {
    53.123% {
        transform: translate(57.1367vw, 53.123vh) scale(0.7931);
    }
    to {
        transform: translate(60.24315vw, 100vh) scale(0.7931);
    }
}
.snow:nth-child(86) {
    opacity: 0.5714;
    transform: translate(12.9631vw, -10px) scale(0.7824);
    animation: fall-86 26s -14s linear infinite;
}
@keyframes fall-86 {
    32.814% {
        transform: translate(5.4923vw, 32.814vh) scale(0.7824);
    }
    to {
        transform: translate(9.2277vw, 100vh) scale(0.7824);
    }
}
.snow:nth-child(87) {
    opacity: 0.066;
    transform: translate(31.0646vw, -10px) scale(0.1546);
    animation: fall-87 26s -19s linear infinite;
}
@keyframes fall-87 {
    56.439% {
        transform: translate(28.2276vw, 56.439vh) scale(0.1546);
    }
    to {
        transform: translate(29.6461vw, 100vh) scale(0.1546);
    }
}
.snow:nth-child(88) {
    opacity: 0.0819;
    transform: translate(82.3194vw, -10px) scale(0.1411);
    animation: fall-88 16s -15s linear infinite;
}
@keyframes fall-88 {
    47.367% {
        transform: translate(73.8768vw, 47.367vh) scale(0.1411);
    }
    to {
        transform: translate(78.0981vw, 100vh) scale(0.1411);
    }
}
.snow:nth-child(89) {
    opacity: 0.5667;
    transform: translate(50.5992vw, -10px) scale(0.7147);
    animation: fall-89 21s -8s linear infinite;
}
@keyframes fall-89 {
    75.617% {
        transform: translate(45.0177vw, 75.617vh) scale(0.7147);
    }
    to {
        transform: translate(47.80845vw, 100vh) scale(0.7147);
    }
}
.snow:nth-child(90) {
    opacity: 0.711;
    transform: translate(22.0211vw, -10px) scale(0.1473);
    animation: fall-90 21s -30s linear infinite;
}
@keyframes fall-90 {
    32.968% {
        transform: translate(28.7894vw, 32.968vh) scale(0.1473);
    }
    to {
        transform: translate(25.40525vw, 100vh) scale(0.1473);
    }
}
.snow:nth-child(91) {
    opacity: 0.0794;
    transform: translate(0.0661vw, -10px) scale(0.5331);
    animation: fall-91 18s -26s linear infinite;
}
@keyframes fall-91 {
    35.455% {
        transform: translate(-9.3112vw, 35.455vh) scale(0.5331);
    }
    to {
        transform: translate(-4.62255vw, 100vh) scale(0.5331);
    }
}
.snow:nth-child(92) {
    opacity: 0.8568;
    transform: translate(1.5825vw, -10px) scale(0.8784);
    animation: fall-92 28s -6s linear infinite;
}
@keyframes fall-92 {
    32.4% {
        transform: translate(5.8279vw, 32.4vh) scale(0.8784);
    }
    to {
        transform: translate(3.7052vw, 100vh) scale(0.8784);
    }
}
.snow:nth-child(93) {
    opacity: 0.3271;
    transform: translate(79.5351vw, -10px) scale(0.4118);
    animation: fall-93 28s -13s linear infinite;
}
@keyframes fall-93 {
    37.144% {
        transform: translate(70.7353vw, 37.144vh) scale(0.4118);
    }
    to {
        transform: translate(75.1352vw, 100vh) scale(0.4118);
    }
}
.snow:nth-child(94) {
    opacity: 0.2149;
    transform: translate(40.6934vw, -10px) scale(0.8256);
    animation: fall-94 15s -30s linear infinite;
}
@keyframes fall-94 {
    69.54% {
        transform: translate(44.1238vw, 69.54vh) scale(0.8256);
    }
    to {
        transform: translate(42.4086vw, 100vh) scale(0.8256);
    }
}
.snow:nth-child(95) {
    opacity: 0.1553;
    transform: translate(52.8355vw, -10px) scale(0.6219);
    animation: fall-95 30s -18s linear infinite;
}
@keyframes fall-95 {
    76.541% {
        transform: translate(53.3569vw, 76.541vh) scale(0.6219);
    }
    to {
        transform: translate(53.0962vw, 100vh) scale(0.6219);
    }
}
.snow:nth-child(96) {
    opacity: 0.4363;
    transform: translate(51.265vw, -10px) scale(0.538);
    animation: fall-96 28s -25s linear infinite;
}
@keyframes fall-96 {
    64.327% {
        transform: translate(58.4907vw, 64.327vh) scale(0.538);
    }
    to {
        transform: translate(54.87785vw, 100vh) scale(0.538);
    }
}
.snow:nth-child(97) {
    opacity: 0.5527;
    transform: translate(59.4181vw, -10px) scale(0.4569);
    animation: fall-97 21s -1s linear infinite;
}
@keyframes fall-97 {
    73.499% {
        transform: translate(50.6882vw, 73.499vh) scale(0.4569);
    }
    to {
        transform: translate(55.05315vw, 100vh) scale(0.4569);
    }
}
.snow:nth-child(98) {
    opacity: 0.7541;
    transform: translate(44.5615vw, -10px) scale(0.2854);
    animation: fall-98 17s -7s linear infinite;
}
@keyframes fall-98 {
    52.724% {
        transform: translate(37.3145vw, 52.724vh) scale(0.2854);
    }
    to {
        transform: translate(40.938vw, 100vh) scale(0.2854);
    }
}
.snow:nth-child(99) {
    opacity: 0.6166;
    transform: translate(60.5569vw, -10px) scale(0.8459);
    animation: fall-99 13s -20s linear infinite;
}
@keyframes fall-99 {
    64.006% {
        transform: translate(53.4969vw, 64.006vh) scale(0.8459);
    }
    to {
        transform: translate(57.0269vw, 100vh) scale(0.8459);
    }
}
.snow:nth-child(100) {
    opacity: 0.6983;
    transform: translate(80.2725vw, -10px) scale(0.6639);
    animation: fall-100 12s -12s linear infinite;
}
@keyframes fall-100 {
    51.055% {
        transform: translate(90.0009vw, 51.055vh) scale(0.6639);
    }
    to {
        transform: translate(85.1367vw, 100vh) scale(0.6639);
    }
}
.snow:nth-child(101) {
    opacity: 0.2786;
    transform: translate(12.2448vw, -10px) scale(0.6408);
    animation: fall-101 23s -30s linear infinite;
}
@keyframes fall-101 {
    67.107% {
        transform: translate(11.6323vw, 67.107vh) scale(0.6408);
    }
    to {
        transform: translate(11.93855vw, 100vh) scale(0.6408);
    }
}
.snow:nth-child(102) {
    opacity: 0.1109;
    transform: translate(92.972vw, -10px) scale(0.4201);
    animation: fall-102 14s -21s linear infinite;
}
@keyframes fall-102 {
    75.918% {
        transform: translate(87.2214vw, 75.918vh) scale(0.4201);
    }
    to {
        transform: translate(90.0967vw, 100vh) scale(0.4201);
    }
}
.snow:nth-child(103) {
    opacity: 0.9102;
    transform: translate(55.2192vw, -10px) scale(0.6749);
    animation: fall-103 20s -11s linear infinite;
}
@keyframes fall-103 {
    30.619% {
        transform: translate(59.7689vw, 30.619vh) scale(0.6749);
    }
    to {
        transform: translate(57.49405vw, 100vh) scale(0.6749);
    }
}
.snow:nth-child(104) {
    opacity: 0.2489;
    transform: translate(81.6321vw, -10px) scale(0.3713);
    animation: fall-104 11s -19s linear infinite;
}
@keyframes fall-104 {
    51.316% {
        transform: translate(83.5733vw, 51.316vh) scale(0.3713);
    }
    to {
        transform: translate(82.6027vw, 100vh) scale(0.3713);
    }
}
.snow:nth-child(105) {
    opacity: 0.6734;
    transform: translate(56.1986vw, -10px) scale(0.8696);
    animation: fall-105 14s -29s linear infinite;
}
@keyframes fall-105 {
    68.592% {
        transform: translate(57.442vw, 68.592vh) scale(0.8696);
    }
    to {
        transform: translate(56.8203vw, 100vh) scale(0.8696);
    }
}
.snow:nth-child(106) {
    opacity: 0.8876;
    transform: translate(28.3333vw, -10px) scale(0.0488);
    animation: fall-106 16s -14s linear infinite;
}
@keyframes fall-106 {
    77.13% {
        transform: translate(31.3719vw, 77.13vh) scale(0.0488);
    }
    to {
        transform: translate(29.8526vw, 100vh) scale(0.0488);
    }
}
.snow:nth-child(107) {
    opacity: 0.3612;
    transform: translate(43.627vw, -10px) scale(0.6125);
    animation: fall-107 26s -28s linear infinite;
}
@keyframes fall-107 {
    66.625% {
        transform: translate(53.0468vw, 66.625vh) scale(0.6125);
    }
    to {
        transform: translate(48.3369vw, 100vh) scale(0.6125);
    }
}
.snow:nth-child(108) {
    opacity: 0.9354;
    transform: translate(79.6355vw, -10px) scale(0.2612);
    animation: fall-108 17s -18s linear infinite;
}
@keyframes fall-108 {
    58.658% {
        transform: translate(84.0871vw, 58.658vh) scale(0.2612);
    }
    to {
        transform: translate(81.8613vw, 100vh) scale(0.2612);
    }
}
.snow:nth-child(109) {
    opacity: 0.5864;
    transform: translate(31.552vw, -10px) scale(0.6438);
    animation: fall-109 15s -4s linear infinite;
}
@keyframes fall-109 {
    31.877% {
        transform: translate(22.0216vw, 31.877vh) scale(0.6438);
    }
    to {
        transform: translate(26.7868vw, 100vh) scale(0.6438);
    }
}
.snow:nth-child(110) {
    opacity: 0.1299;
    transform: translate(8.5455vw, -10px) scale(0.817);
    animation: fall-110 27s -4s linear infinite;
}
@keyframes fall-110 {
    60.617% {
        transform: translate(1.9838vw, 60.617vh) scale(0.817);
    }
    to {
        transform: translate(5.26465vw, 100vh) scale(0.817);
    }
}
.snow:nth-child(111) {
    opacity: 0.0193;
    transform: translate(24.5149vw, -10px) scale(0.4851);
    animation: fall-111 28s -3s linear infinite;
}
@keyframes fall-111 {
    41.775% {
        transform: translate(27.955vw, 41.775vh) scale(0.4851);
    }
    to {
        transform: translate(26.23495vw, 100vh) scale(0.4851);
    }
}
.snow:nth-child(112) {
    opacity: 0.0785;
    transform: translate(85.4294vw, -10px) scale(0.7424);
    animation: fall-112 10s -29s linear infinite;
}
@keyframes fall-112 {
    62.053% {
        transform: translate(79.5777vw, 62.053vh) scale(0.7424);
    }
    to {
        transform: translate(82.50355vw, 100vh) scale(0.7424);
    }
}
.snow:nth-child(113) {
    opacity: 0.4393;
    transform: translate(10.2386vw, -10px) scale(0.4082);
    animation: fall-113 27s -30s linear infinite;
}
@keyframes fall-113 {
    46.907% {
        transform: translate(14.6796vw, 46.907vh) scale(0.4082);
    }
    to {
        transform: translate(12.4591vw, 100vh) scale(0.4082);
    }
}
.snow:nth-child(114) {
    opacity: 0.0134;
    transform: translate(21.3557vw, -10px) scale(0.3467);
    animation: fall-114 16s -14s linear infinite;
}
@keyframes fall-114 {
    52.792% {
        transform: translate(25.655vw, 52.792vh) scale(0.3467);
    }
    to {
        transform: translate(23.50535vw, 100vh) scale(0.3467);
    }
}
.snow:nth-child(115) {
    opacity: 0.0682;
    transform: translate(86.1903vw, -10px) scale(0.6067);
    animation: fall-115 12s -14s linear infinite;
}
@keyframes fall-115 {
    64.685% {
        transform: translate(78.2477vw, 64.685vh) scale(0.6067);
    }
    to {
        transform: translate(82.219vw, 100vh) scale(0.6067);
    }
}
.snow:nth-child(116) {
    opacity: 0.7299;
    transform: translate(41.0099vw, -10px) scale(0.6687);
    animation: fall-116 21s -25s linear infinite;
}
@keyframes fall-116 {
    74.049% {
        transform: translate(37.2275vw, 74.049vh) scale(0.6687);
    }
    to {
        transform: translate(39.1187vw, 100vh) scale(0.6687);
    }
}
.snow:nth-child(117) {
    opacity: 0.2389;
    transform: translate(11.1858vw, -10px) scale(0.2633);
    animation: fall-117 15s -6s linear infinite;
}
@keyframes fall-117 {
    75.142% {
        transform: translate(1.3479vw, 75.142vh) scale(0.2633);
    }
    to {
        transform: translate(6.26685vw, 100vh) scale(0.2633);
    }
}
.snow:nth-child(118) {
    opacity: 0.0427;
    transform: translate(49.388vw, -10px) scale(0.1624);
    animation: fall-118 28s -4s linear infinite;
}
@keyframes fall-118 {
    46.34% {
        transform: translate(43.1117vw, 46.34vh) scale(0.1624);
    }
    to {
        transform: translate(46.24985vw, 100vh) scale(0.1624);
    }
}
.snow:nth-child(119) {
    opacity: 0.7966;
    transform: translate(54.595vw, -10px) scale(0.0753);
    animation: fall-119 14s -30s linear infinite;
}
@keyframes fall-119 {
    74.691% {
        transform: translate(46.2129vw, 74.691vh) scale(0.0753);
    }
    to {
        transform: translate(50.40395vw, 100vh) scale(0.0753);
    }
}
.snow:nth-child(120) {
    opacity: 0.4202;
    transform: translate(80.4343vw, -10px) scale(0.2448);
    animation: fall-120 13s -1s linear infinite;
}
@keyframes fall-120 {
    30.147% {
        transform: translate(74.0546vw, 30.147vh) scale(0.2448);
    }
    to {
        transform: translate(77.24445vw, 100vh) scale(0.2448);
    }
}
.snow:nth-child(121) {
    opacity: 0.9439;
    transform: translate(75.2448vw, -10px) scale(0.5403);
    animation: fall-121 29s -4s linear infinite;
}
@keyframes fall-121 {
    40.435% {
        transform: translate(73.5421vw, 40.435vh) scale(0.5403);
    }
    to {
        transform: translate(74.39345vw, 100vh) scale(0.5403);
    }
}
.snow:nth-child(122) {
    opacity: 0.0171;
    transform: translate(27.587vw, -10px) scale(0.2495);
    animation: fall-122 12s -26s linear infinite;
}
@keyframes fall-122 {
    42.784% {
        transform: translate(34.1076vw, 42.784vh) scale(0.2495);
    }
    to {
        transform: translate(30.8473vw, 100vh) scale(0.2495);
    }
}
.snow:nth-child(123) {
    opacity: 0.3439;
    transform: translate(6.5603vw, -10px) scale(0.7542);
    animation: fall-123 23s -14s linear infinite;
}
@keyframes fall-123 {
    52.187% {
        transform: translate(7.0376vw, 52.187vh) scale(0.7542);
    }
    to {
        transform: translate(6.79895vw, 100vh) scale(0.7542);
    }
}
.snow:nth-child(124) {
    opacity: 0.0353;
    transform: translate(95.6815vw, -10px) scale(0.4642);
    animation: fall-124 30s -29s linear infinite;
}
@keyframes fall-124 {
    37.382% {
        transform: translate(101.3782vw, 37.382vh) scale(0.4642);
    }
    to {
        transform: translate(98.52985vw, 100vh) scale(0.4642);
    }
}
.snow:nth-child(125) {
    opacity: 0.8444;
    transform: translate(41.8552vw, -10px) scale(0.2561);
    animation: fall-125 14s -11s linear infinite;
}
@keyframes fall-125 {
    39.707% {
        transform: translate(38.2815vw, 39.707vh) scale(0.2561);
    }
    to {
        transform: translate(40.06835vw, 100vh) scale(0.2561);
    }
}
.snow:nth-child(126) {
    opacity: 0.921;
    transform: translate(71.4022vw, -10px) scale(0.3189);
    animation: fall-126 28s -15s linear infinite;
}
@keyframes fall-126 {
    61.371% {
        transform: translate(68.7634vw, 61.371vh) scale(0.3189);
    }
    to {
        transform: translate(70.0828vw, 100vh) scale(0.3189);
    }
}
.snow:nth-child(127) {
    opacity: 0.2461;
    transform: translate(17.7095vw, -10px) scale(0.1028);
    animation: fall-127 13s -11s linear infinite;
}
@keyframes fall-127 {
    45.298% {
        transform: translate(8.0632vw, 45.298vh) scale(0.1028);
    }
    to {
        transform: translate(12.88635vw, 100vh) scale(0.1028);
    }
}
.snow:nth-child(128) {
    opacity: 0.2397;
    transform: translate(43.4468vw, -10px) scale(0.5627);
    animation: fall-128 19s -15s linear infinite;
}
@keyframes fall-128 {
    63.128% {
        transform: translate(40.377vw, 63.128vh) scale(0.5627);
    }
    to {
        transform: translate(41.9119vw, 100vh) scale(0.5627);
    }
}
.snow:nth-child(129) {
    opacity: 0.6886;
    transform: translate(16.8211vw, -10px) scale(0.8665);
    animation: fall-129 27s -3s linear infinite;
}
@keyframes fall-129 {
    45.445% {
        transform: translate(17.4129vw, 45.445vh) scale(0.8665);
    }
    to {
        transform: translate(17.117vw, 100vh) scale(0.8665);
    }
}
.snow:nth-child(130) {
    opacity: 0.2255;
    transform: translate(3.566vw, -10px) scale(0.2724);
    animation: fall-130 30s -15s linear infinite;
}
@keyframes fall-130 {
    57.123% {
        transform: translate(11.8034vw, 57.123vh) scale(0.2724);
    }
    to {
        transform: translate(7.6847vw, 100vh) scale(0.2724);
    }
}
.snow:nth-child(131) {
    opacity: 0.4817;
    transform: translate(66.4597vw, -10px) scale(0.1881);
    animation: fall-131 14s -8s linear infinite;
}
@keyframes fall-131 {
    57.255% {
        transform: translate(74.9641vw, 57.255vh) scale(0.1881);
    }
    to {
        transform: translate(70.7119vw, 100vh) scale(0.1881);
    }
}
.snow:nth-child(132) {
    opacity: 0.1842;
    transform: translate(36.3189vw, -10px) scale(0.7955);
    animation: fall-132 17s -22s linear infinite;
}
@keyframes fall-132 {
    35.256% {
        transform: translate(45.7187vw, 35.256vh) scale(0.7955);
    }
    to {
        transform: translate(41.0188vw, 100vh) scale(0.7955);
    }
}
.snow:nth-child(133) {
    opacity: 0.3652;
    transform: translate(54.018vw, -10px) scale(0.7442);
    animation: fall-133 27s -11s linear infinite;
}
@keyframes fall-133 {
    39.13% {
        transform: translate(56.4616vw, 39.13vh) scale(0.7442);
    }
    to {
        transform: translate(55.2398vw, 100vh) scale(0.7442);
    }
}
.snow:nth-child(134) {
    opacity: 0.8336;
    transform: translate(53.1042vw, -10px) scale(0.0183);
    animation: fall-134 24s -25s linear infinite;
}
@keyframes fall-134 {
    79.262% {
        transform: translate(48.2104vw, 79.262vh) scale(0.0183);
    }
    to {
        transform: translate(50.6573vw, 100vh) scale(0.0183);
    }
}
.snow:nth-child(135) {
    opacity: 0.6699;
    transform: translate(59.7757vw, -10px) scale(0.3981);
    animation: fall-135 24s -12s linear infinite;
}
@keyframes fall-135 {
    58.874% {
        transform: translate(52.7478vw, 58.874vh) scale(0.3981);
    }
    to {
        transform: translate(56.26175vw, 100vh) scale(0.3981);
    }
}
.snow:nth-child(136) {
    opacity: 0.584;
    transform: translate(57.2596vw, -10px) scale(0.2471);
    animation: fall-136 11s -6s linear infinite;
}
@keyframes fall-136 {
    50.471% {
        transform: translate(55.2268vw, 50.471vh) scale(0.2471);
    }
    to {
        transform: translate(56.2432vw, 100vh) scale(0.2471);
    }
}
.snow:nth-child(137) {
    opacity: 0.8145;
    transform: translate(73.8445vw, -10px) scale(0.3789);
    animation: fall-137 22s -21s linear infinite;
}
@keyframes fall-137 {
    37.009% {
        transform: translate(83.7731vw, 37.009vh) scale(0.3789);
    }
    to {
        transform: translate(78.8088vw, 100vh) scale(0.3789);
    }
}
.snow:nth-child(138) {
    opacity: 0.6568;
    transform: translate(11.6247vw, -10px) scale(0.7959);
    animation: fall-138 24s -21s linear infinite;
}
@keyframes fall-138 {
    50.318% {
        transform: translate(8.3483vw, 50.318vh) scale(0.7959);
    }
    to {
        transform: translate(9.9865vw, 100vh) scale(0.7959);
    }
}
.snow:nth-child(139) {
    opacity: 0.9517;
    transform: translate(79.2598vw, -10px) scale(0.1678);
    animation: fall-139 17s -25s linear infinite;
}
@keyframes fall-139 {
    38.689% {
        transform: translate(84.319vw, 38.689vh) scale(0.1678);
    }
    to {
        transform: translate(81.7894vw, 100vh) scale(0.1678);
    }
}
.snow:nth-child(140) {
    opacity: 0.5953;
    transform: translate(4.025vw, -10px) scale(0.5582);
    animation: fall-140 25s -4s linear infinite;
}
@keyframes fall-140 {
    50.055% {
        transform: translate(12.0206vw, 50.055vh) scale(0.5582);
    }
    to {
        transform: translate(8.0228vw, 100vh) scale(0.5582);
    }
}
.snow:nth-child(141) {
    opacity: 0.4229;
    transform: translate(35.1914vw, -10px) scale(0.8857);
    animation: fall-141 15s -27s linear infinite;
}
@keyframes fall-141 {
    55.671% {
        transform: translate(33.477vw, 55.671vh) scale(0.8857);
    }
    to {
        transform: translate(34.3342vw, 100vh) scale(0.8857);
    }
}
.snow:nth-child(142) {
    opacity: 0.3645;
    transform: translate(71.3418vw, -10px) scale(0.0241);
    animation: fall-142 27s -15s linear infinite;
}
@keyframes fall-142 {
    51.945% {
        transform: translate(67.4936vw, 51.945vh) scale(0.0241);
    }
    to {
        transform: translate(69.4177vw, 100vh) scale(0.0241);
    }
}
.snow:nth-child(143) {
    opacity: 0.8001;
    transform: translate(13.1808vw, -10px) scale(0.4033);
    animation: fall-143 28s -28s linear infinite;
}
@keyframes fall-143 {
    67.546% {
        transform: translate(18.9149vw, 67.546vh) scale(0.4033);
    }
    to {
        transform: translate(16.04785vw, 100vh) scale(0.4033);
    }
}
.snow:nth-child(144) {
    opacity: 0.6673;
    transform: translate(12.2043vw, -10px) scale(0.4113);
    animation: fall-144 11s -10s linear infinite;
}
@keyframes fall-144 {
    49.618% {
        transform: translate(18.1044vw, 49.618vh) scale(0.4113);
    }
    to {
        transform: translate(15.15435vw, 100vh) scale(0.4113);
    }
}
.snow:nth-child(145) {
    opacity: 0.8086;
    transform: translate(4.209vw, -10px) scale(0.365);
    animation: fall-145 23s -23s linear infinite;
}
@keyframes fall-145 {
    57.3% {
        transform: translate(11.2412vw, 57.3vh) scale(0.365);
    }
    to {
        transform: translate(7.7251vw, 100vh) scale(0.365);
    }
}
.snow:nth-child(146) {
    opacity: 0.5972;
    transform: translate(40.8907vw, -10px) scale(0.1772);
    animation: fall-146 18s -6s linear infinite;
}
@keyframes fall-146 {
    51.785% {
        transform: translate(37.8526vw, 51.785vh) scale(0.1772);
    }
    to {
        transform: translate(39.37165vw, 100vh) scale(0.1772);
    }
}
.snow:nth-child(147) {
    opacity: 0.7477;
    transform: translate(81.0469vw, -10px) scale(0.867);
    animation: fall-147 30s -24s linear infinite;
}
@keyframes fall-147 {
    61.938% {
        transform: translate(71.9648vw, 61.938vh) scale(0.867);
    }
    to {
        transform: translate(76.50585vw, 100vh) scale(0.867);
    }
}
.snow:nth-child(148) {
    opacity: 0.4401;
    transform: translate(53.5803vw, -10px) scale(0.8111);
    animation: fall-148 18s -25s linear infinite;
}
@keyframes fall-148 {
    50.183% {
        transform: translate(44.8569vw, 50.183vh) scale(0.8111);
    }
    to {
        transform: translate(49.2186vw, 100vh) scale(0.8111);
    }
}
.snow:nth-child(149) {
    opacity: 0.2136;
    transform: translate(46.6181vw, -10px) scale(0.8908);
    animation: fall-149 28s -8s linear infinite;
}
@keyframes fall-149 {
    63.138% {
        transform: translate(49.8617vw, 63.138vh) scale(0.8908);
    }
    to {
        transform: translate(48.2399vw, 100vh) scale(0.8908);
    }
}
.snow:nth-child(150) {
    opacity: 0.0572;
    transform: translate(31.8044vw, -10px) scale(0.5227);
    animation: fall-150 14s -28s linear infinite;
}
@keyframes fall-150 {
    41.994% {
        transform: translate(31.9711vw, 41.994vh) scale(0.5227);
    }
    to {
        transform: translate(31.88775vw, 100vh) scale(0.5227);
    }
}
.snow:nth-child(151) {
    opacity: 0.556;
    transform: translate(17.2915vw, -10px) scale(0.1789);
    animation: fall-151 19s -26s linear infinite;
}
@keyframes fall-151 {
    38.175% {
        transform: translate(10.0577vw, 38.175vh) scale(0.1789);
    }
    to {
        transform: translate(13.6746vw, 100vh) scale(0.1789);
    }
}
.snow:nth-child(152) {
    opacity: 0.4481;
    transform: translate(96.9349vw, -10px) scale(0.7288);
    animation: fall-152 14s -18s linear infinite;
}
@keyframes fall-152 {
    59.02% {
        transform: translate(94.2456vw, 59.02vh) scale(0.7288);
    }
    to {
        transform: translate(95.59025vw, 100vh) scale(0.7288);
    }
}
.snow:nth-child(153) {
    opacity: 0.559;
    transform: translate(11.327vw, -10px) scale(0.8046);
    animation: fall-153 27s -17s linear infinite;
}
@keyframes fall-153 {
    55.658% {
        transform: translate(12.1497vw, 55.658vh) scale(0.8046);
    }
    to {
        transform: translate(11.73835vw, 100vh) scale(0.8046);
    }
}
.snow:nth-child(154) {
    opacity: 0.4084;
    transform: translate(32.0824vw, -10px) scale(0.8116);
    animation: fall-154 24s -29s linear infinite;
}
@keyframes fall-154 {
    54.559% {
        transform: translate(34.7766vw, 54.559vh) scale(0.8116);
    }
    to {
        transform: translate(33.4295vw, 100vh) scale(0.8116);
    }
}
.snow:nth-child(155) {
    opacity: 0.0748;
    transform: translate(5.8529vw, -10px) scale(0.6778);
    animation: fall-155 27s -16s linear infinite;
}
@keyframes fall-155 {
    56.971% {
        transform: translate(14.0132vw, 56.971vh) scale(0.6778);
    }
    to {
        transform: translate(9.93305vw, 100vh) scale(0.6778);
    }
}
.snow:nth-child(156) {
    opacity: 0.8449;
    transform: translate(77.5428vw, -10px) scale(0.1478);
    animation: fall-156 28s -12s linear infinite;
}
@keyframes fall-156 {
    79.881% {
        transform: translate(80.8211vw, 79.881vh) scale(0.1478);
    }
    to {
        transform: translate(79.18195vw, 100vh) scale(0.1478);
    }
}
.snow:nth-child(157) {
    opacity: 0.0942;
    transform: translate(76.2935vw, -10px) scale(0.4557);
    animation: fall-157 11s -15s linear infinite;
}
@keyframes fall-157 {
    68.19% {
        transform: translate(79.1585vw, 68.19vh) scale(0.4557);
    }
    to {
        transform: translate(77.726vw, 100vh) scale(0.4557);
    }
}
.snow:nth-child(158) {
    opacity: 0.1236;
    transform: translate(80.9635vw, -10px) scale(0.1216);
    animation: fall-158 29s -18s linear infinite;
}
@keyframes fall-158 {
    73.98% {
        transform: translate(85.7767vw, 73.98vh) scale(0.1216);
    }
    to {
        transform: translate(83.3701vw, 100vh) scale(0.1216);
    }
}
.snow:nth-child(159) {
    opacity: 0.9384;
    transform: translate(36.9116vw, -10px) scale(0.4464);
    animation: fall-159 25s -18s linear infinite;
}
@keyframes fall-159 {
    72.384% {
        transform: translate(46.4794vw, 72.384vh) scale(0.4464);
    }
    to {
        transform: translate(41.6955vw, 100vh) scale(0.4464);
    }
}
.snow:nth-child(160) {
    opacity: 0.6542;
    transform: translate(7.2689vw, -10px) scale(0.571);
    animation: fall-160 28s -6s linear infinite;
}
@keyframes fall-160 {
    37.01% {
        transform: translate(11.395vw, 37.01vh) scale(0.571);
    }
    to {
        transform: translate(9.33195vw, 100vh) scale(0.571);
    }
}
.snow:nth-child(161) {
    opacity: 0.3127;
    transform: translate(10.4508vw, -10px) scale(0.0351);
    animation: fall-161 25s -26s linear infinite;
}
@keyframes fall-161 {
    39.212% {
        transform: translate(10.9555vw, 39.212vh) scale(0.0351);
    }
    to {
        transform: translate(10.70315vw, 100vh) scale(0.0351);
    }
}
.snow:nth-child(162) {
    opacity: 0.7718;
    transform: translate(44.801vw, -10px) scale(0.6487);
    animation: fall-162 27s -24s linear infinite;
}
@keyframes fall-162 {
    49.346% {
        transform: translate(48.6174vw, 49.346vh) scale(0.6487);
    }
    to {
        transform: translate(46.7092vw, 100vh) scale(0.6487);
    }
}
.snow:nth-child(163) {
    opacity: 0.3317;
    transform: translate(49.7137vw, -10px) scale(0.5818);
    animation: fall-163 12s -7s linear infinite;
}
@keyframes fall-163 {
    61.48% {
        transform: translate(56.2071vw, 61.48vh) scale(0.5818);
    }
    to {
        transform: translate(52.9604vw, 100vh) scale(0.5818);
    }
}
.snow:nth-child(164) {
    opacity: 0.3208;
    transform: translate(54.8683vw, -10px) scale(0.0316);
    animation: fall-164 19s -29s linear infinite;
}
@keyframes fall-164 {
    52.99% {
        transform: translate(58.9259vw, 52.99vh) scale(0.0316);
    }
    to {
        transform: translate(56.8971vw, 100vh) scale(0.0316);
    }
}
.snow:nth-child(165) {
    opacity: 0.6129;
    transform: translate(34.6073vw, -10px) scale(0.8819);
    animation: fall-165 26s -26s linear infinite;
}
@keyframes fall-165 {
    41.847% {
        transform: translate(31.3982vw, 41.847vh) scale(0.8819);
    }
    to {
        transform: translate(33.00275vw, 100vh) scale(0.8819);
    }
}
.snow:nth-child(166) {
    opacity: 0.4251;
    transform: translate(52.1144vw, -10px) scale(0.3913);
    animation: fall-166 26s -16s linear infinite;
}
@keyframes fall-166 {
    72.754% {
        transform: translate(55.7707vw, 72.754vh) scale(0.3913);
    }
    to {
        transform: translate(53.94255vw, 100vh) scale(0.3913);
    }
}
.snow:nth-child(167) {
    opacity: 0.312;
    transform: translate(84.8289vw, -10px) scale(0.4832);
    animation: fall-167 20s -27s linear infinite;
}
@keyframes fall-167 {
    69.011% {
        transform: translate(85.4006vw, 69.011vh) scale(0.4832);
    }
    to {
        transform: translate(85.11475vw, 100vh) scale(0.4832);
    }
}
.snow:nth-child(168) {
    opacity: 0.9808;
    transform: translate(66.9025vw, -10px) scale(0.2377);
    animation: fall-168 29s -14s linear infinite;
}
@keyframes fall-168 {
    47.588% {
        transform: translate(60.2291vw, 47.588vh) scale(0.2377);
    }
    to {
        transform: translate(63.5658vw, 100vh) scale(0.2377);
    }
}
.snow:nth-child(169) {
    opacity: 0.1183;
    transform: translate(38.5866vw, -10px) scale(0.5327);
    animation: fall-169 14s -3s linear infinite;
}
@keyframes fall-169 {
    56.443% {
        transform: translate(40.5643vw, 56.443vh) scale(0.5327);
    }
    to {
        transform: translate(39.57545vw, 100vh) scale(0.5327);
    }
}
.snow:nth-child(170) {
    opacity: 0.4559;
    transform: translate(22.1104vw, -10px) scale(0.4038);
    animation: fall-170 16s -12s linear infinite;
}
@keyframes fall-170 {
    74.837% {
        transform: translate(23.9818vw, 74.837vh) scale(0.4038);
    }
    to {
        transform: translate(23.0461vw, 100vh) scale(0.4038);
    }
}
.snow:nth-child(171) {
    opacity: 0.5922;
    transform: translate(75.9408vw, -10px) scale(0.4274);
    animation: fall-171 20s -20s linear infinite;
}
@keyframes fall-171 {
    48.402% {
        transform: translate(85.471vw, 48.402vh) scale(0.4274);
    }
    to {
        transform: translate(80.7059vw, 100vh) scale(0.4274);
    }
}
.snow:nth-child(172) {
    opacity: 0.3017;
    transform: translate(50.5752vw, -10px) scale(0.1501);
    animation: fall-172 20s -30s linear infinite;
}
@keyframes fall-172 {
    49.103% {
        transform: translate(47.8283vw, 49.103vh) scale(0.1501);
    }
    to {
        transform: translate(49.20175vw, 100vh) scale(0.1501);
    }
}
.snow:nth-child(173) {
    opacity: 0.6719;
    transform: translate(67.2379vw, -10px) scale(0.4354);
    animation: fall-173 12s -1s linear infinite;
}
@keyframes fall-173 {
    65.002% {
        transform: translate(75.961vw, 65.002vh) scale(0.4354);
    }
    to {
        transform: translate(71.59945vw, 100vh) scale(0.4354);
    }
}
.snow:nth-child(174) {
    opacity: 0.8339;
    transform: translate(74.5624vw, -10px) scale(0.9242);
    animation: fall-174 23s -25s linear infinite;
}
@keyframes fall-174 {
    69.913% {
        transform: translate(73.4842vw, 69.913vh) scale(0.9242);
    }
    to {
        transform: translate(74.0233vw, 100vh) scale(0.9242);
    }
}
.snow:nth-child(175) {
    opacity: 0.9252;
    transform: translate(48.2294vw, -10px) scale(0.8914);
    animation: fall-175 14s -13s linear infinite;
}
@keyframes fall-175 {
    74.423% {
        transform: translate(42.8595vw, 74.423vh) scale(0.8914);
    }
    to {
        transform: translate(45.54445vw, 100vh) scale(0.8914);
    }
}
.snow:nth-child(176) {
    opacity: 0.2784;
    transform: translate(75.7328vw, -10px) scale(0.499);
    animation: fall-176 26s -18s linear infinite;
}
@keyframes fall-176 {
    42.686% {
        transform: translate(66.1188vw, 42.686vh) scale(0.499);
    }
    to {
        transform: translate(70.9258vw, 100vh) scale(0.499);
    }
}
.snow:nth-child(177) {
    opacity: 0.727;
    transform: translate(68.9146vw, -10px) scale(0.5401);
    animation: fall-177 29s -21s linear infinite;
}
@keyframes fall-177 {
    65.713% {
        transform: translate(70.9798vw, 65.713vh) scale(0.5401);
    }
    to {
        transform: translate(69.9472vw, 100vh) scale(0.5401);
    }
}
.snow:nth-child(178) {
    opacity: 0.608;
    transform: translate(86.5458vw, -10px) scale(0.1346);
    animation: fall-178 10s -13s linear infinite;
}
@keyframes fall-178 {
    37.956% {
        transform: translate(92.3628vw, 37.956vh) scale(0.1346);
    }
    to {
        transform: translate(89.4543vw, 100vh) scale(0.1346);
    }
}
.snow:nth-child(179) {
    opacity: 0.8472;
    transform: translate(8.9788vw, -10px) scale(0.9479);
    animation: fall-179 17s -30s linear infinite;
}
@keyframes fall-179 {
    40.753% {
        transform: translate(4.2501vw, 40.753vh) scale(0.9479);
    }
    to {
        transform: translate(6.61445vw, 100vh) scale(0.9479);
    }
}
.snow:nth-child(180) {
    opacity: 0.2034;
    transform: translate(8.8077vw, -10px) scale(0.3747);
    animation: fall-180 19s -17s linear infinite;
}
@keyframes fall-180 {
    57.685% {
        transform: translate(18.5461vw, 57.685vh) scale(0.3747);
    }
    to {
        transform: translate(13.6769vw, 100vh) scale(0.3747);
    }
}
.snow:nth-child(181) {
    opacity: 0.666;
    transform: translate(2.7999vw, -10px) scale(0.059);
    animation: fall-181 22s -27s linear infinite;
}
@keyframes fall-181 {
    78.675% {
        transform: translate(8.8626vw, 78.675vh) scale(0.059);
    }
    to {
        transform: translate(5.83125vw, 100vh) scale(0.059);
    }
}
.snow:nth-child(182) {
    opacity: 0.2749;
    transform: translate(51.2113vw, -10px) scale(0.7864);
    animation: fall-182 30s -18s linear infinite;
}
@keyframes fall-182 {
    61.829% {
        transform: translate(44.054vw, 61.829vh) scale(0.7864);
    }
    to {
        transform: translate(47.63265vw, 100vh) scale(0.7864);
    }
}
.snow:nth-child(183) {
    opacity: 0.7249;
    transform: translate(31.9439vw, -10px) scale(0.1134);
    animation: fall-183 22s -15s linear infinite;
}
@keyframes fall-183 {
    38.168% {
        transform: translate(30.0525vw, 38.168vh) scale(0.1134);
    }
    to {
        transform: translate(30.9982vw, 100vh) scale(0.1134);
    }
}
.snow:nth-child(184) {
    opacity: 0.4367;
    transform: translate(81.2318vw, -10px) scale(0.0397);
    animation: fall-184 18s -14s linear infinite;
}
@keyframes fall-184 {
    69.185% {
        transform: translate(79.8678vw, 69.185vh) scale(0.0397);
    }
    to {
        transform: translate(80.5498vw, 100vh) scale(0.0397);
    }
}
.snow:nth-child(185) {
    opacity: 0.5318;
    transform: translate(24.0701vw, -10px) scale(0.6853);
    animation: fall-185 19s -6s linear infinite;
}
@keyframes fall-185 {
    73.33% {
        transform: translate(31.2993vw, 73.33vh) scale(0.6853);
    }
    to {
        transform: translate(27.6847vw, 100vh) scale(0.6853);
    }
}
.snow:nth-child(186) {
    opacity: 0.1937;
    transform: translate(65.3895vw, -10px) scale(0.6127);
    animation: fall-186 11s -5s linear infinite;
}
@keyframes fall-186 {
    70.84% {
        transform: translate(67.0103vw, 70.84vh) scale(0.6127);
    }
    to {
        transform: translate(66.1999vw, 100vh) scale(0.6127);
    }
}
.snow:nth-child(187) {
    opacity: 0.99;
    transform: translate(73.0789vw, -10px) scale(0.4668);
    animation: fall-187 17s -8s linear infinite;
}
@keyframes fall-187 {
    43.993% {
        transform: translate(80.6916vw, 43.993vh) scale(0.4668);
    }
    to {
        transform: translate(76.88525vw, 100vh) scale(0.4668);
    }
}
.snow:nth-child(188) {
    opacity: 0.2898;
    transform: translate(72.6498vw, -10px) scale(0.1414);
    animation: fall-188 20s -19s linear infinite;
}
@keyframes fall-188 {
    48.327% {
        transform: translate(75.707vw, 48.327vh) scale(0.1414);
    }
    to {
        transform: translate(74.1784vw, 100vh) scale(0.1414);
    }
}
.snow:nth-child(189) {
    opacity: 0.9142;
    transform: translate(24.4446vw, -10px) scale(0.8579);
    animation: fall-189 26s -9s linear infinite;
}
@keyframes fall-189 {
    78.576% {
        transform: translate(29.4986vw, 78.576vh) scale(0.8579);
    }
    to {
        transform: translate(26.9716vw, 100vh) scale(0.8579);
    }
}
.snow:nth-child(190) {
    opacity: 0.5739;
    transform: translate(43.6976vw, -10px) scale(0.8205);
    animation: fall-190 19s -7s linear infinite;
}
@keyframes fall-190 {
    32.545% {
        transform: translate(53.5353vw, 32.545vh) scale(0.8205);
    }
    to {
        transform: translate(48.61645vw, 100vh) scale(0.8205);
    }
}
.snow:nth-child(191) {
    opacity: 0.1724;
    transform: translate(66.6418vw, -10px) scale(0.1126);
    animation: fall-191 10s -4s linear infinite;
}
@keyframes fall-191 {
    55.446% {
        transform: translate(65.5252vw, 55.446vh) scale(0.1126);
    }
    to {
        transform: translate(66.0835vw, 100vh) scale(0.1126);
    }
}
.snow:nth-child(192) {
    opacity: 0.7324;
    transform: translate(77.0012vw, -10px) scale(0.8371);
    animation: fall-192 21s -7s linear infinite;
}
@keyframes fall-192 {
    58.527% {
        transform: translate(70.3558vw, 58.527vh) scale(0.8371);
    }
    to {
        transform: translate(73.6785vw, 100vh) scale(0.8371);
    }
}
.snow:nth-child(193) {
    opacity: 0.6891;
    transform: translate(28.7686vw, -10px) scale(0.5761);
    animation: fall-193 16s -18s linear infinite;
}
@keyframes fall-193 {
    42.583% {
        transform: translate(37.0209vw, 42.583vh) scale(0.5761);
    }
    to {
        transform: translate(32.89475vw, 100vh) scale(0.5761);
    }
}
.snow:nth-child(194) {
    opacity: 0.6581;
    transform: translate(5.6655vw, -10px) scale(0.2404);
    animation: fall-194 23s -29s linear infinite;
}
@keyframes fall-194 {
    37.631% {
        transform: translate(0.3937vw, 37.631vh) scale(0.2404);
    }
    to {
        transform: translate(3.0296vw, 100vh) scale(0.2404);
    }
}
.snow:nth-child(195) {
    opacity: 0.2625;
    transform: translate(22.848vw, -10px) scale(0.808);
    animation: fall-195 17s -7s linear infinite;
}
@keyframes fall-195 {
    68.884% {
        transform: translate(26.8968vw, 68.884vh) scale(0.808);
    }
    to {
        transform: translate(24.8724vw, 100vh) scale(0.808);
    }
}
.snow:nth-child(196) {
    opacity: 0.999;
    transform: translate(90.2547vw, -10px) scale(0.8855);
    animation: fall-196 25s -8s linear infinite;
}
@keyframes fall-196 {
    49.467% {
        transform: translate(93.012vw, 49.467vh) scale(0.8855);
    }
    to {
        transform: translate(91.63335vw, 100vh) scale(0.8855);
    }
}
.snow:nth-child(197) {
    opacity: 0.4946;
    transform: translate(69.2387vw, -10px) scale(0.4439);
    animation: fall-197 13s -8s linear infinite;
}
@keyframes fall-197 {
    50.846% {
        transform: translate(63.7962vw, 50.846vh) scale(0.4439);
    }
    to {
        transform: translate(66.51745vw, 100vh) scale(0.4439);
    }
}
.snow:nth-child(198) {
    opacity: 0.7043;
    transform: translate(45.9044vw, -10px) scale(0.9758);
    animation: fall-198 13s -18s linear infinite;
}
@keyframes fall-198 {
    47.419% {
        transform: translate(41.0251vw, 47.419vh) scale(0.9758);
    }
    to {
        transform: translate(43.46475vw, 100vh) scale(0.9758);
    }
}
.snow:nth-child(199) {
    opacity: 0.752;
    transform: translate(92.5384vw, -10px) scale(0.3713);
    animation: fall-199 27s -4s linear infinite;
}
@keyframes fall-199 {
    62.216% {
        transform: translate(102.0778vw, 62.216vh) scale(0.3713);
    }
    to {
        transform: translate(97.3081vw, 100vh) scale(0.3713);
    }
}
.snow:nth-child(200) {
    opacity: 0.0569;
    transform: translate(72.8449vw, -10px) scale(0.9554);
    animation: fall-200 20s -24s linear infinite;
}
@keyframes fall-200 {
    37.532% {
        transform: translate(70.7131vw, 37.532vh) scale(0.9554);
    }
    to {
        transform: translate(71.779vw, 100vh) scale(0.9554);
    }
}

.snow_top {
    position: absolute;
    top:0;
    z-index: 4;
}

@media (max-width: 767px) {
    .phones * {
        display: inline-block !important
    }
    .ng_banki {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 15px;
    }
    .konkurs_gifts_wrap {
        display: flex;
        margin-top: 40px;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 15px;
    }
    .akcia_places_wrap {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        padding: 0 15px;
    }
    .akcia_place {
        width:100%;
    }
    .akcia_place_map iframe {
        width:100%;
    }
    .receipt_upload_section .form-and-receipt {
        display: block;
        justify-content: space-between;
        align-items: flex-start;
    }
    .sidebar_nav a {
        font-size:22px;

    }
    .sidebar_contacts_info span {

        font-size: 18px;

    }

    .emails a {
        font-size:18px;
    }


    .konkurs_page .title {
        font-size:18px;
    }
    .ays_poll_list_view_container {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
        grid-gap: 10px !important;
    }
    #ays-poll-container-2 {

        margin: 0 auto !important;
    }
    .vk_video_wrap {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 40px;
        margin: 0 50px;
    }
    .sidebar_nav_item {
        margin-top: 0;
    }
    .sidebar_mobile_menu {
        display: block;
        margin-top: 60px;
    }
    .container {
        width:100%;
    }
    .catalog_filter {
        overflow: scroll;
    }
    .catalog_page_section_items_wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .catalog_page_section_item.circle {
        margin:0 auto;
    }
    .sales_section_item {
        width:100%;
        height:260px;
    }
    .catalog_filter_item {
        margin-right: 20px;
    }
    .catalog_filter {
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .snow_top {
        left: -20px;

    }
    .receipt_upload_section {
        padding:0 15px;
    }
    .receipt_upload_section .title {
        padding-left: 0;
    }
    .auth_form_content {
        width:90%;
    }
    .header_lk {

    }
    .cover_banner {
        background-size: cover !important;
    }
    .header_nav {
        display: none;
    }
    .title {
        padding-left: 15px;
        line-height: 80px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .sales {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    html {
        margin-top: 0 !important;
    }
    header {
        background: #5d418b;
        padding:0 15px;
        box-sizing: border-box;
        height:100px;
    }
    .header_wave {
        display: none;
    }
    header .logo {
        margin-left: 0;
        height: 67px;

    }
    header .logo img {
        height:100%;
    }
    .footer_wave {
        display: none;
    }
    footer {
        height: auto;
        padding: 15px;
        box-sizing: border-box;
        padding-top: 30px;
    }
    footer .container {
        flex-direction: column;
    }
    .sales {
        overflow: hidden;
    }
    .footer_nav {
        margin: 30px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer_nav a {
        margin-right: 0;
        margin:0 10px;
        margin-bottom: 10px;
    }
    .catalog {
        overflow: hidden;
    }
    .main_slide {
        overflow: hidden;
    }
    .main_slider {
        height: 300px;
        overflow: hidden;
        max-height: 900px;
    }
    .slide_product {
        height:200px !important;
    }
    .scroll {
        display: none !important;
    }
    .main_slide_background {
        background-size: cover;
    }
    .title {
        font-size:48px;
    }
    .catalog_page_section_item_wrap {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 280px;
        margin: 0 auto;
    }
    .product_description_section {
        padding-top: 0 !important;
    }
    .product_description_section .container {
        padding:0 15px;
        box-sizing: border-box;
    }
    .product_title {
        font-size:32px;
        margin-bottom: 20px;
    }
    .product_description_section .container {
        flex-direction: column;
    }
    .product_info {
        max-width: 100%;
    }
    .product_right_variants {
        display: block;
        padding-left: 0;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .big_product {
        width: 100%;
        height: 256px;
        background-size: cover;
        background-position: center center;
    }
    .about_image {
        height: 250px;
        width: 100%;
    }
    .main_slider_wave2 {
        display: none;
    }
    .about_stars {
        position: absolute;
        left: unset;
        top: 50px;
        width: 100%;
        right: 0;
    }
    .about_image_content {
        width:150px;
        height:150px;
    }
    .about_image_content a {
        display: block;
        font-size: 14px;
        color: #fff;
        margin-bottom: 5px;
        text-decoration: none;
    }
    .mission p {
        padding:0 15px;
        box-sizing: border-box;
    }
    .mission .title {
        line-height: 54px;
    }
    .news_list_wrap {
        padding:0 15px;
        box-sizing: border-box;
    }
    .news_list_image {
        width:100%;
    }
    .news_list_item {
        width:100%;
    }
    .news_list_slide {
        display: block;
    }
    .mobdop2 {
        position: relative !important;
        margin-bottom: 50px !important;
        color: #fff !important;
        margin-top: 20px !important;
        margin-left: 15px !important;
        padding-right: 15px !important;
    }
    .cat_exit {
        margin-left:10px;
    }
    .catalog {
        padding-top: 50px !important;
    }
    .category .catalog .catalog_page_section_item {
        max-width:100%;
    }
    .title {
        font-size: 48px;
        line-height: unset;
    }
    .news_wrap {
        width:100%;
        box-sizing: border-box;
    }
    .news_container {
        box-sizing: border-box;
    }
    .wp-block-quote {
        margin:0;
    }
    .news_list_image {
        height:200px;
    }
    .contact_form_line {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 40px;
    }
    .map_container {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .contacts_info {
        position: relative;
        top:0;
        left:0;
        width:100%;
    }
    .contact_form {
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    .contact_form_line input {
        width:100%;
    }
    .contact_form_submit button {
        width:100%;
    }
}