abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    font-family: 'Roboto', sans-serif !important;
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
.logo img {
    width: 205px;
}
nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    text-decoration: none;
}

ins,
mark {
    background-color: #ff9;
    color: #000;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slaider__conteiner-one,
.day__slaider,
.special__slaider,
.slaid__one,
.slaid__two {
    opacity: 0;
    visibility: hidden;
}

.slaider__conteiner-one.slick-initialized,
.day__slaider.slick-initialized,
.special__slaider.slick-initialized,
.slaid__one.slick-initialized,
.slaid__two.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
    opacity: 0;
    transition: 1.5s all ease;
}

.slick-vertical .slick-slide.slick-active {
    opacity: 1;
}

.slick-arrow.slick-hidden {
    display: none;
}

* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

body {
    font-weight: 400;
}

.container {
    margin: 0 auto;
    padding: 0 15px;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.header__wrapp {
    padding: 26px 0 67px;
}

.header__wrapp,
.nav__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__list {
    width: 940px;
    align-items: center;
    padding: 0px 20px;
}

.nav__list-link {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    position: relative;
}

.nav__list-link:hover {
    background-color: #000;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 0px #00000000;
}

.nav__list-link::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    height: 1px;
    transition: .4s all;
}

.nav__list-link:hover::after {
    width: 100%;
}

.nav__list-link:hover span {
    background-image: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    background-position: 0 1.1em;
    background-repeat: repeat-x;
    text-shadow: 0px 0px #00000000;
}

.btn {
    font-size: 14px;
    line-height: 19px;
    color: #fff !important;
    background: linear-gradient(92.9deg, #784cf7 9.375%, #b243c3 26.825%, #ff9e03 50%, #ff9e03 59.375%, #b243c3 76.825%, #784cf7 100%);
    background-size: 200% 100%;
    moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 5px;
    border: none;
    display: flex;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
#map {
    width: 100%; height: 600px; padding: 0; margin: 0;
}
.btn:active {
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.5);
}

.header-btn {
    padding: 12px 25px;
}

.header-btn:before {
    content: url(../../static/img/header__btn.svg);
    position: relative;
    padding-right: 5px;
    height: 20px;
}
.main_menu_burger {
    height: 25px;
    width: 45px;
}
.menu__burger {
    height: 16px;
    position: relative;
    /* top: 4px; */
    right: 0px;
    cursor: pointer;
    display: none;
}

.menu__burger:after,
.menu__burger:before {
    content: "";
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    position: absolute;
    width: 33px;
    height: 2px;
    left: 0;
}

.menu__burger:after {
    width: 18px;
}

.menu__burger:before {
    top: 0;
}

