/* banner */
.topbar_ny {
    background: linear-gradient(270deg, #11258C 0%, #15499A 49.48%, #12268C 100%);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding: 9px 0;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    overflow: hidden;
}
.topbar_ny::before {
    content: "";
    background: url(../../img/new-year/ny_top_left.png) no-repeat 100% 0;
    position: absolute;
    bottom: 0;
    top: 0;
    right: calc(50% + 350px);
    width: 378px;
}
.topbar_ny::after {
    content: "";
    background: url(../../img/new-year/ny_top_right.png) no-repeat 100% 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: calc(50% + 350px);
    width: 378px;
}
.topbar_ny .ny-text {
    position: relative;
    z-index: 1;
}
.topbar_ny .ny-time {
    display: flex;
    justify-content: space-between;
    margin: 0 16px;
    width: 137px;
    position: relative;
    z-index: 1;
}
.topbar_ny .ny-time div {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    background: rgba(23, 133, 229, 0.35);
    padding: 6px;
    position: relative;
}
.topbar_ny .ny-time div + div:before {
    content: ":";
    position: absolute;
    left: -9px;
    top: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
}
.topbar_ny .button-ny {
    background: #fff;
    color: #1559B3;
    font-weight: 700;
    font-size: 12px;
    line-height: 27px;
    text-align: center;
    width: 79px;
    height: 27px;
    border-radius: 13.5px;
    position: relative;
    z-index: 1;
}
@media(max-width: 768px) {
    .topbar_ny {flex-wrap: wrap;}
    .topbar_ny .ny-text {flex: 0 0 100%; text-align: center; margin-bottom: 6px;}
    .topbar_ny::before {right: auto; left: 0; width: 45px; background: url(../../img/new-year/banner_left.png) no-repeat 100% 100%;}
    .topbar_ny::after {right: 0; left: auto; width: 45px; background: url(../../img/new-year/banner_right.png) no-repeat 0 100%;}
}
/* page */
.ny_main_banner {
    background-color: #11258C;
    color: #fff;
    position: relative;
}
.ny_main_banner::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../../img/new-year/left.png) no-repeat 0 100%,
    url(../../img/new-year/right.png) no-repeat 100% 0,
    url(../../img/new-year/circle_left.png) no-repeat left 200px top,
    url(../../img/new-year/circle_right.png) no-repeat right 96px bottom;

}
.ny_main_banner .container {
    max-width: 1000px;
    min-height: 337px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: url(../../img/new-year/item.png) no-repeat right 20px center,
    url(../../img/new-year/middle.png) no-repeat right 200px top;
}
.ny_main_banner .title {
    font-weight: 700;
    font-size: 30px;
    line-height: 140%;
    margin-bottom: 16px;
    max-width: 410px;
}
.ny_main_banner .ny-time {
    display: flex;
}
.ny_main_banner .ny-time div {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    background: rgba(23, 133, 229, 0.35);
    padding: 8px 12px;
    position: relative;
    margin-right: 14px;
}
.ny_main_banner .ny-time div + div:before {
    content: ":";
    position: absolute;
    left: -9px;
    top: 8px;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}
