/*
.monthfilter { width: 100%;padding: 20px 0; }
.monthfilter li a { text-decoration: none;padding: 7px 5px; }
.monthfilter .swiper-slide-active a { background-color: #000; color: #fff; }
.swiper-button-next::after, .swiper-button-prev::after { content:''; }
.swiper-button-next,.swiper-button-prev { color: #000;font-size: 1.4em; }
.swiper-button-next { right: -8px; } 
.swiper-button-prev { left: -8px; }

.eventfilter-outerwrap { max-width: 1600px;margin: 0 auto; }



.perflist li { margin: 0 0 50px 0; }
.date_wrap { width: 25%; display: inline-block;vertical-align: top; }
.wrap { width:75%; display: inline-block; vertical-align: top; }
.name_wrap .name a { font-size: 1.4285714285714286em;font-family: 'Traulha',serif !important;line-height: 24px;text-decoration: none;text-transform: uppercase; }
.name_wrap .name a:hover,.name_wrap .name a:focus, .name_wrap .name a:active { text-decoration: none; }
.name_wrap .subtitle { font-weight: bold; letter-spacing: 0.42px}
.date_wrap .day { font-weight: bold; letter-spacing: 0.28px}
.date_wrap .date { font-family: 'Traulha',serif; }
.date_wrap .time { font-family: 'Traulha',serif; }
.name_wrap .premiere { font-family: 'Traulha',serif; }
.house_wrap { font-size:0.8571428571428571em;font-weight: bold; text-transform: uppercase; letter-spacing: 0.24px}
.tickets { margin: 10px 0 0 0; }
.tickets a.button { width: 100%; }

.perflist .image_wrap { display: none; display: none; position: absolute; top: 50%;left: -11vw;width: 10vw;transform: translate(0,-50%); }

@media screen and (min-width: 480px) {
    .inner-sm .eventfilter-wrap { width: 100% !important; }
}

@media screen and (min-width: 768px) {
    .name_wrap .name a { line-height: 26px; }
    .date_wrap { width: 12.5%;margin: 0 15px 0 0; }
    .date_wrap .date { font-size: 2em; }
    .wrap { width:calc(87.5% - 15px); }
    .wrap-inner { width:60%;display: inline-block;vertical-align: top; }
    .tickets { width:40%;vertical-align: top; }
    .date_wrap, .tickets { display: inline-block; }
    
    .monthfilter, .eventfilter { display: inline-block; vertical-align: middle;padding: 0 10px; }
	.monthfilter{ width: 50%}
	.eventfilter{ width: max(50%,320px)}
    .inner-sm .eventfilter-wrap { width: 75% !important; }
}

@media screen and (min-width: 1280px) {
    .perflist li { margin: 0;padding: 20px 0;position: relative;}
    .perflist li .bg { display: none;background-color: #FCE0D0;position: absolute;width: 100vw;height: 100%;z-index: -1;top: 0;left: 50%;max-width: 1600px;transform: translate(-50%,0); }
    .perflist li:hover .bg,.perflist li:hover .image_wrap { display: block; }
    .date_wrap { width: 16.666%;margin: 0 15px 0 0; }
    .wrap { width:calc(83.333% - 15px); }
    .wrap-inner { width:80%; }
    .tickets { width:20%;vertical-align: bottom; }
    .name_wrap { width: 75%; display: inline-block; }
    .name_wrap .name a { font-size: 2em;line-height: 30px; }
    .name_wrap .subtitle { display: inline-block;width: 40%; }
    .name_wrap .premiere { display: inline-block; }
    .house_wrap { width: 25%; display: inline-block;vertical-align: bottom; }
    
    .date_inner_wrap { display: inline-block; width: 66.666%;vertical-align: top; /*margin: -5px 0 0 0;*** }
    .date_wrap .date { line-height: 30px; }
    .date_wrap .day { display: inline-block; width: 33.333%;vertical-align: top; margin: 5px 0 0 0; }
    .inner-sm .module, .inner-sm .middle-wrap { width: 75% !important; }
    
    .module_kalendarium #main { margin: 255px 0 0 0; }
    
    .module_kalendarium #header { height: 175px; }
    .module_kalendarium .middle-wrap { top: 68px; }
    .module_kalendarium #navanchor { top: 57px; }
    
    .eventfilter-wrap { width: 75%;/*position: absolute;top: 105px;left: 50%;transform: translate(-50%,0);*** margin: -65px auto 0 auto !important; }
    .eventfilter { left: auto !important; top: 0 !important; right: 0 !important; transform: none !important; position: relative !important; float: right; padding: 0; }
    .monthfilter { margin: 10px 0 0 0; }
    
}*/