@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: pt sans; font-size: 16px; margin: 0; color: #000; background-color: #fff; background-image: url('images/ground.jpg')}
img {border: 0px;}
p{color: #000; font-size: 16px; text-align: justify;}
a{color: #000; text-decoration: underline}
a:hover{color: #ff9900; text-decoration: underline;}
select {font-family: pt sans}
button {font-family: pt sans}
.clear {clear: both}
li {text-align: left;}
ul {margin: 0 auto; max-width: 600px; display: table;}
h1 {font-family: pt sans; color: #000}
h3 {font-family: pt sans; color: #000; font-size: 26px}
h4 {font-family: pt sans; color: #000; font-size: 26px}


.main-text {max-width: 900px; margin: 0 auto; max-width: 900px;}

.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 #ffe100;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:#ffe100}
.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}


.title-h1 {font-family: pt sans; color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: uppercase}
.title-h2 {font-family: pt sans; color: #000; font-size: 30px; margin: 20px 0; font-weight: bold; text-transform: uppercase}
.centrauto .center .karta {max-width: 800px; margin: 0 auto;}
#basket-title {margin-top: 70px;}
.centrauto .center .photos {max-width: 700px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.centrauto .center .photos img {width: 100%}
.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: 920px; margin: 0 auto; 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%; 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 {text-transform: uppercase; font-size: 18px; text-decoration: none; font-family: 'Panton-BlackCaps'; color: #ef0e0e; }
.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: #000000; opacity: .55;}
#news-all .news-blok {margin: 0 0 40px 0}


.shagorder {background-color: #c11d1d; color: #fff; border-radius: 25px; padding: 3px 10px; font-size: 18px;}

.centrauto .area {float: left; padding: 20px 30px; box-sizing: border-box;}
.centrauto .area img {height: 175px}
.centrauto .area a {font-size: 18px; text-decoration: none; font-weight: bold}

.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: 1400px; margin: 0 auto; text-align: center}
.eventgallery .block {width: 25%; text-align: center; float: left}
.eventgallery div img {width: 99%; margin-bottom: 3px;}
.eventgallery div img:hover {opacity: 0.8}

.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}
.blokcontactsforma {margin: 60px 0 0 0}




/* shapka */
.menu-top {width: 100%; height: 67px;box-sizing: border-box; background: url(images/menutop.png); position: fixed; z-index: 5000;}
.menu-top .left {float: left}
.menu-top .left a {font-size: 16px; text-decoration: none; color: #fff}
.menu-top .left a:hover {text-decoration: underline}
.menu-top .left .burger {padding: 15px 20px 0 20px; float: left; cursor: pointer}
#burger-close { cursor: pointer; padding: 15px 20px 0 20px;}
.menu-top .left .home {padding: 20px 20px 0 20px; float: left}
.menu-top .left .home img {; margin-top: 0}
.menu-top .left .links {padding: 20px 0 0 20px; float: left}
.menu-top .left .links a {margin: 0 20px 0 0}
.menu-top .left .topbasket {float: left;  box-sizing: border-box;  text-align: center}
.menu-top .left .topbasket a {background: url(images/top-cart.png) no-repeat; width: 48px; height: 48px; padding-top: 23px; display: block; position: absolute; box-sizing: border-box; margin-top: 7px;}
.menu-top .left .favorites {/*padding: 20px 20px 0 60px; float: left*/; display: none}
.menu-top .right {float: right}
.menu-top .right .search {padding: 20px 20px 0 0; float: right}
.menu-top .right .phone {padding: 20px 20px 0 0; float: right; text-align: right;}
.menu-top .right a {font-size: 16px; text-decoration: none; color: #fff}
.menu-top .right span a {font-size: 14px}
.menu-top .right span {display: block; margin-top: -5px;}
.free {width: 100%; height: 10px;}

.centr-top {background: url(images/back1.jpg) 50% 50%; height: calc(100vh - 56px); position: relative; background-size: cover; margin-top: 50px; width: 100%; overflow: hidden; background-attachment: fixed}
/* .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 {width: 90%; text-align: center; margin: 0 auto; max-width: 1000px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute;}
.centr-top .title .name {font-size: 110px; color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'Panton-BlackCaps'}
.centr-top .title .name2 {font-size: 26px; color: #fff; margin-top: -10px; text-transform: uppercase;}
.centr-top .title .button {margin-top: 30px;}
.centr-top .title .button .one {padding: 25px 60px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; font-size: 18px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; margin: 20px; border-radius: 5px;}

.centr-slider {background: url(images/bg-slider.jpg) 50% 50%; height: 850px; 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;}
.centr-slider:before {content: '';position: absolute;top: 99%;right: -10%;bottom: -95%; left: -100%;z-index: 50;transform: rotate(-2deg);display: block; background-image: url('images/ground.jpg')}
.centr-slider .title-h2 {color: #fff}
.centr-slider p {color: #fff}
.rest-slider a {color: #fff}

.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: 450px; position: relative; background-size: cover; margin-top: 50px; width: 100%; z-index: 10; }
.topallpage .title {width: 90%; text-align: center; margin: 0 auto; max-width: 1000px; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: center; position: absolute;}
.topallpage .title .name {font-size: 50px; color: #fff; text-transform: uppercase; font-weight: normal;}
.topallpage .title .name2 {font-size: 26px; color: #fff; margin-top: -10px;}
.topallpage .title .button {margin-top: 30px;}
.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-news .back:after{background:#000; content:' '; top:0; bottom:0; left:0; right:0; position:absolute; z-index:0; opacity:0.5;}

.centr-top .bottomicon {position: absolute; bottom: 20px; width: 100%;}
.centr-top .bottomicon .left {float: left; color: #fff; font-size: 14px}
.centr-top .bottomicon .left .icon {float: left; margin: 0 20px 0 20px}
.centr-top .bottomicon .right {float: right; margin: 0 20px 0 20px}

.lenkom_calendar {max-width: 1400px; margin: 0 auto;}
.lenkom_calendar .calendar .right .cal_button button {padding: 0 40px; text-decoration: none; background: #ffc722; position: relative; display: inline-block; line-height: 38px; font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer}
.lenkom_calendar .calendar .right .cal_button button:hover {background: #000; color: #ffc722}
.lenkom_calendar .calendar .right .cal_button button:before {content: ''; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; border: 1px solid #fff;}
.lenkom_calendar .calendar {position: relative; background-color: #ffcc33; padding: 15px 0 5px 0; border-radius: 0 0 5px 5px; z-index: 200}
.lenkom_calendar .calendar .left {float: left; width: 100%;}
.lenkom_calendar .calendar .right {float: right; margin-right: 15px; width: 160px; position: absolute; right: 0;}

#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 {width: 60px; height: 53px; background: url(images/top-search.png) no-repeat; background-position: center; background-color: #000; border-radius: 4px; float: right; cursor: pointer}
#callback_block2 .search button:hover {border: 2px solid #f9d839;}

#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: 53px; color: #fff;; background-position: center; background-color: #000; border-radius: 4px; float: right; cursor: pointer}
#callback_block3 .search form button:hover {border: 2px solid #f9d839;}
/* shapka */

/* rekomenduem */
.centrauto .rekomenduem-title {font-size: 24px; color: #bbbbbb; margin: 0 0 20px 0}
.centrauto {max-width: 1400px; margin: 0 auto; text-align: center; padding-bottom: 30px; position: relative; z-index: 100;}
.centrauto .slider-rekomenduem {width: 100%}
.centrauto .slider-rekomenduem a {font-size: 18px; text-decoration: none; font-weight: bold}
.centrauto .slider-rekomenduem .slider-rekomenduem-box img {}
/* rekomenduem */

.centrauto .company {margin: 90px 0 50px 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 {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%; background-size: cover; position: relative; z-index: 50; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc;}
.afisha-podbor .seredina .podbor {max-width: 1400px; text-align: center; margin: 0 auto; padding: 20px 0 30px}
.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 {padding: 20px 0 15px 0; margin: 0 auto; display: table;}
.afisha-podbor .seredina .selecting .title {float: left; width: 180px; margin: 0 0 0 0; line-height: 40px; font-size: 16px;}
.afisha-podbor .seredina .selecting select {}
.afisha-podbor .seredina .selecting .category {float: left; width: 214px; margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .category select {width: 191px}
.afisha-podbor .seredina .selecting .scena {float: left; width: 200px; margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .scena select {width: 180px}
.afisha-podbor .seredina .selecting .month {float: left; width: 90px; margin: 0 0 0 0}
.afisha-podbor .seredina .selecting .month select {width: 80px}
.afisha-podbor .seredina .selecting .vozrast {display: none}
.afisha-podbor .seredina .selecting .button {float: left; width: 146px; margin: 0 0 0 0; padding-left: 20px}
.afisha-podbor .seredina .selecting .button button {width: 160px; height: 40px; 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}
.afisha-podbor .seredina .selecting .button button:hover {border: 2px solid #000}
.afisha-podbor .seredina .podbor .afisha-day a {color: #fff; margin: 0 20px 0 20px}
.afisha-podbor .seredina .podbor .afisha-day a:hover {color: #fff; text-decoration: none}
#afisha-page {margin-top: -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;}

.afishamaintop {width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.afishamaintop:after {display: block; font-family:FontAwesome; content: '\f08a'; position: absolute; z-index: -1; top: 450px; left: -70px; color: #f9e9e9; font-size: 350px;/*width: 0; height: 50px; border-style: solid; border-width: 200px 0 200px 200px; border-color: transparent transparent transparent #edf4fa;*/}  
.afishamaintop::before {display: block; font-family:FontAwesome; content: '\f08a'; position: absolute;  right: -70px;  color: #f9e9e9; font-size: 350px;/* width: 0; height: 0; border-style: solid; border-width: 200px 200px 200px 0; top: -200px; border-color: transparent #edf4fa transparent transparent;*/}

#afishamain .button2 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;transform: skew(-8deg);}
.centr-slider .button2 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;transform: skew(-8deg);}


#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 {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;}
.event-more a:hover {background: #ffc722}
/* afisha main */

.uzor {background: url(images/uzor.png) no-repeat; width: 925px; height: 35px; margin: 0 auto; margin-top: 40px; margin-bottom: 30px;}
.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: 40px; margin-bottom: 40px;}
.centrauto .center .subcribe 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;}
.centrauto .center .subcribe a:hover {background: #ffc722}
.centrauto .center .subcribe p {text-align: center}
.centrauto .center .subcribe {margin-top: 50px}
#page .center {padding: 20px 0 0 0}

/* bottom */
.dot-ticket {background: url(images/dot-ticket.png); width: 100%; height: 10px; margin-bottom: -5px; position: relative; z-index: 1000;}
.bottom {background: url(images/btm.jpg) 50% 50%; height: 300px; position: relative; background-size: cover; width: 100%}
.bottom .center {max-width: 1400px; margin: 0 auto; color: #fff; padding: 0 10px 0 10px; box-sizing: border-box;}
.bottom .left {float: left; width: 60%}
.bottom .left .name {font-size: 24px;  margin: 70px 0 20px 0;}
.bottom .left .menu {margin: 20px 0 10px 0;}
.bottom .left .menu a {font-size: 14px; color: #cccccc; text-decoration: underline; margin: 0 20px 0 0;}
.bottom .left .info {font-size: 14px; margin: 20px 0 10px 0; color: #5d5b5b; font-style: italic}
.bottom .left .info a {font-size: 14px; color: #5d5b5b; text-decoration: underline; font-style: italic}
.bottom .right {float: right; width: 40%; text-align: right;}
.bottom .right .phone {margin: 70px 0 10px 0; font-size: 18px;}
.bottom .right .phone a {font-size: 18px; color: #fff}
.bottom .right .worktime {margin: 0 0 30px 0; font-size: 14px;}
.bottom .right .payment {}
/* bottom */

/* breadcrumb */
.topallpage .title .breadcrumb {margin: 0 auto; box-sizing: border-box; text-align: center; 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: 14px}
.topallpage .title .breadcrumb li a {color: #ccc; font-size: 14px}
/* breadcrumb */

/* event page */
.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; margin: 0 auto; border: 1px dashed #000000; font-size: 16px}
#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 {float: left; width: 50%; box-sizing: border-box; padding: 0 40px 0 0;}
.event_ticket_forma .left_box.middle {float: none; width:75%; margin-left: auto; margin-right: auto}
.event_ticket_forma .title {margin-left: 10px; color: #000;}
.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: #aaa -1px 1px 5px inset;}
.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: #aaa -1px 1px 5px inset; cursor: pointer;}
.event_ticket_forma .right_box {float: right; width: 50%; box-sizing: border-box; padding: 0 0 0 0;}
.event_ticket_forma .right_box .pole textarea {display: inline; width: 100%; height: 208px; font-size: 18px; padding-left: 10px; padding-right: 10px; border-radius: 4px; outline: none; box-shadow: #aaa -1px 1px 5px inset; box-sizing: border-box; resize: none; padding-top: 10px;}
.event_ticket_forma .center input {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; cursor: pointer} 
.event_ticket_forma .center input:hover {background: #000; color: #fff}
.event_ticket_forma .center {text-align: center;}

/* parser list date event */
.event_ticket_list {width: 100%; box-sizing: border-box; padding: 30px 20px 25px 20px; /* background: url(images/bg_line_ticket.png); background-position: bottom; background-repeat: repeat-x; */ border: 2px dotted #000;     margin-bottom: 10px; border-radius: 15px;}
.event_ticket_list:hover {background: #f4f4f4}
.event_ticket_list .left_box {float: left; box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 0; }
.event_ticket_list .left_box .date img {margin-bottom: -10px; margin-right: 5px; width: 36px;}
.event_ticket_list .left_box .date {cursor: pointer; font-size: 21px; color: #000; text-transform: uppercase;}
.event_ticket_list .left_box .date span:hover {border-bottom: 1px dotted #243233}
.event_ticket_list .right_box {float: right; box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 0; }
.event_ticket_list .right_box .sit {text-align: right; cursor: pointer}
.event_ticket_list .right_box .sit span {float: left; margin-top: 5px; border: 1px solid #000; padding: 7px 20px; text-transform: uppercase; font-size: 12px;}
.event_ticket_list .right_box .sit span:hover {background: #000; color: #fff}
.event_ticket_list .right_box .sit img {margin-left: 10px;}
.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;}

/* TABS */
#tab1 {background-image: none;}
.tabs label span {background-color: #f75e45; color: #fff; border-radius:15px; padding: 4px 10px;}
.tabs {max-width: 1400px; margin: 0 auto; min-width: 320px; padding: 0px; position: relative; z-index: 100; text-align: center}
/* стили секций с содержанием */
#tabs-event section {display: none; padding: 15px; background: none; box-sizing: border-box;}
.tabs input {display: none;}
/* стили вкладок (табов) */
.tabs label {display: inline-block;background: none; color: #000000; margin-right: 4px; padding: 15px 25px 10px 25px; text-decoration: none;  margin-top: 10px; height: 30px; font-size: 18px; border: 3px solid #000; border-radius: 20px;}
/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {background: #fff; color: #000;  cursor: pointer;}
/* стили для активной вкладки */
.tabs input:checked + label {background: #f75e45; color: #fff; margin-top: 10px; height: 30px; font-weight: bold; border-radius: 20px; text-transform: uppercase; font-size: 18px; border: 0; padding: 25px 35px 20px 35px;}
.tabs input:checked + label:hover {background: #ce4833; color: #fff}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}
#tabs-event .event-comment .titleforma {font-size: 24px; color: #000; font-weight: bold;}

.rewies_message {width: 100%; box-sizing: border-box; padding: 15px 20px 20px 20px; border: 1px solid #e1e7e8; border-radius: 4px; margin-bottom: 20px; font-style: italic;}
.rewies_message .otvet {text-align: right}
.child_block .arrow {float: left; position: relative}
.rewies_message.child {margin-left: 70px; width: auto;}

.rewies_message .box .icon {}
.rewies_message .box .title {font-size: 18px; margin: 10px 0 15px 62px; color: #ccc}
.rewies_message .box .title span {font-weight: bold; color: #000}
.rewies_message .box .text {font-size: 16px; margin: 0 0 0 62px; color: #000}
.event-comment p {text-align: center}
.rewies_add {max-width: 800px; box-sizing: border-box; padding: 40px 50px 20px 50px; border-radius: 4px; border: 1px solid #000; text-align: left; margin-bottom: 50px; margin: 0 auto;}
.rewies_add .left_add {width: 50%; box-sizing: border-box; padding: 0 20px 0 0;}
.rewies_add .left_add .pole input {display: inline; width: 90%; height: 40px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; font-family: pt sans}
.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: #ccc -1px 1px 5px inset; box-sizing: border-box; resize: none; padding-top: 10px; font-family: pt sans}
.rewies_add .text_pole .add {margin: 20px 0 0 0}
.rewies_add .text_pole .add input {display: inline;}
.rewies_add .text_pole .add input {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; line-height: 34px;}
.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: 18px; font-weight: bold;}

.topeventimg {height: 450px; width: 100%; position: absolute; z-index: 50; margin-top: -450px;}
.topeventimg img{object-fit: cover; height: 100%; width: 100%;}
#topevent {background: none; z-index: 100; height: 450px}
.topeventimg-news {height: 450px; width: 100%; position: absolute; z-index: 50; margin-top: -450px;; background-attachment: fixed}
.topeventimg-news img{object-fit: cover; height: 100%; width: 100%;}

/* 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: pt sans; 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;}

/* calendar 2*/
.sub_calendar {margin-left: 20px}
.sub_calendar .sub_calendar_wrapp {  text-align: center;  overflow: hidden;  clear: both;  margin-right: 16px; margin-top: -13px;}
.sub_calendar .sub_calendar_wrapp .table {  display: table;  white-space: nowrap;  -webkit-transition: all 0.4s;          transition: all 0.4s;}
.sub_calendar .sub_calendar_wrapp .table ul {  display: inline-block; margin: 0; padding: 0}
.sub_calendar .sub_calendar_wrapp .table ul li {  display: inline-block;  margin-right: 1px;  margin-bottom: 1px; margin-top: 2px}
.sub_calendar .sub_calendar_wrapp .table ul li a {display: block;  width: 24px;  font-size: 16px;  color: #000;  text-align: center;  line-height: 32px;  text-decoration: none;
}
.sub_calendar .sub_calendar_wrapp .table ul li a .cal-day-week { margin: 0px; padding: 0px; font-size: 12px; height: 20px; }
.sub_calendar .sub_calendar_wrapp .table ul li a .cal-day-num { margin: 0px; padding: 0px }
.sub_calendar .sub_calendar_wrapp .table ul li a:hover {border: 3px solid #ff6600; position: relative; z-index: 2; top: -2px; }
.sub_calendar .sub_calendar_wrapp .table ul li.curr a {border: 3px solid #ff6600; position: relative; z-index: 2; top: -2px; }
.sub_calendar .sub_calendar_wrapp .table .weekend a{color: #ff3300; font-weight: bold}
/* top main calendar */

/* afisha 2 */
.centrauto .center .premera-slider img {width: 95%}
.howbuyimg {box-shadow: #ece3e3 3px 5px 10px;}

/* basket page */
#order-page {max-width: 940px; margin: 0 auto; text-align: center; }
#order-page-form {max-width: 940px; padding: 40px 50px 20px 50px; border-radius: 4px; border: 1px solid #fc3;}
.order-list .order-list-image img {max-width: 100px}
.order-list .order-list-info .title a {font-size: 18px}
.order-list .order-list-info .title span {font-size: 18px; color: #bbbbbb}
.order-list .order-list-info {font-size: 14px; float: right; width: 70%; text-align: left;}
.order-list .order-list-image {float: left; width: 28%; text-align: right; padding: 0 10px 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;}
.order-list .order-list-info .title {text-align: left}
.order-list .order-list-info .date {text-align: left}
.order-list .order-list-info .spisok {text-align: left}
.event_ticket_forma_text {font-size: 16px}
#pay-select { font-size: 18px; text-align: left; box-sizing: border-box; padding: 0 10px 40px 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);}
.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}
.centrauto .pay-secure .left-pay {float: left;}
.centrauto .pay-secure .right-pay {float: right;}
.centrauto .pay-secure .icon {float: left; padding: 0 15px 0 15px}
.centrauto .pay-secure .left-pay .icon img {margin-right: 10px}

/* 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; 
background-image: url('images/bg2.jpg'); background-size: cover} 
.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%;}
#burger-close img {width: 35px}
.mobilemenu-box .left {width: 50%; text-align: center; padding: 0 40px 0 0; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.mobilemenu-box .left a {font-size: 18px; color: #b1b0af; text-decoration: none}
.mobilemenu-box .left .logomenu {font-size: 32px; color: #ff0000; text-decoration: none; font-weight: bold; font-family: 'Panton-BlackCaps'}
.mobilemenu-box .left .phone {margin-top: 20px}
.mobilemenu-box .right {text-align: left; width: 50%; display: table-cell; vertical-align: middle;}
.mobilemenu-box .right div {margin: 15px 0 22px 0}
.mobilemenu-box .right div a {font-size: 22px; color: #ffffff; font-weight: bold; text-decoration: none;}
.mobilemenu-box .right div a:hover {color: #ba3810}
.mobilemenu-box .box {margin: 0 auto; text-align: center; display: table; height: 100%; margin-top: -70px; padding: 0 10px 0 10px; box-sizing: border-box;}
.mobilemenu-box .pay-secure-menu {width: 100%; margin: 0 auto; position: absolute; margin-top: -50px; 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: -100px; padding: 10px 10px 0 10px; box-sizing: border-box; text-align: center;}
.mobilemenu-box .center-menu a {margin: 0 15px 0 15px; font-size: 16px; text-decoration: none; color: #d8d3d3}

.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}
.pay-secure-menu2 .left-pay {float: left;}
.pay-secure-menu2 .right-pay {float: right;}
.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;}

/* callback popup */
#callback_block {width: 350px; padding: 40px; text-align: center;}
#callback_block input {font-size: 16px; padding: 4px; border: 1px solid #f9ea3c; 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;}
#callback_block #send_callback:hover {background-color: #000; color: #fff;}
#callback_block .center {margin-top: 15px}

/* callback contacts */
.callback-contacts {max-width: 600px; box-sizing: border-box; padding: 30px 30px 30px 30px; border-radius: 4px; border: 1px solid #000; color: #000; text-align: center; background: #fff; margin: 0 auto;}
.callback-contacts .pole input {width: 80%; height: 40px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; font-family: pt sans}
.callback-contacts .pole textarea {width: 80%; height: 100px; font-size: 18px; padding-left: 10px; border-radius: 4px; outline: none; box-shadow: #ccc -1px 1px 5px inset; font-family: pt sans}
.callback-contacts .center {margin-top: 20px}
.callback-contacts .callback-contacts-button {width: 210px; height: 40px; text-decoration: none; background: #fff; position: relative; display: inline-block; font-size: 13px; font-weight: bold; color: #000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all; cursor: pointer; border: 1px solid #000000; line-height: 34px;}
.callback-contacts .callback-contacts-button:hover {background: #ffc722}
#page .callback-contacts .center {padding: 0}


/* 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;}
.zakaz_ok .box {background: #efae1e;  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:hover {color: #000}
.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; justify-content: space-between;}
.repertuar-event {width: 300px; height: 250px; padding: 20px 10px; box-sizing: border-box;}
.repertuar-event a {font-size: 16px}
.repertuar-bukva {font-size: 36px; font-weight: bold; margin: 0 10px; border-bottom: 1px dotted; cursor: pointer;}
.repertuar-bukva:hover {color: #cc6600}
.repertuar-info {margin: 10px 0 0 0; font-size: 16px}

/* actery */
.akterall {display: flex; flex-wrap: wrap; justify-content: space-between;}
.akterall-face {width: 300px; padding: 20px 15px; box-sizing: border-box}
.akterall-face img {width: 98%}
.akterall-face a {font-size: 18px}