* {border: 0} 
body{font-family: 'Panton-Light'; font-size: 16px; margin: 0; color: #000; background-color: #f1f3f4; background-image: url('images/bg.jpg')}
img {border: 0px;}
p{color: #000; font-size: 16px;}
a{color: #14a9f1; text-decoration: underline}
a:hover{color: #14a9f1; text-decoration: underline;}
select {font-family: 'Panton-Light'}
button {font-family: 'Panton-Light'}
.clear {clear: both}
li {text-align: left;}
ul {}
.korzina-box {height: 65px; position: relative; z-index: 100; background-color: #ffcc00}
#topcontrol {margin-right: 10px; margin-bottom: 10px; z-index: 999;}
#topcontrol img {opacity: 0.4; border-radius: 30px;}
#topcontrol img:hover {opacity: 1}
.black_link {color: #000000}
#black_link a {color: #000000}
.content_block_main a {color: #000000}
.grecaptcha-badge {display: none}
.delete {display: none}

h1 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
h2 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
h3 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
h4 {color: #000; font-size: 26px}

.pasport_order span {color: #f01947}
.pasport_order {max-height: 110px; overflow: auto;}

.box_label_input{position:relative}
.text_label_input[type="search"]::-webkit-search-decoration,.text_label_input[type="search"]::-webkit-search-cancel-button,.text_label_input[type="search"]::-webkit-search-results-button,.text_label_input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}
.text_label_input:disabled,.text_label_input[readonly]{background-color:#f5f5f5;opacity:1}
.box_label_input .text_label_input{height:calc(2.5rem + 2px);padding:0.5rem 0.75rem}
.box_label_input .label_input{position:absolute;top:50%;left:0.3125rem;display:flex; transform:translateY(-50%);pointer-events:none;border:none; background-color:#fff;color:#757575; padding-left:0.5rem;padding-right:0.5rem; transition:top 0.1s ease-in-out,scale 0.1s ease-in-out; font-size: 20px;}

.box_label_input .label_input.label_input_textarea {top:24px;}
.box_label_input .label_input.label_input_search {left:40px;background: none;}
.box_label_input .label_input.label_input_rew {margin-top: auto; height: auto;padding: 3px 5px;}

.box_label_input .text_label_input::-moz-placeholder{color:transparent}
.box_label_input .text_label_input::placeholder{color:transparent}
.box_label_input .text_label_input:focus~.label_input,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input{top:0;transform:translateY(-50%) scale(0.75);margin-left: -10px; box-sizing:border-box}
.box_label_input .text_label_input:focus~.label_input.label_input_search,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input.label_input_search{transform:translateY(-100%) scale(0.85);margin-left: -40px;}

.fancybox-button svg {color: #000;}
.linkscroll {margin-top: -140px;    position: absolute;}
.content_toggle_main:before{content:'\f107'; color: #000000; font-family: FontAwesome; font-size:20px; cursor: pointer; margin-right: 4px;}
.content_toggle_main {text-decoration: none; display: block; margin-bottom: 20px; font-size: 18px; color: #000000}
.content_toggle_main.eventpage {margin-bottom: 50px; }
.content_toggle_main span {border-bottom: 2px dotted #000}

#fortitle h1, h2 {text-align: left;}
#page #page-padding {padding: 20px 10px 0 10px; box-sizing:border-box; text-align: left;}
#page #page-padding .oplata-page {max-width: 400px; width: 100%;}
#page #page-padding div {font-size: 16px}
#page #page-padding p {font-size: 16px}
#page {padding: 0 15px; box-sizing:border-box}
#page h2, h3 {text-align: left; }
#rewiewspage {}
.main-afisha-h2 {color: #fc7837; margin-top: 50px;}

.main_cloun {display: flex}
.main_cloun .clouns img {width: 370px; max-width: 370px; border-radius: 4px;}
.main_cloun .clouns {padding: 70px 0 0 30px}

/* back zvonok */ 
.zvonok {width: 100%; box-sizing: border-box; padding: 40px 40px 30px 40px; background: url(images/bg-slider.jpg); background-size: cover; border-radius: 5px; position: relative;}
.zvonok:after {content:''; background: #000000; width: 100%; height: 100%; position: absolute; opacity: 0.5; background: #000000; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px;}
.event_ticket_forma2 {width: 100%; position: relative; z-index: 100;}
.event_ticket_forma2 .left_box {float: left; width: 50%; box-sizing: border-box; padding: 0 20px 0 0; text-align: right;}
.event_ticket_forma2 .title {color: #fff; text-shadow: #555 2px 2px 5px;}
.event_ticket_forma2 .left_box .pole {margin: 0 0 15px 0}
.event_ticket_forma2 .pole input {display: inline; width: 80%; height: 45px; font-size: 18px; padding-left: 10px; border-radius: 5px; outline: none; }
.event_ticket_forma2 .left_box .pole select {display: inline; width: 100%; height: 45px; font-size: 18px; padding-left: 10px; border-radius: 25px; outline: none; box-shadow: #999 4px 4px 20px;}
.event_ticket_forma2 .left_box .pole .spam {width: 200px}
.event_ticket_forma2 .left_box .pole img {margin: 0 0 -5px 7px}
.event_ticket_forma2 .right_box {float: right; width: 50%; box-sizing: border-box; padding: 0 0 0 20px;}
.event_ticket_forma2 .center input{display: inline-block; text-shadow: #999 2px 2px 5px; color: #fff; text-decoration: none; padding: 10px 50px 10px 50px; outline: none; border-width: 2px 0; border-style: solid none; border-color: #d52a39 #000 #b1222f; border-radius: 5px; background: linear-gradient(#f13546, #db2e3e) #f13546; transition: 0.2s; background-color: #f13546; text-transform: uppercase; font-size: 16px; cursor: pointer; } 
.event_ticket_forma2 .center input:hover { background: linear-gradient(#db2e3e, #f13546) #f93f02; }
.event_ticket_forma2 .center input:active { background: linear-gradient(#f13546, #db2e3e) #f93f02; }
#page .event_ticket_forma2 .center {text-align: center; margin-top: 5px;padding: 10px 0 0 0;}
/* back zvonok */ 

.big_baner {margin: 0 auto; max-width: 1000px; margin-bottom: 60px; position: relative; z-index: 100; box-sizing: border-box; padding: 0 20px;}
.title_vetka_padding {padding: 0 15px; box-sizing: border-box; max-width: 1000px; margin: 0 auto;}
.title_vetka {margin: 0 auto; max-width: 1000px;  background: url(images/afisha_bg.png); height: 79px; background-position: center; position: relative; z-index: 150; border-radius: 15px 15px 0 0; margin-top: 40px; line-height: 80px; text-align: center;}
.title_vetka span {font-size: 32px; color: #fff; display: block; right: 0; left: 0; position: absolute; font-family: 'Panton-BlackCaps';}
.title_vetka_rekomenduem {margin: 0 auto; max-width: 1200px; background-position: center; position: relative; z-index: 150; }
.title_vetka_rekomenduem h3 {font-size: 32px; color: #000000; }
.title_main {margin: 0 auto; max-width: 1200px; margin-top: 40px; position: relative;}
.title_main h2 {text-align: center;}
#page .title_main_rekomenduem h3 {text-align: center; font-size: 40px; color: #bcdcef; text-transform: uppercase; font-weight: bold; margin-bottom: -10px; margin-top: 30px;}
#page .slider_scena3 {display: flex; justify-content: space-between}
#page .slider_scena3 .box {width: 25%; text-align: center; margin: 0 0 20px 0;}
#page .slider_scena3 .box .name {font-size: 20px; font-weight: bold; color: #0b9039;}
#page .slider_scena3 .box a {text-decoration: none;}
#page .slider_scena3 .box a:hover {text-decoration: underline; color: #339900}
#page .box_padding {padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;}
#page .slider_scena3 .name {font-size: 20px; font-weight: bold; color: #000; text-align: center;}
#page .slider_scena3 a {text-decoration: none}
#afishamain {margin: 0 auto; max-width: 1200px; margin-top: 20px; margin-bottom: 10px; }
#afishamain .titlezag {background: url(images/afisha_bg.png); width: 100%; height: 79px;  font-family: 'Panton-BlackCaps'; line-height: 80px; border-radius: 25px 25px 0 0; box-sizing: border-box; text-align: center; margin: 0 auto; position: relative; overflow: hidden; margin-bottom: 10px;}
/* #afishamain .titlezag::before{content:''; width: 100%; height: 100%; position: absolute; opacity: 0.3; background: #000000; display: block;} */
#afishamain .titlezag span {font-size: 32px; color: #fff; display: block; right: 0; left: 0; position: absolute;}

.big_baner .slider_best_event .best_event_img {width: 100%; border-radius: 0 0 15px 15px;}
#maintext p {text-align: center;}
#maintext h2 {text-align: center;}

.slider_scena div img {width: 99%; border-radius: 5px; position: relative; z-index: 10}
.slider_scena div a {font-weight: bold; font-size: 18px; text-decoration: none}
.slider_scena .name {background-color: #ffffff; border-radius: 5px; padding: 10px; margin: 0 15px 0 15px; text-align: center; color: #000000; margin-top: -20px; position: relative; z-index: 100}
.slider_scena .name a {text-decoration: underline}
.slider_scena .area {width: 98%}
.main-text {max-width: 1400px; margin: 0 auto;}
.afishamaintop .centrauto #page_content {padding: 0 10px; box-sizing:border-box}

.centrauto .main-plus {display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; margin: 20px 0 20px 0;}
.centrauto .main-plus .block {width: 50%; text-align: left; padding: 20px 20px 20px 0; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.centrauto .main-plus .block #cars:before{content:'\f0d1'; color: #cccccc; font-family: FontAwesome; font-size:60px; cursor: pointer;}
.centrauto .main-plus .block #payd:before{content:'\f09d'; color: #cccccc; font-family: FontAwesome; font-size:60px; cursor: pointer;}
/* .centrauto .main-plus .block #inform:before{content:'\f145'; color: #f13546; font-family: FontAwesome; font-size:60px; cursor: pointer; } */
.centrauto .main-plus .block #inform img {width: 55px; }
.centrauto .main-plus .block #shit:before{content:'\f129'; color: #cccccc; font-family: FontAwesome; font-size:60px; cursor: pointer;}
.centrauto .main-plus .block .left {width: 60px; text-align: center;}
.centrauto .main-plus .block .left img {width: 60px}
.centrauto .main-plus .block .right {width: calc(100% - 60px); padding: 0 10px 0 15px ; box-sizing: border-box;}
.centrauto .main-plus .block .right .title {font-size: 26px; font-weight: bold; color: #000000}
.centrauto .main-plus .block .right {font-size: 16px; color: #999999}

/* price and map main */
.price-main {max-width: 1400px; margin-top: 30px; box-sizing: border-box;}
.price-main .title {background: #fff; padding: 10px 0 20px 0}
.price-main .title .info {margin-top: -20px}
.price-main .price-main-blok .left {float: left; background-color: #f6f6f8; border-bottom: 2px dotted #f6f6f8;}
.price-main .price-main-blok .right {float: right; background-color: #f6f6f8; border-bottom: 2px dotted #f6f6f8;}
.price-main .price-main-blok {clear: both; font-size: 18px; margin: 10px 0 18px 0}
.price-main .price-main-blok .centerprice {background-position: bottom; border-bottom: 2px dotted #cbcbcc;}
.price-main .link_buy {margin-top: 20px; text-align: center}
.price-main .link_buy a {font-size: 20px; color: #0099ff}
.infovideo {width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; margin-bottom: 40px;}
.infovideo .info {width: 60%; text-align: left; }
.infovideo .video {width: 40%; padding-left: 30px; box-sizing: border-box;}
.infovideo .video img {border-radius: 20px}
.infovideo .video h3 {color: #cccccc; font-size: 22px;}
.subcribe h3 {color: #ddd; font-size: 22px;}

/* rewies main */
.rewies {position: relative; z-index: 100; padding: 15px; box-sizing: border-box; margin-bottom: -350px;}
.rewies .title h3 {font-size: 32px; font-family: 'Panton-BlackCaps'; color:#ffffff; }
.rewies .title {background: url(images/afisha_bg.png) no-repeat; max-width: 600px; height: 79px; color: #fff; font-family: 'Panton-BlackCaps'; line-height: 80px; padding-left: 50px; box-shadow: #bbb 2px 2px 20px; border-radius: 25px 25px 0 0; box-sizing: border-box;}
.rewies .slider_rewies {background: url(images/comment_bg.png); max-width: 600px; height: 230px; border-radius: 0 0 25px 25px; box-shadow: #ccc 2px 2px 30px; padding: 30px 40px 0 40px}
.rewies .slider_rewies .name {color: #000; font-family: 'Panton-BlackCaps'; font-size: 24px; text-transform: uppercase; float: left}
.rewies .slider_rewies .date {float: right; color: #cccccc; font-family: 'Panton-BlackCaps'; font-size: 18px;}
.rewies .slider_rewies .text {margin-top: 20px; line-height: 24px}
.rewies .slider_rewies .text a {color: #000; font-size: 16px; }
/* rewies main */

#page .navigation {display: flex; justify-content: space-between; margin: 0 0 0 0}
#page .navigation .navi-left {border-radius: 10px; background: url(images/navi2.jpg) center no-repeat; width: 48%; height: 120px; display: flex; background-size: cover; align-items: center; text-decoration: none; position: relative; padding: 0 56px; box-sizing: border-box;}
#page .navigation .navi-right {border-radius: 10px; background: url(images/navi1.jpg) center no-repeat; width: 48%; height: 120px; display: flex; background-size: cover; align-items: center; text-decoration: none; position: relative; padding: 0 56px; box-sizing: border-box;}
#page .navigation .navi-left:before {border-radius: 10px; background: #231612; content: ""; width: 100%; height: 100%; opacity: 0.6; position: absolute; left: 0; top: 0; transition: opacity .3s; font-family:FontAwesome; font-size:28px;}
#page .navigation .navi-right:before {border-radius: 10px; background: #231612; content: ""; width: 100%; height: 100%; opacity: 0.6; position: absolute; left: 0; top: 0; transition: opacity .3s; font-family:FontAwesome; font-size:28px;}
#page .navigation .info {position: relative; color: #ffffff; font-size: 30px}
#page .navigation .info span {display: flex}
#page .navigation .navi-left .info span:before {content:'\f278'; color: #ffffff; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:45px; box-sizing:border-box;}
#page .navigation .navi-right .info span:before {content:'\f2d2'; color: #ffffff; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:45px; box-sizing:border-box;}
#page .navigation .navi-left:hover:before {opacity:.3}
#page .navigation .navi-right:hover:before {opacity:.3}
#page .navigation .navi-left:after {content: '\f138'; font-family:FontAwesome; font-size:28px; position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; transition: transform .5s ease-out; color: #ffffff; display: flex; align-items: center;}
#page .navigation .navi-right:after {content: '\f138'; font-family:FontAwesome; font-size:28px; position: absolute; right: 50px; top: 0; bottom: 0; margin: auto; transition: transform .5s ease-out; color: #ffffff; display: flex; align-items: center;}
#page .navigation .navi-left:hover:after {transform:translateX(15px)}
#page .navigation .navi-right:hover:after {transform:translateX(15px)}

#calendarik .calendar-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#calendarik .calendar-list div {font-size: 16px;  padding: 5px 6px 5px 6px;}
#calendarik .calendar-list div:hover {border: 3px solid #f55723; box-sizing:border-box;}
#calendarik {width: 100%}
#calendarik .calendar-list .weekend a {color: #ef6718; font-weight: bold; text-decoration: none;}
#calendarik .calendar-list .weekend a:hover {color: #ffffff}
#calendarik .calendar-list .weekend:hover {color: #ffffff}
#calendarik .calendar-list .curr {border: 3px solid #f55723}
#calendarik .calendar-list a {color: #000; font-family: 'Panton-Light'; text-decoration: none;}
#calendarik .calendar-list {margin-left: 140px;}
#calendarik {margin: 5px 0 0 0}
#calendarik .table {font-size: 10px; font-family: arial; color: #999; font-weight: normal; margin-left: 120px;}
#calendarik td {text-align: center; width: 40px}
#calendarik .table .curr {background-position: center;}
#calendarik .table .curr a{color: #ffffff}
#calendarik .table .weekend { }
#calendarik .table .weekend a{color: #ff3300; font-weight: bold}
#calendarik .table td a {text-decoration: none; color: #fff; font-size: 14px; font-family: trebuchet ms;line-height:25px; letter-spacing: -1px; font-style: italic}
#calendarik .table td a:hover { color: #ffffff;}
#calendarik .table td:hover {background: url('/images/date_krug2.png') no-repeat; background-position: center;}
#calendarik .monthName {text-align: center; font-size: 16px; color: #000; text-transform: uppercase; line-height: 17px; padding: 9px 10px 0 0; float: left; font-family: 'Panton-Light'}
#calendarik .monthName a {color: #111111; text-decoration:none; }
#calendarik .monthName .next:before{content:'\f138'; color: #ffffff; margin:0 0 0 0; padding-left: 10px; font-family:FontAwesome; font-size:24px; text-align:center; box-sizing:border-box;}
#calendarik .monthName .prev:after{content:'\f137'; color: #ffffff; margin:0 0 0 10px; padding-right: 10px; font-family:FontAwesome; font-size:24px; text-align:center; box-sizing:border-box;}
#calendarik .monthName img {margin: 0 10px 0 10px}
#calendarik .next {float:right;}
#calendarik .prev {float:left;}
.eventcalback {width: 100%; background-color: #f7d943;}
#eventcalendar {max-width: 1200px; border-radius: 0; margin-top: 0; box-shadow: none; }
.s_top_calendar {min-height: 60px; position: relative; z-index:100; margin: 0 auto; padding: 0 10px; box-sizing: border-box; max-width: 1200px; border-radius: 10px;  background-color: #ffc722; box-shadow: #c4c2c2 1px 1px 15px; margin-top: -30px;}
#s_top_calendar_main {margin-top: -35px;}
.s_top_calendar_centr {max-width: 1400px; margin: 0 auto; padding: 7px 0 7px 0 ; text-align: center; overflow: hidden; display: flex;  justify-content: space-around;}
.cat_main {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 20px 0;}
.cat_main a {border: 1px solid #cc0c41; padding: 5px 20px; border-radius: 20px; display: inline-block; margin: 5px 5px; text-decoration: none; font-size: 18px;}
.cat_main a:hover {text-decoration: underline; background: #cc0c41; color: #ffffff; text-decoration: none}

.content-advantages{max-width: 100%;padding:15px 5px;text-align:left;overflow:hidden;box-sizing:border-box; display: block;}
.content-advantages .advantages-item{width:25%;padding:8px 5px;overflow:hidden;box-sizing:border-box;cursor:pointer;float:left;}
.content-advantages .advantages-item:last-child{padding-right:0}
.content-advantages .advantages-item::before{background:#fff;width:60px;height:60px;margin:0 15px 0 0;padding-left:1px;font-family:FontAwesome;font-size:28px;line-height:58px;text-align:center;content:'';border:2px solid #fc7837;border-radius:30px;box-sizing:border-box;display:block;float:left;}
.content-advantages .advantages-item.delivery::before{content:'\f0d1';}
.content-advantages .advantages-item.payment::before{content:'\f09d'}
.content-advantages .advantages-item.quality::before{content:'\f132'}
.content-advantages .advantages-item.support::before{content:'\f129'}
.content-advantages .advantages-item:hover::before{background:#fc7837; color: #ffffff}
.content-advantages .advantages-item big{padding:5px 0;font-size:17px;font-weight: 900;line-height:16px;display:block;}
.content-advantages .advantages-item span{font-size:13px;font-weight:400;line-height:16px;color:#555;text-transform:none;display:block;}
.content-advantages .advantages-item span:first-letter{text-transform:capitalize}

.afishamaintop .centrauto .center .kubok-slider span {color: #ff3300; font-weight: bold; font-size: 18px}
.s_top_menu {width: 100%; background-color: #f13546; position: relative; z-index:100; margin-top: 40px;padding: 12px 0;}
.s_top_menu .box {max-width: 1400px; display: flex; justify-content: space-around; margin: 0 auto}
.s_top_menu .box .cat {text-align: center; display: flex; justify-content: center;align-items: center;}
.s_top_menu .box .cat a {text-decoration: none; color: #ffffff; font-size: 18px}
.s_top_menu .box .cat a:hover {color: #ffffff}
.s_top_menu .box .cat .menu-football:before{content:'\f1e3'; color: #cb1d1d; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.s_top_menu .box .cat .menu-concert:before{content:'\f001'; color: #cb1d1d; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.s_top_menu .box .cat .menu-show:before{content:'\f006'; color: #cb1d1d; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.s_top_menu .box .cat .menu-other:before{content:'\f097'; color: #cb1d1d; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
 
.centrauto .title-place {font-size: 80px; color: #d8d8de; text-transform: uppercase; font-weight: bold; font-family: 'Panton-Bold'; margin-bottom: -40px; margin-top: 30px;}
.centrauto .arena-main {display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; padding: 10px; box-sizing: border-box;}
.centrauto .arena-main .box {max-width: 540px; width: 45%}
.centrauto .arena-main .box img {width: 99%}
.centrauto .arena-main .text {margin-bottom: 20px; padding-left: 10px; font-size: 18px; font-weight: bold;}
.centrauto .arena-main .title a {font-size: 30px; font-weight: bold; text-decoration: none; color: #ffffff; text-transform: uppercase}
.centrauto .arena-main .title {margin-top: -80px; position: absolute; padding-left: 10px; box-sizing: border-box;}

.main-h1 {font-size: 30px; color: #ceced1; font-weight: bold; margin-top: 10px;}
.main-h2 {color: #fff; font-size: 30px; margin: 20px 0; font-weight: bold; }
.main-h3 {font-size: 80px; color: #d8d8de; text-transform: uppercase; font-weight: bold; font-family: 'Panton-Bold'; margin-bottom: -30px; margin-top: 30px;}
.main-h3-rek {font-size: 32px; color: #d8d8de; margin-bottom: 10px; margin-top: 50px;}
.afishamain_bliz {margin-bottom: 5px; margin-top: -20px;}

.karta2 {width: 100%; margin: 0 auto; margin-bottom: -20px; position: relative; z-index: 100;}

.title-h1 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
.title-h2 {color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
.title-h2-white {color: #ffffff; font-size: 30px; margin: 20px 0; font-weight: bold;}
.centrauto .center .karta {max-width: 800px; }
.centrauto .center .karta2 {max-width: 1400px; margin: 0 auto;}
.centrauto .center .photos {max-width: 700px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.centrauto .center .photos img {width: 75%; margin: 0 auto; display: block;; border-radius: 5px;}
.centrauto .center .photos div {margin: 30px 0}
.allpagetel {max-width: 950px; margin: 0 auto; text-align: center}
.allpagetel img {width: 95%}
.centrauto .center .allpagetel {max-width: 950px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}
.centrauto .center .allpagetel img {width: 100%}
.shemaimg {max-width: 600px; box-sizing: border-box; margin-bottom: 50px; }
.shemaimg img {width: 95%;max-width: 700px; border-radius: 5px; border: 5px solid #efecec;}
.page-images {max-width: 600px; border-radius: 5px; box-shadow: #ece3e3 3px 5px 10px;}
.howbuyimg {border-radius: 5px; border: 5px solid #efecec; width: 100%; max-width: 600px;}

.centrauto .center .news-main {display: flex; flex-wrap: wrap;}
.centrauto .center #news-main .news-blok {width: 25%; padding: 0 15px; box-sizing: border-box; position: relative; margin-bottom: 15px;}
.centrauto .center .news-main .news-blok {width: 33%; padding: 0 15px; box-sizing: border-box; position: relative; margin-bottom: 15px;}
.centrauto .center .news-main .news-blok img {width: 100%; border-radius: 5px;}
.centrauto .center .news-main .news-blok a {font-size: 18px; text-decoration: none; color: #393939; font-weight: bold;}
.centrauto .center .news-main .news-blok .image a {display: block; position: relative;}
.centrauto .center .news-main .news-blok .date {color: #bbb; text-align: left}
.centrauto .center .news-main .news-blok .title {text-align: left}
.centrauto .center .news-main .news-blok .image a:after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #3f3f40; opacity: .35; border-radius: 10px;}
#news-all .news-blok {margin: 0 0 40px 0}
.news .title-h2 a {font-size: 22px; font-weight: normal; color: #000000}
.news_link a {font-size: 18px; text-decoration: underline; color: #393939; font-weight: bold;}

.comment-slider .event_otzyv {padding: 0 10px; box-sizing: border-box; margin-bottom: 40px}
.comment-slider .event_otzyv .name {margin-bottom: 7px;}
.comment-slider .event_otzyv .name span {color: #ccc}
.comment-slider .event_otzyv .icons:before{content:'\f0e5'; color: #ffc722; font-family: FontAwesome; font-size:24px; cursor: pointer; margin-right: 5px;}
.comment-slider .event_otzyv a {text-decoration: none; font-style: italic; color: #000; font-size: 16px;}
.comment-slider .event_otzyv a:hover {text-decoration: underline;}
.centrauto .comment-slider {/* border-bottom: 1px dotted #d4249c;*/ }

.shagorder {background-color: #74bb16; color: #fff; border-radius: 50%; padding: 5px 12px; font-size: 22px;}

.centrauto .area-box {display: flex; flex-wrap: wrap; margin-bottom: 100px}
.centrauto .area-box .area {padding: 20px 20px; box-sizing: border-box; width: 33.33333%; text-align: left;}
.centrauto .area-box .area div {background: #fff; padding: 5px 10px; box-sizing: border-box;}
.centrauto .area-box .area img {width: 100%}
.centrauto .area-box .area a {font-size: 20px; text-decoration: none; font-weight: bold; text-transform: uppercase}
.centrauto .area-box .area span {color: #cccccc}
.centrauto .priceblok {max-width: 920px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.centrauto .price_list .left {float: left; background-color: #fdfcfa;}
.centrauto .price_list .right {float: right; background-color: #fdfcfa;}
.centrauto .price_list {clear: both; font-size: 22px; margin: 20px 0 30px 0}
.centrauto .price_list .centerprice {background: url(/images/dot_price.png) repeat-x; background-position: bottom;}
.centrauto .link_buy {margin-top: 20px; text-align: center}

.eventgallery {max-width: 1200px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; padding-bottom: 40px; position: relative; z-index: 100;}
.category-beforeDescription .eventgallery {max-width: 1400px; margin: 0 auto; text-align: center; display: flex; flex-wrap: wrap; }
.category-beforeDescription .eventgallery img {width: 98%}
.category-beforeDescription .eventgallery a {font-size: 20px; text-decoration: none; font-weight: bold; color: #5a6880;}
.eventgallery.eventpage .block {width: 33%; text-align: center; }
.eventgallery .block {width: 25%; text-align: center; }
.eventgallery div img {width: 99%; height: 99%; border-radius: 4px}
.eventgallery div img:hover {opacity: 0.7}
.eventgallery-video {max-width: 1400px; margin: 0 auto; text-align: center}
.eventgallery-video .block {width: 33.33%; text-align: center; float: left}
.eventgallery-video div img {width: 99%; margin-bottom: 3px;}
.eventgallery-video div img:hover {opacity: 0.8}

.blokcontacts {max-width: 1400px; margin-top: 20px; margin-bottom: 40px; padding: 0 10px; box-sizing: border-box;}
.blokcontacts .leftcontacts {width: 55%; float: left; padding: 0 20px 0 0; box-sizing: border-box;}
.blokcontacts .rightcontacts {width: 45%; float: right; padding: 0 0 0 10px; box-sizing: border-box; text-align: left}
.blokcontacts .rightcontacts .phone {color: #cc0000; font-weight: bold; font-size: 16px}
#page .blokcontacts .rightcontacts p {text-align: left}
.blokcontactsforma {margin: 60px 0 0 0}

/* shapka */
.mobilemenu .home {display: none}
.mobilemenu .menu-top .left .burger img {display: none}
.mobilemenu .menu-top .left .home2 img {display: none}
.mobilemenu .width {width: 40px;}
.menu-top .width {float: left}
.menu-top {width: 100%; height: 70px;box-sizing: border-box; position: fixed; z-index: 5000; background-position: bottom; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #452e27, #0b0910);}
.menu-top .left {display: flex; position: relative; z-index:150;  justify-content: left; align-items: center;}
.menu-top .left a {font-size: 18px; text-decoration: none; color: #ffffff}
.menu-top .left a:hover {text-decoration: underline}
.menu-top .left .burger {padding: 0 20px 0 20px; cursor: pointer;}
#burger-close { cursor: pointer; padding: 10px 20px 0 20px; box-sizing: border-box; position: fixed;}
.menu-top .left .home {padding: 0 0 0 0;}
.menu-top .left .home img {width: 30px;}
.menu-top .homeafisha {display: flex; align-items: center;}
/* .menu-top .left .home a:before{content:'\f015'; color: #cccccc; margin-top: -2px; display: block;; font-family:FontAwesome; font-size:24px; box-sizing:border-box;} */
.menu-top .left .home a {text-decoration: none}
.menu-top .left .home a:hover {text-decoration: underline}
.menu-top .left .home img { margin-top: 0}
.menu-top .center {display: flex;   position: relative; z-index:150; justify-content: center; align-items: center;margin-left: 20px;}
.menu-top .center a {font-size: 18px; text-decoration: none; color: #ffffff}
.menu-top .center a:hover {text-decoration: underline}
.menu-top .center .links {padding: 0 0 0 0;}
.menu-top .center .links a {margin: 0 20px 0 0}
.menu-top .center .topbasket {box-sizing: border-box;  text-align: center; position: relative;}
.menu-top .center .topbasket a {width: 48px; height: 48px; padding-top: 23px; display: block; box-sizing: border-box; color: #ffffff;     background-color: #f13546; border-radius: 50%;}
.menu-top .center .topbasket a::before{content:'\f291'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:18px; box-sizing:border-box; cursor: pointer; text-decoration: none; position: absolute; right: 0; left: 0; top: 0; margin-top: 5px;}
.menu-top .left .favorites {/*padding: 20px 20px 0 60px; float: left;*/ display: none}
.menu-top .right {display: flex;   position: relative; z-index:150; justify-content: flex-end; align-items: center;}
.menu-top .right .search {padding: 0 20px 0 0; }
.menu-top .right .phone {padding: 0 20px 0 0; text-align: right;}
.menu-top .right .phone a {font-size: 22px; text-decoration: none; color: #fff; font-weight: bold}
/* .menu-top .right .phoneawesome:before{content:'\f098'; color: #cccccc; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:34px; text-align:center; box-sizing:border-box;} */
.menu-top .right .phoneawesome {margin-top: 0; float: left; margin-top: -5px;}
.menu-top .right .phone span a {font-size: 16px; font-weight: normal; color: #fff; border-bottom: 1px dashed #fff;}
.menu-top .right .phone span {display: block; margin-top: -5px}
.free {width: 100%; height: 10px;}
.menu-top .left .home2 {}
.menu-top .left .home2 img {width: 30px; cursor: pointer}
.menu-top .right .phone2 a {text-decoration: none}
.menu-top .right .phone2 {padding: 0 10px 0 0; text-align: right;}
.menu-top .right .phone2 span:before{content:'\f095'; color: #ffffff; margin:0 10px 0 0; font-family:FontAwesome; font-size:45px; box-sizing:border-box; cursor: pointer}
.menu-top .right .searchtop {float: left}
.menu-top .right .searchtop .search {}
.menu-top .right .searchtop .search input {width: 200px; height: 27px; font-size: 14px; padding-left: 5px; border: 1px solid #cccccc;}
.menu-top .right .searchtop .search button:before{content:'\f002'; color: #cccccc; margin:0 0 0 -60px; font-family:FontAwesome; font-size:20px; text-align:center; box-sizing:border-box; cursor: pointer}
.menu-top .right .searchtop .search button:hover {}
.menu-top .right .searchtop .search button {background: none}
.menu-top .right .searchtopnone {}
.searchtopnone a:before{content:'\f002'; color: #f13546; font-family:FontAwesome; font-size:25px; text-align:center; box-sizing:border-box; cursor: pointer}
.searchtopnone a {display: block; text-decoration: none;}
.searchtopnone.searchafisha a {display: inline-block; }


.centr-top {background: url(images/back1.jpg) 50% 50%; height: calc(75vh - 6px); position: relative; background-size: cover; margin-top: 50px; width: 100%; overflow: hidden; }
.centr-top::before{content:''; width: 100%; height: 100%; position: absolute; opacity: 0.3; background: #25110b;}
/* .centr-top:before {content: '';position: absolute;top: 0;right: 0;bottom: -99%; left: -1000%;z-index: 50;transform: skew(-93deg);display: block;; background-image: url('images/ground.jpg')} */
.centr-top .title {text-align: left; margin: 0 auto; max-width: 1200px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; padding: 15px; box-sizing: border-box;}
.centr-top .title .name {font-size: 66px; color: #fff; text-shadow: #3e3d3d 10px 1px 15px; margin-top: -25px; }
.centr-top .title .name span {font-size: 50px; }
.centr-top .title .name2 {font-size: 18px; color: #fff; margin: -10px 0 20px 0; text-shadow: #000 10px 1px 15px; }
.centr-top .title .button {}
.centr-top .title .button .one {padding: 12px 35px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; border-radius: 5px; border: 1px solid #ffc722;overflow: hidden;}
.centr-top .title .button .one:hover {background: none; border: 1px solid #ffffff; color: #ffffff}
.custom-btn:after {content: "";    display: block;    width: 30px;    height: 300px;    margin-left: 60px;    background: #fff;    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );    position: absolute;    left: -40px;    top: -150px;    z-index: 1;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.1s;    transition: all 0.1s;    -webkit-animation-name: slideme;    animation-name: slideme;    -webkit-animation-duration: 3s;    animation-duration: 3s;    -webkit-animation-delay: 0.05s;    animation-delay: 0.05s;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
 @-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

.centr-top .title .button .one2 {padding: 16px 45px; text-decoration: none; background: none; position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 10px; border-radius: 5px; border: 1px solid #ffffff;}
.centr-top .title .button .one:hover {background: none; border: 1px solid #ffffff; color: #ffffff}

.centr-slider {background: url(images/bg-slider.jpg) 50% 50%; position: relative; background-size: cover; margin-top: 50px; width: 100%; overflow: hidden; background-attachment: fixed; color: #fff; padding: 20px 0 40px 0; box-sizing: border-box; z-index: 100; margin-bottom: 20px;}
.centr-slider .title-h2 {color: #fff}
.centr-slider p {color: #fff}
.rest-slider a {color: #fff}
.rest-slider {font-size: 18px}
.rest-slider img {border-radius: 5px; width: 95%}

.centr-top .title .button .two {width: 200px; height: 38px; text-decoration: none; border: 2px solid #fff; position: relative; display: inline-block; line-height: 38px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px;}

.topallpage {background: url(images/back1.jpg) 50% 50%; height: calc(50vh - 6px); position: relative; z-index:100; margin-top: 50px; width: 100%; overflow: hidden; background-size: cover}
.topallpage::before{content:''; width: 100%; height: 100%; position: absolute; opacity: 0.2; background: #0a0506;}

#topevent {height: calc(70vh - 6px); position: relative; max-width: 100%; overflow: hidden; background-attachment: fixed; margin: 0 auto;}
#topevent::before{content:''; width: 100%; height: 100%; position: absolute; opacity: 0.5; background: #25110b;}
#topallpage-news::before{content:''; background-color: #000000; width: 100%; height: 100%; position: absolute; opacity: 0.6; }
.topallpage .title {margin: 0 auto; max-width: 1200px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; padding: 0 15px;}
.topallpage .title .name {font-size: 50px; color: #fff; text-transform: none; font-weight: normal; font-family: 'Panton-Bold';}
#topallpage .title h1 {font-size: 36px; color: #fff; text-transform: none; font-weight: normal; font-family: 'Panton-Bold'}
#topevent .title h1 {font-size: 36px; color: #fff; text-transform: none; font-weight: normal; font-family: 'Panton-Bold'}
.topallpage .title .name2 {font-size: 26px; color: #fff; margin-top: -10px;}
.topallpage .title .button {margin-top: 30px; display: flex;}
.topallpage .title .button .one {width: 200px; height: 40px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; line-height: 38px; font-size: 15px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px;}
.topallpage .title .button .two {width: 200px; height: 38px; text-decoration: none; border: 2px solid #fff; position: relative; display: inline-block; line-height: 38px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px;}
.topallpage .next {position: absolute; bottom: 80px; width: 100%; text-align: left;}
.topallpage .title .button #event-button {text-decoration: none; border: 2px solid #fff; position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; padding: 10px 50px; border-radius: 6px;}
.topallpage .title .button #event-button img{width:20px}
.topallpage .title .button #event-button2 {text-decoration: none; border: 2px solid #fff; position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; padding: 10px 50px; border-radius: 6px; margin-left: 10px;}
.skidka {margin-bottom: 10px; position: absolute; bottom: 10px; display: flex;flex-wrap: wrap;}
.skidka span { padding:5px 10px;margin-right:10px;border-radius:4px;border:1px solid #aaaaaa;color:#aaaaaa;font-size:18px;display: flex;text-shadow: #000 5px 0 10px;}
.skidka .ebilet {border:1px solid #d90808;color:#fff; background: #d90808;text-shadow: none;}
.skidka .ebilet img {margin-right: 5px}
.skidka a {text-decoration: none}

.topeventimg {}
.topeventimg-news {height: 550px; width: 100%; position: absolute; z-index: 50; margin-top: -550px; background-attachment: fixed}
.topeventimg-news img{object-fit: cover; height: 100%; width: 100%;}
#topallpage-news .title h1 {font-size: 36px; color: #fff;  font-weight: normal;max-width: 900px;}

.centr-top .bottomicon {position: absolute; bottom: 40px; width: 100%;}
.centr-top .bottomicon .left {float: left; color: #fff; font-size: 14px}
.centr-top .bottomicon .left .icon {float: left; margin: 0 10px 0 10px; }
.centr-top .bottomicon .left span {float: left; margin-right: 5px;}
.centr-top .bottomicon .right {float: right; margin: 0 20px 0 20px}
.centr-top .next {position: absolute; bottom: 80px; width: 100%; text-align: center;}
.centr-top .bottomicon .left .icon .delivery:before{content:'\f0d1'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; display: inline-block; margin-left: 10px; }
.centr-top .bottomicon .left .icon .eticket:before{content:'\f145'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; display: inline-block; margin-left: 10px; }

#callback_block2 {background: #f9f9f9; color: #000; border: 1px solid #a9194b; border-radius: 3px; color: #ffffff; position: fixed; transform: translateX(-50%);}

#callback_block2 .search {padding: 30px 30px 30px 30px}
#callback_block2 .search input {width: 400px; height: 50px; font-size: 18px; padding-left: 10px; border: 1px solid #f9d839;}
#callback_block2 .search button {background: none}
.input-wrapper {
    position: relative;
    display: inline-block;
  }
  
  .text_label_input {
    width: 400px;
    height: 50px;
    font-size: 18px;
    padding-left: 10px;
    border: 1px solid #f9d839;
    border-radius: 3px 0 0 3px;
  }

  #search_all {
    position: absolute;
    transform: translate(-50%, 50%);
    background-color: #f9d839 !important;
    border: none;
    color: black;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    border-radius: 6px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
  }

  #search_all:hover {
    background-color: #f3c22f;
  }
  
  #search_go {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    border: none;
    border-radius: 0 3px 3px 0;
    color: #f5d021;
    font-size: 24px;
    cursor: pointer;
  }
  
  #search_go:before {
    content: '\f002';
    font-family: FontAwesome;
  }
  
  #search_go:hover {
    transform: scale(1.2);
  }
#callback_block2 .search button:hover {}
#callback_block3 {color: #000; border: 1px solid #a9194b; border-radius: 3px; background: #f9f9f9;}
#callback_block3 a{color: #ffffff}
#callback_block3 .search {width: 380px; }
#callback_block3 .search form input {width: 73%; height: 50px; font-size: 18px; padding-left: 10px; border: 1px solid #f9d839; }
#callback_block3 .search form button {width: 25%; height: 50px; color: #000000;; background-position: center; background-color: #f9d839; border-radius: 4px; float: right; cursor: pointer; border: 1px solid #f9d839; text-transform: uppercase; font-size: 16px;}
#callback_block3 .search form button:hover {border: 1px solid #f9d839; background-color: #f9d839; color: #000000}
#callback_block3 .privacy-search {font-size: 13px; color: #000; margin-top: 15px;}
#callback_block3 .privacy-search a {font-size: 13px; color: #000;}
#callback_block .privacy-search {font-size: 13px; }
#callback_block .privacy-search a {font-size: 13px; }

/* search */
.event_detail{display:flex;background-color:#f7f7f7;border-radius:4px;box-shadow:0px 3px 10px #ddd;padding:10px;margin-top:10px;max-width:400px;color:#000}
.event_detail:hover{background-color:#f2f2f2;box-shadow:0px 3px 10px #ccc;}
.event_detail .image{display:inline-block;position:relative}
.event_detail img{display:block;max-width: 60px;}
.event_detail .event_data{overflow:hidden;text-overflow:ellipsis;text-align:left;padding:0 10px}
@media (max-width:750px){.event_detail .event_data{font-size:14px}}
.event_detail .event_time{font-weight:bold}
.event_detail .event_name{font-weight:bold;margin-bottom:5px}
.event_detail .event_info{max-height:100px;overflow:hidden;text-overflow:ellipsis}
.event_detail:hover .event_info{max-height:none}
.event_detail .event_info span{display:block}
#find_events_result{color:#000;font-size:16px;padding: 0 0 10px 0;text-align:center;display:none}

  
/* shapka */

/* rekomenduem */
.centrauto .rekomenduem-title {font-size: 24px; color: #bbbbbb; margin: 0 0 20px 0; margin-top: -40px;}
.centrauto {max-width: 1200px; margin: 0 auto; position: relative; z-index: 100; padding: 0 15px; box-sizing: border-box;}
#event {max-width: 1200px; margin: 0 auto; padding: 0 10px 30px 10px; position: relative; z-index: 100; box-sizing: border-box;}
#event .centr-slider {padding: 20px 20px 0 20px; border-radius: 10px;}
.centrauto .slider-rekomenduem {max-width: 1200px; text-align: center; margin: 0 auto;}
.centrauto .slider-rekomenduem a {font-size: 20px; text-decoration: none; font-weight: bold; color: #5a6880;}
.centrauto .slider-rekomenduem .slider-rekomenduem-box img {border-radius: 5px; width: 98%;}
.centrauto .slider-rekomenduem .info {font-size: 18px; color: #aaa; margin-right: 10px;}
.centrauto .slider-rekomenduem .name {margin-right: 10px;}
/* rekomenduem */

.centrauto .company {margin: 0 0 30px 0}
.centrauto .company .box {float: left; width: 25%; text-align: center; color: #bbbbbb}

/* select main */
.afisha-podbor {margin: 0 auto; width: 100%}
.afisha-podbor .top {display: none; width: 100%; height: 10px; background: url(images/dot-ticket.png); margin-bottom: -5px; position: relative; z-index: 100;}
.afisha-podbor .bottom {width: 100%; height: 10px; background: url(images/dot-ticket.png); margin-top: -5px; position: relative; z-index: 100;}
.afisha-podbor .seredina {width: 100%; border-radius: 5px; position: relative; z-index: 50;  border: 1px solid #f13546; background-size: cover; margin-top: 20px;}
.afisha-podbor .seredina .podbor {max-width: 1400px; text-align: center; margin: 0 auto; padding: 20px 7px 20px 7px}
.afisha-podbor .seredina h2 {margin: 10px 0 0 0; color: #ffffff; text-transform: uppercase; font-size: 26px}
.afisha-podbor .seredina .selecting select {height: 50px; border-radius: 5px; border: 0; padding: 0 10px 0 10px; font-size: 16px; outline: none; background-image: url('images/select.png'); background-position: right center; background-repeat: no-repeat; /*for WebKit*/ -webkit-appearance: none; /* for FF */-moz-appearance: none; text-indent: 0.01px; text-overflow: '';  /* for IE */ -ms-appearance: none; appearance: none!important; background-position: 92% 50%; box-shadow: #dddddd -2px 2px 5px inset; cursor: pointer; max-width: 200px; min-width: 150px;}
.afisha-podbor .seredina .selecting div {padding: 0 5px 0 5px}
.afisha-podbor .seredina .selecting {padding: 10px 0 5px 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.afisha-podbor .seredina .selecting .title {margin: 0 0 0 0; font-size: 16px; color: #000000}
.afisha-podbor .seredina .afisha-day {margin-top: 10px}
.afisha-podbor .seredina .selecting .category {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .scena {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .month {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .button {margin: 0 0 0 0; }
.afisha-podbor .seredina .selecting .button button {text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; padding: 15px 35px; border-radius: 5px;}
.afisha-podbor .seredina .selecting .button button:hover {background: none; color: #000000; border: 1px solid #000000}
.afisha-podbor .seredina .podbor .afisha-day a {margin: 0 20px 0 20px; color: #000000}
.afisha-podbor .seredina .podbor .afisha-day a:hover {text-decoration: none}
#afisha-page {margin-bottom: 30px;}
/* select main */

/* main page */
#mainafisha .event_wrap {padding: 0 2px; position: relative;width: 33%; box-sizing: border-box; margin-top: 5px;}
#mainafisha {max-width: 1400px; display: flex; flex-wrap: wrap;}
#mainafisha .event {padding: 30px 15px 20px 15px; box-sizing: border-box; border-radius: 5px;  /* background: #fff; box-shadow: #e0dfdf  3px 3px 15px */; position: relative; text-align: left; border: 1px solid #eee; margin-top: 5px; display: flex; flex-direction: column; height: 100%;}
#mainafisha .event .buy {margin-top: auto;}
#mainafisha .event .image {position: relative; overflow: hidden;}
#mainafisha .event .image img {width: 100%; border-radius: 5px;}
#mainafisha .event .image .best {background: #f13546; color: #ffffff; position: absolute; bottom: 0; padding: 4px 9px; border-radius: 0 5px 0 5px;}
#mainafisha .event .image .premera {background: #fc7837; color: #ffffff; position: absolute; bottom: 0; padding: 4px 9px; border-radius: 5px 0 5px 0; right: 0}
#mainafisha .event .date {text-transform: uppercase; margin: 0 0 10px 0; font-size: 16px; letter-spacing: 1px; font-weight: bold;}
#mainafisha .event .date:before{content:'\f073'; color: #f13546; font-family: FontAwesome; font-size: 24px; cursor: pointer; margin-right: 5px;font-weight: normal;}
#mainafisha .event .title a {font-size: 22px; border-bottom: 1px solid #f03434; font-weight: bold; text-decoration: none; color: #000000}
#mainafisha .event .title a:hover {color: #f03434}
#mainafisha .event .title {margin: 15px 0 10px 0; }
#mainafisha .event .buy a {text-decoration: none; display: block; background: none; color: #000; border: 1px solid #f03434; text-align: center; font-size: 18px; line-height: 45px; cursor: pointer; white-space: nowrap; border-radius: 4px;}
#mainafisha .event .buy a:hover {background-color: #f03434; color: #ffffff}
#mainafisha .event .price {font-size: 16px; color: rgba(0, 0, 0, 0.5);}
#mainafisha .event .tags {font-size: 16px; color: rgba(0, 0, 0, 0.5); margin-bottom: 5px;    line-height: 24px; display: flex; flex-wrap: wrap;}
#mainafisha .event .tags span {font-size: 16px; background: none; color: #7b7b7c; padding: 2px 7px; border-radius: 3px;border: 1px solid #ddd;margin-top: 3px; display: flex; align-items: center;}
#mainafisha .event .tags .tags_span2 {margin-right: 4px; margin-left: 3px;}
#afishapage #mainafisha .event .image img {width: 100%; border-radius: 4px}
#afishapage #mainafisha .event .image {padding: 0 10px; box-sizing: border-box; max-width: 100px;}
#afishapage #mainafisha .event .areabuy_time {width: calc(100% - 210px); }
/* main page */


/* afisha page */
#afishapage {}
#afishapage .event {display: flex; justify-content: space-between; padding: 20px 0; box-sizing: border-box; align-items: center;}
#afishapage .event:hover {background: #f3e8da; border-radius: 5px}
#afishapage .event .areabuy_time {width: calc(100% - 305px); display: flex; padding: 0 20px; box-sizing: border-box; align-items: center; justify-content: space-between;}
#afishapage .event .areabuy_time .price {max-width: 155px; text-align: center; font-size: 20px; min-width: 155px;}
#afishapage .event .areabuy_time .price span {color: #f13546}
#afishapage .event .areabuy_time .areabuy {text-align: left; padding: 0 10px 0 0;}
#afishapage .event .areabuy_time .place span {background: none; color: #7b7b7c; padding: 2px 7px; border-radius: 3px;border: 1px solid #ddd;}
#afishapage .event .areabuy_time .place {margin: 10px 0; color: #7b7b7c;}
#afishapage .event .areabuy_time .place .place-vozrast{margin: 0 5px 0 0; }
#afishapage .event .areabuy_time .vozrast{margin: 0 4px 0 0; }
.image .best {background: #f13546; color: #ffffff; position: absolute; bottom: 0; padding: 4px 5px; border-radius: 0 4px 0 4px; font-size: 14px;}
.image .premera {background: #fc7837; color: #ffffff; position: absolute; bottom: 0; padding: 4px 5px; border-radius: 4px 0 4px 0; right: 0; font-size: 14px;}
#afishapage .event .dating {max-width: 130px; text-align: center; padding: 0 20px; box-sizing: border-box;}
#afishapage .event .areabuy {}
#afishapage .event .image {box-sizing: border-box; max-width: 170px;position: relative}
#afishapage .event .dating .date {font-size: 20px; }
#afishapage .event .dating .date .den {font-size: 40px; font-weight: bold; position: relative; z-index: 50;}
#afishapage .event .dating .date .mesyac {font-weight: bold; margin-top: -10px; margin-bottom: 5px;}
#afishapage .event .dating .date .den span {color: #cccccc; font-size: 18px}
#afishapage .event .dating .date span {}
#afishapage .event .dating .date:before{content:'\f073'; color: #eaeaea; margin:0 0 0 0; padding-right: 5px; font-family:FontAwesome; font-size: 45px; box-sizing:border-box; display: block; position: absolute; z-index: 10;}
#afishapage .event .dating .time {font-size: 16px; color: #7b7b7c}
#afishapage .event .dating .price {font-size: 15px; color: #888}
#afishapage .event .image img {width: 100%; border-radius: 4px}
#afishapage .event .areabuy .title a {font-size: 24px; font-weight: bold; color: #000000; border-bottom: 1px dotted #f13546; text-decoration: none;}
#afishapage .event .areabuy .title a:hover {color: #f13546}
#afishapage .event .dating .place {font-size: 15px; color: #000000}
#afishapage .event .buy {margin-top: 15px}
#afishapage .event .buy a {text-decoration:none;font-size:17px;padding:7px 15px;border-radius:4px;border:1px solid #000;position:relative;transition:400ms all;-webkit-transition:400ms all; font-weight: normal; color: #000000}
#afishapage .event .buy a:hover {background-color: #f13546; color: #ffffff;;border:1px solid #f13546}
#afishapage .event .info {text-align: left; padding: 0 20px 0 20px; width: calc(100% - 310px); box-sizing: border-box;}
#afishapage .event .info .title a {font-size: 24px; border-bottom: 1px dotted #c13d66; font-weight: bold; text-decoration: none; color: #c13d66}
#afishapage .event .info .title a:hover {background-color: #c13d66; color: #ffffff}
#afishapage .event .info .place {font-size: 14px; color: rgba(0, 0, 0, 0.5);}
#afishapage .event .info .box {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0; box-sizing: border-box; font-size: 20px}
#afishapage .event .info .box .line {width: 1px; height: 25px; background-color: #cccccc}
#afishapage .event .info .box .price:before{content:'\f158'; color: #cccccc; margin:0 0 0 0; padding-right: 5px; font-family:FontAwesome; font-size:20px; box-sizing:border-box;}
.afisha-month a {border: 1px solid #f13546; padding: 5px 20px; border-radius: 20px; display: inline-block; margin: 5px 5px; text-decoration: none; font-size: 18px; color: #000000}
.afisha-month a:hover {text-decoration: underline; color: #f13546}
.afisha-month {text-align: left}
/* afisha page */

#place .image-place {max-width: 500px; margin: 0 auto; margin-top: 30px}
#place .image-place img {width: 100%; border-radius: 5px;}
#place .info {margin: 20px 0 20px 0}
#content2 .shems {max-width: 600px;  margin: 0 auto; text-align: center;}
#content2 .shems img {width: 100%;border-radius: 5px; border: 5px solid #efecec; margin-top: 8px;}
#content3 .proezd {margin: 40px 0 40px 0; font-size: 18px;}
#place-bottom .info {margin: 40px 0 40px 0}
#place .place_icons {display: flex; margin: 30px 0 20px 0; width: 100%; justify-content: space-between;}
#place .place_icons .box {text-align: center; padding: 0 20px; box-sizing:border-box;}
#place .place_icons .box a{ color: #000000}

#page .center .afisha-arena {margin: 0 0 20px 0}
#page .center .afisha-arena .afisha-slider .title {margin-top: -110px; text-align: left; padding: 0 0 20px 10px; box-sizing: border-box; width: 50%;}
#page .center .afisha-arena .afisha-slider .title a { color: #000000; background-color: #ffffff; text-decoration: none; font-size: 22px; text-transform: uppercase; font-family: 'Panton-Bold'}



/*
.afishamaintop {width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.afishamaintop:after {display: block; font-family:FontAwesome; content: '\f2d2'; position: absolute; z-index: -1; top: 450px; left: -70px; color: #f3ebde; font-size: 350px; opacity: 0.5;}  
.afishamaintop::before {display: block; font-family:FontAwesome; content: '\f2d2'; position: absolute;  right: -70px;  color: #f3ebde; font-size: 350px; opacity: 0.5;}
*/

.button2 {margin-bottom: 30px;}
.button2 a {padding: 12px 35px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px 0 0 0;; border: 2px solid #ffc722; border-radius: 5px; overflow: hidden;}
.button2 a:hover {background-color: #ffffff; color: #000000; border: 2px solid #000000}
.button3 a {padding: 10px 30px; text-decoration: none; position: relative; display: inline-block; font-size: 16px; color: #fff; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px 0 0 0;; border: 1px solid #ffffff; border-radius: 5px; overflow: hidden;}
.button3 a:hover {background-color: #ffc722; color: #000000; border: 1px solid #000000}
.centr-slider .button2 a {padding: 10px 30px; text-decoration: none; position: relative; display: inline-block; color: #fff; transition: 400ms all; -webkit-transition: 400ms all; margin: 25px 0 0 0; border: 1px solid #ffffff; border-radius: 5px; overflow: hidden;}
.centr-slider .button2 a:hover {background-color: #ffc722; color: #000000; text-decoration: none; border: 1px solid #ffc722}
.callback_popup_bottom {padding: 10px 30px; text-decoration: none; position: relative; display: inline-block; font-size: 16px; color: #fff; transition: 400ms all; -webkit-transition: 400ms all; margin: 10px 0 0 0;; border: 1px solid #ffffff; border-radius: 5px; overflow: hidden;}
.callback_popup_bottom:hover {background-color: #ffc722; color: #000000; text-decoration: none; border: 1px solid #ffc722}


.event-more {text-align: center}
.event-more a {padding: 12px 50px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 16px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; border: 2px solid #ffc722; cursor: pointer; border-radius: 4px; margin-bottom: 20px; margin-top: 20px; position: relative; overflow: hidden;}
.event-more a:hover {background-color: #ffffff; color: #000000; border: 1px solid #000000}
/* afisha main */

.uzor {/* background: url(images/uzor.png) */ width: 100%; height: 50px; margin: 0 auto; margin-top: 40px; margin-bottom: 15px; }
.uzor2 {background: url(images/uzor2.png); max-width: 1200px; height: 2px; margin: 0 auto; margin-bottom: 50px; /* background-size: cover; */}
.centrauto .center .oteatre .hudruk .left {float: left; width: 40%; text-align: right}
.centrauto .center .oteatre .hudruk .right {float: right; width: 60%; text-align: left; font-size: 22px; font-style: italic; padding: 80px 0 0 20px; box-sizing: border-box;}
.centrauto .center .acters {margin-top: 0; margin-bottom: 0;}
.centrauto .center .acters h2 {margin-top: 0}
.centrauto .center .subcribe a {text-decoration: none; background: #fff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; border: 2px solid #000000; padding: 10px 20px; border-radius: 5px;}
.centrauto .center .subcribe a:hover {background: #ffc722}
.centrauto .center .subcribe {margin-top: 40px;}
#page .center {padding: 20px 0 0 0}

/* bottom */
.bottom {background: linear-gradient(135deg, #0d2b4a, #5c6981); min-height: 400px; position: relative; background-size: cover; width: 100%; display: flex; align-items: center;flex-wrap: wrap;}
#bottom_all {background: linear-gradient(135deg, #06060e, #493129); min-height: 300px; position: relative; background-size: cover; width: 100%; display: flex; align-items: center;flex-wrap: wrap; padding-top: 10px; margin-top: 40px; }
/* .bottom::before{content:''; background-color: #000000; width: 100%; height: 100%; position: absolute; opacity: 0.7;} */
#bottom-box {display: flex; justify-content: space-between; width: 100%;}
.bottom .center {max-width: 1200px; margin: 0 auto; color: #ffffff; padding: 0 15px 0 15px; box-sizing: border-box;}
.bottom .left {max-width: 600px;}
.bottom .left .name img {width: 50px; margin-right: 5px;}
.bottom .left .name a {font-size: 24px;  color: #fff; text-decoration: none; font-weight: bold;}
.bottom .left .menu {margin: 20px 0 10px 0;}
.bottom .left .menu a {font-size: 14px; color: #fff; text-decoration: underline; margin: 0 20px 0 0;}
.bottom .left .menu a:hover {color: #ffffcc}
.bottom .left .info {font-size: 14px; margin: 20px 0 10px 0; color: #8c8b8b;}
.bottom .left .info a {font-size: 14px; color: #8c8b8b; text-decoration: underline; }
.bottom .right {text-align: right;}
.bottom .right .phone {font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
.bottom .right .phone a {font-size: 24px; color: #ffffff; text-decoration: none}
.bottom .right .worktime {font-size: 14px; color: #aaaaaa;}
.bottom .right .payment img {width: 150px}
.bottom .right .payment {margin: 10px 0 20px 0}
.bottom_menu {width: 100%; margin: 0 auto; background: url(images/bottom_bg.png); padding: 0 15px; box-sizing: border-box;}
.bottom .box {max-width: 1200px; margin: 0 auto;width: 100%;margin-top: -30px;}
.bottom .box .menu {display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.bottom .box .menu a {color: #fff; font-size: 16px; text-decoration: none; margin: 0 15px;}
.bottom .box .menu a:hover {text-decoration: underline}
/* bottom */

.dot-ticket {width: 100%; height: 5px; background: url(images/colorline.png); position: relative; z-index: 1000; margin-top: 40px; background-size: cover; display: none;}
.dot-ticket-top {background: #2b1606; width: 100%; height: 2px; margin-top: 70px; background-size: cover; position: fixed; z-index: 6000; }


/* breadcrumb */
.topallpage .title .breadcrumb {box-sizing: border-box; font-size: 10px; color: #ccc;margin-top: -20px;} 
.topallpage .title .breadcrumb ul {margin-left: -40px}
.topallpage .title .breadcrumb li {color: #ccc; display: inline-block; font-size: 16px; font-family: 'Panton-Light'}
.topallpage .title .breadcrumb li a {color: #ccc; font-size: 16px; font-family: 'Panton-Light'; text-decoration: none}
.topallpage .title .breadcrumb ul .galka {margin: 0 10px 0 10px}
/* breadcrumb */

/* event page */
#event .event_info {display: flex; margin: 30px 0 0 0; flex-wrap: wrap}
#event .event_info .left_box {width: 30%; text-align: center; padding: 0 0 0 30px; box-sizing: border-box;}
#event .event_info .left_box img {width: 100%; border-radius: 4px;}
#event .event_info .right_box {width: 70%}
#event .event_info .right_box .info_box{display: flex; flex-wrap: wrap; justify-content: space-between;}
#event .event_info .right_box .info_box .info_box_all {box-sizing: border-box; padding: 0 30px 20px 0; font-size: 18px; display: flex; align-items: center; width: 50%}
#event .event_info .right_box .info_box .info_box_all img {margin-right: 10px;     width: 60px;}
#event .event_info .right_box .info_box .info_box_all.price img{width:45px}
#event .event_info .right_box .info_box .info_box_all.adres img{min-width:55px}
#event .event_info .right_box .info_box .info_box_all a {color: #14a9f1; text-decoration: none; border-bottom: 1px dotted #14a9f1;}
#event .event_info .right_box .info_box .info_box_all span {font-size: 14px; color: #bbbbbb}
#event .zakaz_online {display: flex; margin: 30px 0 30px 0; justify-content: space-between; text-align: left;}
#event .zakaz_online .left a {display: inline-block; text-shadow: #999 2px 2px 5px; color: #fff; text-decoration: none; padding: 9px 50px 9px 50px; outline: none; border-width: 2px 0; border-style: solid none; border-color: #ec5624 #000 #a54511; border-radius: 10px; /* background: linear-gradient(#fb7e3a, #f93f02) #f93f02 */; transition: 0.2s; background-color: #cc3300; text-transform: uppercase; font-size: 18px; box-shadow: #ccc 4px 4px 30px;}
#event .zakaz_online .left a:hover { background: linear-gradient(#f93f02, #fb7e3a) #f93f02; }
#event .zakaz_online .left a:active { background: linear-gradient(#fb7e3a, #f93f02) #f93f02; }
#event .zakaz_online .right { color: #bbbbbb}
#event .zakaz_online .right a {font-size: 24px; text-decoration: none; color: #000}
#event .zakaz_online .right a:hover { text-decoration: underline}
#event .event_info .category {color: #cccccc; margin: 0 0 30px 0; width: 100%}
#event .event_info .category a {text-transform: uppercase; text-decoration: none; color: #000}
#event .event_info .category a:hover {color: #fa5012}
#event .event_info .category span {text-transform: uppercase; background: #8cbdf1; color: #fff; font-size: 14px; padding: 3px 10px 3px 10px; margin-left: 10px;}
#event .event_info .right_box .info_box .info_box_all .eticket {font-size: 20px;    color: #ffffff;    background: #d90808;    padding: 7px 10px;    border-radius: 5px;}
#middle_info .shematicket {width: 30px;}

.heightevent {height: 54px}
.event-dates {overflow: auto; width: 100%; max-height: 400px}
#event .center h2 {margin-top: 35px; font-size: 26px;}
#event .janrscena {margin-top: -20px; color: #bbbbbb; margin-bottom: 25px}
#event .center .eventinfo {max-width: 400px; padding: 10px 20px 10px 20px; box-sizing: border-box; border: 1px dashed #000000; font-size: 18px; text-align: left; border-radius: 10px;}
#tabs-event .event-afisha {font-style: italic; color: #cccccc}
#tabs-event .button {margin: 30px 0 0 0}
#tabs-event .button a {width: 170px; height: 40px; text-decoration: none; background: #fff; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; border: 2px solid #000000; margin: 0 20px 0 30px; line-height: 38px;}
#tabs-event .button a:hover {background: #ffc722}
.event_ticket_forma {max-width: 600px; box-sizing: border-box; padding: 0 10px 0 10px}
.event_ticket_forma .left_box {width: 100%; box-sizing: border-box; }
.event_ticket_forma .left_box.middle {float: none; margin-left: auto; margin-right: auto}
.event_ticket_forma .left_box .pole {margin: 0 0 15px 0}
.event_ticket_forma .left_box .pole input {display: inline; width: 100%; height: 45px; padding-left: 10px; border-radius: 4px; outline: none; box-sizing: border-box;border: 1px solid #000; font-size: 20px; font-family: 'Panton-Light'; }
.event_ticket_forma .left_box .pole input.error {outline-color: red; color:red; outline:auto;}
.event_ticket_forma .left_box .pole select {display: inline; width: 100%; height: 45px; font-size: 20px; padding-left: 10px; border-radius: 4px; outline: none; cursor: pointer;border: 1px solid #000; font-family: 'Panton-Light'; }
.event_ticket_forma .right_box {width: 100%; box-sizing: border-box; padding: 0 0 0 0;}
.event_ticket_forma .right_box .pole textarea {display: inline; width: 100%; height: 100px; font-size: 20px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; border: 1px solid #000; box-sizing: border-box; resize: none; padding-top: 10px; font-family: 'Panton-Light'; }
#speedbay_block {color: #000000; max-width: 450px; border-radius: 4px; background: #f9f9f9;}
#speedbay_block a {color: #000000}
#speedbay_block .privacy {font-size: 14px}
#speedbay_block .privacy a {font-size: 14px}
.speedbay-block-info {text-align: center; padding: 0 0 0 0; font-size: 24px; font-weight: bold;}
.speedbay-block-info2 {text-align: left; font-size: 16px; padding: 10px 0 15px 0;}

#order-page #order-page-form .pole textarea {width: 100%;}
#order-page #order-page-form .pole input {width: 100%;}
.event_ticket_forma .center input {text-decoration: none; position: relative; display: inline-block; font-size: 16px; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px 0 20px 0; cursor: pointer; background: none; padding: 15px 30px; border-radius: 5px; background: #ffc722;} 
.event_ticket_forma .center input:hover {background: #77a44b; color: #ffffff;}
.event_ticket_forma .buton {text-align: center;}
#content1 .event-ticket-eticket {font-family: georgia; font-size: 16px; color: #cc0000; font-style: italic; margin: 20px 0 30px 0; }
#cont-politika .eventspeebutton {color: #000000; background: none; border-radius: 4px; margin: 5px 0 20px 0; cursor: pointer; border: 2px solid #000000}
#cont-politika .eventspeebutton:hover {border: 2px solid #f9d839; background-color: #f9d839; color: #000000}
.event_ticket_forma #cont-politika {text-align: left}

#event .top-info {display: flex; flex-wrap: wrap;}
#event .top-info .top-info-left {width: 50%; padding: 0 10px; box-sizing:border-box; text-align: left; font-size: 18px}
#event .top-info .top-info-left p {padding: 0; margin: 0; text-align: left;font-size: 18px}
#event .top-info .top-info-right {width: 50%; padding: 0 10px 0 40px; box-sizing:border-box; text-align: left; font-size: 18px}

#event .event-info .title {font-size: 18px}
#event .ebilete {background-color: #f52525; color: #fff; padding: 5px 10px; }
#event .event-info .info {font-size: 30px; font-weight: bold;}
#event .event-info {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 60px 0 60px 0; text-align: left}
#event .event-info-text {text-align: left; font-size: 16px; margin: 0 0 40px 0;}
#event .event-info-text p {text-align: left; font-size: 16px; margin: 0}
#event .event-info-text a {color: #000000}
#event .event-info-regisser {max-width: 400px; text-align: left; font-size: 16px; margin: 0 0 40px 0;padding: 10px 20px 10px 20px;border: 2px dotted #aaa;border-radius: 5px;}
#event .event-text {text-align: left; font-size: 18px; margin: 40px 0 0 0; }
#event .event-text p {text-align: left;}
#content2 .event-shema {max-width: 700px; margin: 0 auto;}
#content2 .event-shema img {width: 90%; border-radius: 40px;}

.event-actors-link a {font-size: 18px; color: #000000}
.event-actors-link a:hover {color: #f13546}
.event-actors-link img {width: 95%; border-radius: 4px;}
.acters-slider {text-align: center}
.actor-photo {margin-top: 30px; margin-bottom: 50px; text-align: center;}
.actor-photo img {border-radius: 10px; width: 350px}
.actor-slider img {border-radius: 50%; border: 8px solid #e5e4f1; width: 200px}
#event h2 {font-family: 'Panton-Bold'; font-size: 22px;}
#event h3 {font-family: 'Panton-Bold'; font-size: 22px;}
.spektaklvideo {max-width: 700px; margin-bottom: 40px;}



.text_date {text-align: left}
.ticket-slider-block {max-width: 1200px; background: url(images/back-ticket.jpg); padding: 20px 20px 30px 20px; box-sizing: border-box; border-radius: 5px; margin: 0 auto; margin-bottom: 60px; overflow: auto; max-height: 450px; position: relative; background-size: cover;}
.ticket-slider-block h2 {text-align: center; color: #ffffff; font-size: 22px; font-weight: normal; margin: 40px 0 0 0;padding: 0 10px;}
.ticket-slider-block .ticket-slider {max-width: 1200px; margin: 0 auto;}
.event_ticket_list {padding: 30px 20px 25px 20px;    border-bottom: 1px dotted #a3a1a1;}
.event_ticket_list .left_box {box-sizing: border-box; margin: 0 0 0 0; padding: 0 10px 0 10px; color: #ffffff; font-family: 'Panton-Light';}
.event_ticket_list .left_box .date {cursor: pointer; color: #ffffff;     display: flex;    justify-content: space-between;    align-items: center;flex-wrap: wrap;}
.event_ticket_list .left_box .slider-date {font-family: 'Panton-Bold'; font-size: 30px; }
.event_ticket_list .left_box .slider-date span {font-size: 45px; position: relative; z-index: 20;}
.event_ticket_list .left_box .slider-date:before{content:'\f073'; color: #504f4f; margin:0 0 0 0; padding-right: 5px; font-family:FontAwesome; font-size: 45px; box-sizing:border-box; display: block; position: absolute; z-index: 10;margin-left: -15px; margin-top: -15px;}
.event_ticket_list .left_box .slider-day {font-size: 18px;     color: #ccc;}
.event_ticket_list .left_box .sit span { cursor: pointer; color: #000; font-size: 16px; background: #ffa12f; text-decoration: none; padding: 10px 44px 10px 44px; border-radius: 3px; border-bottom: 3px solid #b37428;    text-transform: uppercase;}
.event_ticket_list .left_box .sit span:hover {background: #ffcc00; border-bottom: 3px solid #b37428;}
.event_ticket_list .left_box .slider-place{width:100%;font-size:16px;color:#ccc;font-style:italic}

.slider_event_photo {text-align: center; max-width: 700px;}
.slider_event_photo .slider_event_photo_img {width: 100%}
#event-description {padding: 20px 0 0 0; box-sizing: border-box;}

.ticket-info {background: url(images/event_back.jpg); margin-top: 40px; padding: 20px 20px 20px 20px; box-sizing: border-box; border-radius: 5px; background-size: cover; display: none}
.ticket-info .phone {font-family: georgia; font-size: 20px; color: #ffffff; font-style: italic; } 
.ticket-info .phone a{font-size: 30px; color: #ffffff; text-decoration: none}
.ticket-info .phone img {margin: 0 20px 0 20px}
#speedbay_popup {text-decoration: none; background: #ffa12f; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; margin: 0 20px 0 20px; padding: 10px 25px; font-style: normal; font-family: 'Panton-Light'; border-radius: 5px;}
#speedbay_popup:hover {background: #ffc722}
.ticket-info2 {text-align: left; margin-top: 40px;}
.ticket-info2 img {width: 20px; }
.ticket-info2 #speedbay_popup {text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 16px; font-weight: normal; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; padding: 11px 40px; border-radius: 6px; background: none; margin-left: 0;}
.ticket-info2 #speedbay_popup:hover {background: #f13546; color: #ffffff; border: 2px solid #f13546;}
.ticket-info2 .page-scroll {text-decoration: none; border: 1px solid #000; position: relative; display: inline-block; font-size: 16px; font-weight: normal; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; padding: 10px 40px; border-radius: 6px; background: none; margin-left: 0; font-family: 'Panton-Light';}
.ticket-info2 .page-scroll:hover {background: #f13546; color: #ffffff; border: 2px solid #f13546;}


/* TABS */
#tab1 {background-image: none;}
.tabs label span {background-color: #ffa12f; color: #fff; border-radius: 50%; padding: 4px 10px;}
.tabs {max-width: 1200px; margin: 0 auto; min-width: 320px; padding: 0 10px 0 10px; position: relative; z-index: 100; box-sizing: border-box;}
.tabs .tabycenter {}
/* ����� ������ � ����������� */
#tabs-event section {display: none; background: none; box-sizing: border-box;  padding: 5px 0 5px 0; border-top: 2px solid #f13546;margin-top: 2px;}
.tabs input {display: none;}
#tabs-event #content4 {padding: 25px 10px 0 10px}
/* ����� ������� (�����) */
.tabs label {margin-bottom: -4px; background-color: #f7f7f9; display: inline-block;color: #000000; margin-right: 4px; padding: 20px 25px 15px 25px; text-decoration: none; margin-top: 10px; height: 30px; font-size: 18px; border-left: 2px solid #f13546; border-right: 2px solid #f13546; border-top: 2px solid #f13546; border-radius: 5px 5px 0 0;}
.tabs label:hover {background-color: #f13546; cursor: pointer; color: #ffffff}
/* ����� ��� �������� ������� */
.tabs input:checked + label {border-top: 2px solid #f13546; border-right: 2px solid #f13546; border-left: 2px solid #f13546;  color: #000000; margin-top: 10px; height: 30px; font-weight: bold; background-color: #f5f6f8; border-bottom: 2px solid #f6f6f8;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}
#tabs-event .event-comment .titleforma {color: #000; font-weight: bold;}

.rewies_message {width: 100%; box-sizing: border-box; padding: 15px 20px 20px 20px; border: 1px solid #efebeb; border-radius: 15px; margin-bottom: 20px; text-align: left; margin-top: 10px;background: #fff;}
.rewies_message .otvet {text-align: right; margin-top: 5px;}
.rewies_message .otvet a {background-color: #ddd; color: #fff; padding: 4px 15px 6px 15px; text-decoration: none; border-radius: 10px; font-style: normal;}
.rewies_message .otvet a:hover {background-color: #ccc;}
.child_block .arrow {float: left; position: relative}
.rewies_message.child {margin-left: 70px; width: auto;}

#comment {text-align: left; margin: 0; max-width: 1200px; margin: 0 auto; position: relative; z-index: 100;}
.rewies_message .box .icon {}
.rewies_message .box .title {font-size: 16px; margin: 0 0 10px 0; color: #ccc}
.rewies_message .box .title span {font-weight: bold; color: #000}
.rewies_message .box .title span:before{content:'\f0e5'; color: #ffc722; font-family: FontAwesome; font-size:26px; cursor: pointer; margin-right: 10px;font-weight: normal;}

.rewies_message .box .text {font-size: 16px; color: #000; font-style: italic;}
.rewies_add {max-width: 700px; box-sizing: border-box; padding: 50px 40px 30px 40px; border-radius: 4px; border: 1px solid #000000; color: #000; }
.rewies_add .left_add {width: 100%; }
.rewies_add .left_add .pole input {display: inline; width: 100%; height: 50px; font-size: 18px; border-radius: 4px; outline: none; padding-left: 10px; box-sizing:border-box; border: 1px solid #000000; }
.rewies_add .text_pole {margin: 10px 0 0 0}
.rewies_add .text_pole .pole textarea {width: 100%; height: 100px; font-size: 18px; border-radius: 4px; outline: none; padding-left: 10px; box-sizing:border-box; border: 1px solid #000000; }
.rewies_add .left_add .pole {margin: 0 0 15px 0}
.rewies_add .text_pole .add {margin: 20px 0 0 0}
.rewies_add .text_pole .add input {display: inline;}
.rewies_add .text_pole .add input {text-decoration:none;position:relative;display:inline-block;font-size:15px;font-weight:bold;color:#000;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;cursor:pointer;background:none;padding:12px 20px;border-radius:5px;border:2px solid #000;}
.rewies_add .text_pole .add input:hover {background: #77a44b; color: #ffffff;border:2px solid #77a44b;}
.rewies_add .title {margin-left: 10px; text-shadow: #000 1px 1px 5px;}

/* calendar 1 */
#dateevents {z-index: 2000;}
#dateevents .table {font-size: 20px; ; color: #000; font-weight: normal; padding: 0 20px 0 20px;}
#dateevents td {text-align: center;background: #f6f6f6;}
#dateevents .table .curr {border: 3px solid #ffcc33}
#dateevents .table .curr a{color: #000}
#dateevents .table .weekend { }
#dateevents .table .weekend a{color: #ff3300; font-weight: bold}
#dateevents .table td a {text-decoration: none; color: #000000; font-size: 22px; padding:10px 6px 10px 6px; line-height:34px;}
#dateevents .table td a:hover { color: #000;}
#dateevents .table td:hover {border: 3px solid #ffcc33; font-weight: bold}
#dateevents .monthName {margin: 0 0 10px 0; text-align: center; font-size: 24px; font-weight: bold; color: #fff; padding: 10px 10px 10px 10px; background-color: #5c6981; border-radius: 10px;}
#dateevents .monthName a {color: #111111; text-decoration:none; }
#dateevents .prev:before {content:'\f053'; color: #ffffff; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:30px; text-align:center; box-sizing:border-box; font-weight: normal;} 
#dateevents .next:before {content:'\f054'; color: #ffffff; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:30px; text-align:center; box-sizing:border-box; font-weight: normal;} 
#dateevents .next {float:right;}
#dateevents .prev {float:left;}
.s_top_calendar #callback_popup_calendar {font-size: 22px; text-transform: uppercase; display: flex;  text-decoration: none;align-items: center; color: #000000; }
.s_top_calendar #callback_popup_calendar:before{content:'\f073'; color: #e9b642; margin:0 10px 0 0; font-family:FontAwesome; font-size:45px; box-sizing:border-box;}

/* afisha 2 */
.centrauto .center .premera-slider img {width: 90%; border-radius: 5px}
.centrauto .center .premera-slider {margin-bottom: 60px}
.centrauto .center .premera-slider .name {width: 90%}

/* basket page */
#order-page {max-width: 940px; margin: 0 auto; padding: 20px 10px 10px 10px; box-sizing: border-box; background: #fff; border-radius: 10px;}
#order-page-form {max-width: 940px; padding: 40px 50px 20px 50px; border-radius: 4px; border: 2px solid #fc3; box-sizing: border-box;}
.order-list .order-list-image img {max-width: 100px; border-radius: 4px;}
.order-list .order-list-info .title span {font-size:16px;color:#fff;background:#8b98b1;border-radius:2px;padding:2px 8px;}
.order-list .order-list-info {font-size: 18px;}
.order-list .order-list-image {padding: 0 15px 0 0; box-sizing: border-box;}
.order-list .order-list-info .spisok span {}
.order-list .order-list-info .spisok .basket-pr {margin-left: 0}
.order-list .order-list-info .spisok img {width: 16px; opacity: 0.5; cursor: pointer;}
.order-list .order-list-info .spisok img:hover {opacity: 1; }
.order-list {margin: 0 auto; max-width: 900px; box-sizing: border-box; padding: 0 10px 0 10px; display: flex; /*justify-content: center;*/}
.order-list .order-list-info .title {text-align: left}
.order-list .order-list-info .title a {font-weight: bold; text-decoration: none; border-bottom: 1px dotted #2d566a;font-size: 24px; color: #000;}
.order-list .order-list-info .date {text-align: left; margin-bottom: 10px;font-weight: bold;}
.order-list .order-list-info .spisok {text-align: left; color: #000000; padding: 3px 0; border-bottom: 1px dotted #ccc;}
.order-list .order-list-info .spisok:hover {background: #f6f6f8}
.event_ticket_forma_text {font-size: 18px; text-align: left;margin-bottom: 5px;}
.event_ticket_forma_text span {color: #000; font-size: 16px; color: #f13546; font-weight: bold;}
#pay-select { font-size: 20px; text-align: left; box-sizing: border-box; padding: 0 10px 10px 10px;}
#pay-select span {font-size: 16px; color: #bbbbbb}
#pay-select input[type="radio"] {display: none;}
#pay-select input[type="radio"] + label {display: block; position: relative; padding-left: 35px; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; margin-bottom: 20px; cursor: pointer;}
#pay-select input[type="radio"] + label:last-child {margin-bottom: 0;}
#pay-select input[type="radio"] + label:before {content: ''; display: block; width: 20px; height: 20px; border: 1px solid #000000; position: absolute; left: 0; top: 0; opacity: .6; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s;}
#pay-select input[type="radio"]:checked + label:before {width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.basket-oplata .money2 { text-align: center}
.basket-vopros {padding: 15px 10px; font-size: 16px; background: #f6f6f8; border-radius: 4px}

.basket-oplata-forma {display: flex}
.basket-oplata {width: 50%; padding: 0 20px 0 0; box-sizing: border-box;}
.basket-oplata .money2 img {width: 80%}
.basket-forma {width: 50%; }
.basket-forma p {color: #bbbbbb}
.basket-forma a {color: #bbbbbb}
#basket-title { text-align: left;}
.basket-forma .privacyguard #iconguard {margin-top: 15px; }
.basket-forma .privacyguard {padding: 10px 15px; box-sizing: border-box }
.basket-forma .privacyguard div {text-align: left; color: #bbbbbb; font-size: 16px; margin-bottom: 7px}
.basket-forma #iconguard::before{content:'\f023'; color: #bbbbbb; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:18px; text-align:center; box-sizing:border-box; font-style: normal;}
.basket_guard {display: flex; max-width: 940px; margin: 0 auto;}
.basket_guard .box {display: flex; text-align: left; padding: 20px 20px; box-sizing: border-box; font-size: 14px}
.basket_guard .box img {margin-right: 10px}
.basket_guard .box span {font-size: 20px; font-weight: bold}


.centrauto .pay-secure {padding: 30px 10px 0 10px; border-top: 1px solid #d4caca; box-sizing: border-box; font-size: 16px; font-style: italic; color: #bbb; display: flex; flex-wrap: wrap; justify-content: space-between;}
.centrauto .pay-secure .left-pay {margin-top: 10px;}
.centrauto .pay-secure .right-pay {}
.centrauto .pay-secure .icon {float: left; padding: 0 15px 0 15px}
.centrauto .pay-secure .left-pay .icon img {margin-right: 10px}
.centrauto .pay-secure .left-pay #pay-secure-menu-money::before{content:'\f09d'; color: #bbb; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:38px; text-align:center; box-sizing:border-box; font-style: normal;}
.centrauto .pay-secure .left-pay #pay-secure-menu-kurer::before{content:'\f072'; color: #bbb; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:38px; text-align:center; box-sizing:border-box; font-style: normal;}
.centrauto .pay-secure .left-pay #pay-secure-menu-money {display: flex; align-items: center;}
.centrauto .pay-secure .left-pay #pay-secure-menu-kurer {display: flex; align-items: center;}



/* mobile popup */
.mobilemenu-box { z-index: 20000; position: fixed; /* top: -100% */; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; margin-top: 70px; background: #ffffff } 
.mobilemenu .mobilemenu-box { top: 0; } 
.mobilemenu .mobilemenu-box:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; }
.mobilemenu-menu {width: 100%; height: 100%; background: url(images/bgmenu.jpg) no-repeat right; background-size: cover;}
#burger-close img {width: 35px}
.mobilemenu-box .left {text-align: center; box-sizing: border-box; }
.mobilemenu-box .left img {width: 70px;     border-radius: 4px;}
.mobilemenu-box .left a {font-size: 18px; color: #272727; text-decoration: none;     }
.mobilemenu-box .left .logoname {font-size: 30px; text-decoration: none; color: #000000; background: #f3cd46; position: relative; display: inline-block; padding: 10px 20px 10px 20px; border-radius: 3px; margin-left: -5px; text-transform: uppercase;    font-weight: bold;}
.mobilemenu-box .left .logoname span {color: #d0d0cf; font-size: 33px;}

.mobilemenu-box .left .phone {margin-top: 20px}
.mobilemenu-box .right {position: relative;}
.mobilemenu-box .right div {margin: 15px 0 10px 0}
.mobilemenu-box .right div a {font-size: 20px; color: #000000; text-decoration: none; font-family: 'Panton-Regular'; font-weight: bold;}
.mobilemenu-box .right div a:hover {color: #c30;}
.mobilemenu-box .box {margin: 0 auto; text-align: center; height: 100%; box-sizing: border-box; display: flex; align-items: center; margin-top: -60px; justify-content: center;}
.mobilemenu-box .right .menubox {max-width: 250px; margin: 0 auto; text-align: left;}
.mobilemenu-box .pay-secure-menu {width: 100%; margin: 0 auto; position: absolute; margin-top: -150px; padding: 10px 10px 0 10px; border-top: 1px solid #98381a; box-sizing: border-box; font-size: 14px; font-style: italic; color: #bbb}
.mobilemenu-box .pay-secure-menu .left-pay {float: left;}
.mobilemenu-box .pay-secure-menu .right-pay {float: right;}
.mobilemenu-box .pay-secure-menu .icon {float: left; padding: 0 15px 0 15px}
.mobilemenu-box .pay-secure-menu .left-pay .icon img {margin-right: 10px; width: 40px;}
.mobilemenu-box .pay-secure-menu .left-pay .icon .cars2 {margin-top: 5px}
.mobilemenu-box .pay-secure-menu .right-pay .icon img {width: 80px;}
.mobilemenu-box .center-menu {width: 100%; margin: 0 auto; position: absolute; margin-top: -85px; padding: 10px 10px 0 10px; box-sizing: border-box; text-align: center; border-top: 1px solid #dad9d9;}
.mobilemenu-box .center-menu a {margin: 0 15px 0 15px; font-size: 16px; text-decoration: none; color: #757474; font-family: 'Panton-Light';}
.mobilemenu-box .center-menu .phone a {font-size: 22px; font-weight: bold; color: #000000}
.mobilemenu-box .center-menu .phone {margin-bottom: 5px}

.pay-secure-menu2 {width: 100%; margin: 0 auto; padding: 10px 10px 10px 10px; border-bottom: 1px solid #d4caca; box-sizing: border-box; font-size: 14px; font-style: italic; color: #bbb; display: flex; flex-wrap: wrap; justify-content: space-between;}
.pay-secure-menu2 .left-pay {margin-top: 5px;}
.pay-secure-menu2 .right-pay {}
.pay-secure-menu2 .icon {float: left; padding: 0 15px 0 15px}
.pay-secure-menu2 .left-pay .icon img {margin-right: 10px; width: 35px;}
.pay-secure-menu2 .left-pay .icon .cars2 {margin-top: 5px}
.pay-secure-menu2 .right-pay .icon img {width: 60px;}
.pay-secure-menu2 .left-pay #pay-secure-menu-money::before{content:'\f09d'; color: #bbb; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:25px; text-align:center; box-sizing:border-box; font-style: normal;}
.pay-secure-menu2 .left-pay #pay-secure-menu-kurer::before{content:'\f072'; color: #bbb; margin:0 0 0 0; padding-right: 10px; font-family:FontAwesome; font-size:25px; text-align:center; box-sizing:border-box; font-style: normal;}
#pay-secure-menu-money {display: flex}
#pay-secure-menu-kurer {display: flex}

/* callback popup */
#callback_block {width: 350px; padding: 40px; color: #000000; background: #f9f9f9;}
#callback_block h3 {font-size: 24px; margin: 0}
#callback_block {text-align: left; }
#callback_block p {margin-bottom: 10px;}
#callback_block a {color: #000000}
#callback_block input {font-size: 16px; padding: 4px; border: 1px solid #000000; width: 95%; border-radius: 4px;}
#callback_block .pole input {font-size: 18px; height: 50px;}
#callback_block #send_callback {background-color: #f9ea3c; color: #000; border-radius: 8px;  cursor: pointer; border: none; padding: 12px 0;}
#callback_block #send_callback:hover {background-color: #000; color: #fff; border: 1px solid #000}
#callback_block .center {margin-top: 15px}
#callback_block .pole {margin-bottom: 15px;}

/* callback contacts */
.callback-contacts {max-width: 700px; box-sizing: border-box; padding: 40px 60px; border-radius: 4px; border: 1px solid #000000; color: #000; text-align: center; }
.callback-contacts .pole {margin: 15px 0}
.callback-contacts .pole input {width: 100%; height: 50px; font-size: 18px; border-radius: 4px; outline: none; padding-left: 10px; box-sizing:border-box; border: 1px solid #000000; }
.callback-contacts .pole textarea {width: 100%; height: 100px; font-size: 18px; border-radius: 4px; outline: none;padding-left: 10px; box-sizing:border-box; border: 1px solid #000000; }
.callback-contacts .center {margin-top: 20px}
.callback-contacts .callback-contacts-button {text-decoration:none;position:relative;display:inline-block;font-size:15px;font-weight:bold;color:#000;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all;cursor:pointer;background:none;padding:12px 20px;border-radius:5px;border:2px solid #000;} 
.callback-contacts .callback-contacts-button:hover {background: #77a44b; color: #ffffff;border:2px solid #77a44b;}
.callback-contacts {text-align: left}
#page .callback-contacts .center {padding: 0}

.corpbox {display: flex; flex-wrap: wrap;}
.corpbox .left {width: 55%; padding: 0 40px 0 0; box-sizing:border-box}
.corpbox .right {width: 45%}
.corpbox h2 {text-align: left}

/* basket layer */
.basket {margin: 0 auto; width: 350px; }
.basket .box { position: fixed; background-color: #d32323; box-sizing: border-box; padding: 25px 30px 25px 30px; z-index: 1000; margin-top: -44px; box-shadow: #333 2px 2px 20px;}
.basket .box:hover {padding: 30px 40px 30px 40px}
.basket .box .left { display: inline-block; padding: 0 20px 0 0; height: 42px; width: 50px; vertical-align: top; }
.basket .box .itogo { font-size: 18px; text-transform: uppercase; text-align: center; display: inline-block; vertical-align: top; color: #fff}
.basket .box .itogo a {font-size: 14px}
.basket .box .itogo a:hover {font-size: 14px; color: #fff}
.basket .box .right { padding: 0 0 0 20px; width: 30px; text-align: right; vertical-align: top; display: inline-block; }
.basket .box .right img {width: 15px; cursor: pointer}
.basket .box .right img:hover {width: 30px; }
.basket.hide .box { position: relative; }
.basket.hide .box .itogo a { display: none;}
.basket.hide .box .itogo .currency { display: block;}
.basket.hide .box .itogo { height: 60px; }
.basket.hide .box { padding: 15px 0px 0px 20px; }

.basket_svernut { width: 350px; }
.basket_svernut .box { position: fixed; background-color: #ff6600; box-sizing: border-box; padding: 15px 20px 15px 20px; z-index: 1000; margin-top: -44px; cursor: pointer; right: 0; box-shadow: #888 4px 4px 30px;}
.basket.hide .box:hover {padding: 20px 0px 0px 25px}
.basket_svernut .box .left {float: left; padding: 0 20px 0 0}
.basket_svernut .box .itogo {float: left; font-size: 18px; text-transform: uppercase; text-align: center;}

/* order popup */
.zakaz_ok {width: 100%; height: 100%; position:fixed; z-index:10000; background:url(images/bg_load.png); margin-top: 0px; top:0px; font-size: 20px}
.zakaz_ok .box {background: #459d35; padding: 20px 10px 5px 10px; border: 4px solid #fff; margin: 0 auto; position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -180px; border-radius: 5px; max-width: 300px; text-align: center; font-size: 20px; color: #fff; box-sizing: border-box;}
.zakaz_ok a {font-size: 20px; color: #fff;}
.zakaz_ok a:hover {}
.zakaz_ok .box .text div {font-size: 20px; color: #fff; margin-bottom: 10px}
.zakaz_ok .box .close {margin-top: 10px}
.zakaz_ok .box .close img {width: 30px; cursor: pointer; padding: 0 0 10px 0; }
.zakaz_ok .box .close img:hover {width: 40px; padding: 0 0 0 0; }

/* preloader */
#zagruzka{width: 100%; height: 100%; background:#FFF; position:fixed; z-index:1000; /* display: none;*/ background:url(images/bg_load.png); }
.zagruzkaer_text {font-size: 16px; color:#fff; margin: 15px 0 0 15px; padding:0;  float:left;}
.percent {margin:1px auto 0; background:url(images/loading.gif) no-repeat; font-size: 16px; width:66px; height:66px; text-align:center; line-height:66px; padding:0; display:block; color:#000; float:left;margin-right: 10px;}	
#progress {background:#fff;padding:20px 20px 20px 20px;border:4px solid #ecd42b;margin:0 auto;position:absolute;top:50%;margin-top:-150px;left:0;right:0;border-radius:5px;max-width:300px;}
#loader{width:100%;height:100%;background:url(/images/bg_load.png);position:fixed;z-index:1000;display:none;}
#loader .ui-widget-header{border:1px solid #6497f3;background:#6497f3}
#loader .preloader_text{font-size:16px;text-align:center;color:#000;margin:5px 0 0 15px}
#loader .preloader_text span {font-size:18px; font-weight: bold}

/* yandex map gray */
ymaps {filter: grayscale(1);-ms-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);}

/* reperuar */
.repertuar {display: flex; flex-wrap: wrap; }
.repertuar-event {width: 25%; margin: 25px 0; box-sizing: border-box; padding: 0 10px}
.repertuar-event a {font-size: 18px; font-weight: bold; color: #000000}
.repertuar-event .name {margin-top: 5px}
.repertuar-event img {width: 100%; border-radius: 5px}
.repertuar-bukva {font-size: 36px; font-weight: bold; border-bottom: 1px dotted; cursor: pointer; margin: 0 7px 10px 7px; display: inline-block;}
.repertuar-bukva:hover {color: #f13546}
.repertuar-info {margin: -10px 0 30px 0; }
.repertuar-event .tags span {color: #7b7b7c; padding: 2px 7px; border-radius: 3px;border: 1px solid #ddd; margin-right: 5px;margin-top: 3px;}
.repertuar-event .tags {margin-top: 4px; margin-bottom: 4px; display: flex; flex-wrap: wrap;}
.repertuar-event .scena {color: #7b7b7c; }

/* actery */
.akterall {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.akterall-face {width: 25%; padding: 20px 25px; box-sizing: border-box; text-align: center;}
.akterall-face img {width: 98%; border-radius: 5px}
.akterall-face a {font-size: 18px; color: #000000}
.actors_page {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.actors_page .box {width: 25%; padding: 20px; box-sizing: border-box;}
.actors_page .box img {width: 99%; border-radius: 50%; border: 8px solid #e5e4f1;}

.tickets_form_textniz .photo-up {margin: 10px 0; text-align: center; }
.tickets_form_textniz .photo-up img {border-radius: 5px;}

/* Flickering Animation CSS */
@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.animate-flicker:before{content:'';-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite; animation:flickerAnimation 1.3s infinite;width:8px;height:8px; border-radius:50%; background-color:#25d266;vertical-align:middle; margin-right:4px}
.animate-flicker{display:flex;align-items:center;font-size:12px;color:#858c95;text-align:right;justify-content:end}
.bottom .right .worktime span{-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite;animation:flickerAnimation 1.3s infinite; width:8px;height:8px;border-radius:50%; background-color:#25d266; vertical-align:middle;margin-right:4px; display:inline-block}
	
.voprosotvet .container {max-width:90%;width:100%; margin-bottom: 30px;}
.voprosotvet .acc .vopros_h3 {font-size:22px;color:#5e7481;padding:15px;margin:0;cursor:pointer;position:relative; display: flex;}
.voprosotvet .acc .vopros_h3 span:before {content: ""; background:url(images/plus.svg) no-repeat; width: 24px; height: 24px;z-index: 100;}
.voprosotvet .acc.active .vopros_h3 span:before {content: ""; background:url(images/plus2.svg) no-repeat; }
.voprosotvet .acc .vopros_h3 span {position:absolute;right:20px; z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s; display: flex; align-items: center; justify-content: center;}
.voprosotvet .acc.active .vopros_h3 span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.voprosotvet .acc.active {border-bottom: none}
.voprosotvet .acc.active .vopros_h3 span:after {content: ""; display: block; width: 40px; height: 40px; position: absolute; background: #ff9900; border-radius: 50%; }
.voprosotvet .acc .content-inner {background: #fff; border-radius: 5px;}
.voprosotvet .content {display:none; }
.voprosotvet .content-inner {padding:15px}
.voprosotvet .content *{margin-top:0;}
.voprosotvet .acc {border-bottom:1px solid #eeeeee}

.akciya {margin: 0 0 50px 0; padding: 10px 20px; border-radius: 5px; border: 1px solid #f7d943}
.ticket_oformlenie	{color: #cccccc;}

/* HEAD RAITING */
.head_raiting {position: relative; display: flex; margin-left: 40px}
.head_raiting_text {font-size: 12px; color: #ffffff; width: 135px; position: relative; margin: 0 5px 0 5px; }
.head_raiting_flag {position: relative; width: 40px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-left: 20px}
.head_raiting_flag span {position: relative; z-index: 100;}
.head_raiting_flag:after {content: ""; display: block; width: 40px; height: 60px; position: absolute; top: -20px; left: 0; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABjCAYAAAAsE9hTAAACOklEQVR4nO3cwWvOcRzA8Rd/hKtkjCQOlBS1Iw5KuSwH5UBJSSsOSikHSlJSHJSDXNTKgZXUisMuOCi77LCkdqGoNbVs9FvfA/u2Ndt+zzM+n9dtfb9PPe9nv9/v+3kuz7qBFxt+Cmp91HAZH1jGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VN2Mn8J1bMRVTFY7WtaN+GncQQ8u4SOuYCseYLZ6RUs6GT+Dh+jFOUzMW2/+PoU9GK5e3YJOxDc/MPoEO3ES49WOP71DHw7jQ7W6itqOf1b+k8cxWq0u7jl24Sw+L7pzmdqKf4UDOIK31erS/cBdbMENfF/L8W9wCAfxulpdvq+4iG14XG6lFVut+NFyae/FULW6epqToR/7MdLt+PHyENtZHmqd+vXkkfIBHMNYtbpEy42fKMdVbzm+Zqod7Ws+6EHswEC5NVqN/1IGk54yqExXOzqveQ83y0Px9t+8p6XGT5YRdHMZSaeqHd3XHIfny5UwuBrxzdFyC5vKCPqt2rH2jJVnQV8ZmBa0UHxzvt4v8/aFtoaMlg2XAau/nBKV+fHNl4pH2I7T+FS94t8yW+aCZj64PP+b4+/xT7EbJ1ZyfKxRze17rVzJ98qVPRf/EvtwFO//s+j5miP6zNx3BoZ+AVGoWx0x6vcDAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: contain; background-position: center top;}
.head_raiting_text span:before{content:'\f005'; color: #ffcc00; margin:0 0 0 0; font-family:FontAwesome; font-size:12px; box-sizing:border-box;}