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

/* second page header */
.topallpage {background: url(images/back2.jpg) 50% 50%; height: calc(50vh - 6px); background-size: cover;}
.topallpage::before{opacity: 0.3; background: #120f14;}
body .topallpage::before{opacity: 0.3; background: #120f14;}
body #topevent::before{opacity: 0.6; background: #120f14;}

.menu-top {background: radial-gradient(68.51% 159.33% at 50% 0%, #282729 0%, #060B0F 100%),radial-gradient(159.33% 159.33% at 50% 0%, #503d71 0%, #464647 100%);}
#bottom_all {background: url(images/btm.jpg) 50% 50% no-repeat; background-size: cover;}

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

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

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

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

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

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

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

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

.eventgallery.eventpage .block {width: 25%;}
/* .afisha-podbor .seredina {background: url(/images/back5.jpg); background-size: cover; background-position: center; border: 0; color: #ffffff; text-shadow: #111111 5px 2px 15px;}
.afisha-podbor .seredina .selecting .title {color: #ffffff;}
.afisha-podbor .seredina .podbor .afisha-day a {color: #ffffff;}
.afisha-podbor .seredina .selecting .button button:hover {background: #74bb16; border: 0; color: #ffffff;} */
#mainafisha .event .date {margin-bottom: 0;}


/* afisha two columns */
#afishapage .event .areabuy_time .areabuy .areaplace {border-radius: 0; padding: 0; border: 0;}

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

.button3.button-news a {color: #000; border: 1px solid #000;}
.centr-top .bottomicon {z-index: 1000;}
#mainafisha .event_wrap {width: 33%;}
#mainafisha .event {padding: 15px;}

/* mobile media */
@media screen and (max-width: 750px){
    body #mainafisha .event_wrap {width: 50%;}
    #mainafisha .event .image {height: auto;}
    #mainafisha .event .title a {font-size: 24px;}
    #mainafisha .event .date {font-size: 18px; margin-bottom: 5px;}
    #mainafisha .event .title {padding: 0 5px;}
    #mainafisha .event .date {padding: 0 5px;}
    #mainafisha .event .tags {padding: 0 5px;}
    #mainafisha .event .buy a {font-size: 18px;}

    #afishapage {display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;}
    #afishapage .event {width: 49%; padding: 10px 5px; background-color: #ffffff; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);}
    #afishapage .event .dating .date {flex-wrap: wrap;}
    #afishapage .event .dating .date:before {position: absolute; font-size: 35px;}
    #afishapage .event .dating .date .den {font-size: 22px; margin-left: 20px;}
    #afishapage .event .dating .date .mesyac {font-size: 22px; }
    #afishapage .event .dating .time {margin-left: 20px; text-transform: lowercase;}
    #afishapage .event .areabuy_time .areabuy {text-align: left; margin-bottom: 5px;}
    #afishapage .event .areabuy_time .areabuy .title {overflow: hidden;}
    #afishapage .event .areabuy_time .areabuy .areaplace {border-radius: 0; padding: 0; border: 0; display: inline-block; margin-top: 10px;}
    #afishapage .event .areabuy .title a {font-size: 24px;}
    #afishapage .event .areabuy_time .price {margin: 0; font-size: 22px; padding: 0 0 10px 0; text-align: left;}
    #afishapage .event .buy a {padding: 10px 10px; text-transform: none; border: 1px solid #f03434; text-align: center;}
    #afishapage .event .areabuy_time {margin: 0;}
    #afishapage .event .areabuy_time .place {margin: 15px 0 0 0;}
    #afishapage .event .areabuy_time .areabuy .mintext {margin: 5px 0 0 0; max-height: 95px; overflow: hidden;}
    #afishapage .event .image {margin: 5px 0 5px 0;}
    
    #topevent .title {min-height: 400px;}
    #topallpage-news .title {min-height: 300px;}
    .centr-top .title .name {font-size: 40px;}
    body .centr-top .title {min-height: 500px;}
    #mainafisha .event {padding: 5px;}
    #afishapage .event .areabuy_time .place span {display: inline-block; margin-bottom: 4px;}
}