.ny_main_banner .description {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 15px;
    bottom: 20px;
}
.ny_content {
    background: #D3EDFD;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    padding: 60px 0 80px;
}
.ny_content .container {
    max-width: 1000px;
}
.ny_content_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.ny_content_top .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    flex: 0 0 48%;
    padding-right: 30px;
}
.ny_content_top .text {
    flex: 0 0 48%;
}
.text-mobile {
    display: none;
}
.ny__promocode {
    margin-top: 20px;
}
.ny_promocode_copy {
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M16.6667 8H9.16667C8.24619 8 7.5 8.74619 7.5 9.66667V17.1667C7.5 18.0871 8.24619 18.8333 9.16667 18.8333H16.6667C17.5871 18.8333 18.3333 18.0871 18.3333 17.1667V9.66667C18.3333 8.74619 17.5871 8 16.6667 8Z' stroke='%2381859C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16602 13H3.33268C2.89065 13 2.46673 12.8244 2.15417 12.5119C1.84161 12.1993 1.66602 11.7754 1.66602 11.3334V3.83335C1.66602 3.39133 1.84161 2.9674 2.15417 2.65484C2.46673 2.34228 2.89065 2.16669 3.33268 2.16669H10.8327C11.2747 2.16669 11.6986 2.34228 12.0112 2.65484C12.3238 2.9674 12.4993 3.39133 12.4993 3.83335V4.66669' stroke='%2381859C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    cursor: pointer;
    position: relative;
}
.ny_promocode_copy span {
    position: absolute;
    top: -43px;
    left: 0;
    padding: 3px 10px;
    background: #11258C;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    display: none;
}
.ny__promocode .block {display: none;}
.ny__promocode .text {height: 52px; display: flex; background: #fff; border-radius: 26px; align-items: center; justify-content: center; margin-bottom: 12px; text-transform: uppercase;}
body a.yellow-btn.ny__button {width: 100%; padding: 15px 32px; height: 52px; text-transform: none;}
.slick-initialized .slick-slide.ny_product__item {background: #fff; display: flex; margin: 0 10px; padding: 20px; border-radius: 4px; color: #81859C; font-size: 14px; line-height: 150%;}

.ny_products .slick-dots {margin-top: 20px;}
.ny_products .slick-arrow {
    font-size: 0;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    position: absolute;
    top: 50%;
    right: -62px;
    margin-top: -21px;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0.25) no-repeat 50% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M-7.15256e-07 8H14M14 8L7 1M14 8L7 15' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
.ny_products .slick-arrow.slick-disabled {background-color: rgba(0, 0, 0, 0.1); cursor: default;}
.ny_products .slick-prev {
    right: auto;
    left: -62px;
    transform: rotate(180deg);
}
footer.ny_footer {
    background-color: #11258C;
    /*color: #fff;*/
    padding: 40px 0;
    font-weight: 450;
    font-size: 16px;
    line-height: 150%;
    color: #B2B6CF;
    margin: 0;
}
footer.ny_footer:before {display: none;}
.ny_footer .footer_top .container {
    display: flex;
    justify-content: space-between;
}
.ny_footer .footer-logo {margin-right: auto;}
.ny_footer .footer_contact {margin-left: 60px; color: #B2B6CF; font-weight: 700;}
.ny_footer .footer_contact a {display: block; font-weight: 700; font-size: 24px;line-height: 150%;text-decoration-line: underline;color: #F9BA16;}
.ny_footer .footer_contact a:hover {color: #fff;} 
.ny_footer .copyright {text-align: center; padding: 40px 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.15);}

@media screen and (max-width: 768px){
    .ny_main_banner .container {
        background: url(../../img/new-year/item.png) no-repeat bottom 70px center;
        background-size: 330px;
        padding: 60px 15px 265px;
    }
    .ny_main_banner .title {
        text-align: center;
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
    }
    .ny_main_banner::before {
        background: url(../../img/new-year/circle_left.png) no-repeat right -30px top,
        url(../../img/new-year/mob_decor_right.png) no-repeat right bottom,
        url(../../img/new-year/circle_right.png) no-repeat left -190px bottom -30px;
    }
    .ny_main_banner .ny-time, .ny_main_banner .title {max-width: 330px; margin-left: auto; margin-right: auto;}
    .ny_main_banner .description {max-width: 183px;}
    .ny_content_top {flex-direction: column;}
    .ny_content_top .title {margin-bottom: 10px;}
    .text-desktop {display: none;}
    .text-mobile {display: block;}
    .slick-initialized .slick-slide.ny_product__item {position: relative;}

    .footer_top .container {flex-direction: column; font-size: 13px; line-height: 150%;}
    .footer-logo {margin-bottom: 30px;}
    .footer_contact {margin: 0 0 35px;}
    .footer_contact a {font-size: 20px;}
}
@media screen and (max-width: 550px){
    .ny_products {margin: 0;}
}

.slick-slide{
    outline: none;
}
.slick-dots{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
}
.slick-dots button{
    height: 8px;
    width: 8px;
    margin: 0 6px;
    background-color: rgba(129, 133, 156, 0.45);
    font-size: 0;
    line-height: 0;
    border-radius: 100%;
    cursor: pointer;
    padding: 0;
    border: none;
}
.slick-dots .slick-active button{
    background-color: rgba(129, 133, 156, 1);
}
.slider-prev,
.slider-next{
    position: absolute;
    margin-top: -12px;
    cursor: pointer;
    z-index: 99;
}
.slider-prev{
    left: -64px;
}
.slider-next{
    right: -64px;
}
.slider-prev svg,
.slider-next svg{
    fill: #00ADEE;
}
.slick-disabled svg{
    fill: #81859C;
}