#app { min-height: 100vh; display: flex; flex-direction: column; }
.app-main { flex: 1 0 auto; padding-top:4rem; }
.app-main .intro-block { margin-top:-4rem; }
.app-footer { flex-shrink: 0; }
.container{width:100%; max-width: 110rem;}

.city-list{list-style: none; padding:0; display:flex; flex-wrap: wrap; align-items: center;  margin:0 -1rem;}
.city-list__item{ padding:0 1rem; margin-bottom:1.5rem; font: var(--title); text-transform: uppercase;}
.city-list__link, .city-list__span{display: inline-block; padding-left:1.5rem; position:relative;}
.city-list__span{cursor: default;}
.city-list__span .svg-icon{position:absolute; left:0; top:0; color:var(--main-color);}

.return-link{opacity: .7; font-size:.875rem; align-items: center; line-height: 1;}
.return-link svg{margin-right:.5rem; margin-bottom:.25rem; width:.75rem; height:.75rem; transform: scale(1,-1);}
.return-link:hover{opacity:1;}

.heading-page{font:var(--title); text-transform:uppercase; margin-top:2rem; margin-bottom:1.5rem}
.heading-page__title{font-size:1.7rem; font-weight:900; text-align: center; }
.heading-page__text{cursor:default}
.heading-page__link{display: inline-block; -webkit-text-stroke: 1px #000; background: linear-gradient(to bottom, transparent 70%,  var(--accent-yellow) 30%);  background-size:auto 300%;  background-clip: text; -webkit-background-clip: text; background-position: center; -webkit-text-fill-color: transparent;  transition:background .5s ease;}
.heading-page__link:hover{ background-position:center 100%;}
.heading-page--links .heading-page__title{margin-bottom:.5rem;}

.social__link{display:block; color:var(--main-color); width:2rem; height:2rem; border-radius: 100%; transition:box-shadow .25s ease, transform .25s ease;}
.social__link .svg-icon{top:0;}
.social__link:hover{box-shadow: 0 0 0 6px var(--main-color),  0 0 2px 6px var(--main-color) inset; transform:scale(.9); }

.dev{padding:1rem 0;}
.dev__logo{display:inline-block; padding:.2rem 1rem;}
.dev__text{text-transform: uppercase; display: inline-block; line-height:1; vertical-align: text-bottom;}
.dev__svg{display:inline-block; vertical-align: text-bottom; width:6rem; height:1.5rem; position:relative; top:-3px;}


.f-date__time{ margin-left:1rem;}

.event-details{padding:0; list-style:none; display: flex; flex-direction: column; flex-wrap: wrap; margin:0 -1rem; }
.event-details__item{ margin-bottom:.75rem; padding:0 1rem;}
.event-details__item svg{margin-right:.25rem;}
.event-details__item a:hover{ color:var(--main-color)}
.event-details__price{color:var(--accent-yellow); font-weight: bold;}

.intro-block{ position:relative; background:var(--accent-yellow); color:var(--color-default); margin-bottom:5rem;}
.intro-block::before { content: ''; display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(180deg, rgba(8, 12, 12, .5) 0%, rgba(8, 12, 12, .2) 10%, rgba(8, 12, 12, .75) 100%); }
.intro-block__caption{position:absolute; width:100%; z-index:8; left:0; right:0; bottom:0; padding-bottom:1.5rem;}
.intro-block__media{display:block; width:100%; height:100vh;}
.intro-block__image{display:block; width:100%; height:100%; object-fit:cover;}
.intro-block__title{margin:.5rem 0 1.5rem; font-weight: 600; font-size: 1.5rem; text-transform: uppercase; color: var(--accent-yellow);}
.intro-block__more{color:var(--color-bg); border-color:var(--color-bg); display: none;}
.intro-block__header{position:absolute; top:5rem; z-index: 10; left:0; width:100%;}
.intro-media{overflow: hidden;}
.intro-media__inner{width:100%; height:100%;}

.intro-block__btn{width:7.5rem; height:7.5rem; display: flex; align-items: center; overflow: hidden; font:var(--text);  text-transform: uppercase; box-shadow:none; text-shadow: none; border:none; background:transparent; font-size:.875rem; color:#fff; z-index: 20; position: absolute; bottom:-3.25rem; left:0; right:0; margin:auto;}
.intro-block__btn .svg-starbust{animation: 16s linear animRotate infinite;}

.intro-caption__header {margin-top:1rem;}
.intro-caption__header .multiple_tags_list { display: flex; flex-wrap: wrap; align-items: center; margin:0 -.5rem;}
.intro-caption__header .list-inline-item, .intro-label{padding-left:.5rem; padding-right: 1rem; margin-bottom:.5rem; opacity:.75; line-height: 1; position: relative;}
.intro-caption__header .list-inline-item:after, .intro-label:after {content: ''; display: block; width: 2px; height: 70%;  position: absolute; top: 0; bottom: 0; margin: auto; right: .25rem; transform: skewX(-20deg); background: var(--main-color);}
.intro-caption__header .list-inline-item:last-child:after {display:none;}
.intro-caption__container{position:relative;}

.intro-block .btn-order{position:absolute; bottom:-5rem; left:0; right:0; margin:auto; overflow:hidden; width:8rem; height:8rem; border-radius: 100%; background:transparent!important; border-radius: 0!important; white-space: inherit!important;}
.intro-block .svg-starbust{display:block; width:100%; height:100%; animation:rotation 10s linear infinite;}
.intro-block .btn-order:hover .svg-starbust{animation:rotation 16s linear infinite;}
.intro-block .btn-order__text{margin:0;line-height:1.3; text-align: center; display:block;}
.intro-block .btn-order .svg-icon{display:none;}

.main-slider{ width:100%;}
.main-slider__control{ width:100%; bottom:0; color:var(--color-default); z-index: 2; margin-top:2rem; display: flex; justify-content: space-between;}
.main-slider__control .btn{cursor:pointer; pointer-events: auto;}
.swiper-slide .intro-block__title{ transform: translateY(2rem) skewY(3deg); opacity:0; transition:opacity 1s ease .1s, transform 1s ease .1s;}
.swiper-slide .main-slider__control{opacity:0; transition:opacity 1s ease .3s, transform 1s ease .3s;}
.swiper-slide .main-slider__btn{ transform: translateY(1rem) skewY(2deg); opacity:0; transition:opacity 1s ease .3s, transform 1s ease .5s;}
.swiper-slide .event-details li{ transform: translateY(1rem) skewY(2deg); opacity:0; transition:opacity 1s ease .3s, transform 1s ease .7s;}
.swiper-slide .event-details li:nth-child(1){ transition-delay: .2s;}
.swiper-slide .event-details li:nth-child(2){ transition-delay: .4s;}
.swiper-slide .event-details li:nth-child(3){ transition-delay: .6s;}
.swiper-slide-active .main-slider__btn,
.swiper-slide-active .intro-block__title,
.swiper-slide-active .event-details li,
.swiper-slide-active .main-slider__control{opacity:1; transform: translateX(0);}
.swiper-pagination-bullet-active{background:var(--main-color)!important;}
.intro-block--event .intro-block__media,
.main-slider .intro-block__media{height:90svh;}
.intro-block--event .intro-block__caption{padding-bottom:4rem;}
.intro-block--event .btn-order{bottom:-8rem;}
.intro-block__details{  font:var(--text-btn); text-transform: uppercase;}

.intro-block .share-block__link{display: inline-block; margin-bottom:1rem;padding:1rem 0;}

.welcome{min-height:90svh; background:var(--accent-blue); color:#fff; display:flex; align-items:center;}


.subscribe{background:var(--accent-blue);padding:2rem 0; border-top:var(--border); position:relative;}
.subscribe .text_success{z-index: 10; left: 0; position: absolute; width: 100%; height: 100%; text-align: center; top: 0; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.subscribe__form{position:relative; max-width: 22rem; margin:2rem auto;}
.subscribe__title{text-align: center;}
.subscribe__btn{width:56px; height:56px; position:absolute;z-index: 4; padding:0; top:-4px; right:-4px; color:var(--color-default);}
.subscribe__btn .svg-icon{width:1.25rem; height:1.25rem;}
.subscribe__loading .svg-icon{background:var(--main-color); position: absolute;  top:0; right:0; bottom:0; left:0; margin:auto; width:32px; height:32px; border-radius: 50%;}
.subscribe__form .buttons{margin:0;}
.subscribe__form .field{position: relative;}
.subscribe__form .form-control{margin:0}
.subscribe__form label{ position:absolute; left:1.5rem; top:1rem; cursor: text; line-height: 1; background:var(--accent-blue); box-shadow:4px 0 0 0 var(--accent-blue), -4px 0 0 0 var(--accent-blue); transform-origin: 0 50%; transition:transform .25s ease;  }
.subscribe__form .is-active > label{transform: translate(0, -1.4rem) scale(.7);}

.tags-wrapper{padding:0 .5rem;}
.tags{padding:0; list-style: none; min-height:3.5rem; align-items: center;}
.tags li {padding:3px;}
.tags li a{display: block; border-radius: 2rem; border:1px solid transparent; font-size:14px; line-height:1; padding:.35rem 1rem; background:var(--accent-blue); transition:all .25s ease;}
.tags li a:hover{border-color: var(--color-base); background:transparent; color:var(--color-base);}

.sticker{display:inline-flex; align-items:center; width:2.5rem; height:2.5rem; position: relative;}
.sticker__icon{position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; fill:#fff;}
.sticker .svg-starbust{width:100%; height:100%; fill:currentColor;}
.sticker--popular{color:#E53228;}
.sticker--premier{color:#F4AA0A;}
.sticker--sale{color:#FF4E6D;}
.sticker--card{color:#FF4E6D;}
.sticker--giftbox{color:#429492;}
.sticker-dot{display:block; width:12px; height:12px; border-radius:100%; background:currentColor;}

.calendar-stickers .sticker{width:auto; height:auto;display:inline-block;  padding:0 3px;}
.calendar-stickers .sticker:last-child{padding-right:0;}


.input-number-units{padding:0 .5rem;}

.filter-panel__title-text{display: block; text-transform:uppercase; font-weight: bold; font-size:1rem; line-height:1.25rem; width:100%; }
.toggle-icon{font-weight: 300; font-family: 'Montserrat', sans-serif; display:inline-block; vertical-align: middle; font-size:2rem; line-height:1rem; color:var(--main-color);}


.filter-panel{visibility: hidden; transform:translateX(-100%); transition: all .3s ease; position:fixed; z-index: 200; top:0; left:0; width:100%; height:100%; overflow: auto; background:var(--main-bg)}
.filter-panel.is-show{visibility: visible; transform:translateX(0);}
.filter-panel__title, .filter-top{font-weight: 700; transition:color .25s ease; position:relative; padding:1rem .5rem; cursor:pointer;  display:flex; align-items: center; justify-content: space-between; }
.filter-panel__title{width:100%;}
.filter-panel__title:hover{color:var(--main-color);}
.filter-panel__value{display: none; padding:1px .5rem 1rem;}
.filter-panel__value [type="text"], .filter-panel__value [type="number"]{border-color:var(--accent-yellow);}
.filter-panel__value [type="text"]:focus, .filter-panel__value [type="number"]:focus{border-color:var(--color-base);}
.filter-panel__value .input_checkbox_list label{display:inline-block;}
.filter-link__title{font-weight: 900; text-transform: uppercase;}
.filter-panel__count span, .filter-link__count span{color:var(--color-default); position:relative; top:-2px; margin-bottom:-8px; border-radius: 100%; font-size:.75rem; text-align: center; display: inline-block; background-color: #D04B44; line-height: 1.125rem; padding:1px; height:1.25rem; min-width:1.25rem;}
.filter-top{padding-right:0; padding-left:0; border-top:var(--border); border-bottom:var(--border);}
.filter-plus{width:16px; height:16px; display: block; position:relative;}
.filter-plus:before, .filter-plus:after{content:''; width:100%; height:2px; background:var(--main-color); position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.filter-plus:after{transform: rotate(90deg);}
.filter-plus.is-active:after{transform: rotate(90deg) scale(0, -1);}
.filter-panel__cancel{display: inline-block;}
.filter-panel__cancel .icon{ width:18px; height:18px; fill:var(--color-default); margin-left:-6px;}

.filter-panel__fields{margin:0 -1rem;}
.filter-panel__field{border-bottom:var(--border); position: relative;}
.filter-panel__fields .ft_datemulti .date-input{width:100%; margin-right: 0;}
.filter-panel__fields .form-check span:before, .filter-panel__fields .form-check span:after{display:none;}
.filter-panel__fields .form-check span{display:inline-block; border-radius: 50px; padding:.5rem 1rem; border:1px solid var(--accent-yellow);}
.filter-panel__fields .form-check .input-checkbox:checked + span, .checkbox-pseudo.checked span{background: var(--accent-yellow)}
.filter-panel__bottom{padding-top:1rem;}

.filter-header{padding:1rem; background: var(--main-bg); z-index:35; position: sticky; top:0; left:0;}
.filter-header__title{font-weight:900; font-size:1.6rem;}
.filter-header__close{margin:0}

.filter-footer{padding-top:1rem; border-top:var(--border); position: sticky; z-index: 3; left:0; width:100%; bottom:0; padding-top:1rem; padding-bottom:1rem; background:var(--main-bg);}
.filter-footer__submit{display: block; width:100%; margin-top:1rem;}

.filter-field-type .form-check{padding-right:1rem;}
.filter-tags{margin:1rem 0; margin-top:2rem;}
.filter-tags__item{cursor:pointer; font-size:.975rem; display: inline-flex; align-items: center; border-radius: 50px; padding:.5rem .875rem; background: var(--accent-yellow); margin:.5rem 0; margin-right:.5rem;}
.filter-tags__item .svg-icon{width:1rem; height:1rem; margin-left:.25rem; top:0;}
.filter-tags__item:hover .icon{fill:#C43C35}
.filter-tags__text{line-height:1;}
.spinner {background:rgba(247,240,224,.8); display:none; position:fixed; width:100%; z-index: 202; height:100%; top:0; left:0; bottom:0;}
.spinner__box{display: block; width:3rem; height:3rem; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}

.filter-field-type { padding: 0 1rem 1rem; margin:0 -1rem 1rem;}
.filter-field-type .form-check {display: block; margin-bottom:1rem;}
.filter-field-type__value{padding:.5rem 0 0;}
.checkbox-pseudo{display: inline-block;}
.filter-header{border-bottom:var(--border); padding-top:12px; padding-bottom:12px;}

#loader-circle-1{transform-origin:50% 50%; animation:rotation 1s infinite linear}
#loader-circle-2{transform-origin:50% 50%; animation:rotation 4s infinite ease}

@keyframes rotation {
    0% {transform:rotate(0deg)}
    50% {transform:rotate(180deg)}
    100% {transform:rotate(360deg)}
}

.range-field{position:relative; display: flex;}
.range-field_unit{position:absolute; top:0; font-size:1rem; line-height:1; padding:1rem 1.5rem; right:0; pointer-events: none;}
.range-sep{padding:0 .5rem;}

.field-col{display:block; width:100%; position:relative; padding:0;}
.field-col__unit{display:block; padding:1rem; position:absolute; right:.5rem; top:-2px;}
.field-col input{padding-right:2.5rem!important;}


.article-page__inner{padding:1rem 0;}
.article-page__right{min-height:250px;}
.article-page__title{color:var(--main-color); font-size:1.125rem; margin:1rem 0;}
.article-page__image{max-width:100%;}
.article-page__title--artist{font-size:2rem; margin-bottom:.5rem;}
.article-page__back{margin-bottom:1rem;}

.article p {line-height:1.6; margin-bottom:1rem;}
.article a {color:var(--color-blue);}
.article a:hover {text-decoration: underline;}


.members-wrapper{ max-width: 30rem; margin:2rem 0;}
.members{margin:1rem 0;}
.members__item{display:flex;align-items: center;padding:.5rem 0;}
.members__name{font-weight: bold;}
.members__content{ margin-left:auto; text-align: right;}

.artist-info__title{margin-bottom:.5rem; }
.artist-info__title svg{color:var(--main-color); margin-right:.375rem; }
.artist-info__image{margin-bottom:1rem; max-width: 100%;}
.artist-info__band{margin-top:2rem;}
.artist-info__band .members{margin-top:0;}
.section-relevation{border-bottom:var(--border);}

.news-card__link, .photo-card__link{ display:block; box-sizing: border-box;  padding-top:80%;  min-height:20rem; }
.news-card__line{  margin:1.5rem 0;  max-width: 85%; }


.places-card .card__photo{ margin:0 -.5rem;}
.places-card .card__image{position:static;}
.places-card:hover .svg-starbust { transform: rotate(90deg) scale(30);}
.places-list{margin-left:-1rem; margin-right:-1rem;}

.map * {  touch-action: auto }
.places-map{display:block; min-height:65vh; width:100%;}
.ymaps-2-1-78-balloon__layout{border:1px solid #000; box-shadow:none!important; padding:0!important; background: #F7F0E0!important;}
.ymaps-2-1-78-balloon__content{background: #F7F0E0!important;  padding:0!important;}
.ymaps-2-1-78-balloon_layout_panel{background: #F7F0E0!important;}
.ymaps-2-1-78-balloon_to_top .ymaps-2-1-78-balloon__tail{display: none!important;}
.places-map__card{padding:0 .5rem; display: block;}
.places-map__title{text-transform:uppercase; margin-bottom:.5rem; display: block; font:var(--title); font-weight: bold;}
.places-map__address{display: block;position: relative; padding-left:1rem;}
.places-map__address:after{content:''; position:absolute; left:0; top:5px; display: block; background:#FFB011; border-radius: 10px; width:8px; height:8px;}
.places-map__caption{padding:1rem 0;}
.places-map__image{ width:100%; height:100%; object-fit: cover; margin:0 -.5rem; display: block;}

.place-page__content .title{font-weight: 700; margin-top:1rem; margin-bottom:.75rem;}
.place-page__right{position:relative; min-height:60vh; }
.place-page__left{padding-top:1rem; }
.place-page__map{ height:100%; position:absolute; left:-.5rem; right:-.5rem; top:0; border-top:var(--border);}

.contacts-map__controls {width:3.5rem;}
.contacts-map__controls .btn-circle{font-size:2rem;}

.video-box{display:block; position: relative; overflow: hidden; margin-bottom:2rem;} 
.video-box img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;} 
.video-box__link{display:block; position:relative;  margin:0; padding-top:68%; }
.video-box .youtube{position: absolute; top: 0; left: 0; width: 100%;  height: 100%; z-index: 4;}
.video-box__play{ position:absolute;  top:0; left:0; right:0; bottom:0; margin:auto; border-radius:100%; width: 5rem; height: 5rem; justify-content: center; background:var(--accent-yellow); }
.video-box__play:before, .video-box__play:after{ content:''; display:block; width:100%; height:100%; border-radius: 100%; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid var(--accent-yellow); transition:transform .25s ease;}
.video-box__play .svg-icon{width:2rem; height:2rem; position:relative; left:.25rem;}
.video-box__link:hover .video-box__play:after{transform: scale(1.2);}
.video-box__link:hover .video-box__play:before{ transform:scale(1.4)}
.video-box__media{max-width: 100%; display:block;}

.pagebar{list-style:none; padding:0; margin-top:2rem; margin-bottom:4rem; justify-content: center;}
.pagebar__item{display:block; transition:all .25s ease; text-align: center; line-height: 36px; width:36px; height:36px; border-radius: 100%; border:1px solid var(--main-color);}
.pagebar__item--current, .pagebar__item.disabled{cursor:default}
.pagebar__item--current{background:var(--main-color); color:#fff;}
.pagebar__item:not(.pagebar__item--current):hover, 
.pagebar__item:hover{background:transparent; color:inherit;}
.pagebar__item:not(.disabled):hover{background:var(--main-color-hover); border:1px solid var(--main-color-hover); color:#fff;}

.partners-widget{padding-bottom:0;}
.partners-list{padding:0; list-style: none; }
.partners-list__item.swiper-slide { width:14rem; height:14rem; padding:3rem; display:flex; align-items:center; justify-content:center; border-top:var(--border); border-right:var(--border)}
    
.widget-places__list{border-left:var(--border); margin-bottom:4rem;}
.widget-places__item{display:flex; flex-direction: column; width:100%; height:100%; transition:background .3s ease; border:var(--border); border-left:0;}
.widget-places__list .swiper-slide:nth-child(2n) .widget-places__caption{-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
.widget-places__caption{padding:1rem 1.5rem; font:var(--title); text-transform: uppercase;}
.widget-places__image{position: relative;}
.widget-places__image img{width:100%; display: block; transition:transform .3s ease;}
.widget-places__image:before, .widget-places__image:after{content:''; transition:width .25s ease; display: block; position:absolute; top:0; width:0; height:100%; background:var(--accent-yellow);}
.widget-places__image:before{left:0;}
.widget-places__image:after{right:0;}
.widget-places__list .swiper-slide:nth-child(2n) .widget-places__image img{ transform-origin: 50% 100%;}
.widget-places__list .swiper-slide:nth-child(2n+1) .widget-places__image img{ transform-origin: 50% 0;}

.widget-places__item:focus{outline:none;}
.widget-places__item:hover{background: var(--accent-yellow);}
.widget-places__list .swiper-slide:nth-child(2n) .widget-places__item:hover{background: var(--accent-blue);}
.widget-places__list .swiper-slide:nth-child(3n) .widget-places__item:hover{background: var(--accent-pink);}

.widget-places__item:hover img{transform:scale(.9);}



.empty-page{ padding-top:2rem;}
.empty-page__inner{max-width: 30rem; margin:2rem auto;}
.empty-page__title{font-size:1.125rem;}
.empty-page__btn{width:112px; margin-top:2rem; padding:2.2rem 1rem; height:112px; text-align: center; font-size:14px;}
.empty-page__btn:hover{color:#fff;}
.empty-page__btn .svg-starbust{fill:none; transition: fill .5s ease; stroke:var(--main-color);}


.default-card{  display:block; position:relative; margin-bottom:1rem; overflow:hidden;}
.default-card__cover{ padding-top:80%;}
.default-card__cover:before{ content:''; position:absolute; top:0; left:0;  display:block;  width:100%; height:100%;  background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));  z-index: 2;}
.default-card__image{ display:block; width:100%;  height:100%; position:absolute; top:0; left:0; object-fit:cover;  transition:transform .5s ease;}
.default-card__caption{ z-index: 3; padding:1rem; position:absolute; bottom:0; left:0; color:#fff;}
.default-card__title{font:var(--title); font-size:1.25rem; text-transform:uppercase; transition:color .5s ease;}

.default-card:hover .default-card__image{transform:scale(1.1)}
.default-card:hover .default-card__title{color:var(--accent-yellow);}

.sess_messages{display: flex; position:fixed; top:0; left:0; right:0; padding:3rem 0; justify-content: space-around;}
.sess_messages>div{ padding:2rem; width:100%; max-width: 30rem;}
.message_success{background:#58a05c; color:#fff;}
.message_error{background:var(--main-color); color:#fff;}




@media screen and (min-width:47em){
    .event-details{flex-direction: row;}
    .widget-places__caption{padding:1.5rem 2rem;}
    .widget-places__title{ font-size:1.125rem}

    .intro-block{margin-bottom:0;}
    .intro-block__title {font-size:2rem; margin:2rem 0;} 
    .intro-block__btn{ width:10rem; height:10rem; bottom:2rem; font-size:1.25rem; line-height:1.2; position:relative;}
    .intro-block__more{display: block;}
    .intro-block__caption{padding-bottom:4rem;}
    .intro-block .btn-order{position: relative; bottom:auto;}
    .intro-block--event .intro-caption{padding-bottom:6rem;}
    
    .main-slider__control{ justify-content: start}
    .main-slider__control .intro-block__more{order:-1; margin-right:2rem;}
    .main-slider__control .main-slider__arrow{ padding: 1rem 1.5rem;}
    
    .intro-block--event .intro-block__media,
    .main-slider .intro-block__media{height:100svh;}
    
    .heading-page__title{font-size:2.5rem; font-weight:900; text-align: left; }
    .pagebar{margin-top:3rem;}

    .subscribe__title{text-align: left;}
    .subscribe__form{margin:0;}
    
    .filter-top, .filter-header{display: none;}
    .filter-panel {position: relative; z-index:5; overflow:visible; visibility: visible; transform:none; transition: all .3s ease; background:transparent;}
    .filter-panel__block{border-top:var(--border);}
    .filter-panel__title{padding:1rem .5rem}
    .filter-panel__bottom{padding-top:1.5rem;}
    
    .filter-panel__fields{margin:0;}
    .filter-panel__field{padding:0 1rem; border-right:var(--border); border-bottom:var(--border);}
    .filter-panel__field:first-child{border-left:var(--border)}

    .filter-panel__value{position:absolute; padding:1rem; max-height:300px; overflow:hidden; overflow-y:auto; min-width:calc(100% + 2px); top:100%; z-index:1112; left:-1px; right:-1px; background:var(--main-bg); border:var(--border);}
    .filter-panel__value::-webkit-scrollbar { width: 6px;background-color:var(--color-pink);height: 100px;}
    .filter-panel__value::-webkit-scrollbar-thumb {background: var(--main-color);}
    .filter-panel__value .input_checkbox_list label{display:block;}

    .filter-panel__fields{margin:0 -1.5rem;}
    .filter-panel__fields .form-check span{border:none; padding:0 0 0 2rem; border-radius: 0;}
    .filter-panel__fields .form-check span:before, .filter-panel__fields .form-check span:after{display:inline-block;}
    .filter-panel__fields .form-check .input-checkbox:checked + span, .checkbox-pseudo.checked span{background: transparent;}
    .filter-panel__field .checkbox-pseudo{display:block;}

    .filter-field-type{margin:0; padding:0; border-bottom:0;}
    .filter-field-type__value{padding-top:0;}
    .filter-field-type .form-check{display: inline-block;}
    .filter-footer__submit{display: none;}
    
    .article-page{border-bottom:var(--border);}
    .article-page__title{font-size:2rem; margin:1.5rem 0;}
    .article-page__title--artist{margin-bottom:.5rem;}
    .article-page__right, .article-page__left{padding-top:2rem; padding-bottom:2rem;}
    .article-page__back{margin-bottom:2rem;}

    .article-child__title{padding-top:4rem;}

    .news-list{margin: 0 -.5rem}
    
    .members{margin:1rem 0;}
    .members__item{padding:.75rem 0;}

    .section__title{font-size:2rem;}

    .container, .container-fluid{padding-left:1.5rem; padding-right:1.5rem}

    .places-list{margin-left:-1.5rem; margin-right:-1.5rem;}
    .place-page__content .title{font-size:1.5rem;}
    .place-page__left{padding-right:2rem; padding-top:1.5rem; padding-bottom:1.5rem;}
    .place-page__right{border-top:none; border-left:var(--border);}
    .place-page__map{left:0; right:-1rem;}


    .default-card__caption{ padding:1.5rem}
    .default-card__title{font:var(--title); font-size:1.5rem; text-transform:uppercase;}

}
@media screen and (min-width:63em){

    .widget-places__caption {padding: 1.5rem 2.5rem;}

    .container, .container-fluid{padding-left:2.5rem; padding-right:2.5rem}

    .heading-page{margin-top:5rem;}

    .dev{margin-left:1.5rem;}
    
    .event-card__price{font-size:1.5rem;}
    .event-card__footer{padding:1rem}


    .filter-panel__block{border-bottom:var(--border);}
    .filter-panel__fields{margin:0;}
    .filter-panel__field:last-child{border-right:var(--border);}
    .filter-panel__field {border-bottom:0!important; flex: 1;}
    .filter-panel__field:first-child {border-left:var(--border);}
    .filter-panel__field{padding:0 .5rem;}
    .filter-field-type .form-check{margin-bottom:0;}

    .filter-footer{padding-top:1.5rem;}
    
    .places-list{margin-left:0; margin-right:0;}
    .place-page__left{padding-top:2.5rem; padding-bottom:2.5rem;}

    .intro-block .btn-order{width:10rem; height:10rem;}
    .intro-block .btn-order__text{font-size:1.25rem;}
    .intro-caption__header {margin-top:2rem;}

    
    .sticker{width:3.5rem; height:3.5rem; }
}

@media screen and (min-width:74em) {
    .intro-block__title {font-size: 3rem; margin: 2.5rem 0;} 
    .intro-block__caption{padding-bottom:4rem;}

    .article-page__right{ border-left:var(--border); padding-left:2.5rem;}
    .article-page__left{ padding-right:2.5rem;}
    .article-page__inner{padding:2rem;}
    .article-page__left{position:sticky; top:3.5rem;}

    .video-box__play{width: 6rem; height: 6rem; }
    .video-box__play .svg-icon{width:2.5rem; height:2.5rem; left:.25rem;}
}
@media screen and (min-width: 120em) {
    .intro-block__title {font-size: 4rem;} 
    .container-fluid{
        padding-left:5vw;
        padding-right:5vw;
    }
}


 
@keyframes animRotate{
    from { transform:rotate(0)}
    to { transform:rotate(360deg)}
}

@keyframes arrowTopLeft{
    from { transform:translate(0, 0); opacity: 1;}
    to {transform:translate(15px, -15px); opacity: 0;}
}



.snow{color:#EBD7AB; height:30vh; position:absolute; top:0; width:100%; overflow:hidden; z-index: -1;}
.snow:before{content:''; display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; z-index: 2; background:linear-gradient(to bottom, #f7f0e000 0%, #F7F0E0 80%)}
.snow__bg{height:60vh; width:100%; position:absolute; bottom:0; left:0; z-index: 1;}
.snow__bg .snowflake{position:absolute;}

.snow--bottom{height:100%;}
.snow--bottom:before{height:33%; top:0; bottom:auto; background:linear-gradient(to top, #f7f0e000 0%, #F7F0E0 80%)}

.snow__bg--front{animation: fallSnow 30s linear infinite;}
.snow__bg--middle{animation: fallSnow 50s linear infinite;}  
.snow__bg--back{animation: fallSnow 80s linear infinite;} 
.snow__bg--front .snowflake{width:4rem; height:4rem; animation: snowFlake 30s linear infinite;}
.snow__bg--middle .snowflake{width:2rem; height:2rem; animation: snowFlake 45s linear infinite;}
.snow__bg--back .snowflake{width:1rem; height:1rem;}


.snow__bg--front .snowflake:nth-child(1){top:10%; left:10%;}
.snow__bg--front .snowflake:nth-child(2){top:50%; left:30%; color:#fff;}
.snow__bg--front .snowflake:nth-child(3){top:30%; left:70%;}

.snow__bg--middle .snowflake:nth-child(1){top:20%; left:5%;}
.snow__bg--middle .snowflake:nth-child(2){top:5%; left:90%;}
.snow__bg--middle .snowflake:nth-child(3){top:50%; left:50%;}
.snow__bg--middle .snowflake:nth-child(4){top:70%; left:70%; color:#fff;}
.snow__bg--middle .snowflake:nth-child(5){top:75%; left:10%;}
.snow__bg--middle .snowflake:nth-child(6){top:35%; left:70%;}

.snow__bg--back .snowflake:nth-child(1){top:5%; left:8%;}
.snow__bg--back .snowflake:nth-child(2){top:20%; left:22%;}
.snow__bg--back .snowflake:nth-child(3){top:5%; left:72%;}
.snow__bg--back .snowflake:nth-child(4){top:25%; left:35%;}
.snow__bg--back .snowflake:nth-child(5){top:38%; left:13%; color:#fff;}
.snow__bg--back .snowflake:nth-child(6){top:65%; left:20%;}
.snow__bg--back .snowflake:nth-child(7){top:20%; left:80%;}
.snow__bg--back .snowflake:nth-child(8){top:80%; left:70%; color:#fff;}
.snow__bg--back .snowflake:nth-child(9){top:90%; left:10%;}

.new-year{min-height:40vh; width:100%; position:relative; border-top:var(--border)}
.new-year .snow__bg{height:80vh;}
.trees{position:absolute; top:0; left:0; width:100%; height:100%; z-index: -2;}
.trees__inner{position:absolute; bottom:0; left:0; width:100%; height:30vh; overflow: hidden;}
.trees__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.trees__bg--back{height:26vh; top:4vh; background:url(/templates/redevents/img/christmas/trees.svg) repeat-x 50% 0;}
.trees__bg--front{height:18vh; top:50%; background:url(/templates/redevents/img/christmas/trees-front.svg) repeat-x 50% 0;}

.intro-block .snow, .main-slider .snow{height:100%; z-index: 2; pointer-events:none; color:#fff;}
.intro-block .snow:before, .main-slider .snow:before{display:none;}
.intro-block .snow__bg, .main-slider .snow__bg{height:200%; opacity:.5;}
.intro-block .snow__bg--front, .main-slider .snow__bg--front{animation: fallSnow 60s linear infinite;}
.intro-block .snow__bg--middle, .main-slider .snow__bg--middle{animation: fallSnow 120s linear infinite;}  
.intro-block .snow__bg--back, .main-slider .snow__bg--back{animation: fallSnow 180s linear infinite;} 
.partners li img{
	max-width:100%;
}
@keyframes snowFlake {
    form{
        transform:rotate(0);
    }
    to{
        transform:rotate(360deg);
    }
}
@keyframes fallSnow {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(3rem, 25%);
    }
    50% {
        transform: translate(0, 50%);
    }
    75% {
        transform: translate(-3rem, 75%);
    }
    100% {
        transform: translate(0, 100%);
    } 
}