.menu__burger-line {
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    position: absolute;
    width: 33px;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.menu__burger:after {
    bottom: 0;
}

.burger__active {
    position: relative;
    z-index: 8;
}

.burger__active:before {
    transform: rotate(45deg);
    top: 6px;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
}

.burger__active .menu__burger-line {
    transform: scale(0);
}

.burger__active:after {
    width: 33px;
    transform: rotate(-45deg);
    bottom: 8px;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
}

.look,
.page {
    overflow: hidden;
}

@media (max-width: 1200px) {
    .nav__list {
        width: 670px;
    }

    .logo {
        width: 160px;
    }

    .logo img {
        width: 100%;
    }

    .header-btn {
        padding: 12px 20px;
    }
}

@media (max-width: 990px) {
    .nav {
        position: absolute;
        top: 0;
        padding: 40px 30px 20px;
        background: #fff;
        height: 100%;
        overflow-y: auto;
        transform: translateY(-200%);
        transition: 0.4s;
        left: 0;
        box-shadow: 0 8px 20px rgb(0 0 0 / 15%);
    }

    .nav__active {
        transform: translateY(0);
        z-index: 4;
    }

    .nav__list {
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
    }

    .nav__list .nav__list-inner {
        margin-bottom: 20px;
    }

    .menu__burger {
        display: block;
    }
}

.main {
    padding-bottom: 60px;
}

.main__wrapp {
    border-radius: 5px;
    background: url(../../static/img/main.jpg);
    background-size: cover;
    height: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.main__wrapp-inner {
    padding-left: 70px;
}

.main__title {
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    padding-bottom: 10px;
}

.main__text {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    padding-bottom: 30px;
}

.main__span {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 5px 10px 0;
    transform: skew(-15deg);
}

.main__span span {
    background-color: #000;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-btn {
    padding: 10px 15px;
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.main-btn span {
    background-color: #000;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .4s all ease;
}

.main-btn:hover span {
    background-color: #fff;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn_bg {
    right: -5%;
    position: absolute;
    background: linear-gradient(267.26deg, #784CF7 18.7%, #B243C3 53.51%, #FBA82B 99.75%) !important;
    width: 0;
    height: 100%;
    z-index: -1 !important;
    transition: 0.4s ease-out all;
    transform: skewX(-10deg);
}

.main-btn:hover .btn_bg {
    width: 110%;
}

.main__content {
    max-width: 600px;
}

.main__content h3 {
    font-size: 18px;
    line-height: 21px;
    color: #272727;
    padding-bottom: 10px;
}

.main__content p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
}

@media (max-width: 992px) {
    .main__wrapp-inner {
        padding-left: 20px;
    }

    .main__wrapp img {
        width: 324px;
        height: 219px;
    }
}

@media (max-width: 770px) {
    .main__wrapp {
        overflow: hidden;
        height: 80px;
    }
}

@media (max-width: 450px) {
    .main__title {
        font-size: 25px;
        line-height: 30px;
    }

    .main__text {
        font-size: 20px;
        line-height: 25px;
    }
}

.block__title {
    padding-bottom: 24px;
}

.block__title h3 {
    font-size: 30px;
    line-height: 35px;
    color: #272727;
    text-align: center;
    text-transform: uppercase;
}

.block__title p {
    padding-top: 14px;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #272727;
}

.offer {
    padding-bottom: 100px;
}

.searh__form {
    padding-bottom: 30px;
}

.searh__form,
.searh__form-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.searh__form-inner {
    width: 880px;
}
.swal2-title{font-size: 1.5em!important;}
.search-input {
    width: 80%;
    height: 55px;
    padding: 20px 20px 20px 40px;
    background: #f7f7f7;
    border-radius: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #272727;
    border: none;
}

.searh-btn {
    border: none;
    padding: 16px;
    height: 55px;
    cursor: pointer;
}

.searh-btn:before {
    content: url(../../static/img/search.svg);
    position: relative;
    padding-right: 5px;
    height: 18px;
}

.offer__btn {
    width: 55px;
    height: 55px;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    margin-left: 10px;
    background: url(../../static/img/filter.svg) no-repeat 50%, #ededed;
    transition: 0.5s;
}

.offer__btn:active {
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.5);
}

@media (max-width: 770px) {
    .search-input {
        width: 75%;
    }

    .searh__form-inner {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .searh-btn {
        font-size: 0;
        padding: 7px;
        height: 40px;
    }

    .search-input {
        height: 40px;
        padding: 20px 10px 20px 11px;
    }

    .offer__btn {
        height: 40px;
        margin: 0;
    }
}

.radio{
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.radio.slick-initialized {
    display: block;
    justify-content: space-between;
    visibility: visible;
    opacity: 1;
}

.radio__box {
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.4s;
}

.radio__box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transition: 0.5s;
}

.radio__box:active {
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.4);
}

.radio-active {
    border: 2px solid #f5d000;
}
.radio .slick-track {
    display: flex;
}

.radio .slick-track .slick-slide {
    height: inherit !important;
}

.radio .slick-track .slick-slide>div {
    height: 100%;
    margin: 0 10px;
}

.radio .slick-track .slick-slide>div .radio__box {
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.radio .slick-track .slick-slide>div .radio__box img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media (max-width: 1200px) {
    .radio__box {
        padding: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 980px) {
    .radio {
        /* width: 420px; */
        margin: 0 auto;
    }
}

@media (max-width: 450px) {
    .radio {
        /* width: 280px; */
    }
}

.slaider__one-box {
    width: 90%;
    height: 135px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 5px;
    transition: 0.5s;
    cursor: pointer;
    margin: 30px auto 20px;
}

.slaider__one-box h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #272727;
}

.slaider__one-box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.slaider__one-inner {
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-bottom: 12px;
}

.slaider__one-inner img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 27px;
    height: 27px;
}

.mini-img {
    position: relative;
}

.mini-img:after {
    width: 63px;
    height:59px;
    position: absolute;
    translate: ;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
}

.mini-img:before {
    width: 22px;
    height: 21px;
    position: absolute;
    top: 20%;
    right: 10%;
}

.beauty {
    position: relative;
}

.beauty:after {
    content: url(../../static/img/3.png);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.beauty:before {
    content: url(../../static/img/4.png);
    position: absolute;
    top: 20%;
    right: 20%;
}

.film {
    position: relative;
}

.film:after {
    content: url(../../static/img/5.png);
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.film:before {
    content: url(../../static/img/6.png);
    position: absolute;
    top: 0;
    right: 0;
}

.deactive {
    background: #c4c4c4;
}

@media (max-width: 1200px) {
    .slaider__one-box {
        width: 80%;
    }
}

@media (max-width: 500px) {
    .slaider__conteiner-one {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 400px) {
    .slaider__conteiner-one {
        width: 90%;
    }
}

.slick-dots {
    display: flex;
    justify-content: center;
}

.slick-dots button {
    width: 10px;
    height: 10px;
    margin: 0 3.5px;
    background: #ededed;
    border: none;
    text-indent: -9999px;
    border-radius: 50%;
    padding: 0;
}

.slick-dots .slick-active button {
    background: #787878;
    outline: none;
}

.slider-controls {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.slider-controls button {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.slider-controls .slide-m-dots {
    padding-top: 9px;
    padding-bottom: 9px;
}

.slider-controls .slide-m-dots .slick-dots {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.slider-controls .slide-m-dots button {
    width: 10px;
    height: 10px;
    margin: 0 3.5px;
    background: #ededed;
    border: none;
    text-indent: -9999px;
    border-radius: 50%;
    padding: 0;
}

.slider-controls .slide-m-dots .slick-active button {
    background: #787878;
}

.special-controls {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.special-controls button img,
.slider-controls button img {
    width: 15px;
    height: 15px;
}

.special-controls button {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

.special-controls .special-m-dots {
    padding-top: 9px;
    padding-bottom: 9px;
}

.special-controls .special-m-dots .slick-dots {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.special-controls .special-m-dots button {
    width: 10px;
    height: 10px;
    margin: 0 3.5px;
    background: #ededed;
    border: none;
    text-indent: -9999px;
    border-radius: 50%;
    padding: 0;
}

.special-controls .special-m-dots .slick-active button {
    background: #787878;
}

@media (max-width: 430px) {
    .slider-controls .slide-m-dots .slick-dots {
        flex-direction: row;
    }

    .slider-controls .slick-arrow {
        transform: rotate(275deg);
        position: relative;
        left: 0px;
        top: -2px;
    }
}

@media (max-width: 430px) {
    .cart__conteiner-text{font-size: -webkit-xxx-large}
    .special-controls .special-m-dots .slick-dots {
        flex-direction: row;
    }

    .special-controls .slick-arrow {
        transform: rotate(275deg);
        position: relative;
        left: 0px;
        top: -2px;
    }
}

.cart__wrapp {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cart__box {
    width: 270px;
    background: #f6f6f6;
    border-radius: 5px;
    margin: 0 10px 30px;
    transition: 0.4s;
    display: grid;
    grid-template-rows: -webkit-max-content auto;
    grid-template-rows: max-content auto;
}

.cart__box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.station--active .cart__inner-link,.station--active .cart__heart {
    display: none;
}

.station--active .cart__station .cart__sration-link {
    margin-right: 13px;
}
.station--active .cart__station .cart__sration-link:last-child{
    margin-right: 0;
}

.cart__box-img {
    width: 100%;
    overflow: hidden;
    height: 75px;
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    width: 270px;
}

.cart__box-img img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    max-height: 65px;

}

.cart__conteiner {
    display: grid;
    height: 100%;
    padding: 20px 25px 18px;
    position: relative;
    grid-template-rows: auto -webkit-max-content -webkit-max-content;
    grid-template-rows: auto max-content max-content;
}

.cart__page {
    margin-top: 12px;
}

.cart__conteiner-text {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
color: #272727;
padding: 10px 20px;
border: dashed 2px #9f9f9f;
margin-bottom: 20px;
}

.cart__conteiner-btn {
    width: 100%;
    border: 1px solid #9f9f9f;
    border-radius: 43px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    position: relative;
    cursor: pointer;
    background: transparent;
    transition: 0.4s;
}


.cart__conteiner-btn:active {
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5);
}

.cart__box-content {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #272727;
}

.cart__box-content:before {
    content: url(../../static/img/clock.svg);
    padding-right: 5px;
    position: relative;
    top: 4px;
}


.cart__box-inner {
    padding-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart__box-btn__coupon {
    margin-top: 20px;
}

.cart__box-btn__coupon .cart-btn {
    padding: 13px 0;
    width: 100%;
    text-transform: uppercase;
}

.cart__inner-link {
    display: block;
    width: 45px;
    height: 45px;
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 50%;
    position: relative;
    transition: 0.4s;
    outline: none;
}

.cart__inner-link:active {
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5);
}

.cart__inner-link img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
}

.cart__station {
    display: flex;
    margin: auto;
    padding: 0px;
    flex-direction: row;
    height: 45px;
    align-items: center;
}

.cart__station .cart__sration-link {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 100;
    text-align: center;
    transition: margin 0.1s ease-in-out;
    margin-left: -10px;
}

.cart__station .cart__sration-link img {
    border-radius: 50%;
    width: 18px;
    height: auto;
}

.wishlist-heart-group {
    display: inline-block;
    height: 40px;
    position: relative;
    width: 40px;
}

.wishlist-heart-group input[type=checkbox] {
    position: absolute;
    display: none;
    outline: none;
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]+label svg {
    transform: rotate(0deg);
    transition: all 5.4s ease;
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]+label svg #heart-path {
    transition: all 5.4s ease;
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]:checked+label svg {
    -webkit-animation: wishlist-heart-wiggle 400ms 50ms forwards ease-in-out;
    animation: wishlist-heart-wiggle 400ms 50ms forwards ease-in-out;
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]:checked+label svg #heart-path {
    -webkit-animation: wishlist-heart-add 300ms forwards;
    animation: wishlist-heart-add 300ms forwards;
    stroke: url(#MyGradient);
    fill: url(#MyGradient);
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]+label svg #heart-path {
    transition: all 200ms;
    outline: 0;
    outline-offset: 0;
}

.wishlist-heart-group input[type=checkbox]+label:hover svg #heart-path {
    transition: all 150ms linear;
    stroke: url(#MyGradient);
    fill: url(#MyGradient);
    cursor: pointer;
    outline: 0;
    outline-offset: 0;
}

@-webkit-keyframes wishlist-heart-wiggle {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(8deg);
    }

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

@keyframes wishlist-heart-wiggle {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(8deg);
    }

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

@-webkit-keyframes wishlist-heart-add {
    0% {
        stroke-width: 2;
    }

    50% {
        stroke-width: 10;
    }

    100% {
        fill: url(#MyGradient);
        stroke-width: 2;
    }
}

@keyframes wishlist-heart-add {
    0% {
        stroke-width: 2;
    }

    50% {
        stroke-width: 10;
    }

    100% {
        fill: url(#MyGradient);
        stroke-width: 2;
    }
}

.cart-btn {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 13px 36px;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
}



@media (max-width: 770px) {
    .cart__box {
        width: 235px;
    }

    .cart__box-img {
        width: 235px;
    }

    .cart__conteiner {
        padding: 20px 15px 18px;
    }

    .cart__conteiner .cart-btn {
        padding: 13px 22px;
    }
}
@media screen and (max-width: 770px) {
    .wishlist-heart-group input[type=checkbox]+label:hover svg #heart-path {
        stroke: url(#MyGradient);
        fill: transparent;
    }
    .wishlist-heart-group input[type=checkbox]:checked+label svg #heart-path {
        stroke: url(#MyGradient);
        fill: url(#MyGradient);
    }
}

@media (max-width: 550px) {
    .cart__wrapp {
        margin: 20px auto 0;
    }
}

.day {
    margin-bottom: 100px;
}

.day__page {
    display: flex;
    position: relative;
    margin-bottom: 15px;
}

.special__slaider {
    height: 430px;
}

.day__page-img {
    height: 429px;
    padding: 0 0 15px !important;
}

.day__page .slick-list {
    padding-bottom: 15px;
    margin-bottom: -15px;
}

.day__page>img {
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 5px;
}

.day__body {
    padding: 30px 35px 30px;
}

.day__slaider .slick-active>div>div,
.special__slaider .slick-active>div>div {
    -webkit-filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));
}

.day__slaider-box {
    width: 375px;
    border-radius: 5px;
    background: #fff;
    -webkit-clip-path: polygon(0% 0%,
            100% 0%,
            100% 22.5%,
            99.3% 22.5%,
            98.8% 22.6%,
            98.4% 22.7%,
            98.2% 22.8%,
            97.9% 22.9%,
            97.7% 23%,
            97.5% 23.1%,
            97.4% 23.2%,
            97.2% 23.3%,
            97.1% 23.4%,
            97% 23.5%,
            96.8% 23.6%,
            96.7% 23.7%,
            96.6% 23.8%,
            96.5% 23.9%,
            96.4% 24%,
            96.3% 24.2%,
            96.2% 24.3%,
            96.1% 24.4%,
            96% 24.6%,
            95.9% 24.8%,
            95.8% 25%,
            95.7% 25.2%,
            95.6% 25.5%,
            95.5% 25.9%,
            95.5% 27.1%,
            95.6% 27.5%,
            95.7% 27.8%,
            95.8% 28%,
            95.9% 28.2%,
            96% 28.4%,
            96.1% 28.6%,
            96.2% 28.7%,
            96.3% 28.8%,
            96.4% 29%,
            96.5% 29.1%,
            96.6% 29.2%,
            96.7% 29.3%,
            96.8% 29.4%,
            97% 29.5%,
            97.1% 29.6%,
            97.2% 29.7%,
            97.4% 29.8%,
            97.5% 29.9%,
            97.7% 30%,
            97.9% 30.1%,
            98.2% 30.2%,
            98.4% 30.3%,
            98.8% 30.4%,
            99.3% 30.5%,
            100% 30.5%,
            100% 100%,
            0% 100%,
            0% 30.5%,
            0.7% 30.5%,
            1.2% 30.4%,
            1.6% 30.3%,
            1.8% 30.2%,
            2.1% 30.1%,
            2.3% 30%,
            2.5% 29.9%,
            2.6% 29.8%,
            2.8% 29.7%,
            2.9% 29.6%,
            3% 29.5%,
            3.2% 29.4%,
            3.3% 29.3%,
            3.4% 29.2%,
            3.5% 29.1%,
            3.6% 29%,
            3.7% 28.8%,
            3.8% 28.7%,
            3.9% 28.6%,
            4% 28.4%,
            4.1% 28.2%,
            4.2% 28%,
            4.3% 27.8%,
            4.4% 27.5%,
            4.5% 27.1%,
            4.5% 25.9%,
            4.4% 25.5%,
            4.3% 25.2%,
            4.2% 25%,
            4.1% 24.8%,
            4% 24.6%,
            3.9% 24.4%,
            3.8% 24.3%,
            3.7% 24.2%,
            3.6% 24%,
            3.5% 23.9%,
            3.4% 23.8%,
            3.3% 23.7%,
            3.2% 23.6%,
            3% 23.5%,
            2.9% 23.4%,
            2.8% 23.3%,
            2.6% 23.2%,
            2.5% 23.1%,
            2.3% 23%,
            2.1% 22.9%,
            1.8% 22.8%,
            1.6% 22.7%,
            1.2% 22.6%,
            0.7% 22.5%,
            0% 22.5%);
            clip-path: polygon(0% 0%,
            100% 0%,
            100% 22.5%,
            99.3% 22.5%,
            98.8% 22.6%,
            98.4% 22.7%,
            98.2% 22.8%,
            97.9% 22.9%,
            97.7% 23%,
            97.5% 23.1%,
            97.4% 23.2%,
            97.2% 23.3%,
            97.1% 23.4%,
            97% 23.5%,
            96.8% 23.6%,
            96.7% 23.7%,
            96.6% 23.8%,
            96.5% 23.9%,
            96.4% 24%,
            96.3% 24.2%,
            96.2% 24.3%,
            96.1% 24.4%,
            96% 24.6%,
            95.9% 24.8%,
            95.8% 25%,
            95.7% 25.2%,
            95.6% 25.5%,
            95.5% 25.9%,
            95.5% 27.1%,
            95.6% 27.5%,
            95.7% 27.8%,
            95.8% 28%,
            95.9% 28.2%,
            96% 28.4%,
            96.1% 28.6%,
            96.2% 28.7%,
            96.3% 28.8%,
            96.4% 29%,
            96.5% 29.1%,
            96.6% 29.2%,
            96.7% 29.3%,
            96.8% 29.4%,
            97% 29.5%,
            97.1% 29.6%,
            97.2% 29.7%,
            97.4% 29.8%,
            97.5% 29.9%,
            97.7% 30%,
            97.9% 30.1%,
            98.2% 30.2%,
            98.4% 30.3%,
            98.8% 30.4%,
            99.3% 30.5%,
            100% 30.5%,
            100% 100%,
            0% 100%,
            0% 30.5%,
            0.7% 30.5%,
            1.2% 30.4%,
            1.6% 30.3%,
            1.8% 30.2%,
            2.1% 30.1%,
            2.3% 30%,
            2.5% 29.9%,
            2.6% 29.8%,
            2.8% 29.7%,
            2.9% 29.6%,
            3% 29.5%,
            3.2% 29.4%,
            3.3% 29.3%,
            3.4% 29.2%,
            3.5% 29.1%,
            3.6% 29%,
            3.7% 28.8%,
            3.8% 28.7%,
            3.9% 28.6%,
            4% 28.4%,
            4.1% 28.2%,
            4.2% 28%,
            4.3% 27.8%,
            4.4% 27.5%,
            4.5% 27.1%,
            4.5% 25.9%,
            4.4% 25.5%,
            4.3% 25.2%,
            4.2% 25%,
            4.1% 24.8%,
            4% 24.6%,
            3.9% 24.4%,
            3.8% 24.3%,
            3.7% 24.2%,
            3.6% 24%,
            3.5% 23.9%,
            3.4% 23.8%,
            3.3% 23.7%,
            3.2% 23.6%,
            3% 23.5%,
            2.9% 23.4%,
            2.8% 23.3%,
            2.6% 23.2%,
            2.5% 23.1%,
            2.3% 23%,
            2.1% 22.9%,
            1.8% 22.8%,
            1.6% 22.7%,
            1.2% 22.6%,
            0.7% 22.5%,
            0% 22.5%);
}

.day__head {
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    height: 112px;
    border-radius: 5px;
}

.day__head img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.day__body-box {
    background: url(../../static/img/day-2.png) no-repeat top 14px right 80px, url(../../static/img/day-1.png) no-repeat top 50% right 20px, linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 5px;
    padding: 14px;
    margin-bottom: 15px;
}

.day__body-box_airplan {
    background: url(../../static/img/airplan-1.png) no-repeat top 14px right 45px, url(../../static/img/airplan-2.png) no-repeat top 50% right 10px, linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 5px;
    padding: 14px;
    margin-bottom: 30px;
}

.day__station {
    height: 40px;
    display: flex;
    position: relative;
    transition: 0.5s;
    align-items: center;
    margin-bottom: 10px;
}

.day__station .day__station-link {
    border-radius: 50%;
}

.day__station .day__station-link:active {
    box-shadow: inset 0 7px 20px rgba(0, 0, 0, 0.5);
}

.day__inner-conteiner {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #272727;
    padding-left: 10px;
    /* width: 249px; */
}

.day__inner-conteiner>p:nth-child(2) {
    color: #fff;
    font-size: 16px;
}

.day__inner-conteiner span {
    font-size: 14px;
    line-height: 147.19%;
    color: #272727;
}

.day__box-inner {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-bottom: 10px;
}

.day__box-link {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background-color: #000;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.day__box-link img {
    width: 32px;
    height: 32px;
}

.day__box-link span {
    background-image: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    background-position: 0 1.1em;
    background-repeat: repeat-x;
}

.day__content {
    max-width: 600px;
}

.day__content h3 {
    font-size: 18px;
    line-height: 21px;
    color: #272727;
    padding-bottom: 10px;
}

.day__content p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
}

.day-btn {
    background: #fff;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}

.day__box-page {
    justify-content: space-between;
    align-items: center;
}

.day__box-page,
.day__station {
    display: flex;
}

.day__station .day__station-link {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    height: 36px;
}

.discount .day__station .day__station-link {
    background: linear-gradient(122.24deg, #f8e21d, #f90);
}

.day__station .day__station-link img {
    width: 18px;
    height: auto;
}

.day__station .day__station-link:first-child {
    left: 20%;
    z-index: 2;
}

.day__station .day__station-link:nth-child(2) {
    left: 40%;
    z-index: 3;
}

.day__station:hover .day__station-link {
    position: relative;
}

.day__station:hover .day__station-link:first-child {
    left: 0;
    z-index: 2;
}

.day__station:hover .day__station-link:nth-child(2) {
    left: 0;
    z-index: 3;
}

.day__head {
    position: relative;
}

.day__body {
    position: relative;
}

.day__slaider {
    overflow: hidden;
    margin: 0 auto;
}

.day__slaider-box {
    margin: 0 20px 10px;
}

@media (max-width: 1200px) {
    .day__page {
        width: 990px;
    }

    .day__page-img {
        width: 560px;
    }

    .day__slaider-box {
        width: 345px;
        margin: 0 auto 10px;
    }

    .day__body {
        padding: 45px 15px 30px;
    }
}

@media (max-width: 1040px) {
    .day__page-img {
        width: 100%;
    }

    .day__page {
        width: 100%;
        flex-direction: column;
    }

    .slider-controls {
        position: absolute;
        top: 80%;
        right: 20%;
    }
}

@media (max-width: 770px) {
    .slider-controls {
        right: 10%;
    }
}

@media (max-width: 550px) {
    .slider-controls {
        right: 0;
    }
}

@media (max-width: 430px) {
    .day__slaider-box {
        width: 290px;
    }

    .slider-controls {
        top: 102%;
        right: 50%;
        transform: translateX(50%);
    }

    .slider-controls,
    .slider-controls .slick-dots {
        display: flex;
    }

    .day__content {
        margin-top: 50px;
    }
}

.actual {
    margin-bottom: 50px;
}

.slaid {
    margin-bottom: 80px;
}

.slaid h3 {
    font-size: 18px;
    line-height: 21px;
    color: #272727;
    text-align: left;
    padding-bottom: 20px;
}

.slaid__one {
    margin-bottom: 50px;
}

.hit {
    position: relative;
}

.hit:after {
    content: "HIT";
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #fff;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    border-radius: 20px;
    padding: 4px 6px 1px;
    position: absolute;
    top: -4px;
    right: -12px;
}

@media (max-width: 1200px) {

    .slaid__one .cart__box,
    .slaid__two .cart__box {
        width: 220px;
    }

    .slaid__one .cart__box-img,
    .slaid__two .cart__box-img {
        width: 220px;
    }

    .slaid__one .cart__conteiner,
    .slaid__two .cart__conteiner {
        padding: 20px 10px 18px;
    }
}

@media (max-width: 500px) {

    .slaid__one,
    .slaid__two {
        width: 250px;
        margin: 20px auto;
    }
}

.special {
    margin-bottom: 100px;
}

.special__wrapper {
    display: flex;
    justify-content: start;
    align-items: baseline;
}

.special-btn {
    position: relative;
    top: 20px;
    width: 370px;
    background: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: left;
    padding: 16px 13px;
    color: #000;
    margin-left: 130px;
}

/* .special-btn:before {
    content: url(../../static/img/film.svg);
    width: 30px;
    height: 30px;
} */

@media (max-width: 1200px) {
    .special-btn {
        margin-left: 0;
    }
}

@media (max-width: 1040px) {
    .special-btn {
        left: 0;
    }

    .special__wrapper {
        flex-direction: column;
    }
}

@media (max-width: 500px) {
    .special-btn {
        width: 100%;
    }
}

@media (max-width: 1040px) {
    .special-controls {
        position: absolute;
        top: 80%;
        right: 20%;
    }
}

@media (max-width: 770px) {
    .special-controls {
        right: 10%;
    }
}

@media (max-width: 550px) {
    .special-controls {
        right: 0;
    }
}

@media (max-width: 430px) {
    .special-controls {
        top: 102%;
        right: 50%;
        transform: translateX(50%);
    }

    .special-controls,
    .special-controls .slick-dots {
        display: flex;
    }
}

.map {
    margin-bottom: 50px;
}

.map__box {
    width: 770px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.map_wrapper select {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    background: url(../../static/img/select.svg) no-repeat right 20px top 50% #fff;
    border: 1px solid #9f9f9f;
}

.map_wrapper select:active {
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.5);
}

.map_wrapper .map__select-one {
    padding: 13px 72px 13px 20px;
    position: absolute;
    top: 10px;
    left: 390px;
    border: 1px solid;
    border-image: linear-gradient(122.24deg, #f8e21d, #f90) 1;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 15%), 0 2px 5px -3px rgb(0 0 0 / 15%);
    border-radius: 3px;
}

.map__box .map__select-two {
    padding: 13px 50px 13px 20px;
}

.map__check {
    width: 317px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.map__check h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    text-align: center;
}

.map__check .map-form {
    border: 1px solid gray;
    border-radius: 53px;
    width: 80px;
    height: 45px;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.map__check .map-form:before {
    content: url(../../static/img/map__form.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    left: 8px;
    top: 6px;
    transition: 0.7s;
}

.map__check:active .map-form {
    box-shadow: inset 0 4px 20px rgba(0, 0, 0, 0.5);
}

.map__check input {
    position: absolute;
    opacity: 0;
    outline-offset: 0;
    outline: none;
}

input:checked+.map-form:before {
    content: url(../../static/img/map__form.svg);
    width: 32px;
    height: 32px;
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    top: 6px;
    outline-offset: 0;
    outline: none;
}

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

.map-box {
    width: 70%;
}

.map__station {
    width: 370px;
    height: 600px;
    overflow-y: auto;
    background: #fafafa;
    border-radius: 5px;
    padding: 30px;
}

.map_wrapper {
    position: relative;
}

.map__station.map_page {
    position: absolute;
    left: 0;
    top: 0;
    height: 600px;
}

.map__box.map_page {
    justify-content: left;
    gap: 30px;
    position: absolute;
    top: 0px;
    left: 0%;
    z-index: 10;
}

.map__station::-webkit-scrollbar {
    width: 15px;
    background-color: #fafafa;
    border: 1px solid #989898;
    border-radius: 5px;
}

.map__station::-webkit-scrollbar-thumb {
    background: #989898;
    border-radius: 9px;
    width: 1px;
}

.map__station-box {
    width: 285px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: flex-start;
    border-bottom: 1px solid #c4c4c4;
    padding-top: 15px;
}

.map__station-box img {
    position: relative;
    /* top: 10px; */
}

.map__box-inner {
    width: 210px;
}

.map__box-inner h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    padding-bottom: 12px;
}

.map__box-inner p {
    font-weight: 400;
    font-size: 14px;
    line-height: 147.19%;
    color: #272727;
    padding-bottom: 20px;
}

.map__box-inner p:before {
    content: url(../../static/img/cl.svg);
    padding-right: 5px;
}

.active h3 {
}

@media (max-width: 1200px) {
    .map-box {
        width: 60%;
    }

    .map-box .map-img {
        width: 100%;
    }

}

@media (max-width: 990px) {
    .map-box {
        width: 100%;
    }

    .map__inner {
        flex-direction: column;
    }

    .map__station {
        margin-top: 20px;
        height: 135px;
        width: 100%;
    }

    .map__station.map_page {
        position: relative;
        height: 40px;
        width: 100%;
        margin-top: 0;
        transition: 0.7s height ease;
    }

    .map__station-box {
        width: 100%;
    }

    .map__box-inner {
        width: 100%;
        padding-left: 10px;
    }

    .map_wrapper .map__select-one {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .map__box.map_page {
        flex-wrap: wrap;
        justify-content: space-around;
        width: 90%;
        gap: 30px;
        /* position: relative !important; */
        bottom: 0;
        top: unset;
        margin: 0;
        left: 50%;
        transform: translateX(-50%);
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        overflow: hidden;
        box-shadow: -20px 20px 35px 1px rgb(10 49 86 / 18%);
    }

    .map_wrapper .map__select-one, .map__box .map__select-two{
        width: 45%;
        left: 10px;
    }

    .map__check {
        margin-top: 20px;
    }
}

@media (max-width: 470px) {
    .map__box.map_page {
        width: 100%;
        gap: 0;
        /* left: 5%; */
    }

    .map_wrapper .map__select-one, .map__box .map__select-two{
        width: calc(100% - 20px);
    }

    .map_wrapper select {
        margin-bottom: 20px;
        width: 100%;
    }

    .map__check {
        width: 100%;
    }

    .map__check h3 {
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        color: #272727;
        text-align: center;
    }
}

.contact {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 23px;
}

.contact__list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 23px;
}

.contact__list a,
.contact__list h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
}

.contact__mail:before {
    content: url(../../static/img/mail.svg);
    padding-right: 5px;
    position: relative;
    top: 3px;
}

.contact__address:before {
    content: url(../../static/img/adr.svg);
    padding-right: 5px;
    position: relative;
    top: 3px;
}

.contact__h3:before {
    padding-right: 5px;
    position: relative;
    top: 3px;
}

@media (max-width: 1000px) {
    .contact__list {
        flex-direction: column;
    }

    .contact__list-inner {
        margin-bottom: 20px;
    }
}

.application {
    margin-bottom: 50px;
}

.application__wrapp {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.application__wrapp h3 {
    width: 220px;
}

.application__wrapp .application__form {
    display: flex;
    align-items: center;
}

.application__form input,
.application__wrapp h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
}

.application__form input {
    width: 280px;
    height: 45px;
    text-align: center;
    border: 1px solid lightgray;
    border-radius: 5px;
    margin-right: 30px;
}

.appl-btn {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    padding: 12px 77px;
    cursor: pointer;
    border: none;
}

@media (max-width: 1200px) {
    .application__wrapp h3 {
        width: 200px;
    }

    .application__form input {
        width: 200px;
        margin-right: 0;
    }
}

@media (max-width: 990px) {
    .application__wrapp {
        flex-direction: column;
    }

    .application__wrapp h3 {
        width: 290px;
        padding-bottom: 20px;
    }

    .application__form {
        width: 290px;
        display: flex;
        flex-direction: column;
    }

    .application__form input {
        width: 100%;
        margin-bottom: 20px;
    }
}

.footer {
    background: #fafafa;
    padding: 15px 0;
}

.footer h3 {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
}

.footer a,
.footer h3 {
    font-weight: 400;
    text-align: center;
    color: #272727;
}

.footer a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.window {
    max-width: 500px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    position: absolute;
    box-shadow: 1px 1px 25px 0px rgba(34, 60, 80, 0.2);
}

.window select {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    border-radius: 5px;
    border: none;
    padding: 13px 20px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    background: url(../../static/img/select.svg) no-repeat right 20px top 50%, #f6f6f6;
}

.window__title {
    height: 127px;
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 5px;
}

.window__title img {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.window__wrapp {
    padding: 30px 33px 53px 45px;
}

.window__wrapp h3 {
    font-size: 30px;
    line-height: 35px;
    color: #272727;
    text-align: center;
    padding-bottom: 4px;
}

.window__wrapp p {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #272727;
    padding-bottom: 20px;
}

.window__form input {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #272727;
    padding: 13px 20px;
    background: #f6f6f6;
    border-radius: 5px;
    border: none;
    margin-bottom: 20px;
}
.window__form .window__search input{
    margin-bottom: 0px;
}

.window__form input::-webkit-input-placeholder {
    color: #272727;
}

.window__form input::-moz-placeholder {
    color: #272727;
}

.window__form input:-ms-input-placeholder {
    color: #272727;
}

.window__form input::-ms-input-placeholder {
    color: #272727;
}

.window__form input::placeholder {
    color: #272727;
}

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

.window__form-inner select {
    width: 48%;
}

.window__search {
    position: relative;
    margin-bottom: 20px;
}

.window__search input {
    padding-right: 45px;
}

.window__search button {
    position: absolute;
    background: center / contain no-repeat url(../../static/img/serch.svg);
    height: 20px;
    width: 20px;
    border: none;
    cursor: pointer;
    right: 18px;
    top: 50%;
    padding: 0;
    transform: translateY(-50%);
}

.window-btn {
    display: block;
    width: 100%;
    border: none;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff;
    padding: 13px 0;
    margin-bottom: 13px;
    cursor: pointer;
}

.window__label {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
}

.window__label svg {
    display: block;
    position: absolute;
}

.window__label input+svg {
    width: 21px;
    height: 18px;
    left: 0;
    top: 50%;
    color: #784cf7;
    transform: translateY(-50%);
}

.window__label input+svg .tick {
    stroke-dasharray: 20;
    stroke-dashoffset: var(--stroke-dashoffset, 20);
    transition: stroke-dashoffset 0.2s;
}

.window__label input+svg+svg {
    width: 11px;
    height: 11px;
    fill: none;
    stroke: #b243c3;
    stroke-width: 1.25;
    stroke-linecap: round;
    top: -6px;
    left: 18px;
    stroke-dasharray: 4.5px;
    stroke-dashoffset: 13.5px;
    pointer-events: none;
    -webkit-animation: var(--animation, none) 0.2s ease 0.175s;
    animation: var(--animation, none) 0.2s ease 0.175s;
}

.window__label input:checked {
    --background: #784cf7;
    --border: #784cf7;
}

.window__label input:checked+svg {
    --stroke-dashoffset: 0;
}

.window__label input:checked+svg+svg {
    --animation: check;
}

@-webkit-keyframes check {
    100% {
        stroke-dashoffset: 4.5px;
    }
}

@keyframes check {
    100% {
        stroke-dashoffset: 4.5px;
    }
}

.window__label input {
    position: relative;
    width: 22px;
    cursor: pointer;
    margin: 0;
    margin-right: 10px;
    height: 22px;
}

.window__label input:before {
    content: "";
    width: 24px;
    height: 24px;
    background: #f6f6f6;
    border-radius: 5px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 0;
}

/* .window__label input:checked:after {
    content: "";
    width: 14px;
    height: 14px;
    background: linear-gradient(92.9deg, #784cf7 18.75%, #b243c3 53.65%, #ff9e03);
    border-radius: 5px;
    position: absolute;
    top: -1px;
    left: 4px;
    z-index: 1;
} */
.window__label a {
    color: #272727;
    text-decoration: underline;
    padding-right: 5px;
}

.window__label a,
.window__label span {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.window__label span {
    position: relative;
}

@media (max-width: 991px) {
    .window {
        width: 90%;
    }
}

@media (max-width: 500px) {
    .window__title img {
        width: 70%;
    }

    .window__title {
        height: 80px;
    }

    .window select {
        background: url(../../static/img/select.svg) no-repeat right 7px top 50%, #f6f6f6;
    }

    .window__form input,
    .window select {
        font-size: 12px;
        line-height: 14px;
        padding: 10px 24px 10px 7px;
    }

    .window__wrapp {
        padding: 30px 15px 23px;
    }

    .window__wrapp p {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 20px;
    }

    .window__wrapp h3 {
        font-size: 27px;
    }

    .window__label a,
    .window__label span {
        font-weight: 400;
        font-size: 11px;
        line-height: 16px;
    }
}

.discount_wrapper {
    -webkit-filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));
            filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.15));
}

.discount {
    max-width: 450px;
    margin: 0 auto;
    border-radius: 5px;
    position: relative;
    background: #fff;
    -webkit-clip-path: polygon(0% 0%,
            100% 0%,
            100% 15.0%,
            99.3% 15.0%,
            98.8% 15.1%,
            98.4% 15.2%,
            98.2% 15.3%,
            97.9% 15.4%,
            97.7% 15.5%,
            97.5% 15.6%,
            97.4% 15.7%,
            97.2% 15.8%,
            97.1% 15.9%,
            97% 16.0%,
            96.8% 16.1%,
            96.7% 16.2%,
            96.6% 16.3%,
            96.5% 16.4%,
            96.4% 16.5%,
            96.3% 16.7%,
            96.2% 16.8%,
            96.1% 16.9%,
            96% 17.1%,
            95.9% 17.3%,
            95.8% 17.5%,
            95.7% 17.7%,
            95.6% 18.0%,
            95.5% 18.4%,
            95.5% 19.6%,
            95.6% 20.0%,
            95.7% 20.3%,
            95.8% 20.5%,
            95.9% 20.7%,
            96% 20.9%,
            96.1% 21.1%,
            96.2% 21.2%,
            96.3% 21.3%,
            96.4% 21.5%,
            96.5% 21.6%,
            96.6% 21.7%,
            96.7% 21.8%,
            96.8% 21.9%,
            97% 22.0%,
            97.1% 22.1%,
            97.2% 22.2%,
            97.4% 22.3%,
            97.5% 22.4%,
            97.7% 22.5%,
            97.9% 22.6%,
            98.2% 22.7%,
            98.4% 22.8%,
            98.8% 22.9%,
            99.3% 23.0%,
            100% 23.0%,
            100% 100%,
            0% 100%,
            0% 23.0%,
            0.7% 23.0%,
            1.2% 22.9%,
            1.6% 22.8%,
            1.8% 22.7%,
            2.1% 22.6%,
            2.3% 22.5%,
            2.5% 22.4%,
            2.6% 22.3%,
            2.8% 22.2%,
            2.9% 22.1%,
            3% 22.0%,
            3.2% 21.9%,
            3.3% 21.8%,
            3.4% 21.7%,
            3.5% 21.6%,
            3.6% 21.5%,
            3.7% 21.3%,
            3.8% 21.2%,
            3.9% 21.1%,
            4% 20.9%,
            4.1% 20.7%,
            4.2% 20.5%,
            4.3% 20.3%,
            4.4% 20.0%,
            4.5% 19.6%,
            4.5% 18.4%,
            4.4% 18.0%,
            4.3% 17.7%,
            4.2% 17.5%,
            4.1% 17.3%,
            4% 17.1%,
            3.9% 16.9%,
            3.8% 16.8%,
            3.7% 16.7%,
            3.6% 16.5%,
            3.5% 16.4%,
            3.4% 16.3%,
            3.3% 16.2%,
            3.2% 16.1%,
            3% 16.0%,
            2.9% 15.9%,
            2.8% 15.8%,
            2.6% 15.7%,
            2.5% 15.6%,
            2.3% 15.5%,
            2.1% 15.4%,
            1.8% 15.3%,
            1.6% 15.2%,
            1.2% 15.1%,
            0.7% 15.0%,
            0% 15.0%);
            clip-path: polygon(0% 0%,
            100% 0%,
            100% 15.0%,
            99.3% 15.0%,
            98.8% 15.1%,
            98.4% 15.2%,
            98.2% 15.3%,
            97.9% 15.4%,
            97.7% 15.5%,
            97.5% 15.6%,
            97.4% 15.7%,
            97.2% 15.8%,
            97.1% 15.9%,
            97% 16.0%,
            96.8% 16.1%,
            96.7% 16.2%,
            96.6% 16.3%,
            96.5% 16.4%,
            96.4% 16.5%,
            96.3% 16.7%,
            96.2% 16.8%,
            96.1% 16.9%,
            96% 17.1%,
            95.9% 17.3%,
            95.8% 17.5%,
            95.7% 17.7%,
            95.6% 18.0%,
            95.5% 18.4%,
            95.5% 19.6%,
            95.6% 20.0%,
            95.7% 20.3%,
            95.8% 20.5%,
            95.9% 20.7%,
            96% 20.9%,
            96.1% 21.1%,
            96.2% 21.2%,
            96.3% 21.3%,
            96.4% 21.5%,
            96.5% 21.6%,
            96.6% 21.7%,
            96.7% 21.8%,
            96.8% 21.9%,
            97% 22.0%,
            97.1% 22.1%,
            97.2% 22.2%,
            97.4% 22.3%,
            97.5% 22.4%,
            97.7% 22.5%,
            97.9% 22.6%,
            98.2% 22.7%,
            98.4% 22.8%,
            98.8% 22.9%,
            99.3% 23.0%,
            100% 23.0%,
            100% 100%,
            0% 100%,
            0% 23.0%,
            0.7% 23.0%,
            1.2% 22.9%,
            1.6% 22.8%,
            1.8% 22.7%,
            2.1% 22.6%,
            2.3% 22.5%,
            2.5% 22.4%,
            2.6% 22.3%,
            2.8% 22.2%,
            2.9% 22.1%,
            3% 22.0%,
            3.2% 21.9%,
            3.3% 21.8%,
            3.4% 21.7%,
            3.5% 21.6%,
            3.6% 21.5%,
            3.7% 21.3%,
            3.8% 21.2%,
            3.9% 21.1%,
            4% 20.9%,
            4.1% 20.7%,
            4.2% 20.5%,
            4.3% 20.3%,
            4.4% 20.0%,
            4.5% 19.6%,
            4.5% 18.4%,
            4.4% 18.0%,
            4.3% 17.7%,
            4.2% 17.5%,
            4.1% 17.3%,
            4% 17.1%,
            3.9% 16.9%,
            3.8% 16.8%,
            3.7% 16.7%,
            3.6% 16.5%,
            3.5% 16.4%,
            3.4% 16.3%,
            3.3% 16.2%,
            3.2% 16.1%,
            3% 16.0%,
            2.9% 15.9%,
            2.8% 15.8%,
            2.6% 15.7%,
            2.5% 15.6%,
            2.3% 15.5%,
            2.1% 15.4%,
            1.8% 15.3%,
            1.6% 15.2%,
            1.2% 15.1%,
            0.7% 15.0%,
            0% 15.0%);
}

.discount a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-decoration: underline;
    color: #272727;
    padding-bottom: 49px;
}

.discount .day__station-link {
    padding-bottom: 0;
}

.discount .cart__conteiner-btn {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    background: #fff;
}

.discount__title {
    width: 100%;
    padding: 15px 0;
    background: linear-gradient(122.24deg, #f8e21d, #f90);
    border-radius: 5px;
    
}

.discount__title img {
    display: block;
    margin: 0 auto;
    position: relative;
    object-fit: cover;
    max-height: 95%;
    max-width: 150px;
}

.discount__box {
    padding: 39px 36px;
}

.discount__box h3 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: #272727;
    padding: 4px;
}

.discount__box p {
    font-weight: 400;
    padding-bottom: 20px;
}

.discount__box h4,
.discount__box p {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #272727;
}

.discount__box h4 {
    width: 100%;
    background: #e3e3e3;
    border-radius: 5px;
    padding: 13px;
}

.discout__box-page {
    padding-top: 9px;
}

.discout__box-page a {
    padding: 0;
}

.discount__inner-conteiner {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 13px;
}

.discount__inner-conteiner p {
    text-align: left;
    padding: 0;
}

.discount__inner-conteiner .day__station .day__station-link:first-child {
    left: 7%;
}

.discount__inner-conteiner .day__station .day__station-link:nth-child(2) {
    left: 12%;
}

.discount__inner-conteiner .day__station:hover .day__station-link {
    position: relative;
}

.discount__inner-conteiner .day__station:hover .day__station-link:first-child {
    left: 0;
    z-index: 2;
}

.discount__inner-conteiner .day__station:hover .day__station-link:nth-child(2) {
    left: 0;
    z-index: 3;
}

.discount__box-inner .day__box-inner {
    align-items: inherit;
}

@media (max-width: 534px) {
    .discount {
        -webkit-clip-path: polygon(0% 0%,
                100% 0%,
                100% 16%,
                99.3% 16%,
                98.8% 16.1%,
                98.4% 16.2%,
                98.2% 16.3%,
                97.9% 16.4%,
                97.7% 16.5%,
                97.5% 16.6%,
                97.4% 16.7%,
                97.2% 16.8%,
                97.1% 16.9%,
                97% 17%,
                96.8% 17.1%,
                96.7% 17.2%,
                96.6% 17.3%,
                96.5% 17.4%,
                96.4% 17.5%,
                96.3% 17.7%,
                96.2% 17.8%,
                96.1% 17.9%,
                96% 18.1%,
                95.9% 18.3%,
                95.8% 18.5%,
                95.7% 18.7%,
                95.6% 19%,
                95.5% 19.4%,
                95.5% 20.6%,
                95.6% 21%,
                95.7% 21.3%,
                95.8% 21.5%,
                95.9% 21.7%,
                96% 21.9%,
                96.1% 22.1%,
                96.2% 22.2%,
                96.3% 22.3%,
                96.4% 22.5%,
                96.5% 22.6%,
                96.6% 22.7%,
                96.7% 22.8%,
                96.8% 22.9%,
                97% 23%,
                97.1% 23.1%,
                97.2% 23.2%,
                97.4% 23.3%,
                97.5% 23.4%,
                97.7% 23.5%,
                97.9% 23.6%,
                98.2% 23.7%,
                98.4% 23.8%,
                98.8% 23.9%,
                99.3% 24%,
                100% 24%,
                100% 100%,
                0% 100%,
                0% 24%,
                0.7% 24%,
                1.2% 23.9%,
                1.6% 23.8%,
                1.8% 23.7%,
                2.1% 23.6%,
                2.3% 23.5%,
                2.5% 23.4%,
                2.6% 23.3%,
                2.8% 23.2%,
                2.9% 23.1%,
                3% 23%,
                3.2% 22.9%,
                3.3% 22.8%,
                3.4% 22.7%,
                3.5% 22.6%,
                3.6% 22.5%,
                3.7% 22.3%,
                3.8% 22.2%,
                3.9% 22.1%,
                4% 21.9%,
                4.1% 21.7%,
                4.2% 21.5%,
                4.3% 21.3%,
                4.4% 21%,
                4.5% 20.6%,
                4.5% 19.4%,
                4.4% 19%,
                4.3% 18.7%,
                4.2% 18.5%,
                4.1% 18.3%,
                4% 18.1%,
                3.9% 17.9%,
                3.8% 17.8%,
                3.7% 17.7%,
                3.6% 17.5%,
                3.5% 17.4%,
                3.4% 17.3%,
                3.3% 17.2%,
                3.2% 17.1%,
                3% 17%,
                2.9% 16.9%,
                2.8% 16.8%,
                2.6% 16.7%,
                2.5% 16.6%,
                2.3% 16.5%,
                2.1% 16.4%,
                1.8% 16.3%,
                1.6% 16.2%,
                1.2% 16.1%,
                0.7% 16%,
                0% 16%);
                clip-path: polygon(0% 0%,
                100% 0%,
                100% 16%,
                99.3% 16%,
                98.8% 16.1%,
                98.4% 16.2%,
                98.2% 16.3%,
                97.9% 16.4%,
                97.7% 16.5%,
                97.5% 16.6%,
                97.4% 16.7%,
                97.2% 16.8%,
                97.1% 16.9%,
                97% 17%,
                96.8% 17.1%,
                96.7% 17.2%,
                96.6% 17.3%,
                96.5% 17.4%,
                96.4% 17.5%,
                96.3% 17.7%,
                96.2% 17.8%,
                96.1% 17.9%,
                96% 18.1%,
                95.9% 18.3%,
                95.8% 18.5%,
                95.7% 18.7%,
                95.6% 19%,
                95.5% 19.4%,
                95.5% 20.6%,
                95.6% 21%,
                95.7% 21.3%,
                95.8% 21.5%,
                95.9% 21.7%,
                96% 21.9%,
                96.1% 22.1%,
                96.2% 22.2%,
                96.3% 22.3%,
                96.4% 22.5%,
                96.5% 22.6%,
                96.6% 22.7%,
                96.7% 22.8%,
                96.8% 22.9%,
                97% 23%,
                97.1% 23.1%,
                97.2% 23.2%,
                97.4% 23.3%,
                97.5% 23.4%,
                97.7% 23.5%,
                97.9% 23.6%,
                98.2% 23.7%,
                98.4% 23.8%,
                98.8% 23.9%,
                99.3% 24%,
                100% 24%,
                100% 100%,
                0% 100%,
                0% 24%,
                0.7% 24%,
                1.2% 23.9%,
                1.6% 23.8%,
                1.8% 23.7%,
                2.1% 23.6%,
                2.3% 23.5%,
                2.5% 23.4%,
                2.6% 23.3%,
                2.8% 23.2%,
                2.9% 23.1%,
                3% 23%,
                3.2% 22.9%,
                3.3% 22.8%,
                3.4% 22.7%,
                3.5% 22.6%,
                3.6% 22.5%,
                3.7% 22.3%,
                3.8% 22.2%,
                3.9% 22.1%,
                4% 21.9%,
                4.1% 21.7%,
                4.2% 21.5%,
                4.3% 21.3%,
                4.4% 21%,
                4.5% 20.6%,
                4.5% 19.4%,
                4.4% 19%,
                4.3% 18.7%,
                4.2% 18.5%,
                4.1% 18.3%,
                4% 18.1%,
                3.9% 17.9%,
                3.8% 17.8%,
                3.7% 17.7%,
                3.6% 17.5%,
                3.5% 17.4%,
                3.4% 17.3%,
                3.3% 17.2%,
                3.2% 17.1%,
                3% 17%,
                2.9% 16.9%,
                2.8% 16.8%,
                2.6% 16.7%,
                2.5% 16.6%,
                2.3% 16.5%,
                2.1% 16.4%,
                1.8% 16.3%,
                1.6% 16.2%,
                1.2% 16.1%,
                0.7% 16%,
                0% 16%);
    }

    .discount__title {
        width: 100%;
        padding: 35px 0;
    }
}

@media (max-width: 470px) {
    .close svg{
        fill: #000 !important;
    }
    #modal_ticket .discount_wrapper{
        margin-top: 20px !important;
    }
    .discount_wrapper .discount {
        width: 95%;
        clip-path: polygon(0% 0%,
        100% 0%,
        100% 8%,
        99.3% 8%,
        98.8% 8.1%,
        98.4% 8.2%,
        98.2% 8.3%,
        97.9% 8.4%,
        97.7% 8.5%,
        97.5% 8.6%,
        97.4% 8.7%,
        97.2% 8.8%,
        97.1% 8.9%,
        97% 9%,
        96.8% 9.1%,
        96.7% 9.2%,
        96.6% 9.3%,
        96.5% 9.4%,
        96.4% 9.5%,
        96.3% 9.7%,
        96.2% 9.8%,
        96.1% 9.9%,
        96% 10.1%,
        95.9% 10.3%,
        95.8% 10.5%,
        95.7% 10.7%,
        95.6% 11%,
        95.5% 11.4%,
        95.5% 12.6%,
        95.6% 13%,
        95.7% 13.3%,
        95.8% 13.5%,
        95.9% 13.7%,
        96% 13.9%,
        96.1% 14.1%,
        96.2% 14.2%,
        96.3% 14.3%,
        96.4% 14.5%,
        96.5% 14.6%,
        96.6% 14.7%,
        96.7% 14.8%,
        96.8% 14.9%,
        97% 15%,
        97.1% 15.1%,
        97.2% 15.2%,
        97.4% 15.3%,
        97.5% 15.4%,
        97.7% 15.5%,
        97.9% 15.6%,
        98.2% 15.7%,
        98.4% 15.8%,
        98.8% 15.9%,
        99.3% 16%,
        100% 16%,
        100% 100%,
        0% 100%,
        0% 16%,
        0.7% 16%,
        1.2% 15.9%,
        1.6% 15.8%,
        1.8% 15.7%,
        2.1% 15.6%,
        2.3% 15.5%,
        2.5% 15.4%,
        2.6% 15.3%,
        2.8% 15.2%,
        2.9% 15.1%,
        3% 15%,
        3.2% 14.9%,
        3.3% 14.8%,
        3.4% 14.7%,
        3.5% 14.6%,
        3.6% 14.5%,
        3.7% 14.3%,
        3.8% 14.2%,
        3.9% 14.1%,
        4% 13.9%,
        4.1% 13.7%,
        4.2% 13.5%,
        4.3% 13.3%,
        4.4% 13%,
        4.5% 12.6%,
        4.5% 11.4%,
        4.4% 11%,
        4.3% 10.7%,
        4.2% 10.5%,
        4.1% 10.3%,
        4% 10.1%,
        3.9% 9.9%,
        3.8% 9.8%,
        3.7% 9.7%,
        3.6% 9.5%,
        3.5% 9.4%,
        3.4% 9.3%,
        3.3% 9.2%,
        3.2% 9.1%,
        3% 9%,
        2.9% 8.9%,
        2.8% 8.8%,
        2.6% 8.7%,
        2.5% 8.6%,
        2.3% 8.5%,
        2.1% 8.4%,
        1.8% 8.3%,
        1.6% 8.2%,
        1.2% 8.1%,
        0.7% 8%,
        0% 8%);
    }
    .discount_wrapper .cart__conteiner-btn{
        padding: 5px 8px;
    }
    .discount_wrapper .discount__title {
        padding: 14px 0;
    }
    .discount_wrapper .discount__title img{
        max-height: 45px;
    }
    .discount_wrapper .discount__box h3{
        font-size: 18px;
        line-height: 20px;
    }
    .discount_wrapper .discount__box h4{
        padding: 5px 13px;
    }
    .discount_wrapper .discount__box h4, .discount__box p{
        font-size: 14px;
    }
    .discount_wrapper .discount__box p{
        padding-bottom: 10px;
    }
    .discount_wrapper .cart__inner-link{
        width: 35px;
        height: 35px;
    }
    .discount_wrapper .day__box-page.discout__box-page img{
        width: 25px;
        vertical-align: middle;
    }
    .discount_wrapper .wishlist-heart-group {
        height: 35px;
        width: 35px;
    }
    .day__station{
        display: none;
    }
    .discount .cart__conteiner-btn {
        margin: 10px 0;
    }

    .discount .day__box-inner {
        padding: 0;
        display: grid;
        align-items: center;
        justify-content: center;
    }

    .discount .day__box-inner>img {
        width: 100%;
        padding: 0 45px;
        height: auto;
        object-fit: contain;
    }
    .discount .day__box-inner img {
        width: 100%;
    }

    .discount .day__station {
        padding-top: 30px;
    }

    .discount .discount__inner-conteiner .day__station:hover {
        margin: 0 auto 10px;
    }

    .discount .discount__inner-conteiner {
        padding: 0;
    }

    .discount_wrapper .discount__box {
        padding: 20px 15px 10px;
    }

    .discount_wrapper .discount__inner-conteiner p {
        text-align: center;
    }
    .discount_wrapper .discount>a{
        padding-bottom: 25px;
    }
}

#modal_ticket {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    visibility: hidden;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
    display: grid;
}
#modal_ticket.active,
#modal_ticket:target {
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
#modal_ticket.active .discount_wrapper,
#modal_ticket:target .discount_wrapper {
    opacity: 1;
    transform: translateY(1);
}

#modal_ticket .discount_wrapper {
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    z-index: 10;
    max-width: 470px;
    margin: 100px auto 30px;
}

 .outside-trigger {
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 10px;
    top: 0;
    z-index: 9;
} 

.close {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    height: 16px;
    text-decoration: none;
    width: 16px;
    position: fixed;
    z-index: 10;
    top: 5%;
    right: 5%;
}

.close svg {
    width: 16px;
    fill: #f90;
}

@media (max-width: 470px) {
    #modal_ticket .discount_wrapper {
        width: 95%;
    }
}


  span.audio_btn {
    display: grid;
    align-items: center;
    grid-template-columns: 20px auto;
}
@-webkit-keyframes spin {
    from {
        transform: rotateZ(0);
    }

    to {
        transform: rotateZ(1turn);
    }
}

@keyframes spin {
    from {
        transform: rotateZ(0);
    }

    to {
        transform: rotateZ(1turn);
    }
}


.green-audio-player {
    display: grid;
    grid-template-columns: max-content auto max-content;
    align-items: center;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    outline: none;
}
.green-audio-player.player-accessible .play-pause-btn:hover,
.green-audio-player.player-accessible .controls:hover,
.green-audio-player.player-accessible .volume__button:hover,
.green-audio-player.player-accessible .volume__controls:hover,
.green-audio-player.player-accessible .download:hover {
    outline: dotted 1px #999;
}

.green-audio-player svg,
.green-audio-player img {
    display: block;
}

.green-audio-player .holder.holder_noactive{
    width: 100%;
}
.green-audio-player .holder {
    position: relative;
}

.green-audio-player .holder .loading .loading__spinner {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #b0b0b0;
    border-right-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    -webkit-animation: spin 0.4s linear infinite;
    animation: spin 0.4s linear infinite;
}
.play-pause-btn.play-pause-btn_noactive span {
    margin-left: 15px;
    }
.special__wrapper .green-audio-player .holder .loading .loading__spinner{
    width: 30px;
    height: 30px;
}
.green-audio-player .holder .play-pause-btn.play-pause-btn_noactive {
    display: grid;
    align-items: center;
    grid-template-columns: 20px auto;
}
.green-audio-player .holder .play-pause-btn {
    visibility: hidden;
    cursor: pointer;
    outline: none;
}
.play-pause-btn svg {
    width: 20px;
}
.day__slaider-box .play-pause-btn svg {
    width: 23px;
}
.special__wrapper .play-pause-btn svg {
    width: 30px;
}
.special__wrapper .green-audio-player .holder .play-pause-btn.play-pause-btn_noactive span {
    margin-left: 20px;
}
.special__wrapper .green-audio-player .holder .play-pause-btn.play-pause-btn_noactive{
    grid-template-columns: 30px auto;
}
.day__slaider-box .green-audio-player .holder .play-pause-btn.play-pause-btn_noactive span{
    margin-left: 10px;
}
.green-audio-player .holder .play-pause-btn:focus {
    outline: none;
}

.green-audio-player .slider {
    flex-grow: 1;
    background-color: #d8d8d8;
    cursor: pointer;
    position: relative;
}

.green-audio-player .slider .gap-progress {
    background: linear-gradient(92.9deg, #784cf7 9.375%, #b243c3 26.825%, #ff9e03 50%, #ff9e03 59.375%, #b243c3 76.825%, #784cf7 100%);
    background-size: 200% 100%;
    border-radius: inherit;
    position: absolute;
    pointer-events: none;
}

.green-audio-player .slider .gap-progress .pin {
    height: 14px;
    width: 14px;
    border-radius: 8px;
    background: linear-gradient(92.9deg, #784cf7 9.375%, #b243c3 26.825%, #ff9e03 50%, #ff9e03 59.375%, #b243c3 76.825%, #784cf7 100%);
    background-size: 200% 100%;
    position: absolute;
    pointer-events: all;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32);
}

.green-audio-player .slider .gap-progress .pin::after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0);
    width: 200%;
    height: 200%;
    margin-left: -50%;
    margin-top: -50%;
    border-radius: 50%;
}

.green-audio-player .controls {
    font-size: 10px;
    line-height: 12px;
    color: #7b7b7b;
    display: -ms-flexbox;
    display: none;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    outline: none;
}
.special__wrapper .green-audio-player .controls{
    font-style: 13px;
}

.green-audio-player .controls .controls__slider {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 2px;
    height: 4px;
}

.green-audio-player .controls .controls__slider .controls__progress {
    width: 0;
    height: 100%;
}

.green-audio-player .controls .controls__slider .controls__progress .progress__pin {
    right: -8px;
    top: -6px;
}

.green-audio-player .controls span {
    cursor: default;
}

.green-audio-player .controls:focus {
    outline: none;
}

.green-audio-player .volume {
    position: relative;
    display: none;
}

.green-audio-player .volume .volume__button {
    cursor: pointer;
    outline: none;
}

.green-audio-player .volume .volume__button:focus {
    outline: none;
}
.green-audio-player .volume .volume__button svg{
    width: 16px;
}
.special__wrapper .green-audio-player .volume .volume__button svg{
    width: 24px;
}

.green-audio-player .volume .volume__button.open path {
    fill: url(#MyGradient);
}
.btn_audio path{
    fill: url(#MyGradient);
}
.green-audio-player .volume .volume__controls {
    width: 30px;
    height: 135px;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 7px;
    position: absolute;
    left: -3px;
    bottom: 52px;
    flex-direction: column;
    align-items: center;
    display: flex;
    z-index: 2;
    outline: none;
}

.green-audio-player .volume .volume__controls .volume__slider {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 6px;
    border-radius: 3px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress {
    bottom: 0;
    height: 100%;
    width: 6px;
}

.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
    left: -5px;
    top: -8px;
}

.green-audio-player .volume .volume__controls:focus {
    outline: none;
}

.green-audio-player .volume .volume__controls.hidden {
    display: none;
}

.green-audio-player .volume .volume__controls.top {
    bottom: 52px;
    left: -3px;
}

.green-audio-player .volume .volume__controls.middle {
    bottom: -54px;
    left: 54px;
}

.green-audio-player .volume .volume__controls.bottom {
    bottom: -164px;
    left: -3px;
}

.green-audio-player .download {
    display: none;
    margin-left: 16px;
    cursor: pointer;
    outline: none;
}

.green-audio-player .download:focus {
    outline: none;
}

.green-audio-player:focus {
    outline: none;
}

.message__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}
@media (max-width: 770px){
    .green-audio-player .volume{
        display: none !important;
    }
}
.deletebutton{background: linear-gradient(122.24deg, #F8E21D 0%, #FF9900 50%, #F8E21D 100%);
    border: 0;
    color: white;
    padding: 6px;
    font-size: 24px;
    border-radius: 5px;}