@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);

* {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: #000; text-decoration: underline}
a:hover{color: #000000; 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}

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

#fortitle h1, h2 {text-align: left;}
#page #page-padding {padding: 20px 10px 0 10px; box-sizing:border-box; text-align: left;}
#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 {}
.category-beforeDescription {}
.main-afisha-h2 {color: #fc7837; margin-top: 50px;}

.main_cloun {display: flex}
.main_cloun .clouns img {width: 370px}
.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/back4.jpg); background-size: cover; border-radius: 20px;}
.event_ticket_forma2 {width: 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: 10px; 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: #b9113f #000 #900d31; border-radius: 10px; background: linear-gradient(#e62057, #c70c0c) #c70c0c; transition: 0.2s; background-color: #c70c0c; text-transform: uppercase; font-size: 16px; cursor: pointer; font-weight: bold;} 
.event_ticket_forma2 .center input:hover { background: linear-gradient(#c70c0c, #e62057) #f93f02; }
.event_ticket_forma2 .center input:active { background: linear-gradient(#e62057, #c70c0c) #f93f02; }
.event_ticket_forma2 .center {text-align: center; margin-top: 5px;}
/* 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; font-family: 'Panton-Bold';}
.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; font-family: 'Panton-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;}
#maintext {}

.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: #c70c0c; font-family: FontAwesome; font-size:60px; cursor: pointer; }
.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: #f2f3f5; border-bottom: 2px dotted #f1f2f4;}
.price-main .price-main-blok .right {float: right; background-color: #f2f3f5; border-bottom: 2px dotted #f1f2f4;}
.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: #ddd; 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 */




.teatr-back {/* background: url(images/cirk-back.jpg) no-repeat right;  width: 100%; height: 764px; position: absolute; z-index: 10; margin-top: -1040px;*/}

#page .navigation {display: flex; justify-content: space-between; margin: 60px 0 0 0}
#page .navigation .navi-left {border-radius: 10px; background: url(images/navi1.jpg) center no-repeat; width: 48%; height: 140px; 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/navi2.jpg) center no-repeat; width: 48%; height: 140px; 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: #960c0c; 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: #960c0c; 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 {/* background: url('/images/afishauzor.jpg')*/; 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: #f7d943; box-shadow: #c4c2c2 1px 1px 15px; }
#s_top_calendar_main {margin-top: -35px;}
.s_top_calendar_centr {max-width: 1400px; margin: 0 auto; padding: 10px 0 10px 0 ; text-align: center; overflow: hidden; display: flex;  justify-content: space-around;}
.cat_main {display: flex; flex-wrap: wrap; justify-content: space-around; margin: 30px 0 20px 0;}
.cat_main a {display: inline-block; margin: 5px 5px; text-decoration: none; font-size: 18px; border: 1px solid #c70c0c; padding: 5px 20px 10px 20px; border-radius: 20px; line-height: 30px;}
.cat_main a:hover {text-decoration: underline; background: #c70c0c; color: #ffffff; text-decoration: none}
.cat_main .cat {}

.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%; height: 50px; background-color: #800a2b; position: relative; z-index:100;}
.s_top_menu .box {max-width: 1400px; display: flex; justify-content: space-around; margin: 0 auto}
.s_top_menu .box .cat {margin-top: 14px; text-align: center; display: flex; justify-content: center;}
.s_top_menu .box .cat a {text-decoration: none; color: #f9c5d4; text-transform: uppercase; font-size: 16px}
.s_top_menu .box .cat a:hover {color: #ffffff}
.cat_main .cat .menu-football:before{content:'\f1e3'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.cat_main .cat .menu-concert:before{content:'\f001'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.cat_main .cat .menu-show:before{content:'\f006'; color: #000000; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;}
.cat_main .cat .menu-other:before{content:'\f097'; color: #000000; 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 .cat .menu-football:before{content:'\f1e3'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 10px;}
.s_top_menu .cat .menu-concert:before{content:'\f001'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 10px;}
.s_top_menu .cat .menu-show:before{content:'\f006'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 10px;}
.s_top_menu .cat .menu-other:before{content:'\f097'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 10px;}

 
.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: 50px; color: #d8d8de; text-transform: uppercase; font-weight: bold; font-family: 'Panton-Bold'; margin-bottom: -50px; margin-top: 30px;}
.main-h2 {font-family: 'Panton-Light'; color: #fff; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: uppercase}
.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: 40px; color: #d8d8de; text-transform: uppercase; font-weight: bold; font-family: 'Panton-Bold'; margin-bottom: -50px; margin-top: 50px;}

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

.title-h1 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
.title-h2 {font-family: 'Panton-Bold'; color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: none}
.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%}
.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; padding: 0 15px; box-sizing: border-box; margin-top: 50px; }
.shemaimg img {width: 95%}

.centrauto .center .news-main {display: flex; flex-wrap: wrap;}
.centrauto .center .news-main .news-blok {width: 33.333%; padding: 0 15px; box-sizing: border-box; position: relative}
.centrauto .center .news-main .news-blok img {width: 100%; }
.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: .65; border-radius: 10px;}
#news-all .news-blok {margin: 0 0 40px 0}

.comment-slider .event_otzyv {padding: 0 10px; box-sizing: border-box; margin-bottom: 40px}
.comment-slider .event_otzyv .name {font-size: 18px}
.comment-slider .event_otzyv .name span {color: #ccc}
.comment-slider .event_otzyv .icons:before{content:'\f27a'; color: #c70c0c; font-family: FontAwesome; font-size:20px; cursor: pointer;}
.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: #c11d1d; color: #fff; border-radius: 25px; padding: 7px 12px 4px 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; padding-bottom: 40px}
.category-beforeDescription .eventgallery img {width: 90%; border-radius: 5px;}
.eventgallery .block {width: 25%; text-align: center; }
.eventgallery div img {width: 99%; height: 99%;}
.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 .links {display: none}
.mobilemenu .width {width: 40px;}
.mobilemenu .burger_no {display: none}
.menu-top .width {float: left}
.menu-top {width: 100%; height: 69px;box-sizing: border-box; background-color: #000000; position: fixed; z-index: 5000; box-shadow: 0 2px 10px 2px rgba(0,0,0,.1); background-position: bottom; display: flex; justify-content: space-between; background: url(images/header-bg.jpg)}
.menu-top .left {display: flex; width: 33.333%; justify-content: left;}
.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: 15px 20px 0 20px; float: left; cursor: pointer; width: 40px;}
#burger-close { cursor: pointer; padding: 15px 20px 0 20px; box-sizing: border-box; position: fixed; }
.menu-top .left .home {padding: 20px 0 0 0;}
/* .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 a:before{content:'\f19c'; color: #ffffff; margin:0 0 0 0; font-family:FontAwesome; font-size:28px; box-sizing:border-box; cursor: pointer; text-decoration: none; margin-right: 5px;} */

.menu-top .left .home img {; margin-top: 0}
.menu-top .center {    display: flex; width: 33.333%; justify-content: center;}
.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: 20px 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 {/* background: url(images/top-cart.png) no-repeat*/; width: 48px; height: 48px; padding-top: 23px; display: block; box-sizing: border-box; margin-top: 7px; color: #ffffff; background-color: #c70c0c; border-radius: 25px;}
.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: 10px;}
.menu-top .left .favorites {/*padding: 20px 20px 0 60px; float: left*/; display: none}
.menu-top .right {display: flex; width: 33.333%; justify-content: flex-end;}
.menu-top .right .search {padding: 18px 20px 0 0; }
.menu-top .right .phone {padding: 20px 20px 0 0; text-align: right;}
.menu-top .right a {font-size: 18px; text-decoration: none; color: #ffffff; 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 span a {font-size: 14px; font-weight: normal}
.menu-top .right span {display: block; margin-top: -5px;}
.free {width: 100%; height: 10px;}
.dot-ticket-top {/* background: url(images/colorline.png)*/ background-color: #464545; width: 100%; height: 8px;  margin-top: 65px; background-size: cover; position: fixed; z-index: 4000;}

.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 {}
.menu-top .right .searchtopnone a:before{content:'\f002'; color: #797575; margin:0 10px 0 0; font-family:FontAwesome; font-size:25px; text-align:center; box-sizing:border-box; cursor: pointer}
.menu-top .right .searchtopnone a {display: block; margin-top: 18px;}


.centr-top {background: url(images/back2.jpg) 50% 50%; height: calc(85vh - 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.7; background: #0e0e0e;}
/* .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: 120px; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: #3e3d3d 10px 1px 15px;  font-family: 'Panton-BlackCaps'; margin-top: -25px; }
.centr-top .title .name span {font-size: 50px; }
.centr-top .title .name2 {font-size: 18px; color: #fff; margin-top: -10px; text-shadow: #000 10px 1px 15px; margin-left: 10px;}
.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; margin: 10px; border-radius: 5px; border: 1px solid #ffc722;}
.centr-top .title .button .one:hover {background: none; border: 1px solid #ffffff; color: #ffffff}

.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/back3.jpg) 50% 50%; height: 470px; position: relative; background-size: cover; margin-top: 50px; width: 100%; overflow: hidden; background-attachment: fixed; color: #fff; padding: 20px 0 0 0; box-sizing: border-box; z-index: 100; margin-bottom: 40px;}
.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/back2.jpg) 50% 50%; height: calc(70vh - 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.6; background: #0e0e0e;}

#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.6; background: #251414;}
#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: 60px; color: #fff; text-transform: none; font-weight: normal; font-family: 'Panton-Bold'}
#topevent .title h1 {font-size: 50px; 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-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 {font-size: 18px; color: #000;  margin-bottom: 10px; position: absolute; bottom: 10px; font-weight: bold;}
.skidka span {background: #f7d943; padding: 5px 10px;}

.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: 50px; color: #fff; text-transform: uppercase; font-weight: normal;}
#topallpage-place {background: url(images/back2.jpg) 50% 50%;     height: calc(50vh - 16px);; position: relative; background-size: cover; margin-top: 50px; width: 100%; z-index: 10; }
#topallpage-place .title h1 {font-size: 50px; color: #fff; text-transform: uppercase; font-weight: normal;}

.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;}
#callback_block2 .search {padding: 30px 30px 30px 30px}
#callback_block2 .search input {width: 300px; height: 50px; font-size: 18px; padding-left: 10px; border: 1px solid #f9d839;}
#callback_block2 .search button:before{content:'\f002'; color: #f5d021; margin:0 0 0 -60px; font-family:FontAwesome; font-size:28px; text-align:center; box-sizing:border-box; cursor: pointer}
#callback_block2 .search button {background: none}
#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; }
/* 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;}
#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}
.centrauto .slider-rekomenduem .slider-rekomenduem-box img {border-radius: 5px; width: 98%;}
.centrauto .slider-rekomenduem .info {font-size: 14px; 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 {max-width: 1300px; margin: 0 auto; border-radius: 10px; position: relative; z-index: 50; background: #f9f9f9;  border: 1px solid #e3e4e6; background: url(images/back-ticket.jpg); background-size: cover;}
.afisha-podbor .seredina .podbor {max-width: 1400px; text-align: center; margin: 0 auto; padding: 20px 0 20px}
.afisha-podbor .seredina h2 {margin: 10px 0 0 0; color: #ffffff; text-transform: uppercase; font-size: 26px}
.afisha-podbor .seredina .selecting select {height: 40px; border-radius: 5px; border: 0; padding: 0 10px 0 10px; font-size: 14px; 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: #ccc -2px 2px 5px inset; cursor: pointer;}
.afisha-podbor .seredina .selecting div {padding: 0 5px 0 5px}
.afisha-podbor .seredina .selecting {padding: 20px 0 15px 0; margin: 0 auto; display: flex; justify-content: center;}
.afisha-podbor .seredina .selecting .title {margin: 0 0 0 0; line-height: 40px; font-size: 16px; color: #fff}
.afisha-podbor .seredina .selecting select {}
.afisha-podbor .seredina .selecting .category {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .category select {max-width: 150px;}
.afisha-podbor .seredina .selecting .scena {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .scena select {max-width: 150px;}
.afisha-podbor .seredina .selecting .month {margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .month select {max-width: 100px}
.afisha-podbor .seredina .selecting .vozrast select {max-width: 100px;}
.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: 14px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; padding: 10px 25px; border-radius: 5px;}
.afisha-podbor .seredina .selecting .button button:hover {background: #f3d06c; color: #000000}
.afisha-podbor .seredina .podbor .afisha-day a {color: #ffffff; margin: 0 20px 0 20px}
.afisha-podbor .seredina .podbor .afisha-day a:hover {color: #ffffff; text-decoration: none}
#afisha-page {margin-bottom: 30px;}
/* select main */

/* afisha main */


/* afisha main */
/*
#afishamain {max-width: 1400px; margin: 0 auto; margin-top: 20px}
#afishamain .event {padding: 15px 10px 15px 10px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px; background: #fff; background-repeat: no-repeat; background-position: right; background-image: url('images/back-ball.png'); box-shadow: #ccc 3px 3px 15px; position: relative;}
#afishamain .event:hover {background: url(images/afishauzor2.jpg) no-repeat; background-size: cover; color: #fff}
#afishamain .event .date {display: table-cell; vertical-align: middle; font-size: 20px; box-sizing: border-box; width: 20%; text-align: left; padding-left: 20px;}
#afishamain .event .date .boldeing {font-size: 28px; text-transform: uppercase; font-weight: bold;}
#afishamain .event .image {display: table-cell; vertical-align: middle; margin: 0 0 0 0; width: 11%;}
#afishamain .event .image img {width: 95%; border-radius: 2px}
#afishamain .event .title {display: table-cell; vertical-align: middle; margin: 10px 0 0 0; text-align: left; width: initial; padding-left: 20px; box-sizing: border-box; font-size: 20px; }
#afishamain .event .title .boldeing {font-size: 28px; text-transform: uppercase; font-weight: bold;}
#afishamain .event .title .event_tag {}
#afishamain .event .title .area:hover {text-decoration: none}
#afishamain .event .price {display: table-cell; vertical-align: middle; font-size: 24px; text-align: right; width: 240px; padding-right: 15px; ; box-sizing: border-box}
#afishamain .event > .alla {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; border-radius: 5px;} */

#afishamain h2 {}

/* main page */
#mainafisha {max-width: 1200px; display: flex; flex-wrap: wrap;}
#mainafisha .event {width: 33.33333%; 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;}
#mainafisha .event .image img {width: 99%; border-radius: 5px;}
#mainafisha .event .date {text-transform: uppercase; margin: 20px 0 15px 0; font-size: 16px; letter-spacing: 1px;}
#mainafisha .event .date:before{content:'\f073'; color: #fc7837; font-family: FontAwesome; font-size: 24px; cursor: pointer; margin-right: 5px;}

#mainafisha .event .title a {text-transform: uppercase; font-size: 22px; border-bottom: 1px solid #f03434; font-weight: bold; text-decoration: none}
#mainafisha .event .title a:hover {color: #f03434}
#mainafisha .event .title {margin: 0 0 10px 0; }
#mainafisha .event .buy a {text-decoration: none; display: block; height: 50px; background: none; color: #000; border: 1px solid #f03434; text-align: center; font-size: 18px; line-height: 50px; cursor: pointer; white-space: nowrap; border-radius: 5px;}
#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);}

#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% - 250px); display: flex; padding: 0 20px; box-sizing: border-box; align-items: center; justify-content: space-between;}
#afishapage .event .areabuy_time .price {max-width: 150px; text-align: center; font-weight: bold; font-size: 20px; }
#afishapage .event .areabuy_time .price span {color: #c70c0c}
#afishapage .event .areabuy_time .time {font-size: 20px; max-width: 100px; text-align: center; font-weight: bold;}
#afishapage .event .areabuy_time .areabuy {width: calc(100% - 280px); text-align: left;}
#afishapage .event .dating {max-width: 110px; text-align: center; padding: 0 20px; box-sizing: border-box;}
#afishapage .event .areabuy {}
#afishapage .event .image {padding: 0 10px; box-sizing: border-box; max-width: 170px;}
#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; }
#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: 15px; color: #888}
#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: #c70c0c; border-bottom: 1px dotted #c70c0c; text-decoration: none;}
#afishapage .event .dating .place {font-size: 15px; color: #000000}
#afishapage .event .buy {margin-top: 10px}
#afishapage .event .buy a {background: #c70c0c; color: #ffffff; text-decoration: none; font-size: 14px; padding: 7px 25px 7px 25px; border-radius: 3px; border-bottom: 3px solid #8e0a2e; position: relative; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; }
#afishapage .event .buy a:hover {background-color: #a70c37; color: #ffffff; }

#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 #c70c0c; padding: 5px 20px; border-radius: 20px; display: inline-block; margin: 5px 5px; text-decoration: none; font-size: 18px;}
.afisha-month a:hover {text-decoration: underline; color: #c70c0c}
.afisha-month {text-align: left}

/* afisha page */

#place .image-place {max-width: 500px; margin: 0 auto; margin-top: 30px}
#place .image-place img {width: 99%; box-shadow: #ccc 2px 2px 5px; border-radius: 10px;}
#place .info {margin: 20px 0 20px 0}
#content2 .shems {max-width: 700px;  margin: 0 auto; text-align: center;}
#content2 .shems img {width: 99%}
#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%}
#place .place_icons .box {width: 33.33333%; text-align: center; padding: 0 20px; box-sizing:border-box;}

#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-top: 30px; margin-bottom: 50px;}
.button2 a {padding: 16px 45px; 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}
.button2 a:hover {background-color: #ffffff; color: #000000; border: 2px solid #000000}
.centr-slider .button2 a {padding: 16px 45px; text-decoration: none; border: 2px solid #ffffff; position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #ffffff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px; border-radius: 5px}
.centr-slider .button2 a:hover {background-color: #ffffff; color: #000000}

/*
#afishamain .event .price a {padding: 17px 50px; text-decoration: none; background: #b40909; position: relative; display: inline-block; font-size: 15px; font-weight: bold; color: #ffffff; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; transform: skew(-8deg); ; z-index: 10}
#afishamain .event .price a:hover {background: #df2b2b}

#afishamain .event .price span {}
#afishamain .event .time {display: table-cell; vertical-align: middle; font-size: 24px; text-align: center; width: 15%;}
#afishamain .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;}
#afishamain .button a:hover {background: #ffc722}
*/

.event-more a {padding: 15px 60px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 15px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px; border: 2px solid #ffc722; cursor: pointer; border-radius: 10px; margin-bottom: 60px;}
.event-more a:hover {background-color: #ffffff; color: #000000; border: 2px 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 h3 {margin-top: 0}
.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 */
.dot-ticket {/* background: url(images/colorline.png) background-color: #a01e1e;*/ width: 100%; height: 10px; position: relative; z-index: 1000; margin-top: 20px; background-size: cover;}
.bottom {background: url(images/btm.jpg) 50% 50%; min-height: 553px; position: relative; background-size: cover; width: 100%; padding-top: 50px;}
#bottom_all {background: url(images/btm.jpg) 50% 50%; min-height: 400px; position: relative; background-size: cover; width: 100%; padding-top: 50px; 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; margin-top: 70px; 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 {}
.bottom .left .name a {font-size: 30px;  color: #ffffff; 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;}
.bottom .box .menu {display: flex; align-items: center; justify-content: space-between; height: 70px; 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 */

/* breadcrumb */
.topallpage .title .breadcrumb {box-sizing: border-box; font-size: 10px; color: #ccc;} 
.topallpage .title .breadcrumb ul {margin-left: -40px}
.topallpage .title .breadcrumb li {color: #ccc; display: inline-block; margin: 0 10px 0 10px; font-size: 16px; font-family: 'Panton-Light'}
.topallpage .title .breadcrumb li a {color: #ccc; font-size: 16px; font-family: 'Panton-Light'; text-decoration: none}
/* 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: 98%}
#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 a {color: #cc3300; text-decoration: none; border-bottom: 1px dotted #cc3300;}
#event .event_info .right_box .info_box .info_box_all span {font-size: 13px;}
#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: #ccc}
#event .zakaz_online .right a {font-size: 24px; font-family: 'FiraSans-ExtraBold'; 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;}

.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 .title {font-size: 18px; text-align: left;}
.event_ticket_forma .left_box .pole {margin: 0 0 15px 0}
.event_ticket_forma .left_box .pole input {display: inline; width: 100%; height: 45px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; box-sizing: border-box;}
.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: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; cursor: pointer;}
.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: 140px; font-size: 18px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; box-shadow: #cccccc -1px 1px 5px inset; box-sizing: border-box; resize: none; padding-top: 10px;}
#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: 15px; font-weight: bold; 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: #fff; background: none; border-radius: 4px; margin: 20px 0 20px 0; cursor: pointer; border: 2px solid #ffffff}
#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 {font-family: 'Panton-Light';}
#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-family: 'Panton-Light'; font-size: 16px; margin: 0 0 40px 0;}
#event .event-info-text p {text-align: left; font-family: 'Panton-Light'; font-size: 16px; }
#event .event-text {text-align: left; font-family: 'Panton-Light'; 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 .event-actors-link a {font-size: 18px}
#event .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: 200px; width: 350px}
.actor-slider img {border-radius: 50%; border: 8px solid #e5e4f1; 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}


.text_date {text-align: left}
.ticket-slider-block {max-width: 1200px; background: url(images/back-ticket.jpg); padding: 20px 20px 30px 20px; margin: 0 0 60px 0; box-sizing: border-box; border-box; border-radius: 10px; margin: 0 auto; margin-bottom: 60px;}
.ticket-slider-block h2 {text-align: center; color: #ffffff; font-family: 'FiraSans-ExtraBold'; font-size: 22px; font-weight: normal; margin: 40px 0 0 0;}
.ticket-slider-block .ticket-slider {max-width: 1200px; margin: 0 auto;}
.event_ticket_list {padding: 30px 20px 25px 20px;}
.event_ticket_list .left_box {box-sizing: border-box; margin: 0 0 0 0; padding: 0 10px 0 10px; color: #ffffff; font-family: pt sans;}
.event_ticket_list .left_box .date {cursor: pointer; color: #ffffff}
.event_ticket_list .left_box .slider-date {font-family: 'FiraSans-ExtraBold'; font-size: 35px; text-transform: uppercase;}
.event_ticket_list .left_box .slider-date span {font-size: 60px;}
.event_ticket_list .left_box .slider-day {font-size: 18px}
.event_ticket_list .left_box .sit span {; cursor: pointer; float: left; font-weight: normal; color: #000; font-size: 16px; background: #ffcc00; text-decoration: none; padding: 7px 24px 7px 24px; border-radius: 3px; border-bottom: 3px solid #daaf05;}
.event_ticket_list .left_box .sit span:hover {background: #e2b70a; border-bottom: 3px solid #b37428;}
/* parser list date event 
.ticket-slider-block {max-width: 1200px;  background: url(images/back-ticket.png);  padding: 0 10px 30px 10px; box-sizing: border-box; border-radius: 5px; margin: 0 auto; }
.ticket-slider-block h2 {text-align: left; color: #000000; font-family: 'Panton-Bold'; font-size: 22px; font-weight: normal; margin: 10px 0 0 0;}
.ticket-slider-block .ticket-slider {max-width: 1200px; margin: 0 auto; overflow: auto; max-height: 370px;}
.event_ticket_list {padding: 20px 0; background: url(images/bg_line_ticket.png); background-position: bottom; background-repeat: repeat-x;}
.event_ticket_list .date {display: flex; justify-content: space-between;}
.event_ticket_list .slider-date {font-family: 'Panton-Bold'; font-size: 20px; display: flex; align-items: center; cursor: pointer; text-align: left; color: #fc7837;}
.event_ticket_list .slider-date span:before {content:'\f073'; color: #000000; font-family: FontAwesome; font-size: 32px; cursor: pointer; margin-right: 5px;}
.event_ticket_list .slider-date img {margin-right: 7px}
.event_ticket_list .sit {font-size: 18px; display: flex; align-items: center; cursor: pointer; text-align: right;}
.event_ticket_list .sit img {margin-left: 7px; cursor: pointer; }
.event_ticket_list .sit span:hover {border-bottom: 1px dotted #243233;}
.event_ticket_list .slider-date span:hover {border-bottom: 1px dotted #243233;}
.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 .slider-date span {font-size: 60px;}
.event_ticket_list .left_box .slider-day {font-size: 18px}
.event_ticket_list .left_box .sit span {; cursor: pointer; float: left; font-weight: normal; color: #000; font-size: 16px; background: #ffa12f; text-decoration: none; padding: 7px 24px 7px 24px; border-radius: 3px; border-bottom: 3px solid #b37428;}
*/


.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;}
#speedbay_block {background: url(/images/back-ticket.jpg); color: #fff; max-width: 450px; border-radius: 4px; border: 1px solid #c70c0c; background-size: cover;}
#speedbay_block a {color: #fff}
#speedbay_block .privacy {font-size: 14px}
#speedbay_block .privacy a {font-size: 14px}

.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}
.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; margin: 20px; padding: 10px 40px; border-radius: 6px; background: none; margin-left: 0;}
.ticket-info2 #speedbay_popup:hover {background: #c70c0c; color: #ffffff; border: 2px solid #c70c0c;}

.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; margin: 20px; padding: 10px 40px; border-radius: 6px; background: none; margin-left: 0; font-family: 'Panton-Light';}
.ticket-info2 .page-scroll:hover {background: #c70c0c; color: #ffffff; border: 2px solid #c70c0c;}


/* TABS */
#tab1 {background-image: none;}
.tabs label span {background-color: #f54040; color: #fff; border-radius: 15px; 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 #c70c0c;}
.tabs input {display: none;}
#tabs-event #content4 {padding: 25px 10px 0 10px}
/* стили вкладок (табов) */
.tabs label {margin-bottom: -4px; background-color: #f1f2f4; 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 #c70c0c; border-right: 2px solid #c70c0c; border-top: 2px solid #c70c0c; border-radius: 5px 5px 0 0;}
.tabs label:hover {background-color: #ebecec; color: #000;  cursor: pointer;}
/* стили для активной вкладки */
.tabs input:checked + label {/*background: #211a12*/; border-top: 3px solid #c70c0c; border-right: 3px solid #c70c0c; border-left: 3px solid #c70c0c;  color: #ffffff; margin-top: 10px; height: 30px; font-weight: bold; background-color: #c70c0c}
.tabs input:checked + label:hover {}
#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 #c70c0c; border-radius: 4px; margin-bottom: 20px; font-style: italic; text-align: left; margin-top: 10px;}
.rewies_message .otvet {text-align: right}
.rewies_message .otvet a {background-color: #ddd; color: #fff; padding: 2px 10px 4px 10px; text-decoration: none; border-radius: 3px; 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: 10px 0 15px 30px; color: #ccc}
.rewies_message .box .title span {font-weight: bold; color: #000}
.rewies_message .box .title span:before{content:'\f0e5'; color: #c70c0c; font-family: FontAwesome; font-size:30px; cursor: pointer; margin-right: 10px;}

.rewies_message .box .text {font-size: 16px; margin: 0 0 0 30px; color: #000}
.rewies_add {max-width: 700px; box-sizing: border-box; padding: 50px 50px 40px 50px; border-radius: 8px; text-align: left; margin-bottom: 50px; background: url(images/back-ticket.jpg); background-size: cover;}
.rewies_add .left_add {width: 100%; }
.rewies_add .left_add .pole input {display: inline; width: 100%; height: 40px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #ddd -1px 1px 4px inset; font-family: 'Panton-Light'; box-sizing: border-box;}
.rewies_add .text_pole {margin: 10px 0 0 0}
.rewies_add .text_pole .pole textarea {display: inline; width: 100%; height: 140px; font-size: 18px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; box-shadow: #ddd -1px 1px 4px inset; box-sizing: border-box; resize: none; padding-top: 10px; font-family: 'Panton-Light'}
.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; background: #fff; position: relative; display: inline-block; font-size: 14px; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer;  padding: 10px 20px; border-radius: 3px;}
.rewies_add .text_pole .add input:hover {background: #ffc722;}
.rewies_add .title {margin-left: 10px; text-shadow: #000 1px 1px 5px;}
.speedbay-block-info {text-align: center; padding: 0 0 20px 0; font-size: 24px; font-weight: bold;}



/* calendar 1 */
#dateevents {display:none; margin: 4px 15px 35px 0; /*padding: 5px 8px 5px 15px;*/ background-color: #fff; border-radius: 5px; box-shadow: #ccc 5px 5px 20px; position: absolute; z-index: 2000; right: 0px;}
#dateevents .table {font-size: 12px; ; color: #000; font-weight: normal; padding: 0 10px 0 10px;}
#dateevents td {text-align: center;}
#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: 14px; font-family: 'Panton-Light'; padding:5px 6px 5px 6px; line-height:24px;}
#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: 14px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 10px; padding: 14px 10px 10px 10px; background-color: #d32323;     border-radius: 5px 5px 0 0;}
#dateevents .monthName a {color: #111111; text-decoration:none; }
#dateevents .next {float:right;}
#dateevents .prev {float:left;}


/* 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%}
.howbuyimg {box-shadow: #ece3e3 3px 5px 10px;}

/* basket page */
#order-page {max-width: 940px; margin: 0 auto; text-align: center; 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: 1px solid #fc3; box-sizing: border-box;}
.order-list .order-list-image img {max-width: 100px}
.order-list .order-list-info .title a {font-size: 20px}
.order-list .order-list-info .title span {font-size: 20px; color: #000000}
.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 {cursor: pointer}
.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-transform: uppercase; text-decoration: none; border-bottom: 1px solid #e00;}
.order-list .order-list-info .date {text-align: left; margin-bottom: 10px;}
.order-list .order-list-info .spisok {text-align: left; color: #a09f9f}
.event_ticket_forma_text {font-size: 18px; text-align: left;}
#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-forma {display: flex}
.basket-oplata {width: 50%; padding: 0 20px 0 0; box-sizing: border-box;}
.basket-oplata .money2 img {width: 270px}
.basket-forma {width: 50%; }
.basket-forma p {color: #bbbbbb}
.basket-forma a {color: #bbbbbb}
#basket-title { text-align: left;}
.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: 60px; /* background-image: url(images/ground.jpg);  background: url(images/cirk-back.jpg) no-repeat right;; background-size: cover; */; 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: 100px;     border-radius: 4px;}
.mobilemenu-box .left a {font-size: 18px; color: #272727; text-decoration: none;     }
.mobilemenu-box .left .logoname {font-size: 48px; text-decoration: none; font-family: 'Panton-BlackCaps'; color: #d0d0cf; position: relative; display: inline-block; padding: 10px 20px 10px 20px; border-radius: 3px; text-transform: line-height: 37px;}
.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: #b1afaf; font-family: 'Panton-Light';}
.mobilemenu-box .center-menu .phone a {font-size: 22px; font-weight: bold; color: #b1afaf}
.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; text-align: center; color: #000000; background: #f9f9f9;}
#callback_block h3 {font-size: 20px; margin: 0}
#callback_block {text-align: left; }
#callback_block p {margin-bottom: 30px; font-size: 14px;}
#callback_block a {color: #000000}
#callback_block input {font-size: 16px; padding: 4px; border: 1px solid #b11847; width: 95%}
#callback_block .pole input {font-size: 18px; height: 42px;}
#callback_block #send_callback {background-color: #f9ea3c; color: #000; border-radius: 8px;  cursor: pointer; height: 40px; border: none;}
#callback_block #send_callback:hover {background-color: #000; color: #fff; border: 1px solid #000}
#callback_block .center {margin-top: 15px}

/* callback contacts */
.callback-contacts {max-width: 700px; box-sizing: border-box; padding: 40px 60px; border-radius: 4px; border: 1px solid #efebeb; color: #000; text-align: center; background: #fff;}
.callback-contacts .pole input {width: 100%; height: 50px; font-size: 18px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; font-family: pt sans; padding-left: 10px; box-sizing:border-box}
.callback-contacts .pole textarea {width: 100%; height: 100px; font-size: 18px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; font-family: pt sans; padding-left: 10px; box-sizing:border-box}
.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; margin: 20px 0 0 0; cursor: pointer; background: none; padding: 15px 30px; border-radius: 5px; background: #ffc722;} 
.callback-contacts .callback-contacts-button:hover {background: #77a44b; color: #ffffff;}

.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: #efae1e;*/ background: url(/images/bg_event_zakaz.png); padding: 20px 30px 20px 20px; border: 8px solid #fff; margin: 0 auto; position: absolute; top: 50%; margin-top: -150px; left: 50%; margin-left: -180px; border-radius: 5px; width: 300px; text-align: center; font-size: 20px; color: #fff}
.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;}	
#progress {background: #fff;  padding: 20px 30px 20px 20px; border: 4px solid #ecd42b; margin: 0 auto; position: absolute; top: 40%; margin-top: -60px; left: 50%; margin-left: -190px; border-radius: 15px;}


/* reperuar */
.repertuar {display: flex; flex-wrap: wrap; }
.repertuar-event {width: 25%; margin: 25px 0; box-sizing: border-box; padding: 0 10px}
.repertuar-event a {text-transform: uppercase; font-size: 18px; font-weight: bold; text-decoration: none}
.repertuar-event .name {margin-top: 10px}
.repertuar-event img {width: 99%}
.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: #cc6600}
.repertuar-info {margin: 10px 0 0 0; font-size: 18px}

/* 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: 150px}
.akterall-face a {font-size: 18px}
.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}