@font-face {
    font-family: 'FuturaNowHeadline';
    src: url('fonts/FuturaNowHeadline.woff2') format('woff2'),
         url('fonts/FuturaNowHeadline.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.menubtn{
    display: none!important;
}
body,html{
    font-family: 'FuturaNowHeadline', sans-serif!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'FuturaNowHeadline', sans-serif!important;
}
.mu-about-righ, .mu-about-right p, .mu-about-right span, .mu-about-right h1, .mu-about-right h2, .mu-about-right h3, .mu-about-right h4 {
    font-family: 'FuturaNowHeadline', sans-serif!important;
    font-size: 20px !important;
}


.ticket{
    line-height: 50px;
    margin: auto;
    float: none;
    width: fit-content;
    margin-top: 50px;
}
#mu-hero {
    margin-top: 0px!important;
}
#mu-hero .navbar-default {
    display: none!important;
    }

.popup_ticket{
    background: #00BB00!important;
    color: #fff;    
    }
.title.title_form{text-align: left;}
.popup_ticket .title2{text-align: left!important;}
.popup_ticket .title2 span{
    display: inline-block;
    opacity: 0;
    width: 40px;
}
.popup_ticket .fill_form{
    color: #333;
    background-color: #fff;
    padding: 3vw;
    border-radius: 16px;    
    }
.popup_ticket .button_buy{
    border-radius: 16px;
    margin-top: 50px;
    }
.popup_ticket .btn_close{
    border-radius: 16px;
    }

.popup_data{
    border-radius: 35px;
    }


.popup_ticket .ready{
    text-align: center;
    font-size: 25px;
    color: #333;
    background-color: #fff;
    padding: 50px;
    border-radius: 16px;
    }
.popup_ticket .ready .mail{
    width: 600px;
    text-align: center;
    }
.popup_ticket .ready .dates{
    width: 600px;
    text-align: center;
    }
.popup_ticket .ready .adress{
    width: 600px;
    text-align: center;
    }
    
.ticket_inner a{
    text-decoration: underline;
    }


.popup_ticket .ready {
    width: 100%;
    }
.title.title_form.ready_form{
    text-align: center;
    }
.popup_ticket_action .content { 
    padding-bottom: 10px !important;
}


.popup_ticket .disclaimer {
    width: 100%;
}


.ticket_inner label{
    display: inline!important;
    }
input[type=checkbox], input[type=radio] {
    margin: 12px 0 0!important;
}





@media (max-width: 1400px) {

.popup_ticket .content {
    max-width: 95vw;
    }
.popup_ticket .ticket_inner {
    width: 91vw !important;
    float: none;
    padding-right: 6vw !important;
    padding-left: 3vw !important;
}

    
}

.popup_ticket_action {
    display: flex;
    }

.popup_ticket_action.active {
    visibility: visible;
    opacity: 1;
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    margin-left: -186px;
}

.popup_ticket_action .content {
    
    color: #333;
}




.mu-speakers-slider .slick-next, .mu-speakers-slider .slick-prev, #mu-venue, .mu-popular-price .mu-price-tag, .mu-navbar .navbar-toggle, .mu-navbar .navbar-toggle:hover, .mu-navbar .navbar-toggle:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .mu-schedule-menu li a:hover, .mu-schedule-menu li a:focus, .mu-schedule-menu li.active a, .mu-schedule-menu li.active a:hover, .mu-schedule-menu li.active a:focus {
    background-color: #023DFF;
    }
.mu-venue-area {
    background-color: #00BB00;
    }
.popup_ticket .button_buy{
    background-color: #023DFF!important; 
    }
.popup_ticket .close_popup{
    background-color: #023DFF!important; 
    }
.popup_ticket .btn_close{
    background-color: #023DFF!important; 
    }


.title.title_form.ready_form{
    height: 10px;
    opacity: 0;
    overflow: hidden;
    margin-bottom: 90px;
    }

@media (max-width: 768px) {

    .popup_ticket .title2 span {
        display: block;
        }
.ticket{
    line-height: 9vw;
}


.title.title_form.ready_form{
    margin-bottom: 0px;
    }

    }



.popup_ticket .pop_close {
    background-image: url(/webapp/berekeparty.kz/img/close_w.svg)!important;
    }

.mu-event-counter-block {
    color: #023DFF!important;
    border-color: #023DFF!important;
    }

.mu-event-counter-area {
    margin-bottom: 50px;
    }

.locations{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    }
.locations div{
    display: inline;
    background-color: #fff;
    padding: 10px 24px;
    border-radius: 3px;
    cursor: pointer;
    margin: 8px;
    }   
.locations div.active{
    background-color: #023DFF;
    color: #ffffff;
    }