/* main page header */
.centr-top {background: url(images/back1.jpg) 50% 50%; height: calc(75vh - 6px); background-size: cover;}
.centr-top::before{opacity: 0.4; background: #201e34;}

/* second page header */
.topallpage {background: url(images/back2.jpg) 50% 30%; height: calc(50vh - 6px); background-size: cover;}
.topallpage::before{opacity: 0.5; background: #120f14;}
.menu-top {background: url(images/header-bg.jpg);}
/*#bottom_all {!* background: linear-gradient(135deg, #0d2b4a, #791e0c)*! background: url(images/btm.jpg) 50% 50%; background-size: cover; background-position: center;}*/
#bottom_all {background: url(images/btm.jpg) 50% 50%; background-size: cover;}

/* block restoran :) */
.centr-slider {background: url(images/bg-slider.jpg) 50% 50%; background-size: cover; background-attachment: fixed;}
.centr-slider {background-attachment: fixed;}

/* block ticket :) */
.ticket-slider-block {background: url(images/back-ticket.jpg); background-size: cover;}

/* mobile menu :) */
.mobilemenu-menu {background: url(images/bgmenu.jpg) no-repeat center; background-size: cover;}

/* navi elements */
#page .navigation .navi-left {background: url(images/navi2.jpg) center no-repeat; background-size: cover;}
#page .navigation .navi-right {background: url(images/navi1.jpg) center no-repeat; background-size: cover;}
#page .navigation .navi-left:before {background: #182944; opacity: 0.6;}
#page .navigation .navi-right:before {background: #182944; opacity: 0.6;}

/* navi template 
background: url(//cdn-bilet.ru/images/navi-map-color.jpg)
background: url(//cdn-bilet.ru/images/navi-map-gray.jpg)
background: url(//cdn-bilet.ru/images/navi-microphone-1.jpg)
background: url(//cdn-bilet.ru/images/navi-microphone-2.jpg)
background: url(//cdn-bilet.ru/images/navi-moscow-1.jpg)
background: url(//cdn-bilet.ru/images/navi-moscow-2.jpg)
background: url(//cdn-bilet.ru/images/navi-seat-1.jpg)
background: url(//cdn-bilet.ru/images/navi-seat-2.jpg)
background: url(//cdn-bilet.ru/images/navi-seat-3.jpg)
background: url(//cdn-bilet.ru/images/navi-seat-4.jpg)
background: url(//cdn-bilet.ru/images/navi-teatr-1.jpg)
background: url(//cdn-bilet.ru/images/navi-teatr-2.jpg)
background: url(//cdn-bilet.ru/images/navi-teatr-3.jpg)

background: url(//cdn-bilet.ru/images/back-ticket-1.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-2.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-3.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-4.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-5.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-6.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-7.jpg)
background: url(//cdn-bilet.ru/images/back-ticket-8.jpg)
*/

/* template
bottom
background: url(//cdn-bilet.ru/images/btm-1.jpg)
background: url(//cdn-bilet.ru/images/btm-2.jpg)
background: url(//cdn-bilet.ru/images/btm-3.jpg)
background: url(//cdn-bilet.ru/images/btm-4.jpg)
background: url(//cdn-bilet.ru/images/btm-5.jpg)
#bottom_all {background: linear-gradient(135deg, #282a41, #070d21);}
.menu-top {background: linear-gradient(135deg, #070d21, #282a41);}
restoran
background: url(//cdn-bilet.ru/images/bg-slider-teatr-1.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-teatr-2.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-teatr-3.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-teatr-4.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-concert-1.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-concert-2.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-concert-3.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-concert-4.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-concert-5.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-musical.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-circus.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-seat-1.jpg)
background: url(//cdn-bilet.ru/images/bg-slider-seat-2.jpg)
*/

/* other elements */
.bottom .left .name::after {height: 2px; background: #f13546; margin-top: 10px;} /* red line bottom */ 
.s_top_calendar {background: radial-gradient(68.51% 159.33% at 50% 0%, #f7d368 0%, #ffc722 100%),radial-gradient(159.33% 159.33% at 50% 0%, #f7d368 0%, #ffc722 100%);}
.dot-ticket-top {}

.eventgallery.eventpage .block {width: 25%;}
#mainafisha .event_wrap {width: 33%}
#mainafisha .event .image .best {font-size: 18px;}
#afishapage .image .best {font-size: 18px;}
#mainafisha .event .date {margin-bottom: 0; margin-top: 10px;}
#mainafisha .event {padding: 15px; width: 33.333%;}
.button3.button-news a {color: #000; border: 1px solid #000;}

.topallpage .title_bg {background-color: #201e34; opacity: 0.4; width: 100%; height: 100%; position: absolute; z-index: 500;}
body .topallpage::before {display: none;}
.topallpage .title {position: relative; z-index: 550; padding: 50px 15px; min-height: 200px; width: 100%;}
.topallpage {height: auto; display: flex;}
#topevent {height: auto; display: flex;}
#topevent .title {position: relative; z-index: 550; padding: 50px 15px; min-height: 400px; width: 100%;}
#topevent .title_bg {opacity: 0.3; ;}
body .centr-top {display: flex;}
body .centr-top::before {display: block;}
body .centr-top .title_bg {background-color: #000000; opacity: 0.2; width: 100%; height: 100%; position: absolute; z-index: 500;}
body .centr-top .title {position: relative; z-index: 550; padding: 50px 15px; width: 100%;}
#topallpage-news {height: auto; display: flex;}
#topallpage-news .title {padding: 50px 15px; min-height: 400px; width: 100%;}

#event .event_info .left_box {width: auto; max-width: 250px;}
.scroll_head_block {display: flex; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; scrollbar-width: none;/* Firefox */-ms-overflow-style: none;/* IE 10+ */-webkit-overflow-scrolling: touch;}

#event .event-actors-link a {font-size: 18px}
#event .event-actors-link img {width: 95%; border-radius: 4px;}
.acters {margin-bottom: 60px;}
.acters-slider {display: flex; flex-wrap: wrap; }
.acters-slider .event-actors-link {max-width: 155px; padding: 10px 5px; }
.acters-slider .event-actors-link img {width: 100%; border-radius: 4px;}
.actor-photo {margin-top: 30px; margin-bottom: 50px; text-align: center;}
.actor-photo img {border-radius: 5px; width: 350px}
.actor-slider img {border-radius: 50%; border: 8px solid #e5e4f1; e5e4f1; width: 200px}
body .dogovor_onload {max-width: 1000px; border-radius: 15px;}
.oh {overflow: hidden;}

.seat_tickets_wrap {max-width: 1300px; margin: 0 auto; position: relative; z-index: 5005; padding: 0 5px; }
.seat_tickets {max-width: 1300px; margin: 0 auto; margin-top: 10px; border-radius: 15px; overflow: hidden; position: relative; z-index: 5005;;}
.seat_tickets .scheme_place{width:100%; background-color: #f5f7f3; padding: 10px 10px 20px 10px;}
.seat_tickets .zone{width: 100%;background-color:#d4cec0; font-size:18px; text-transform:uppercase;color:#fff; font-weight: bold; padding: 10px;}
.seat_tickets .row{background-color:#f5f7f3; justify-content: space-between;}
.seat_tickets .row_price{min-width: 170px;}
.seat_tickets .item_place{display: flex; flex-direction: row-reverse; justify-content: start;}
.seat_tickets .row_name{min-width: 120px;}
.seat_tickets .row_place {margin-top: 5px; margin-bottom: 5px;}
.seat_tickets .row_place input{font-size:16px; border-radius: 3px; padding: 4px 10px;}
.seat_tickets .rom_place{border:1px solid #000;margin:0 3px 0 0;background-color:#66cc00;color:#fff;text-align:center; margin-bottom: 2px;}
.seat_tickets .rom_place:hover{background-color:#ffcc00;color:#000000}
.seat_tickets .in-basket{background-color:#ffcc00;color:#000000}
.seat_tickets .row_place input:hover{cursor:pointer}
.seat_tickets .places_block{display: flex; flex-wrap: wrap;}
.seat_tickets_bot_bg {content:''; bottom: -70px; left: -100px; background: url(/images/back_lamp.webp); width: 200px; height: 212px; background-repeat: no-repeat; background-size: cover; position: absolute; opacity: .6; -webkit-filter: blur(3px) grayscale(0.5); filter: blur(3px) grayscale(0.5); -moz-filter: grayscale(0.5); -ms-filter: grayscale(0.5);}
.seat_tickets_top_bg {content:''; top: -60px; right: -120px;; background: url(/images/back_microphone.webp); width: 200px; height: 247px; background-repeat: no-repeat; background-size: cover; position: absolute; opacity: .6; -webkit-filter: blur(3px) grayscale(0.5); filter: blur(3px) grayscale(0.5); -moz-filter: grayscale(0.5); -ms-filter: grayscale(0.5);}

.seat_tickets_bot_bg.shema_tickets {left: 0; opacity: .2;}
.seat_tickets_top_bg.shema_tickets {right: 0; top: 0; opacity: .2;}
.seat_tickets_bot_bg.shema_list {opacity: .2;}
.seat_tickets_top_bg.shema_list {opacity: .2;}
/* ticket list and order ticket */

.fx {display: flex;}
.fxa {display: flex; align-items: center;}
.fxw {display: flex; flex-wrap: wrap;}
.fxd {display: flex; flex-direction: column;}
.fxsb {display: flex; justify-content: space-between;}
.fxsa {display: flex; justify-content: space-around;}
.fxc {display: flex; justify-content: center;}
.pdr10 {padding-right: 10px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.wd40 {width: 40%;}
.wd60 {width: 60%;}
.wd100 {width: 100%;}

#non_tickets h3 {text-align: center;}
#non_tickets .error_load {margin-left:auto;margin-right:auto; }
#non_tickets .error_load p {text-align: center; margin-top: -20px; margin-bottom: 20px;}
#non_tickets .error_load .reloading {content:''; display: inline-block; background: url(/images/ico-reload.svg); width: 17px; height: 17px; background-repeat: no-repeat; background-size: cover; margin-right: 5px; margin-bottom: -3px; cursor: pointer;}
#non_tickets .reloading:hover {opacity: .2;}
#non_tickets .error_load p a:hover {color: #000000; opacity: .2;;}
.tickets_form_textniz li {margin-left: 40px;}

/* order basket page */
.basket_none h1 {font-size: 35px;}
.order_page .hight_font {font-size: 32px;}
.main.basket_none {margin-top: 80px; margin-bottom: 200px; height: 50vh;}
.order_page .ico img {width: 40px; height: 40px; margin-right: 10px;}
.order_block .title {margin-bottom: 15px;}
.order_block.one {margin-bottom: 50px;}
.order_event {padding: 20px 20px; border-radius: 15px; border: 1px dotted #cccccc; margin-bottom: 10px;}
.order_event .left {width: 130px; padding-right: 20px;}
.order_event .left img {width: 110px; height: 110px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
.order_event .right {width: calc(100% - 130px);}
.order_event .right .title_event {margin-bottom: 5px;}
.order_event .right .title_event a {font-size: 28px; text-decoration: none;}
.order_event .right .info {opacity: .4; margin-bottom: 15px;}
.order_event .right .info img {opacity: .4; width: 25px; height: 25px; margin-right: 5px; margin-top: -2px;}
.order_tickets_wrap {border-bottom: 1px dashed #dddddd; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; padding-left: 10px;}
.order_tickets_wrap:hover {background: #f9f6f6;}
.order_tickets_wrap:last-child {border-bottom: none; padding-bottom: 5px;}
.order_tickets_wrap .rgt img {cursor: pointer; opacity: .1;}
.order_tickets_wrap .rgt img:hover {opacity: 1;}
.order_tickets .center {margin: 0 5px;}
.order_total {padding: 20px 20px; border-radius: 15px; border: 1px dotted #cccccc; width: fit-content; font-size: 20px;}
.oformlenie {margin-bottom: 80px;}
.oformlenie .left {max-width: 600px;}
.oformlenie .title {margin-bottom: 20px;}
.oformlenie .order_select {font-weight: bold;;}
.oformlenie .order_select span {opacity: 1; font-size: 16px; display: block; font-weight: normal;}
.oformlenie .order_select label {font-size: 20px;}
.oformlenie .pay_image img {max-width: 350px; margin-left: 40px; opacity: .3; cursor: pointer;}
.oformlenie .pay_image img:hover {opacity: 1;}
#pay-select input[type="radio"] + label:before {content: ''; display: block; width: 20px; height: 20px; border: 2px solid #000000; position: absolute; left: 0; top: 0; opacity: .4; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
#pay-select input[type="radio"]:checked + label:before {width: 10px; top: 2px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#pay-select input[type="radio"] {display: none;}
#pay-select input[type="radio"] + label {display: block; position: relative; padding-left: 45px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin-bottom: 5px; cursor: pointer;}
.oformlenie .order_select .block {margin-bottom: 40px;}
.oformlenie .order_select .block:last-child {margin-bottom: 0;}
.oformlenie .order_select .blocking {opacity: .4;}
.oformlenie .order_select .blocking img {width: 30px; margin-top: -4px;}
.oformlenie .order_select .blocking span {opacity: 1; }
.oformlenie .right {max-width: 600px;}
.correctly {margin-bottom: 10px; }
.privacyguard {margin-top: 15px; opacity: .4;}
.iconguard {margin-top: 15px; }
.iconguard img {width: 20px;}
#order-page-form {padding: 50px 30px 30px; border-radius: 15px; border: 2px solid #fc3; }
.event_ticket_forma .left_box .pole {margin: 0 0 10px 0}
.event_ticket_forma .left_box .pole input {display: inline; width: 100%; height: 50px; padding-left: 10px; border-radius: 5px; outline: none; border: 1px solid #000; font-size: 20px;}
.event_ticket_forma .left_box .pole input.error {outline-color: red; color:red; outline:auto;}
.event_ticket_forma .cnopa input {font-size: 18px; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; padding: 15px 30px; border-radius: 5px; background-color: #ffc722;}
.event_ticket_forma .cnopa input:hover{background-color: #33cc00; color:#fff;}
.safely {gap: 20px;}
.safely .block {width: 33.333%;}
.safely .block .title {font-weight: bold;}
.order_page .hight_font {font-size: 32px;font-weight: bold;}
.order_page .ico img {width: 40px; height: 40px; margin-right: 10px;}
.w1200 {max-width: 1200px; margin: 0 auto; padding-right: 15px; padding-left: 15px;position: relative; z-index: 1000; box-sizing: border-box;}
.main.page .main_wrap {background: #ffffff; border-radius: 20px; margin-bottom: 40px; margin-top: 40px; padding-right: 30px; padding-left: 30px; padding-top: 40px; padding-bottom: 40px;;}
.main .main_wrap {margin-bottom: 40px; margin-top: 40px; padding-right: 30px; padding-left: 30px; padding-top: 40px; padding-bottom: 40px;;}

.safely {gap: 20px;}
.safely .block {width: 33.333%;}
.safely .block .title {font-weight: bold;}
.main.basket_none {margin-top: 80px; margin-bottom: 200px; height: 50vh;}
.hight_font {font-family: 'Panton-Bold';}

/* mobile media */
@media screen and (max-width: 750px){
    #mainafisha .event {width: 50%;}
    #afishapage .event .areabuy_time .place .vozrast {display: none;}
    #afishapage .event .image .best {border-radius: 10px;}
    .event-actors-link {margin-bottom: 20px;}
    #topevent .title {min-height: 400px;}
    #topallpage-news .title {min-height: 300px;}
    .centr-top .title .name {font-size: 40px;}
    body .centr-top .title {min-height: 500px;}
	.scroll_head_block {overflow-x: scroll; scrollbar-width: thin; }
    body #prices-legend-block {flex-wrap: nowrap;}
    .acters-slider .event-actors-link {max-width: 33%; width: 33%; box-sizing: border-box;}
    .seat_tickets .row_name {min-width: 80px; padding-right: 8px; font-size: 18px;}
    .seat_tickets .row_price {min-width: 100px; padding-left: 5px; font-size: 18px; text-align: left;}
    .seat_tickets {border-radius: 10px;}
    .seat_tickets .row_place input {font-size: 20px;}
    #event .event_info .right_box .info_box .info_box_all.price {display: none;}
    #event .event_info .right_box .info_box .info_box_all.shems {display: none;}
    #event .event_info .left_box {display: none;}
    #event .event_info .right_box .info_box .info_box_all.adres {margin-bottom: 30px;}
    .ticket-slider .sit {margin-top: 8px;}

    .main.page .main_wrap {margin-top: 20px; margin-bottom: 10px; padding: 30px 20px; border-radius: 5px;}    
    .oformlenie {flex-wrap: wrap; margin-bottom: 40px;}
    .oformlenie .left {max-width: none; width: 100%; padding-right: 0; margin-bottom: 60px;}
    .order_block.one {margin-bottom: 70px;}
    .oformlenie .block.blocking {display: none;}
    .oformlenie .right {max-width: none; width: 100%; font-size: 20px;}
    .oformlenie .pay_image img {width: 90%;}
    .order_event .right .info img {width: 30px; height: 30px;}    
    .order_event .right {width: 100%; font-size: 20px;}
    .oformlenie .order_select span {font-size: 20px;}
    .oformlenie .order_select label {font-size: 24px;}
    .event_ticket_forma .left_box .pole input {height: 60px; font-size: 24px;}
    .box_label_input .label_input {font-size: 24px;}
    .event_ticket_forma .cnopa input {font-size: 22px; padding: 17px 30px;}
    .privacyguard {font-size: 16px;}
    .safely .block .title {font-size: 22px;}
    .eventgallery .block {width: 33%;}
}

@media screen and (max-width: 550px){
    .tickets_form_textniz .photo-up img {width: 100%;}
    #mainafisha .event {width: 100%; border: 0;box-shadow: 0 10px 20px rgba(0, 0, 0, .04); background: #ffffff;}
    .acters-slider .event-actors-link {max-width: 50%; width: 50%;}
    
    .order_event {flex-wrap: wrap; border-radius: 5px;}
    .order_event .left {width: 100%; padding-right: 0; display: flex; justify-content: center; margin-bottom: 10px;}
    .order_event .left img {width: 100px; height: 100px;}
    .order_event .right {width: 100%; font-size: 20px;}
    .order_total {border-radius: 5px; padding: 10px 20px;}
    .order_tickets_wrap {padding-right: 0; padding-left: 0; flex-wrap: wrap; justify-content: flex-start;;}
    .order_tickets_wrap .rgt img {margin-left: 10px;}
    .order_page .hight_font {font-size: 28px; line-height: 26px;}
    .oformlenie .title {margin-bottom: 5px;}
    #order-page-form {padding: 0; border: 0;}
    .privacyguard {margin-top: 30px;}
    .safely {flex-wrap: wrap; gap: 0;}
    .safely .block {width: 100%; margin-bottom: 20px;}
    .eventgallery .block {width: 50%;}
}