/* ГИРЛЯНДА */

.averin_garland {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 32px;
    z-index: 500;
    display: block;
    background: url("/images/newyear-2025/garland.png") repeat-x top center;
    height: 30px;
    background-size: contain;
    z-index: 990;
}

.header.header_fixed {
    padding-top: 35px;
}

header {
    padding-top: 25px;
}

/* СНЕГ */

body {
    /* background: #000000; */
    /* color: #ffffff; */
}

form {
    position: relative;
}
/* 
.map-body,
.stories,
.mainnews-carousel-wrap,
.discount-carousel-wrap,
.slick-slider .slick-track,
.footer-col,
.story-active  {
    position: relative;
    z-index: 9;
}



button,
.button,
a,
input,
.burger span,
.burger li,
.form-input,
form,
.phoneForm *,
.lk-link,
.bolder,
.map-buttons
.map-buttons__btn, 
.map-buttons__btn_list ,
.map-category-item__icon,
.layer_bottom,
.map-category-col,
.map-content-col,
.map-item,
.story-mini,
.story-mini-inner,
.mainnews-item,
.mainnews-carousel-slide,
.discount-carousel-slide,
.status-card-body,
.status-card,
.slick-slide,
#map,
.story-active {
    z-index: 9;
}

.stories {
    z-index: 999;
} */

.averin_newyear {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    display: none;
}

#snow {
    width: 100%;
    height: 100%;
    background-image: url("/images/newyear-2025/snow1.png"),
        url("/images/newyear-2025/snow2.png"),
        url("/images/newyear-2025/snow3.png");
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
    filter: invert(33%);
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
    }
}

/* САНТА-КЛАУС */

.santa {
    position: fixed;
    bottom: 80px;
    left: 10px;
    width: 100px;
    height: 100px;
    display: block;
    background: url("/images/newyear-2025/santa.gif") no-repeat center center;
    background-size: auto;
    background-size: contain;
    z-index: 21;
}

/* ШАПКА */

/* .logo ::after {
    content: url("/img/newyear-2025/hat-logo.png"); 
    position: absolute;
    top: -15px;
    left: -15px;
    width: 40px;
    display: inline-block;
    background-size: 10px 20px;
} */

@media only screen and (max-width: 479px) {
  .header {
    padding: 15px 0;
    padding-top: 30px !important;
  }
}

.hat-logo {
    background: url("/images/newyear-2025/hat-logo.png") no-repeat center center;
    position: absolute;
    top: -23px;
    left: -11px;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 40px 30px;
    z-index: 9;
}

@media (max-width: 767px) {
    .hat-logo {
        top: -23px;
        left: -21px;
        position: absolute;
    }
}


@media (max-width: 479px) {
    .hat-logo {
        top: -23px;
        left: 23px;
        position: absolute;
    }
}

@media (max-width: 455px) {
    .hat-logo {
        top: -23px;
        left: 16px;
        position: absolute;
    }
}

@media (max-width: 438px) {
    .hat-logo {
        top: -23px;
        left: 4px;
        position: absolute;
    }
}

@media (max-width: 430px) {
    .hat-logo {
        top: -23px;
        left: -4px;
        position: absolute;
    }
}

@media (max-width: 420px) {
    .hat-logo {
        top: -23px;
        left: -10px;
        position: absolute;
    }
}

@media (max-width: 410px) {
    .hat-logo {
        top: -23px;
        left: -12px;
        position: absolute;
    }
}

@media (max-width: 402px) {
    .hat-logo {
        top: -23px;
        left: -16px;
        position: absolute;
    }
}

/* .header-logo {
  width: 165px;
  height: 50px;
  background: url('/images/newyear-2025/ny-logo.png?3') center center;
    background-repeat: repeat;
    background-size: auto;
  background-size: contain;
  background-repeat: no-repeat;
} */