@font-face{
    font-family:'Raleway';
    src:url("fonts/Raleway-Regular.ttf")
}
@font-face{
    font-family:'Raleway SemiBold';
    src:url("fonts/Raleway-SemiBold.ttf")
}
@font-face{
    font-family:'Raleway Bold';
    src:url("fonts/Raleway-Bold.ttf")
}
@font-face{
    font-family:'Raleway ExtraBold';
    src:url("fonts/Raleway-ExtraBold.ttf")
}
@font-face{
    font-family:'Raleway Light';
    src:url("fonts/Raleway-Light.ttf")
}
@font-face{
    font-family:'PT Sans';
    src:url("fonts/PTSans-Regular.ttf")
}
@font-face{
    font-family:'PT Sans Bold';
    src:url("fonts/PTSans-Bold.ttf")
}
html,body{
    overscroll-behavior-y:none;
    overflow-x: hidden;
}
.name::-webkit-scrollbar {
    display: none;
  }

.name2 {
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;  /* Firefox */
  }  
*{
    font-family:"PT Sans",sans-serif;
    font-size:16px;
    color:#000
}
*::selection{
    color:#fff;
    background:#b12424
}
ul{
    margin:0 !important;
    padding:0 !important
}
@media screen and (max-width: 576px){
    .container{
        margin-right:15px;
        margin-left:15px;
        width:auto
    }
}
body{
    background-image:url("../img/bg.png");
}
.nav-to-top{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100px;
    height:65px;
    width:65px;
    color:#000;
    background:#fff;
    cursor:pointer;
    box-shadow:2px 2px 15px 5px rgba(0,0,0,0.075);
    position:fixed;
    left:25px;
    bottom:-80px;
    transition:0.2s ease-in-out;
    z-index:1000
}
@media screen and (min-width: 992px){
    .nav-to-top:hover{
        background:#000
    }
    .nav-to-top:hover i{
        color:#fff
    }
}
@media screen and (max-width: 420px){
    .nav-to-top{
        height:45px;
        width:45px
    }
}
.nav-to-top i{
    font-size:20px;
    transition:0.2s ease-in-out
}
.nav-to-top.show{
    bottom:25px
}
header{
    background:#000;
    padding-top:20px;
    padding-bottom:20px;
    position:sticky;
    z-index:1;
    top:0;
    transition:0.2s ease-in-out
}
header.scrolled{
    padding-top:12px;
    padding-bottom:8px
}
header .top-control{
    position:absolute;
    width:100%;
    height:200px;
    background:black;
    top:-200px
}
header .header__logo{
    position:relative
}
header .header__menu.mobile{
    opacity:0;
    transition:.2s ease-in-out
}
header .header__menu.mobile.opened{
    opacity:1
}
header .header__item{
    list-style-type:none
}
header .header__item.mobile{
    margin:20px 0
}
header .menu-item__link{
    font-size:18px;
    color:#fff;
    margin:0 16px;
    transition:0.2s ease-in-out;
    font-family:"Raleway SemiBold",sans-serif
}
header .menu-item__link.mobile{
    margin:0
}
header .menu-item__link.active{
    color:#b12424
}
header .menu-item__link:hover{
    color:#b12424;
    text-decoration:none
}
header .header__cart svg{
    transition:0.2s ease-in-out
}
header .header__cart svg:hover{
    fill:#b12424
}
header .header__burger-button{
    position:relative;
    height:3px;
    width:25px;
    border-radius:100px;
    margin-right:8px;
    background:#fff;
    transition:0.2s ease-in-out
}
header .header__burger-button.opened{
    transform:translateX(-25px);
    background:transparent
}
header .header__burger-button.opened::before{
    transform:rotate(45deg) translate(25px, -13.5px)
}
header .header__burger-button.opened::after{
    transform:rotate(-45deg) translate(25px, 13.5px)
}
header .header__burger-button::before,header .header__burger-button::after{
    content:'';
    position:absolute;
    height:3px;
    width:25px;
    border-radius:100px;
    background:#fff;
    transition:0.2s ease-in-out
}
header .header__burger-button::before{
    top:-8px
}
header .header__burger-button::after{
    bottom:-8px
}
header .header__burger-trigger{
    position:absolute;
    z-index:1000;
    cursor:pointer;
    height:100%;
    top:0;
    width:41px;
    left:-8px
}
header .header__burger{
    display:none
}
@media screen and (max-width: 992px){
    header .header__burger{
        display:block
    }
}
@media screen and (max-width: 992px){
    .col--header__nav{
        display:none
    }
}
.header__nav-mobile{
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    background:#000;
    display:none;
    transition:0.2s ease-in-out
}
.header__nav-mobile.opened{
    bottom:-230px
}
@media screen and (max-width: 992px){
    .header__nav-mobile{
        display:block
    }
}
.container--nav-mobile{
    padding:0
}
.main{
    position:relative;
    background-image:url("../img/header-bg.jpg");
    background-size:cover;
    background-position:center bottom 50%
}
.main .main__title{
    color:#fff;
    font-family:"Raleway SemiBold",sans-serif;
    font-size:3rem;
    margin-top:150px;
    text-align:center;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
@media screen and (max-width: 480px){
    .main .main__title{
        font-size:2.5rem
    }
}
.main .main__button-buy{
    border:none;
    margin-top:10px;
    margin-bottom:200px;
    cursor:pointer;
    padding:14px 46px;
    color:#fff;
    font-family:"PT Sans Bold",sans-serif;
    border-radius:15px;
    background:#b12424;
    transition:0.2s ease-in-out
}
.main .main__button-buy:hover{
    text-decoration:none;
    background:#C15050FF
}
@media screen and (max-width: 480px){
    .main .main__button-buy{
        padding:12px 36px
    }
}
.main .event__censor{
    position:absolute;
    bottom:75px;
    font-size:20px;
    letter-spacing:.03em;
    color:#fff;
    font-family:"PT Sans",sans-serif;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.main .event__censor .dot{
    display:inline-block;
    content:'';
    height:5px;
    width:5px;
    border-radius:10px;
    background:#fff;
    margin:0 10px;
    vertical-align:middle
}
.main-title{
    margin:75px 0 125px
}
.main-title h1{
    font-size:84px;
    text-align:center;
    font-family:"PT Sans Bold",sans-serif
}
@media screen and (max-width: 992px){
    .main-title h1{
        font-size:72px
    }
}
@media screen and (max-width: 768px){
    .main-title h1{
        font-size:58px
    }
}
@media screen and (max-width: 340px){
    .main-title h1{
        font-size:44px
    }
}
.container--main{
    position:relative;
    top:-60px;
    border-radius:20px;
    padding:40px 40px 80px 40px;
    background:#fff;
    box-shadow:0px 0px 30px 5px rgba(0,0,0,0.1)
}
.container--main.without{
    margin-top:100px
}
@media screen and (max-width: 567px){
    .container--main{
        margin:0;
        padding:24px 24px 40px
    }
}
.container--main .content__breadcrumbs{
    margin-bottom:25px
}
.container--main .content__breadcrumbs a{
    color:#b12424
}
.container--main .content__breadcrumbs a:hover{
    text-decoration:none
}
.container--main .content__breadcrumbs i{
    color:#b12424;
    font-weight:400;
    font-size:12px;
    margin:0 12px;
    position:relative;
    top:-1px
}
.container--main h2{
    width:auto;
    text-align:center;
    font-family:"PT Sans Bold",sans-serif;
    font-size:2.5rem;
    margin-bottom:30px;
    margin-top:40px
}
.container--main .content__more-button{
    text-align:center;
    display:block;
    width:250px;
    font-family:"PT Sans Bold",sans-serif;
    color:#000;
    margin:30px auto 50px;
    border:1px solid #b12424;
    padding:14px 30px;
    border-radius:20px;
    transition:0.2s ease-in-out
}
.container--main .content__more-button:hover{
    background:#b12424;
    text-decoration:none
}
@media screen and (max-width: 992px){
    .container--main .content__more-button{
        width:200px;
        margin-top:25px
    }
}
.container--main .content__afisha .content__afisha-title{
    margin-top:0
}
.container--main .content__afisha .afisha-item__link-wrapper:hover{
    text-decoration:none
}
.container--main .content__afisha .content__afisha-item{
    border:1px solid #C2C2C2FF;
    padding:24px 16px;
    border-radius:20px;
    cursor:pointer;
    transition:0.2s ease-in-out;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item{
        flex-wrap:wrap
    }
}
.container--main .content__afisha .content__afisha-item:hover{
    box-shadow:0px 3px 30px 0px rgba(0,0,0,0.1)
}
.container--main .content__afisha .content__afisha-item:hover .afisha-item__button-buy{
    background:#b12424;
    color:#fff
}
.container--main .content__afisha .content__afisha-item .afisha-item__dates{
    width:25%
}
.container--main .content__afisha .content__afisha-item .afisha-item__day{
    font-size:56px;
    line-height:48px;
    margin-right:12px
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__day{
        font-size:40px;
        line-height:32px
    }
}
.container--main .content__afisha .content__afisha-item .afisha-item__options{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.container--main .content__afisha .content__afisha-item .afisha-item__options .afisha-item__weekday{
    font-size:16px;
    color:#5C5C5CFF
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__options .afisha-item__weekday{
        font-size:12px;
        line-height:12px
    }
}
.container--main .content__afisha .content__afisha-item .afisha-item__options .afisha-item__months{
    font-size:24px;
    line-height:24px
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__options .afisha-item__months{
        font-size:20px;
        line-height:18px
    }
}
.container--main .content__afisha .content__afisha-item .afisha-item__pic-wrapper{
    position:relative;
    border-radius:50%;
    overflow:hidden;
    width:80px !important;
    height:80px !important;
    margin-right:30px;
    display:flex;
    align-items:center
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__pic-wrapper{
        width:56px;
        height:56px;
        margin-right:16px
    }
}
.container--main .content__afisha .content__afisha-item .afisha-item__pic-wrapper img{
    object-fit:cover;
    height:100% !important;
    width:100% !important
}
.container--main .content__afisha .content__afisha-item .afisha-item__name{
    display:flex;
    align-items:center;
    width:40%
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__name{
        order:-1;
        margin-bottom:20px;
        width:100%
    }
}
.container--main .content__afisha .content__afisha-item .afisha-item__name .afisha-item__name-wrapper{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:70%
}
.container--main .content__afisha .content__afisha-item .afisha-item__name .afisha-item__category{
    line-height:16px
}
.container--main .content__afisha .content__afisha-item .afisha-item__name .afisha-item__heading{
    font-size:24px;
    line-height:28px
}
.container--main .content__afisha .content__afisha-item .afisha-item__name .afisha-item__place{
    color:#5C5C5CFF
}
.container--main .content__afisha .content__afisha-item .afisha-item__censor{
    font-family:"PT Sans Bold",sans-serif;
    padding:2px 6px;
    border-radius:6px;
    background:#F5F5F5FF
}
.container--main .content__afisha .content__afisha-item .afisha-item__button-buy{
    font-family:"PT Sans Bold",sans-serif;
    border:1px solid #b12424;
    padding:10px 26px;
    border-radius:16px;
    white-space:nowrap;
    font-size:18px;
    margin-left:30px;
    text-align:center;
    transition:0.2s ease-in-out
}
@media screen and (max-width: 992px){
    .container--main .content__afisha .content__afisha-item .afisha-item__button-buy{
        margin:0;
        width:100%;
        margin-top:20px
    }
}
.container--main .content__news a:hover{
    text-decoration:none
}
.container--main .content__news a:hover .content__news-item-title{
    color:#b12424
}
@media screen and (max-width: 992px){
    .container--main .content__news .row{
        flex-wrap:wrap
    }
    .container--main .content__news .col-sm-4{
        flex:0 0 50%;
        max-width:50%
    }
}
@media screen and (max-width: 567px){
    .container--main .content__news .col-sm-4{
        flex:0 0 100%;
        max-width:100%
    }
}
.container--main .content__news .content__news-item{
    border-top:1px solid #000;
    padding:20px 0
}
.container--main .content__news .content__news-item .content__news-item-date{
    font-family:"Raleway SemiBold",sans-serif;
    font-size:12px;
    letter-spacing:0.15rem;
    margin-bottom:15px
}
.container--main .content__news .content__news-item .content__news-item-title{
    transition:0.2s ease-in-out;
    font-size:26px;
    line-height:26px;
    font-family:"PT Sans Bold",sans-serif;
    margin-bottom:15px
}
.container--main .content__news .content__news-item .content__news-item-preview{
    font-size:18px;
    line-height:22px
}
.container--main .new .new__date{
    font-family:"Raleway SemiBold",sans-serif;
    font-size:16px;
    letter-spacing:0.15rem;
    margin-bottom:15px
}
.container--main .new .new__title{
    font-size:32px;
    font-family:"PT Sans Bold",sans-serif;
    margin-bottom:20px;
    line-height:36px
}
.container--main .new .new__text{
    font-size:20px
}
.container--main .content__repertoire .repertoire-item__link-wrapper:hover{
    text-decoration:none
}
.container--main .content__repertoire .repertoire-item__link-wrapper:hover .content__repertoire-item{
    background:#F6E5E5FF
}
.container--main .content__repertoire .repertoire-item__letter{
    font-size:52px;
    font-family:"PT Sans Bold",sans-serif;
    padding-left:16px;
    margin:16px 0
}
.container--main .content__repertoire .content__repertoire-item{
    width:100%;
    transition:0.2s ease-in-out
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__play{
    display:flex;
    justify-content:space-between;
    padding:4px 16px;
    border-bottom:1px solid #C2C2C2FF;
    border-top:1px solid #C2C2C2FF
}
@media screen and (max-width: 992px){
    .container--main .content__repertoire .content__repertoire-item .repertoire-item__play{
        flex-wrap:wrap;
        padding:16px 16px 0 16px
    }
}
.container--main .content__repertoire .content__repertoire-item .repertoire-info-group{
    display:flex;
    align-items:center;
    width:100%;
    flex-wrap:wrap
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__pic{
    height:95px;
    width:175px;
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:0;
    border-radius:20px;
    margin-right:32px
}
@media screen and (max-width: 992px){
    .container--main .content__repertoire .content__repertoire-item .repertoire-item__pic{
        width:100%;
        margin-right:0px;
        height:150px
    }
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__pic img{
    display:block;
    position:absolute;
    width:100%;
    top:-50%
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__name-group{
    display:flex;
    flex-direction:column;
    justify-content:center
}
@media screen and (max-width: 992px){
    .container--main .content__repertoire .content__repertoire-item .repertoire-item__name-group{
        margin-top:15px
    }
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__name{
    font-size:20px;
    line-height:20px
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__category{
    color:#5C5C5CFF
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__button{
    display:flex;
    align-items:center;
    background:#b12424;
    color:#fff;
    padding:14px 30px;
    margin:25px 0;
    display:inline-block;
    border-radius:16px;
    text-align:center;
    font-family:"PT Sans Bold",sans-serif
}
.container--main .content__repertoire .content__repertoire-item .repertoire-item__button:hover{
    background:#C15050FF
}
@media screen and (max-width: 992px){
    .container--main .content__repertoire .content__repertoire-item .repertoire-item__button{
        width:100%
    }
}
.container--main .content__persons{
    margin-bottom:20px
}
@media screen and (max-width: 992px){
    .container--main .content__persons .row{
        flex-wrap:wrap
    }
    .container--main .content__persons .col-sm-4{
        flex:0 0 50%;
        max-width:50%
    }
}
@media screen and (max-width: 768px){
    .container--main .content__persons .col-sm-4{
        flex:0 0 100%;
        max-width:100%
    }
}
.container--main .content__persons .persons-picture{
    height:340px;
    width:100%;
    position:relative;
    display:inline-block;
    overflow:hidden;
    margin:0;
    border-radius:20px;
    margin-right:32px;
    display:flex;
    justify-content:center;
    align-items:center
}
@media screen and (max-width: 992px){
    .container--main .content__persons .persons-picture{
        width:100%;
        margin-right:0px;
        height:250px
    }
}
@media screen and (max-width: 768px){
    .container--main .content__persons .persons-picture{
        height:200px
    }
}
.container--main .content__persons .persons-picture img{
    display:block;
    object-fit:cover;
    width:100%;
    height:100%
}
.container--main .content__persons .persons-name{
    font-size:24px;
    font-family:"PT Sans Bold",sans-serif;
    margin-bottom:40px
}
@media screen and (max-width: 768px){
    .container--main .content__how-to .col-sm-4{
        flex:0 0 100%;
        max-width:100%
    }
}
.content__how-to{
    justify-items: center;
}
.content__how-to svg{
    justify-items: center;
    height: 100px;
}
.container--main .content__how-to .content__how-to-items .content__how-to-icon{
    display:flex;
    justify-content:center;
    margin-bottom:20px
}
.container--main .content__how-to .content__how-to-items .content__how-to-icon svg{
    height:75px
}
.container--main .content__how-to .content__how-to-items .content__how-to-subtitle{
    text-align:center;
    font-family:"PT Sans Bold",sans-serif
}
.container--main .content__how-to .content__how-to-items .content__how-to-description{
    text-align:center;
    margin-bottom:40px
}
.container--main .content__text .content__text-title{
    font-size:42px;
    font-family:"PT Sans Bold",sans-serif;
    margin-bottom:20px
}
@media screen and (max-width: 992px){
    .container--main .content__contacts .col-sm-6{
        flex:0 0 100%;
        max-width:100%
    }
}
.container--main .content__contacts .content__contacts-title{
    font-size:24px;
    font-family:"PT Sans Bold",sans-serif;
    margin-bottom:20px
}
.container--main .content__contacts .content__contacts-adress{
    font-size:18px
}
.container--main .content__contacts .content__contacts-email{
    font-size:18px;
    color:#b12424
}
.container--main .content__contacts .content__contacts-email:hover{
    text-decoration:none
}
.container--main .content__contacts .content__contacts-form input,.container--main .content__contacts .content__contacts-form textarea{
    padding:13px 12px;
    border-radius:6px;
    width:100%;
    border:1px solid #999999FF;
    margin-bottom:30px
}
.container--main .content__contacts .content__contacts-form input:focus,.container--main .content__contacts .content__contacts-form textarea:focus{
    border:none;
    outline:none;
    box-shadow:0 3px 8px 0px rgba(0,0,0,0.2)
}
.container--main .content__contacts .content__contacts-form .group-phone{
    display:flex
}
@media screen and (max-width: 567px){
    .container--main .content__contacts .content__contacts-form .group-phone{
        flex-wrap:wrap
    }
}
.container--main .content__contacts .content__contacts-form .group-phone .content__contacts-form-name{
    width:100%;
    margin-right:10px
}
@media screen and (max-width: 567px){
    .container--main .content__contacts .content__contacts-form .group-phone .content__contacts-form-name{
        margin:0
    }
}
.container--main .content__contacts .content__contacts-form .group-phone .content__contacts-form-phone{
    width:100%;
    margin-left:10px
}
@media screen and (max-width: 567px){
    .container--main .content__contacts .content__contacts-form .group-phone .content__contacts-form-phone{
        margin:0
    }
}
.container--main .content__contacts .content__contacts-form .group-submit .content__contacts-form-checkbox{
    display:flex;
    align-items:center;
    margin-bottom:20px
}
.container--main .content__contacts .content__contacts-form .group-submit input[type=checkbox]{
    width:auto;
    cursor:pointer;
    margin-right:8px;
    margin-bottom:0
}
.container--main .content__contacts .content__contacts-form .group-submit input[type=submit]{
    cursor:pointer;
    background:#b12424;
    color:#fff;
    font-family:"PT Sans Bold",sans-serif;
    transition:0.2s ease-in-out;
    border:none;
    border-radius:20px;
    margin-bottom:10px
}
.container--main .content__contacts .content__contacts-form .group-submit input[type=submit]:hover{
    background:#C15050FF
}
.container--main .content__contacts .content__contacts-form .group-submit label{
    line-height:16px;
    cursor:pointer;
    margin:0
}
.container--main .content__contacts .content__contacts-form .group-submit label a{
    color:#b12424
}
.container--main .content__contacts .content__contacts-form .group-submit label a:hover{
    text-decoration:none
}
.container--main .content__contacts .content__contacts-form .success{
    color:#00cf6f;
    font-size:14px;
    display:none;
    margin-bottom:8px
}
.container--main .cart-empty{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:400px
}
.container--main .cart-empty svg{
    position:absolute;
    z-index:0
}
.container--main .cart-empty .heading{
    position:relative;
    z-index:20;
    display:flex;
    margin-bottom:10px
}
.container--main .cart-empty .heading .heading-text{
    font-family:"PT Sans Bold",sans-serif;
    font-size:32px;
    margin-right:10px;
    text-align:center
}
.container--main .cart-empty .heading svg{
    margin-top:8px;
    height:35px;
    width:35px
}
.container--main .cart-empty .what-to-do{
    position:relative;
    z-index:20;
    text-align:center
}
.container--main .cart-empty .what-to-do a{
    color:#b12424
}
.container--main .cart-empty .what-to-do a:hover{
    text-decoration:none
}
.container--main .content__about .content__about-title{
    font-size:42px;
    font-family:"PT Sans Bold",sans-serif;
    text-align:center;
    margin-bottom:35px
}
.container--main .content__about .content__about-text{
    font-size:20px
}
.container--main .content__order{
    background:#F5F5F5FF;
    border-radius:20px;
    padding:40px 20px
}
@media screen and (max-width: 768px){
    .container--main .content__order .col-sm-6{
        flex:0 0 100%;
        max-width:100%
    }
}
.container--main .content__order .heading{
    font-family:"PT Sans Bold",sans-serif;
    font-size:24px
}
.container--main .content__order .order__form form input,.container--main .content__order .order__form form select{
    width:100%;
    padding:8px 12px;
    margin-bottom:10px;
    border-radius:4px;
    border:1px solid #C2C2C2FF;
    transition:0.2s ease-in-out
}
.container--main .content__order .order__form form input:focus,.container--main .content__order .order__form form select:focus{
    border:1px solid #fff;
    outline:none;
    box-shadow:0 3px 8px 0px rgba(0,0,0,0.2)
}
.container--main .content__order .order__form form label{
    margin-top:20px
}
.container--main .content__order .order__form form label span{
    font-family:"PT Sans Bold",sans-serif;
    font-size:18px
}
.container--main .content__order .order__form form .places select{
    margin:0 5px 10px
}
.container--main .content__order .order__form form .places select option:disabled{
    background:#E1E1E1FF
}
.container--main .content__order .order__form form .places select:first-child{
    margin-left:0
}
.container--main .content__order .order__form form .places select:last-child{
    margin-right:0
}
.container--main .content__order .order__form .proceed{
    width:100%;
    background:#b12424;
    color:#fff;
    border:none;
    border-radius:20px;
    padding:12px;
    font-family:"PT Sans Bold",sans-serif;
    margin-top:15px;
    cursor:pointer;
    transition:0.2s ease-in-out
}
.container--main .content__order .order__form .proceed:hover{
    background:#C15050FF
}
.container--main .content__order .order__scheme{
    width:100%
}
.container--main .content__order .order__scheme img{
    width:100%
}
.container--main .content__order .price-definer{
    display:flex;
    flex-wrap:wrap
}
@media screen and (max-width: 768px){
    .container--main .content__order .price-definer{
        margin-top:20px
    }
}
.container--main .content__order .price-definer .price-definer__item{
    font-family:"Raleway SemiBold",sans-serif;
    margin-bottom:2px;
    width:42%
}
@media screen and (max-width: 992px){
    .container--main .content__order .price-definer .price-definer__item{
        width:50%;
        font-size:12px
    }
    .container--main .content__order .price-definer .price-definer__item span{
        font-size:12px
    }
}
.container--main .content__order .price-definer .price-definer__item .dot{
    display:inline-block;
    content:'';
    height:8px;
    width:8px;
    border-radius:10px;
    background:#000;
    margin:0 10px;
    vertical-align:middle
}
.container--main .content__order .price-definer .price-definer__item .dot.red{
    background:#e841359f
}
.container--main .content__order .price-definer .price-definer__item .dot.yellow{
    background:#fbc10496
}
.container--main .content__order .price-definer .price-definer__item .dot.green{
    background:#32a65383
}
.container--main .content__order .price-definer .price-definer__item .dot.blue{
    background:#4286f48f
}
.container--main .content__order .price-definer .price-definer__item .price{
    font-family:"PT Sans Bold",sans-serif;
    margin-left:10px
}
footer{
    background:#000;
    padding:40px 0 20px;
    color:#fff
}
footer .footer__content{
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
    flex-wrap:wrap
}
@media screen and (max-width: 992px){
    footer .footer__content{
        justify-content:flex-start
    }
}
@media screen and (max-width: 420px){
    footer .footer__content{
        flex:1 0 50%
    }
}
@media screen and (max-width: 992px){
    footer .footer__content .footer__logo-wrapper{
        width:70px;
        margin-bottom:40px;
        order:0
    }
}
@media screen and (max-width: 430px){
    footer .footer__content .footer__logo-wrapper{
        width:50px
    }
    footer .footer__content .footer__logo-wrapper svg{
        width:40px
    }
}
@media screen and (max-width: 330px){
    footer .footer__content .footer__logo-wrapper{
        width:20%
    }
    footer .footer__content .footer__logo-wrapper svg{
        width:80%
    }
}
@media screen and (max-width: 992px){
    footer .footer__content .footer__menu{
        width:50%;
        margin-bottom:25px;
        order:2
    }
}
@media screen and (max-width: 420px){
    footer .footer__content .footer__menu a{
        font-size:11px
    }
}
@media screen and (max-width: 992px){
    footer .footer__content .footer__contacts{
        width:80%;
        flex-wrap:nowrap;
        order:1
    }
    footer .footer__content .footer__contacts li{
        font-size:18px;
        line-height:16px
    }
    footer .footer__content .footer__contacts li a{
        font-size:14px;
        line-height:35px
    }
}
@media screen and (max-width: 420px){
    footer .footer__content .footer__contacts li{
        font-size:16px;
        line-height:14px
    }
    footer .footer__content .footer__contacts li a{
        font-size:12px;
        line-height:25px
    }
}
footer .footer__content li{
    color:#fff;
    list-style-type:none;
    font-size:20px;
    font-family:"Raleway SemiBold",sans-serif
}
footer .footer__content a{
    font-family:"Raleway SemiBold",sans-serif;
    line-height:20px;
    font-size:16px;
    color:#fff;
    transition:0.2s ease-in-out
}
footer .footer__content a:hover{
    color:#b12424;
    text-decoration:none
}
footer .footer__content a.secondary-color{
    color:#5C5C5CFF
}
footer .footer__under{
    text-align:center;
    display:flex;
    justify-content:center;
    color:#5C5C5CFF;
    border-top:2px solid #333333FF;
    padding-top:20px
}
@media screen and (max-width: 775px){
    footer .footer__under{
        font-size:14px
    }
}
@media screen and (max-width: 567px){
    footer .footer__under{
        font-size:12px
    }
}
.auth{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.auth .auth-box{
    box-shadow:0px 0px 15px 5px rgba(0,0,0,0.075);
    margin-top:-25%;
    background:#fff;
    padding:20px 25px 25px;
    border-radius:16px;
    width:300px
}
.auth .auth-box label{
    font-family:"Raleway SemiBold",sans-serif;
    font-size:14px
}
.auth .auth-box input{
    width:100%;
    padding:6px 12px;
    border-radius:8px;
    border:1px solid #C2C2C2FF
}
.auth .auth-box input[type=password]{
    box-sizing:border-box;
    margin-bottom:15px
}
.auth .auth-box input[type=password]:focus{
    outline:none;
    border:1px solid #fff;
    box-shadow:0 3px 8px 0px rgba(0,0,0,0.2)
}
.auth .auth-box .proceed-button{
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer
}
.auth .auth-box .error{
    margin-top:5px;
    opacity:0;
    color:red;
    font-size:12px
}
.fix{
    display:block;
    height:40px;
    width:100%;
    background:transparent;
    position:relative
}
.generate{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.generate .logout{
    display:flex;
    justify-content:flex-end;
    margin-bottom:10px
}
.generate .logout a{
    font-family:"Raleway SemiBold",sans-serif;
    color:#000;
    font-size:14px
}
.generate .logout a:hover{
    text-decoration:none
}
.generate .generate-box{
    box-shadow:0px 0px 15px 5px rgba(0,0,0,0.075);
    background:#fff;
    padding:20px 25px 25px;
    border-radius:16px;
    width:300px
}
.generate .generate-box p{
    color:black;
    font-size:12px;
    line-height:16px;
    margin:10px 0 20px
}
.generate .generate-box p a{
    color:red;
    font-size:12px;
    line-height:16px;
    text-decoration:underline
}
.generate .generate-box label{
    font-family:"Raleway SemiBold",sans-serif;
    font-size:14px
}
.generate .generate-box input,.generate .generate-box select{
    width:100%;
    padding:6px 12px;
    border-radius:8px;
    border:1px solid #C2C2C2FF
}
.generate .generate-box input[type=text],.generate .generate-box select{
    width:100%;
    box-sizing:border-box;
    margin-bottom:15px
}
.generate .generate-box input[type=text]:focus,.generate .generate-box select:focus{
    outline:none;
    border:1px solid #fff;
    box-shadow:0 3px 8px 0px rgba(0,0,0,0.2)
}
.generate .generate-box .places select{
    margin:0 5px 10px
}
.generate .generate-box .places select option:disabled{
    background:#E1E1E1FF
}
.generate .generate-box .places select:first-child{
    margin-left:0
}
.generate .generate-box .places select:last-child{
    margin-right:0
}
.generate .generate-box .proceed-button{
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer
}
.generate .generate-box .error{
    margin-top:5px;
    opacity:0;
    color:red;
    font-size:12px
}
 .events-list .row {
     margin-right: -10px!important;
     margin-left: -10px!important;
}
 .events-list .row .e-item {
     padding-right: 10px!important;
     padding-left: 10px!important;
}
 .submit-button {
     height: 45px;
     text-align: center;
     width: 100%;
     border: 0;
     outline: 0;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     font-weight: 600;
     font-size: 14px;
     color: #fff;
     background: #b12424;
     cursor: pointer;
}
 .submit-button span {
     color: inherit;
}
/*# sourceMappingURL=main.min.css.map */