@font-face {
    font-family: 'Roboto';
    src: url('/tmpl/fonts/Roboto-Regular.eot');
    src: url('/tmpl/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('/tmpl/fonts/Roboto-Regular.woff2') format('woff2'),
    url('/tmpl/fonts/Roboto-Regular.woff') format('woff'),
    url('/tmpl/fonts/Roboto-Regular.ttf') format('truetype'),
    url('/tmpl/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/tmpl/fonts/Roboto-Bold.eot');
    src: url('/tmpl/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
    url('/tmpl/fonts/Roboto-Bold.woff2') format('woff2'),
    url('/tmpl/fonts/Roboto-Bold.woff') format('woff'),
    url('/tmpl/fonts/Roboto-Bold.ttf') format('truetype'),
    url('/tmpl/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	src: url(../fonts/material.woff2) format('woff2');
	font-display: swap;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 1,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

* {
    margin: 0;
    padding: 0;
	-webkit-tap-highlight-color: transparent;
}
html {
	/*scroll-behavior: smooth;*/
	scroll-padding-top: 30px;
}
body {
    width: 100%;
	max-width: 100dvw;
    min-height: 100vh;
    font-size: 16px;
    color: #11192e;
    background: #fbfbfb;
    font-family: 'Roboto', Calibri, serif;
	overflow-x: hidden;
}
body.active {
	overflow-y: hidden;
}
a, a:link, a:visited {
    color: #b87fd1;
    text-decoration: none;
    transition: .3s;
}
a:hover {
    color: #b87fd1!important;
    text-decoration: none;
}
h1, h2, h3 {
	font-weight: normal;
    font-size: 46px;
    color: #11192e;
    margin: 0 1px;
    margin-bottom: 20px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 26px;
}
h4 {
    font-size: 17px;
}
.clear {
    clear: both;
}
.d-none {
	display: none!important;
}

input, textarea, select {
	width: 100%;
	font-family: 'Roboto', Calibri, serif;
	font-size: 15px;
	border: none;
	outline: none;
	color: #fff;
	background: rgba(255, 255, 255, 0.3);
	/*backdrop-filter: blur(10px);*/
	border-radius: 10px;
	padding: 10px;
}
.inputContainer::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	background: inherit; /* Наследует фон от body */
	filter: blur(10px);
	z-index: -1; /* Помещает псевдоэлемент за input */
	border-radius: 10px;
}
::placeholder {
	color: #686868;
}

.content select {
	width: 100%;
	min-width: 150px!important;
	padding: 14px 16px;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	color: #4B5675;
	appearance: none;
	background-color: #fff;
	border: 1px solid #DBDFE9;
	border-radius: 10px;
	box-shadow: none;
	transition: .3s;
}

.btn {
	display: inline-block;
	width: max-content;
	color: #fff!important;
	padding: 8px 22px;
	border-radius: 12px;
	font-size: 18px;
	text-align: center;
	transition: .3s;
	background: #b87fd1;
	white-space: nowrap;
	transform: scale(.98);
}

.allevents {
	background: #c27cca;
	background: linear-gradient(90deg, #c27cca 10%, #ef6da5 85%)!important;
}
.bilietai, .bilesuserviss {
	background: #d20920;
	background: linear-gradient(90deg, #d20920 10%, #ff394f 85%)!important;
}
.kakava {
	background: #4b00cb;
	background: linear-gradient(90deg, #4b00cb 10%, #8944ff 85%)!important;
}
.paysera {
	background: #000099;
	background: linear-gradient(90deg, #33cc66 10%, #3399ff 85%)!important;
}
.shownet {
	background: #ff8800;
	background: linear-gradient(90deg, #ff8800 10%, #fe9800 85%)!important;
}
.ticketshop {
	background: #4199df;
	background: linear-gradient(90deg, #1783ce 10%, #69a0d3 85%)!important;
}
.ticketmarket {
	background: #5e0448;
	background: linear-gradient(90deg, #5e0448 10%, #a21a84 85%)!important;
}
.forum {
	background: #ffcb08;
	background: linear-gradient(90deg, #e5b60d 10%, #ffcc25 85%)!important;
}
.multikino {
	background: #eb008b;
	background: linear-gradient(90deg, #cc057c 10%, #f50491 85%)!important;
}
.manobilietas {
	background: #af4ea9;
	background: linear-gradient(90deg, #af4ea9 10%, #dd1361 85%)!important;
}
.opera {
	background: #8b0d0d;
	background: linear-gradient(90deg, #8b0d0d 10%, #591111 85%)!important;
}

.btn .material-symbols-outlined {
	margin-right: 17px;
}
.btn.act {
	color: #fff!important;
}
.btn.past {
	color: #fff!important;
	background: #999;
}
.btn:hover {
	color: #fff!important;
	transform: scale(1);
}
@keyframes gradientChange {
	0% {
		background-position: 0 50%; /* Начальная позиция градиента */
	}
	50% {
		background-position: 100% 50%; /* Положение градиента на середине анимации */
	}
	100% {
		background-position: 0 50%; /* Конечная позиция градиента */
	}
}
.icon {
	display: flex;
	padding: 11px;
}

.row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.col {
	display: flex;
	flex-direction: column;
	align-items: initial;
	justify-content: start;
}
.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* 250px min width, 1fr max width */
	gap: 10px;
}
.position-relative {
	position: relative;
}
.a-center {
	align-items: center;
}
.a-start {
	align-items: flex-start;
}
.a-stretch {
	align-items: stretch;
}
.a-end {
	align-items: end;
}
.j-start {
	justify-content: start;
}
.j-end {
	justify-content: end;
}
.j-center {
	justify-content: center;
}
.j-around {
	justify-content: space-around;
}
.j-between {
	justify-content: space-between;
}
.w-100 {
	width: 100%;
}
.w-80 {
	width: 80%;
}
.w-60 {
	width: 60%;
}
.w-50 {
	width: 50%;
}
.w-40 {
	width: 40%;
}
.p-30 {
	padding: 30px;
}
.pr-30 {
	padding-right: 30px;
}
.pr-50 {
	padding-right: 50px;
}
.pb-0 {
	padding-bottom: 0!important;
}
.pb-5 {
	padding-bottom: 5px!important;
}
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-25 {
	margin-right: 25px!important;
}
.mr-30 {
	margin-right: 30px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-50 {
	margin-right: 50px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-40 {
	margin-left: 40px;
}
.mb-0 {
	margin-bottom: 0!important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mt-auto {
	margin-top: auto!important;
}
.mt-5 {
	margin-top: 5px!important;
}
.mt-10 {
	margin-top: 10px!important;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px!important;
}
.mt-30 {
	margin-top: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-n50 {
	margin-top: -50px;
}

.fs-20 {
	font-size: 20px!important;
}
.fs-30 {
	font-size: 30px!important;
}

.page {
	position: relative;
	width: 100%;
	background-color: #fbfbfb;
}

.headerBack {
	width: 100%;
	background-color: #fbfbfb;
}
.header {
	width: calc(100% - 120px);
	max-width: 1370px;
	padding: 30px;
	padding-bottom: 0;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.header .logo {
	color: #11192e;
	margin-right: 60px;
	font-size: 28px;
	font-weight: bold;
}
.header .logo img {
	height: 30px;
	margin-right: 10px;
	margin-top: -2px;
}
.header .topMenu {
	list-style-type: none;
	overflow-x: clip;
}
.header .topMenu li {
	margin-right: 25px;
}
.header .topMenu a {
	color: #151515;
	position: relative;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 12px;
}
.header .topMenu a:hover, .header .topMenu a.active {
	color: #000!important;
	background: #edeff2;
}
.header .topMenu .act a {
	color: #b87fd1;
}
.searchBlock {
	margin: 0 auto;
}
.searchBlock .search, .searchResults .searchBlock input {
	min-width: 300px;
	border-radius: 16px;
	background: #ebebeb;
	color: #11192e;
	font-size: 16px;
	padding: 10px;
	padding-left: 45px;
	cursor: text;
}
.header .selectLang {
	display: flex;
	justify-content: end;
	width: 50px;
	padding: 0;
	font-size: 18px;
	color: #151e27;
}
.header .select2-container {
	width: 50px!important;
	min-width: 50px !important;
}
.header .select2-container .select2-selection--single .select2-selection__rendered > span {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.header .select2-container .select2-selection--single {
	background: none;
	border: none;
}
.header .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: #151515;
}
.header .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: -3px;
}

.header .add {
	font-weight: normal;
	font-size: 16px;
	margin-right: 25px;
	padding: 7px 16px;
}
.header .add span {
	margin-right: 7px;
}

.header .like {
	display: flex;
	align-items: center;
	margin-right: 25px;
	color: #11192e;
	position: relative;
}
.header .like span {
	color: #151515;
	font-size: 30px;
	transition: .3s;
}
.header .like.active span {
	color: #151515;
}
.header .like .count, .eventDesc .like .count {
	position: absolute;
	bottom: 3px;
	right: -9px;
	height: 14px;
	text-align: center;
	font-size: 12px;
	padding: 3px;
	aspect-ratio: 1;
	color: #fff;
	background: #d171b3;
	border-radius: 50%;
	animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}

.header .searchIcon {
	display: flex;
	align-items: center;
	margin-right: 15px;
}
.header .searchIcon span {
	color: #fff;
	font-size: 35px;
}

.header .selectCity {
	color: #151515;
	font-size: 16px;
	margin-right: 20px;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	transition: .3s;
}
.header .selectCity span {
	color: #151515;
	font-weight: normal;
	font-size: 30px;
	transition: .3s;
}
.header .selectCity div {
	padding-bottom: 2px;
	border-bottom: 1px dashed #151515;
}

.cats {
	margin-top: 40px;
	margin-bottom: 20px;
}
.filters select {
	width: 120px;
	min-width: 120px!important;
	max-width: 200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	outline: 0 !important;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	padding: 5px 20px;
	font-size: 16px;
	margin-right: 25px;
	color: #444;
	appearance: none;
	border: 1px solid #99a1b7;
	overflow: hidden;
	transition: .3s;
	position: relative;
	background: #fff;
	border-radius: 12px;
}

.blockHead {
	font-size: 14px;
	color: #99A1B7;
}
.blockHead .material-symbols-outlined {
	color: #99A1B7;
}
.blockHead h2, .blockHead h3 {
	margin-bottom: 5px;
}
.blockHead select {

}

.catDescr h2 {
	margin-top: 20px;
}

.swiper {
	width: calc(100% - 2px);
	height: 470px;
	overflow: hidden;
	border-radius: 16px;
	user-select: none;
}
.swiper.swiperBig {
	width: 100%;
}
.swiper .swiper-slide {
	display: flex;
	flex-direction: row;
	width: calc(100%/3 - 20px);
	min-width: calc(100%/3 - 20px);
	max-width: calc(100%/3 - 20px);
	margin-right: 21px;
	height: initial;
}
.swiper .swiper-slide .event {
	display: flex;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin-top: 0;
	margin-right: 0;
	border: none;
}
.swiper .swiper-slide .event.eventCard::after {
	display: none;
}
.swiper .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #b87fd1;
}
.swiper .swiper-pagination, .swiper .swiper-scrollbar {
	display: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 1!important;
	color: #99a1b7!important;
	background: none!important;
	border: 1px solid #99a1b7;
}

.banner {
	overflow: hidden;
	border-radius: 20px;
	background-size: cover;
	background-position: top center;
}
.eventCard.banner .brand {
	top: 20px;
	left: 20px;
}
.banner .banner_info {
	position: relative;
	display: flex;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	flex-direction: column;
	align-items: start;
	justify-content: end;
	padding: 20px;
	color: #fff!important;
	font-size: 18px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(35, 21, 43, .7) 13%, rgba(132, 140, 144, 0) 80%);
	transition: .3s;
	z-index: 1;
}
.banner .banner_info::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(35, 21, 43, .8) 13%, rgba(132, 140, 144, 0) 100%);
	opacity: 0;
	transition: opacity 0.3s;
	z-index: -1;
}
.banner .banner_info:hover::before {
	opacity: 1;
}
.banner .banner_info .genre {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 12px;
}
.banner .banner_info .date span.material-symbols-outlined {
	font-size: 24px;
	margin-right: 7px;
}
.banner .banner_info h1 {
	color: #fff;
	font-weight: bold;
	font-size: 32px;
	line-height: 34px;
	margin-top: 5px;
	margin-bottom: 11px;
	margin-left: 0;
}
.banner .banner_info p {
	margin: 3px 3px;
	color: #cfcfcf;
}
.banner .banner_info .date {
	font-size: 20px;
	color: #fff;
}
.banner .banner_info .prices div {
	margin-left: 15px;
	padding: 7px;
	border-radius: 10px;
	background: rgb(191 191 191 / 70%);
}
.banner .banner_info .prices .price {
	margin-left: 0;
	padding: 10px;
	font-size: 15px;
	background: #b87fd1;
}
.banner .banner_info p b {
	color: #fff;
	font-weight: normal;
	margin-left: 20px;
}
.banner .banner_info a {
	display: inline-block;
	text-align: center;
	margin-top: 30px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s;
}

.brands {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.brands .brand {
	max-width: 350px;
	flex: 1;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	color: #151515;
	margin-right: 20px;
	padding: 30px 20px;
	border-radius: 16px;
	border: 1px solid #cbcfda;
	background: #fff;
	transition: .5s;
}
.brands .brand:last-child {
	margin-right: 0;
}
.brands .brand img {
	display: block;
	width: 70%;
	max-height: 30px;
	margin: 15px auto;
	margin-bottom: 5px;
	margin-top: 20px;
}
.brands .brand.active {
}
.brands .brand div {
}
.brands .brand span {
	font-size: 15px;
	font-weight: normal;
	color: #99a2b1;
}

.filters, .dateBar {
	width: 100%;
	margin: 0 -20px;
	overflow-x: auto;
	padding: 16px 20px;
	user-select: none;
}
.filters::-webkit-scrollbar, .dateBar::-webkit-scrollbar, .eventBlock .eventDesc .btns::-webkit-scrollbar, .mobileMenu .cats::-webkit-scrollbar, .eventBlock .eventTabs::-webkit-scrollbar, .eventBlock .roadsList .roadsFilter::-webkit-scrollbar {
	display: none;
}
.filters .dates {
	position: absolute;
	right: 3px;
	z-index: 1;
	font-size: 17px;
	color: #444	;
	margin-top: -3px;
}
.filters input {
	width: calc(14ch - 20px);
	min-width: 110px; /* Минимальная ширина */
	max-width: 500px; /* Максимальная ширина, если нужно */
	color: #444;
	line-height: 28px;
	font-size: 16px;
	padding: 0;
	padding-right: 20px;
	white-space: pre;
}
.filters input::placeholder {
	color: #444;
}
.filters .clear {
	cursor: pointer;
	color: #fff;
	background: #afb5c6;
	padding: 8px 9px;
	border-radius: 20px;
	box-shadow: rgba(193, 193, 193, 0.4) 0 5px 20px;
	transition: .3s;
}
.filters .clear:hover {
	color: #b87fd1;
	background: #fff;
}
.filters .select2-container {
	width: 100% !important;
	min-width: initial!important;
	max-width: 220px;
	margin-right: 25px;
}
.filters .form-switch {
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	padding-left: 0;
	margin: 0;
	cursor: pointer;
}
.filters .form-switch input {
	--bs-form-check-bg: transparent;
	width: 3.25rem;
	min-width: initial;
	height: 30px;
	border: 0;
	background-position: right center;
	margin: 0;
	float: none;
	flex-shrink: 0;
	vertical-align: top;
	appearance: none;
	background-color: #b87fd1;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 3.25rem;
	transition: .3s;
	cursor: pointer;
}
.filters .form-switch label {
	display: inline-block;
	margin-left: 10px;
	color: #444;
	white-space: nowrap;
	cursor: pointer;
}
.form-switch input:not(:checked) {
	background-color: #99a1b7;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
	background-position: left center;
}

.dateTitle {
	font-size: 17px;
	color: #151515;
}
.swiper.dateBar {
	width: 100%;
	margin: 0;
	overflow-x: auto;
	padding: 10px 0;
	padding-bottom: 0;
	user-select: none;
	height: initial;
}

.swiper .swiper-slide.date {
	flex-direction: column;
	width: initial;
	min-width: initial;
	max-width: initial;
	padding: 14px 14px;
	border-radius: 20px;
	margin-right: 15px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	transition: .3s;
}
.swiper .swiper-slide.date span {
	display: block;
	margin-top: 5px;
	font-size: 15px;
}
.swiper .swiper-slide.date.active, .swiper .swiper-slide.date:hover {
	background: #b87fd1;
	color: #fff;
}

.tabs {
	user-select: none;
}
.tabs::-webkit-scrollbar {
	display: none;
}
.tabs div {
	padding: 3px 11px;
	margin-right: 25px;
	cursor: pointer;
	color: #444;
	line-height: 28px;
	border-radius: 12px;
	border: 1px solid #99a1b7;
	transition: .3s;
}
.tabs div:last-child {
	margin-right: 0;
}
.tabs div:not(.toDate).active, .tabs div:not(.toDate):hover {
	color: #fff;
	background: #b87fd1;
	border-color: #b87fd1;
}
.tabs div span {
	font-size: 18px;
	margin-right: 5px;
	margin-top: -1px;
}

.whiteBlock {
	padding: 25px 20px;
	padding-bottom: 30px;
	border-radius: 20px;
	background: rgb(255, 255, 255);
	box-shadow: 0 0 20px 0 rgb(82 63 105 / 10%);
}

.eventsHor, .eventsVer {
	width: calc(100% + 22px);
	display: flex;
	flex-flow: wrap;
	align-items: stretch;
	justify-content: start;
}
.eventsSmall {
	margin-top: -20px;
}
.eventsHor.swiper {
	width: 100%;
	height: 100%;
	padding: 0!important;
	margin-top: 15px;
}
.eventsHor.swiper .swiper-slide {
	width: calc(20% - 20px);
	min-width: calc(20% - 20px);
	max-width: calc(20% - 20px);
	margin-right: 20px;
}
.eventsHor.swiper .swiper-slide:last-child {
	/*margin-right: 0;*/
}
.eventsHor.swiper .eventCard {
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	height: calc(100% - 2px);
	margin-right: 0;
}
.control, .controlBig, .controlBrands {
	position: relative;
}
.controlBig .swiper-button-next, .controlBig .swiper-button-prev {
	width: 20px;
	height: 20px;
	margin-top: 215px;
	color: #fff;
	padding: 10px;
	opacity: 1;
	background: #99a1b7;
	border-radius: 50%;
	transition: .3s;
}
.controlBig .swiper-button-next:hover, .controlBig .swiper-button-prev:hover {
	background: #151515;
}
.controlBig .swiper-button-prev {
	left: -18px;
}
.controlBig .swiper-button-next {
	right: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 18px!important;
	line-height: initial!important;
	margin-left: 3px;
}
.swiper-button-prev:after {
	margin-left: 0;
	margin-right: 3px;
}
.control .swiper-button-prev, .control .swiper-button-next, .controlDate .swiper-button-prev, .controlDate .swiper-button-next, .controlBrands .swiper-button-prev, .controlBrands .swiper-button-next {
	position: relative;
	left: initial;
	right: initial;
	top: initial;
	bottom: initial;
	margin: 0;
	margin-left: 10px;
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 50%;
	color: #fff;
	background: #99a1b7;
	border: 1px solid #99a1b7;
	transition: .3s;
}
.control .swiper-button-next:after, .control .swiper-button-prev:after, .controlDate .swiper-button-next:after, .controlDate .swiper-button-prev:after, .controlBrands .swiper-button-next:after, .controlBrands .swiper-button-prev:after {
	font-size: 16px!important;
}
.control > div:hover, .controlDate > div:hover, .controlBrands > div:hover {
	background: #151515;
}
.eventsHor .eventCard:last-child {
	/*margin-right: 0;*/
}
.eventsHor h2 {
	margin-top: 50px;
	width: 100%;
	text-align: center;
}
.eventCard {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	flex-grow: 1;
	width: calc(20% - 22px);
	min-width: calc(20% - 22px);
	max-width: calc(20% - 22px);
	margin-right: 20px;
	margin-top: 25px;
	border-radius: 16px;
	border: 1px solid #cbcfda;
	cursor: pointer;
	scale: 1;
	transition: .3s;
}
.eventsSmall .eventCard {
	width: calc(25% - 22px);
	min-width: calc(25% - 22px);
	max-width: calc(25% - 22px);
}
.eventCard::after {
	content: '';
	position: absolute;
	bottom: -37px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	background-color: #fbfbfb;
	border-top: 2px solid #cbcfda;
	border-radius: 50%;
	overflow: hidden;
}

.eventsVer {
	flex-direction: column;
}
.eventsVer .eventCard {
	width: initial;
	max-width: 400px;
	padding-top: 230px;
	margin-right: 0;
	box-shadow: 0 0 30px 0 #e3e3e3;
	transition: .3s;
}
.eventCard .eventTags div {
	padding: 10px 12px;
	font-size: 14px;
	color: #bdc3cd;
	border-radius: 20px;
	background: rgba(30,30,34, .7);
}
.eventCard .eventTags .eventLike {
	padding: 7px;
	border-radius: 50%;
}
.eventCard .eventTags .material-symbols-outlined {
	font-size: 24px;
	margin-right: 0;
}
.eventCard .eventBanner {
	width: calc(100% - 20px);
	height: 320px;
	margin: 10px;
	border-radius: 12px;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
.eventCard .eventData {
	width: calc(100% - 20px);
	text-align: left;
	padding: 0 10px;
	padding-top: 5px;
	padding-bottom: 50px;
}
.eventCard .eventData .eventTitle {
	color: #151515;
	font-size: 16px;
	padding-bottom: 5px;
}
.eventCard .eventData .eventTitle h4 {
	font-size: 16px;
	font-weight: normal;
	max-height: 36px;
	overflow: hidden;
	transition: .3s;
}
.eventCard .eventData .eventTitle .placeName {
	font-size: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
.eventCard .eventData .eventTitle .price {
	font-weight: bold;
	color: #b87fd1;
	font-size: 16px;
}
.eventCard .eventData span.material-symbols-outlined {
	font-size: 16px;
	margin-right: 3px;
	margin-top: -1px;
}
.eventCard .eventData p {
	margin-top: 15px;
	font-size: 14px;
}
.eventCard .like {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 5px;
	color: #fff;
	border-radius: 10px;
	background: rgb(191 191 191 / 80%);
	transition: .3s;
	scale: 0.97;
}
.eventCard:hover .like {
	background: rgb(191 191 191 / 100%);
}
.eventCard .like:hover {
	background: #b87fd1;
	scale: 1;
}
.eventCard .like.active {
	background: #b87fd1!important;
	animation: scaleAnimation 0.6s forwards;
}
.eventCard .brand {
	display: flex;
	position: absolute;
	top: 20px;
	left: 20px;
	width: initial;
	background: #fff;
	text-transform: capitalize;
	color: #fff;
	padding: 7px 12px;
	font-size: 15px;
	border-radius: 9px;
	text-align: center;
	box-shadow: 0 6px 20px 0 rgb(82 63 105 / 10%);
	transition: .3s;
}
.eventCard .brand.soldout {
	background: #999!important;

}
.eventCard .timeToLeft {
	display: flex;
	position: absolute;
	top: 15px;
	right: 15px;
	width: initial;
	color: #fff;
	padding: 9px 12px;
	font-size: 14px;
	font-weight: bold;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 6px 20px 0 rgb(82 63 105 / 10%);
	transition: .3s;
	background: rgba(15, 15, 15, 0.7);
	backdrop-filter: blur(2px);
}
.eventCard .date {
	width: initial;
	color: #151515;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
}
.eventCard .date span.material-symbols-outlined {
	margin-top: -1px;
	margin-right: 3px;
	font-size: 15px;
}

.eventsVer .eventCard .eventData h4 {
	font-size: 15px;
}

.special {
	margin-top: 30px;
	padding: 20px 20px;
	background: #b87fd1;
	border-radius: 12px;
}
.special .eventCard {
	width: 100%;
	margin-top: 20px;
	padding-top: 265px;
	box-shadow: none;
}
.special .eventCard .eventData {
	transform: translateY(-100%);
}
.special .btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 7px;
	font-size: 14px;
	border-radius: 8px;
	background: #ff7902;
	color: #fff!important;
	box-shadow: none;
}
.special b {
	font-size: 30px;
}
.special span {
	font-size: 15px;
	margin-right: 4px;
}
.special strike {
	color: #99a2b1;
}

.eventsVer .eventCard.eventSmall {
	padding: 15px;
	box-shadow: 0 0 30px 0 #e3e3e3;
}
.eventSmall .eventImg {
	width: 70px;
	min-width: 70px;
	height: 70px;
	background-size: cover;
	border-radius: 12px;
	background-position: top center;
	background-repeat: no-repeat;
}
.eventCard.eventSmall .eventData {
	color: #11192e;
	position: relative;
	width: 100%;
	padding: 0;
	padding-left: 15px;
	background: none;
	opacity: 1;
	transform: translateY(0%);
}
.eventCard.eventSmall .date {
	background: #cccbea;
}
.eventCard.eventSmall .date b {
	color: #1714ad;
}
.eventCard.eventSmall span{
	font-size: 12px;
}
.eventCard.eventSmall .eventData .eventTitle {
	margin-right: 15px;
}

.viewed .eventCard {
	flex-direction: row;
}

.searchBlock .mobileTitle {
	display: none;
	color: #bfbfbf;
}
.searchBlock .mobileTitle b {
	color: #fff;
	font-size: 20px;
}
.searchBlock h1 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 10px;
}
.searchBlock h3 {
	font-size: 26px;
	color: #99A1B7;
}
.searchBlock span.material-symbols-outlined, .emailBlock span.material-symbols-outlined {
	position: absolute;
	left: 10px;
	z-index: 1;
	font-size: 26px;
	color: #686868;
}
.searchBlock input {
	font-size: 16px;
	padding-left: 45px;
}
.searchBlock span.material-symbols-outlined.clear-icon {
	position: absolute;
	left: initial;
	right: 10px;
	cursor: pointer;
	display: none;
}
.searchBlock span.material-symbols-outlined.clear-icon.visible {
	display: block;
}
.searchBlock .dateSelect  {
	margin-top: 20px;
	min-width: 330px;
	min-height: 330px;
}
.searchBlock .date {
	min-width: 200px;
}
.searchBlock .dateLinks {

}
.searchBlock .dateLinks a {
	color: #8f8f8f;
}
.searchBlock .dateLinks a:last-child {
	margin-left: 30px;
}

.content, .breadcrumbs {
	width: calc(100% - 120px);
	max-width: 1370px;
	padding: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.breadcrumbs {
	margin-top: 20px;
	padding: 0 30px;
	color: #888888;
	font-size: 15px;
}
.breadcrumbs a {
	color: #888888;
}
.breadcrumbs .eventCats {
}
.breadcrumbs .eventCats a {
	color: #151515;
	margin: 0;
	margin-right: 25px;
	font-size: 15px;
	white-space: nowrap;
	padding: 4px 8px;
	border-radius: 8px;
	border: 1px solid #cbcfda;
}
.breadcrumbs .eventCats a:last-child {
	margin-right: 0;
}
.breadcrumbs .eventCats a:hover {
	border-color: #b87fd1;
}
.content h3 {
	margin-top: 20px;
}
.content table {
	width: 100%;
	margin: 15px 0;
	margin-bottom: 25px;
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
	border-radius: 6px;
	overflow: hidden;
}
.content table td {
	padding: 7px 5px;
	border: 1px solid #ddd;
	border-width: 1px 0 0 1px;
}

.nopage img {
	display: block;
	width: 250px;
}
.nopage .cities {
	width: initial;
	height: initial;
	position: relative;
	top: initial;
	left: initial;
	padding: 0;
	transform: translate(0%, 0%);
	background: none;
	box-shadow: none;
	border-radius: 0;
}

.pageLoader {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	border-radius: 14px;
	background: #b87fd1;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin: 40px auto;
	padding: 10px;
	cursor: pointer;
}
.pageLoader span {
	margin-right: 10px;
}

.emailBlock {
	color: #fff;
	padding: 20px 25px;
	border-radius: 20px;
	box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.03);
	background: linear-gradient(45deg, #b87fd1 10%, #d56fb0 50%, #7931ae 90%);
}
.emailBlock img {
	display: block;
	width: 220px;
	margin-right: 30px;
	margin-bottom: -20px;
}
.emailBlock h2 {
	font-size: 26px;
	color: #fff;
}
.emailBlock p {
	color: #e5e5e5;
}
.emailBlock span.material-symbols-outlined {
	color: #d2d2d2;
}
.emailBlock input {
	padding-left: 45px;
}
.emailBlock input::placeholder {
	color: #d2d2d2;
}
.emailBlock .btn {
	padding: 13px 16px;
	font-size: 16px;
	margin-left: 15px;
	cursor: pointer;
}
.emailBlock .radios input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.emailBlock .radios span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	margin-right: 10px;
	background-color: #d2d2d2;
}
.emailBlock .radios span::after {
	display: block;
	width: 6px;
	min-width: 6px;
	height: 6px;
	content: "";
	border-radius: 100% !important;
}
.emailBlock .radios input:checked ~ span {
	background-color: #8950FC;
	transition: .3s;
}
.emailBlock .radios input:checked ~ span:after {
	background-color: #ffffff;
	border-color: #ffffff;
}
.emailBlock .radios .radio {
	display: flex;
	align-items: center;
	position: relative;
	text-align: left;
	color: #e5e5e5;
	cursor: pointer;
	font-size: 15px;
	transition: .3s;
	margin-right: 20px;
}
.emailBlock .radios .radio:last-child {
	margin-right: 0;
}

.eventBlock {
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}

.eventHeader {
	width: 100%;
	height: 450px;
	margin-top: -173px;
	background-position: center top;
	background-size: cover;
	position: relative;
	z-index: 0;
	transition: .3s;
}
.eventHeader::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background: rgba(0, 0, 0, .5);
	z-index: 1;
	transition: .2s;
}
.eventHeader.active::before {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}
.eventHeader .eventHeaderContent {
	width: calc(100% - 60px);
	max-width: 1300px;
	padding: 30px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	z-index: 2;
}
.eventHeader .eventHeaderContent * {
	-webkit-user-select: none;
	user-select: none;
}

.eventBlock .eventBgImg {
	padding: 20px 20px;
	border-radius: 18px;
	border: 1px solid #cbcfda;
	margin-right: 20px;
	background: #fff;
	z-index: 2;
	scale: 1;
	transition: .4s;
}
.eventBlock .eventImg {
	width: 295px;
	min-width: 295px;
	height: 100%;
	min-height: 420px;
	border-radius: 12px;
	background-size: cover;
	background-position: top center;
}

.eventBlock .eventDesc {
	width: calc(100% - 322px);
	min-height: 463px;
}
.eventBlock .eventLeft {
	width: 100%;
	max-width: calc(100% - 365px);
	margin-right: 40px;
}
.eventBlock .eventRight {
	width: 300px;
	min-width: 300px;
}
.eventBlock .eventRight .videos {
	width: 100%;
	height: 190px;
	border-radius: 16px;
	overflow: hidden;
}

.eventBlock .eventRight .videos a .img {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .3s;
	cursor: pointer;
	border-radius: 12px;
}
.eventBlock .eventRight .videos a .img::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: url(/tmpl/images/video.png) no-repeat center;
	background-size: contain;
	z-index: 1;
	opacity: 0.8;
	transition: .3s;
}
.eventBlock .eventRight .videos a .img:hover::before {
	opacity: 1;
	width: 68px;
	height: 68px;
}

.eventBlock .eventDesc h1 {
	font-weight: normal;
	font-size: 40px;
}
.eventBlock .eventDesc h1 span {
	display: block;
	width: 100%;
	font-weight: normal;
	font-size: 16px;
	color: #99A1B7;
	margin-top: 10px;
}
.eventBlock .eventDesc .eventDate {
	margin-bottom: 25px;
}
.eventBlock .eventDesc .eventDate .date {
	font-size: 17px;
}
.eventBlock h3 {
	margin-left: 0;
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
}
.eventBlock .eventDesc .btns {
	margin-top: 30px;
	width: max-content;
}
.eventBlock .eventDesc .btns > * {
	color: #151515;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #cbcfda;
	margin-right: 15px;
	padding: 5px 11px;
	padding-left: 10px;
	font-size: 14px;
	white-space: nowrap;
	cursor: pointer;
	transition: .3s;
	user-select: none;
}
.eventBlock .eventDesc .btns > * b {
	font-weight: normal;
}
.eventBlock .eventDesc .btns > * span {
	color: #151515;
	font-size: 20px;
	margin-right: 5px;
	transition: .3s;
}
.eventBlock .eventDesc .btns > *:hover {
	border-color: #b87fd1;
	color: #b87fd1;
}
.eventBlock .eventDesc .btns > *:hover span {
	color: #b87fd1;
}
.eventBlock .eventDesc .btns .like.active {
	color: #b87fd1;
	border-color: #b87fd1;
}
.eventBlock .eventDesc .btns .like.active span {
	color: #b87fd1;
}
.eventBlock select.changeShow {
	width: 100%;
	min-width: 250px;
	max-width: 250px;
	padding: 2px 10px;
	border-radius: 12px;
	color: #4B5675;
	font-size: 15px;
	border: 1px solid #99a1b7;
}
.eventBlock .eventDate .select2-container {
	max-width: 250px;
	margin-left: 10px;
}
.eventBlock .eventDate .select2-container .select2-selection--single {
	padding: 0 2px;
	font-size: 15px;
	color: #4B5675;
	border-radius: 12px;
	border: 1px solid #99a1b7;
}
.eventBlock .eventDate .select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: -5px;
}
.eventBlock .eventDesc .material-symbols-outlined {
	color: #151515;
	font-size: 24px;
	margin-right: 3px;
}
.eventBlock .eventDesc .tickets {
	position: relative;
	max-width: 440px;
	padding: 25px 30px;
	padding-bottom: 15px;
	border-radius: 12px;
	border: 1px solid #cbcfda;
	background: #fff;
}
.eventBlock .eventDesc .tickets::after {
	content: '';
	position: absolute;
	bottom: 50%;
	right: -16px;
	width: 25px;
	height: 25px;
	background-color: #fbfbfb;
	border-left: 2px solid #cbcfda;
	border-radius: 50%;
	overflow: hidden;
	transform: translateY(50%);
}
.eventBlock .eventDesc .tickets .eventTickets  {
	margin-top: 0px;
	margin-bottom: 10px;
}

.eventBlock .eventDesc .eventDescription {
	margin-top: 20px;
	font-size: 15px;
	color: #a3a3a3;
	max-height: 60px;
	overflow: hidden;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.eventBlock .eventTickets .logoTicket img {
	display: block;
	height: 20px;
}
.eventBlock .eventTickets .logoTicket.past img {
	filter: grayscale(100%);
}
.eventBlock .eventPrice {
	font-size: 21px;
	white-space: nowrap;
}
.eventBlock .eventPrice .material-symbols-outlined {
	font-size: 31px;
	color: #b87fd1;
}
.eventBlock .eventPrice i {
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	color: #999;
}
.eventBlock .eventPrice span {
	font-size: 14px;
	margin-bottom: 1px;
	margin-right: 5px;
}
.eventBlock .eventTabs .tab {
	color: #151515;
	position: relative;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: 12px;
	margin-right: 25px;
	cursor: pointer;
	white-space: nowrap;
	transition: .3s;
	user-select: none;
}
.eventBlock .eventTabs .tab:hover, .eventBlock .eventTabs .tab.active {
	color: #000 !important;
	background: #edeff2;
}
.eventBlock .tabContent {
	display: none;
}
.eventBlock .tabContent.active {
	display: block;
}
.eventBlock .fullDescription {
	width: calc(100% - 40px);
	max-width: 845px;
	padding: 13px 20px;
	border-radius: 18px;
	border: 1px solid #cbcfda;
	background: #fff;
}
.eventBlock .fullDescription .descriptionContent {
	position: relative;
	max-height: 180px;
	font-size: 15px;
	overflow: hidden;
	transition: .3s;
}
.eventBlock .fullDescription .descriptionContent::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.eventBlock .fullDescription .descriptionContent * {
	text-align: initial;
	margin: 0;
	padding: 0;
}
.eventBlock .fullDescription .descriptionContent p {
	display: block;
	margin: 7px 0;
	background: none!important;
}
.eventBlock .fullDescription .descriptionContent h2 {
	display: block;
	font-size: 18px;
	margin: 10px 0;
}
.eventBlock .fullDescription .descriptionContent.expanded {
	padding-bottom: 20px;
	max-height: 8000px;
}
.eventBlock .fullDescription .toggleDescription {
	margin: 5px 0;
	padding: 2px 0;
	cursor: pointer;
	color: #151515;
	font-weight: bold;
	outline: none;
	border: none;
	background: none;
	text-decoration: underline;
}
.eventBlock .fullDescription .descrTranslate {
	font-size: 13px;
	color: #b87fd1;
	margin-bottom: 10px;
}
.eventBlock .fullDescription .descriptionContent .gallery {
	width: 100%;
	position: absolute;
	top: 50px;
	margin: 20px 0;
	background: #fff;
	transition: .2s;
	justify-content: space-around;
}
.eventBlock .fullDescription .descriptionContent .gallery::before {
	content: '';
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	height: 60px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 80%);
}
.eventBlock .fullDescription .descriptionContent.expanded .gallery {
	position: relative;
	top: 0;
}
.eventBlock .fullDescription .descriptionContent.expanded .gallery::before {
	display: none;
}
.eventBlock .fullDescription .gallery a {
	display: block;
	width: calc(25% - 15px);
	height: 150px;
	margin-right: 15px;
	transition: .3s;
}
.eventBlock .fullDescription .gallery a:hover {
	scale: 1.02;
}
.eventBlock .fullDescription .gallery a .img {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 12px;
}
.eventBlock .fullDescription .gallery a:last-child {
	margin-right: 0;
}

.eventBlock .comment {
	padding: 5px 0;
	margin-bottom: 15px;
}
.eventBlock .comment .userImg {
	min-width: 40px;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center;
	border-radius: 50%;
	margin-right: 15px;
}
.eventBlock .comment .userName {
	font-size: 16px;
	padding-top: 2px;
}
.eventBlock .roadsList .userName {
	padding-top: 0;
	font-size: 18px;
}
.eventBlock .roadsList .roadsFilter {
	margin-left: 55px;
	margin-bottom: 40px;
}
.eventBlock .roadsList .roadsFilter .roadCity {
	cursor: pointer;
	margin-right: 10px;
	color: #fff;
	background: #edeff2;
	font-size: 16px;
	padding: 6px 12px;
	border-radius: 12px;
	transition: .3s;
	user-select: none;
}
.eventBlock .roadsList .roadsFilter .roadCity:first-child {
	color: #141414;
}
.eventBlock .roadsList .roadsFilter .roadCity.active {
	background: #b87fd1!important;
	color: #fff;
}
.eventBlock .roadParams .delete {
	color: #99a2b1;
	cursor: pointer;
}
.eventBlock .comment .userCity {
	margin-left: 10px;
	color: #fff;
	background: #b87fd1;
	font-size: 15px;
	padding: 2px 5px;
	border-radius: 6px;
}
.eventBlock .comment .date {
	font-size: 13px;
	margin-top: 3px;
	color: #99a2b1;
}
.eventBlock .comment textarea {
	margin-top: 15px;
	margin-bottom: 20px;
	color: #151515;
	padding: 5px 0;
	line-height: 17px;
	border-radius: 0;
	border-bottom: 1px solid #cbcfda;
}
.eventBlock .comment .commentText {
	margin-top: 12px;
	font-size: 15px;
	color: #151515;
	padding: 5px 0;
	line-height: 17px;
}
.eventBlock .comment .btn {
	cursor: pointer;
}
.eventBlock .commentsList {
	max-height: 300px;
	overflow-y: auto;
}

.eventBlock .roadCity .select2-container .select2-selection--single {
	font-size: 15px;
}
.eventBlock .userName input {
	width: calc(100% - 16px);
	background: #fff;
	border-radius: 12px;
	color: #151515;
	padding: 8px;
	backdrop-filter: blur(0);
	border: 1px solid #99a1b7;
}

.eventBlock .eventRight .promoterBlock {
	padding: 15px;
	border-radius: 16px;
	border: 1px solid #cbcfda;
}
.eventBlock .eventRight .promoterBlock h3 {
	margin-top: 0;
	font-weight: bold;
	font-size: 20px;
}
.eventBlock .eventRight .promoterBlock p {
	margin-bottom: 10px;
	font-size: 14px;
}
.eventBlock .eventRight .promoterBlock a {
	color: #151515;
}
.eventBlock .eventRight .promoterBlock p span {
	font-size: 17px;
	margin-right: 5px;
}
.eventBlock .eventRight .promoterBlock p:first-child {
	font-size: 16px;
}
.eventBlock .eventRight iframe {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	border-radius: 16px;
	overflow: hidden;
}

.content .eventDescription a {
	color: #888888;
}

.eventInforms {
	flex-wrap: wrap;
}
.eventInforms p {
	margin: 6px 0;
}
.eventInforms p span {
	margin-right: 5px;
}
.eventInforms p span.material-symbols-outlined {
	color: #99A1B7;
	font-size: 16px;
}
.eventInforms > div {
	flex: 1;
	min-width: 300px;
	margin-bottom: 40px;
}

.promoterBlock {
	font-size: 16px;
	color: #11192e;
	flex-wrap: wrap;
	justify-content: start;
}
.promoterBlock p {
	margin-right: 25px;
	margin-bottom: 10px;
}
.promoterBlock span.material-symbols-outlined {
	font-size: 26px;
	margin-right: 7px;
	color: #11192e;
}


.footer {
	padding: 60px 30px;
	background: #fff;
	color: #11192e;
	font-size: 20px;
	line-height: 32px;
}
.footerContent {
	width: calc(100% - 120px);
	max-width: 1370px;
	margin: 0 auto;
}
.footer a {
	color: #151515;
	font-size: 16px;
	line-height: 32px;
}
.footer a.mail {
	text-decoration: underline;
}
.footer .col a.logo {
	color: #11192e;
	font-size: 38px;
	font-weight: bold;
}

.footer a img {
	margin-top: -3px;
	height: 35px;
	margin-right: 16px;
}

.select2-container .select2-selection--single {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: auto;
	outline: 0 !important;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	padding: 3px 7px;
	font-size: 16px;
	color: #4B5675;
	appearance: none;
	border-radius: 12px!important;
	border: 1px solid #99a1b7;
	overflow: hidden;
	transition: .3s;
	position: relative;
	background: #fff;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	width: 100%;
	padding-right: 23px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #151e27 transparent transparent transparent;
	border-width: 6px 5px 0 5px;
	border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 4px;
	right: 4px;
}
.select2-container--open .select2-dropdown--below {
	animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}
.select2-dropdown {
	min-width: 250px!important;
	max-width: 320px!important;
	border: 0!important;
	box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
	border-radius: 16px!important;
	padding: 12px 0;
	background-color: #fff;
	overflow: hidden;
}
.select2-dropdown img {
	border-radius: 50%;
}
.select2-dropdown .select2-results__option > span {
	display: flex;
	align-items: center;
	justify-content: start;
}
.select2-container--open .select2-dropdown--above {
	border-radius: 16px!important;
}
.select2-dropdown .select2-search {
	padding: 3px 10px;
	margin: 0 0 .5rem 0;
}
.select2-dropdown .select2-search .select2-search__field {
	background-color: #fff;
	padding: .55rem .75rem;
	color: #4B5675;
	font-size: .95rem;
	border: 1px solid #e8e8ec!important;
	border-radius: 10px;
	outline: 0 !important;
}
.select2-dropdown .select2-results__option, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #fff!important;
	color: #444!important;
	padding: 9px 14px;
	margin: 0 0;
	font-size: 15px;
}
.select2-dropdown .select2-results__option b, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable b {
	font-size: 16px;
}
.select2-dropdown .select2-results__option:hover, .select2-dropdown .select2-results__option.select2-results__option--selected:hover {
	background-color: #b280d6!important;
	color: #fff!important;
}
.select2-dropdown .select2-results__option.select2-results__option--selected {
	background-color: #c991c3!important;
	color: #fff!important;
	transition: .3s;
	position: relative;
}

.flatpickr-calendar {
	border-radius: 16px;
	width: initial;
	margin-left: -10px;
}
.flatpickr-calendar::after {
	display: none;
}
.flatpickr-calendar .numInputWrapper {
	display: none;
}
.flatpickr-innerContainer {
	padding: 5px;
	padding-bottom: 10px;
}
.flatpickr-current-month span.cur-month {
	background: none!important;
	font-weight: normal;
	font-size: 17px;
}
.flatpickr-current-month {
	font-size: 15px;
	line-height: 23px;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
	fill: #b87fd1;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
	background: #b87fd1;
	border-color: #b87fd1;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
	box-shadow: -10px 0 0 #d9bbea;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
	color: #bbbbbb;
}

#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	transition: background .3s;
}

#overlay.active {
	display: block;
}

#overlay.back {
	background: rgba(10,10,10,50%);
}

.cities {
	position: fixed;
	width: calc(100% - 120px);
	max-width: 400px;
	height: 80dvh;
	top: 30px;
	left: 50%;
	padding: 30px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -20px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 25px 0 rgb(82 63 105 / 40%);
}
.cities h2 {
	margin-bottom: 0;
}
.cities .closeCity {
	position: relative;
	cursor: pointer;
}
.cities .searchCities {

}
.cities .searchCities span.material-symbols-outlined {
	position: absolute;
	left: 10px;
	z-index: 1;
	font-size: 26px;
	color: #bfbfbf;
}
.cities .searchCities span.material-symbols-outlined.clear-icon {
	visibility: hidden;
	left: initial;
	right: 45px;
	cursor: pointer;
}
.cities .searchCities span.material-symbols-outlined.clear-icon.visible {
	visibility: visible;
}
.cities input {
	width: calc(100% - 84px);
	padding-left: 45px;
	border-radius: 40px;
	background: #ebebeb;
	color: #11192e;
}
.cities .allCities {
	height: calc(80dvh - 140px);
	overflow-y: auto;
}
.cities .oneCity {
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: left;
	color: #151515;
	cursor: pointer;
}
.cities .oneCity:hover {
	color: #b87fd1;
}
.cities .oneCity span {
	font-size: 80%;
	color: #c1c7cc;
}

.toast-top-right {
	top: 20px;
	right: 20px;
}
#toast-container>div {
	opacity: 0.98;
	padding: 20px 20px 20px 50px;
	border-radius: 16px !important;
	box-shadow: 0 6px 20px 0 rgb(82 63 105 / 10%);
	transition: .3s;
}
#toast-container>div:hover {
	box-shadow: none;
}
.toast-success {
	background: #17C653;
}
.toast-warning {
	background: #F6C000;
}

.loader {
	position: fixed;
	bottom: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 58px;
	height: 58px;
	display: none;
	margin: 15px auto;
	color: #ccc;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	width: 29px;
	height: 29px;
	top: 50%;
	left: 50%;
	transform: scale(0.5) translate(0, 0);
	background-color: #b87fd1;
	border-radius: 50%;
	animation: animloader 1s infinite ease-in-out;
}
.loader::before {
	background-color: #e373b0;
	transform: scale(0.5) translate(-58px, -58px);
}

.searchResults {
	position: fixed;
	width: calc(100% - 120px);
	max-width: 1370px;
	height: calc(100vh - 120px);
	top: 30px;
	left: 50%;
	padding: 30px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, -20px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 0 25px 0 rgb(82 63 105 / 40%);
}
#cities.active, .searchResults.active {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}
.searchResults .close {
	cursor: pointer;
}
.searchResults .filters  {
	width: initial;
	margin: 0;
	margin-left: 20px;
	overflow: initial;
}
.searchResults .eventsHor  {
	height: calc(100% - 145px);
	overflow-y: auto;
}
.searchResults .eventsHor .eventCard  {
	max-height: 500px;
}
.searchResults .eventsHor .eventCard::after  {
	background: #fff;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes animloader {
	50% {
		transform: scale(1) translate(-50%, -50%);
	}
}
@keyframes scaleAnimation {
	0% {
		transform: scale(1); /* Исходное состояние */
	}
	50% {
		transform: scale(1.2); /* Увеличение */
	}
	75% {
		transform: scale(0.9); /* Уменьшение */
	}
	100% {
		transform: scale(1); /* Конечное состояние */
	}
}

.cookie, .addLike {
	width: 90%;
	padding: 10px 5%;
	color: #fff;
	justify-content: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2;
	font-size: 12px;
	background: #151515;
}
.addLike {
	bottom: -200px;
	font-size: 16px;
	background: linear-gradient(45deg, #b87fd1 10%, #d56fb0 50%, #7931ae 90%);
}
.cookie .btn, .addLike .btn {
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	background: none;
	color: #fff!important;
	padding: 6px 12px;
	border-radius: 20px;
	border: 2px solid #fff;
	box-shadow: none;
	cursor: pointer;
	white-space: nowrap;
}
.addLike .btn .material-symbols-outlined {
	margin-right: 5px;
	font-size: 18px;
}
.addLike .btn {
	width: initial;
	background: #fff;
	color: #b87fd1!important;
}

.shortMenu {
	width: calc(100% + 40px);
	overflow: hidden;
	overflow-x: auto;
	margin: 0 -20px;
	margin-bottom: 30px;
}
.shortMenu::-webkit-scrollbar {
	display: none;
}
.shortMenu ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	list-style-type: none;
}
.shortMenu ul a {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	color: #bfbfbf;
}
.shortMenu ul a:before {
	content: "";
	position: absolute;
	left: calc(50% - 3px);
	bottom: 0;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: none;
	transition: .3s;
}
.shortMenu ul a.active, .shortMenu ul a:hover {
	color: #eb4319;
}
.shortMenu ul a.active:before, .shortMenu ul a:hover:before {
	color: #eb4319;
	background: #eb4319;
}

.mobileMenu {
	display: none;
	padding: 20px 30px;
	position: relative;
	z-index: 2;
}
.mobileMenu .searchBlock {
	margin-top: 30px;
}
.mobMenu {
	cursor: pointer;
	margin-left: 0;
}
.mobileHeader .logo img {
	display: block;
	width: 180px;
}
.bar1, .bar2, .bar3 {
	width: 40px;
	height: 5px;
	background-color: #e3e3e3;
	margin: 6px 0;
	transition: 0.3s;
	border-radius: 3px;
}
.bar1 {
	width: 22px;
	margin-left: 19px;
}
.bar3 {
	width: 22px;
}

.flatpickr-calendar.arrowTop:before {
	display: none;
}

.hideFull {
	display: none!important;
}

#scrollTopBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99;
	background-color: #c0aad9ba;
	color: #fff;
	border: none;
	border-radius: 12px;
	width: 50px;
	height: 50px;
	font-size: 24px;
	cursor: pointer;
	transition: .3s;
	box-shadow: 0 0 30px 0 rgb(82 63 105 / 25%);
}


.share {
	display: none;
	position: absolute;
	margin-right: 0;
	padding: 9px 14px;
	padding-top: 12px;
	background: #fff;
	border: 1px solid #cbcfda;
	border-radius: 12px;
	z-index: 1;
}
.share::after {
	position: absolute;
	display: block;
	content: '';
	height: 0;
	width: 0;
	left: 22px;
	bottom: 100%;
	margin: 0 -4px;
	pointer-events: none;
	border: solid transparent;
	border-bottom-color: #fff;
	border-width: 4px;
}
.share a {
	display: inline-block;
	margin-right: 10px;
}
.share a:last-child {
	margin-right: 0;
}
.share img {
	display: block;
	width: 32px;
	transition: .3s;
}
.share img:hover {
	transform: scale(1.1);
}
.share.active {
	display: block;
	animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}

#scrollTopBtn:hover {
	background-color: #9185e9;
}


.switch-toggle {
	--offset: 2px;
	--radius: 12px;
	position: relative;
	width: 200px;
	height: 30px;
	padding: var(--offset);
	background: #fff;
	border: 1px solid #99a1b7;
	border-radius: var(--radius);
	font-size: 15px;
	font-weight: 500;
	line-height: normal;
	font-style: normal;
}

.switch-toggle input[type="checkbox"] {
	cursor: pointer;
	position: absolute;
	inset: 0;
	appearance: none;
	background: none;
	backdrop-filter: blur(0);
	z-index: 2;
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label:before {
	transform: translateX(100%);
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label span:nth-child(1) {
	color: #888888;
	font-size: 14px;
}

.switch-toggle input[type="checkbox"]:checked + label.switch-toggle-label span:nth-child(2) {
	color: #fff;
	font-size: 15px;
}

.switch-toggle label.switch-toggle-label {
	position: absolute;
	inset: var(--offset, 0);
	padding: 5px 0;
	display: grid;
	gap: 2px;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	place-items: center;
	pointer-events: none;
	user-select: none;
}

.switch-toggle label.switch-toggle-label:before {
	content: "";
	position: absolute;
	width: 50%;
	inset: 0;
	background: #b87fd1;
	border-radius: calc(var(--radius) - var(--offset));
	transform: translateX(0);
	transition: transform 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
}

.switch-toggle label.switch-toggle-label span {
	position: relative;
	transition: all 200ms linear;
	z-index: 3;
}

.switch-toggle label.switch-toggle-label span:nth-child(1) {
	color: #fff;
	font-size: 15px;
}

.switch-toggle label.switch-toggle-label span:nth-child(2) {
	color: #888888;
	font-size: 14px;
}


@media screen and (min-width: 605px) {
	.select2-container{
		width: 100% !important;
		min-width: 200px !important;
		max-width: 220px;
	}
}


@media screen and (max-width: 600px) {
	.hideMob {
		display: none!important;
	}
	.hideFull {
		display: flex!important;
	}
	h2 {
		font-size: 24px;
	}
	.page {
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.searchResults {
		padding: 15px;
		width: calc(100% - 30px);
		height: calc(100dvh - 30px);
		top: 0;
		overflow-x: hidden;
		border-radius: 0;
		box-shadow: none;
	}
	.searchResults .searchBlock input {
		width: calc(100dvw - 110px);
	}
	.searchResults .searchBlock {
		flex-direction: column;
		align-items: start;
		margin-top: 20px;
	}
	.searchResults .filters {
		margin-left: -20px;
		overflow-x: auto;
	}
	.searchResults .eventsHor {
		width: calc(100% + 5px);
		align-items: start;
		height: initial;
		overflow-y: visible;
	}
	.headerBack {
		position: absolute;
		z-index: 2;
		background: rgba(10,10,10,0.9);
		background: linear-gradient(180deg, rgba(10,10,10,0.95) 3%, rgba(10,10,10,0) 100%);
	}
	.header {
		z-index: 2;
		width: calc(100% - 30px);
		padding: 20px 15px;
		padding-bottom: 10px;
	}
	.header .logo {
		font-size: 22px;
		margin-right: 0;
	}
	.header .logo img {
		height: 20px;
		margin-right: 10px;
		margin-top: -3px;
	}
	.searchBlock input {
		background: #ebebeb;
	}
	.bar1, .bar2, .bar3 {

	}
	.bar1 {
		width: 36px;
		margin-left: 0;
	}
	.bar2 {
		width: 25px;
		margin-left: auto;
	}
	.bar3 {
		display: none;
	}
	.header .topMenu li {
		margin-right: 10px;
	}
	.header .topMenu a {
		display: block;
		padding: 6px 12px;
		border-radius: 10px;
	}
	.searchBlock input {
		width: calc(100% - 50px);
	}
	.menu {
		position: absolute;
		flex-direction: column;
		justify-content: start;
		width: 250px;
		min-width: 250px;
		height: 100%;
		min-height: calc(100dvh - 60px);
		left: 0;
		top: 0;
		padding: 30px 20px;
		transform: translateX(-100%);
		transition: transform .3s;
		background: #ebeef5;
		z-index: 99;
		box-shadow: 0 0 30px 0 rgb(82 63 105 / 25%);
	}
	.menu.active {
		transform: translateX(0);
		transition: transform .3s;
	}
	.menu .ml-40 {
		margin-left: 0;
	}
	.white .menu .logo {
		color: #11192e;
	}
	.white .menu .topMenu a {

		color: #11192e;
	}
	.mobileMenu {
		display: flex;
		padding: 0;
	}
	.mobileMenu .searchBlock {
		margin-top: 20px;
	}
	.mobileMenu .cats {
		width: calc(100% + 4px);
		margin: 15px -15px;
		margin-bottom: 10px;
		padding: 0 13px;
		overflow-x: auto;
	}
	.swiper.swiperBig {
		height: 90dvw;
	}
	.swiper.swiperBig .eventCard .brand {
		top: 11px;
		left: 12px;
	}
	.swiper.swiperBig .eventCard .like {
		top: 11px;
		right: 12px;
	}
	.swiper.swiperBig .eventCard .banner_info {
		width: calc(100% - 30px);
		height: calc(100% - 20px);
		padding: 10px 15px;
	}
	.swiper.swiperBig .eventCard .banner_info .genre {
		font-size: 15px;
		margin-bottom: 8px;
	}
	.swiper.swiperBig .eventCard .banner_info .date {
		font-size: 17px;
	}
	.swiper.swiperBig .eventCard .banner_info .date span {
		font-size: 22px;
		margin-right: 5px;
	}
	.swiper.swiperBig .eventCard .banner_info .price {
		padding: 7px 10px;
	}
	.swiper.swiperBig .swiper-wrapper {
		width: 87dvw;
	}
	.swiper.eventsHor {
		width: calc(100% + 30px) !important;
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	.swiper.eventsHor .swiper-slide {
		width: calc(49% - 12px)!important;
		min-width: calc(49% - 12px)!important;
		max-width: calc(49% - 12px)!important;
		margin-right: 10px!important;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	.swiper.eventsHor .eventCard .eventData .eventTitle h4 {
		font-size: 15px;
	}
	.swiper.eventsHor .eventCard .eventData .eventTitle .placeName {
		font-size: 13px;
	}
	.swiper.eventsHor .eventCard .eventData .date {
		font-size: 13px;
	}
	.banner .banner_info {
		height: calc(100% - 30px);
		padding: 15px 20px;
	}
	.banner .banner_info h1 {
		font-size: 24px;
		line-height: 110%;
		margin-bottom: 10px;
		font-weight: normal;
	}
	.swiper {
		width: calc(100% + 30px)!important;
		margin-left: -20px!important;
		padding: 0!important;
		height: 450px;
		border-radius: 0;
	}
	.swiper.swiperBig {
		margin-top: 5px;
		margin-left: -15px!important;
	}
	.swiper .swiper-wrapper {
		width: calc(100% - 30px);
		margin-left: 15px;
	}
	.swiper .swiper-slide {
		width: 100%!important;
		min-width: 100%!important;
		max-width: 100%!important;
		margin-right: 10px!important;
	}
	.swiper.dateBar {
		width: calc(100% + 25px)!important;
		padding: 10px 5px!important;
		margin-bottom: 5px;
	}
	.swiper.swiperDate .swiper-slide {
		width: initial!important;
		min-width: initial!important;
		max-width: initial!important;
		margin-right: 5px!important;
		border-radius: 16px;
		padding: 12px;
		font-size: 19px;
	}
	.dateTitle {
		display: none;
	}
	.mb-60 {
		margin-bottom: 30px;
	}
	.swiper .swiper-pagination {
		display: block;
	}
	.swiper-horizontal>.swiper-pagination-bullets {
		top: initial;
		bottom: -25px!important;
	}
	.brands {
	}
	.filters {
		width: calc(100% - 10px);
		align-items: start;
		flex-direction: column-reverse;
		padding-top: 0;
		padding-bottom: 5px;
	}
	.filters .select2-container {
		margin-right: 10px;
	}
	.flatpickr-calendar.open {
		right: 20px!important;
	}
	.searchResults .filters  {
		align-items: start;
		flex-direction: row;
		margin-top: 20px;
	}
	.params {
		margin-bottom: 10px;
	}
	.brands .brand {
		height: calc(100% - 40px);
		padding: 20px 15px;
	}
	.brands .brand img {
		margin-bottom: 0;
		width: 90%;
		max-height: 40px;
	}
	.brands .brand span {
		display: block;
		width: 100%;
	}
	.dateBar {
		padding-bottom: 0;
	}
	.eventsHor, .eventsVer {
		width: calc(100% + 15px);
	}
	.tabs {
		margin-bottom: 0;
		overflow-y: hidden;
		overflow-x: auto;
		border-bottom: none;
	}
	.tabs .tab {
		white-space: nowrap;
		margin-bottom: 0;
		border-color: #dee0e7;
		border-radius: 16px;
		margin-right: 10px;
	}
	.tabs div {
		padding: 3px 14px;
		border-color: #dee0e7;
		border-radius: 16px;
	}
	.searchBlock .fullTitle {
		display: none;
	}
	.searchBlock .mobileTitle {
		display: flex;
	}
	.mobileMenu .select2-container .select2-selection--single {
		min-width: initial!important;
	}

	.emailBlock {
		flex-direction: column;
	}
	.emailBlock > .row {
		flex-direction: column;
		margin-right: 0;
		text-align: center;
	}
	.emailBlock > .col {
		margin-top: 20px;
	}
	.emailBlock h2 {
		font-size: 24px;
	}
	.emailBlock img {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.emailBlock .radios .radio {
		font-size: 14px;
		margin-right: 10px;
	}

	.content, .breadcrumbs {
		width: calc(100% - 30px);
		padding: 20px 15px;
		padding-top: 0;
	}
	.breadcrumbs {
		margin-top: 0;
		padding-top: 0;
	}
	.breadcrumbs .eventCats {
		display: none;
	}
	.content.row {
		flex-direction: column;
	}
	.eventCard, .eventsSmall .eventCard {
		margin-top: 15px;
		margin-right: 10px;
		width: calc(50% - 12px);
		min-width: calc(50% - 12px);
		max-width: calc(50% - 12px);
		min-height: 90px;
		border-radius: 18px;
	}
	.eventCard .eventBanner {
		width: calc(100% - 10px);
		aspect-ratio: 555 / 800;
		height: initial;
		margin: 5px;
		border-radius: 14px;
	}
	.eventCard .brand {
		top: 12px;
		left: 12px;
		padding: 5px 9px;
	}
	.eventCard .like {
		top: 12px;
		right: 12px;
	}
	.eventCard .like:hover {
		background: rgb(191 191 191 / 80%);
	}
	.eventCard .like.active:hover {
		background: #b87fd1;
	}
	.eventCard .eventData {
		width: calc(100% - 14px);
		padding: 0 7px;
		padding-top: 7px;
		padding-bottom: 20px;
	}
	.eventCard .eventData .eventTitle {
		padding-bottom: 0;
	}
	.eventCard .eventData .eventTitle h4 {
		font-size: 15px;
		margin-top: 7px!important;
	}
	.eventCard .eventData .eventTitle .placeName {
		font-size: 14px;
		margin-top: 7px!important;
		color: #99a2b1;
	}
	.eventCard::after {
		width: 27px;
		height: 19px;
		bottom: -13px;
	}
	.eventCard.banner .brand {
		top: 15px;
		left: 20px;
	}
	.eventCard .like span {
		font-size: 20px;
	}
	.eventCard .buy.hideFull {
		position: absolute;
		width: 63px;
		height: initial;
		right: 12px;
		top: 12px;
		margin-top: 0;
		padding: 7px 10px;
		padding-bottom: 5px;
		font-size: 15px;
		border: none;
		text-align: center;
		justify-content: center;
	}
	.eventCard .buy.hideFull span {
		font-size: 15px;
		margin-right: 5px;
		margin-top: -2px;
		transform: translateX(0%);
	}
	.blockHead {
		flex-direction: column;
	}
	.blockHead > .row {
		width: 100%;
		flex-direction: column;
	}
	.blockHead > .row > .row {
		width: 100%;
		margin-right: 0;
		margin-top: 25px;
		justify-content: center;
	}
	.blockHead h2 {
		line-height: 120%;
		font-size: 22px;
	}
	.blockHead p {
		margin-top: 5px;
	}
	.eventBlock .eventDesc .eventDate .date {
		flex-direction: column;
		align-items: start;
		margin-bottom: 10px;
	}
	.eventBlock .eventDesc .eventDate .date .select2-container {
		margin-left: 0;
		margin-top: 10px;
	}
	.eventBlock select.changeShow {
		max-width: 150px;
		margin-left: 0;
		margin-top: 10px;
	}
	.eventDesc .select2-container {
		min-width: initial!important;
		width: initial!important;
	}
	.select2-container--default.select2-container--open {
		left: initial!important;
	}
	.select2-container--below.select2-container--default.select2-container--open {
		left: initial!important;
	}
	.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
		left: 15px;
	}

	.select2-dropdown {
		min-width: 80dvw!important;
	}
	.content .select2-container .select2-selection--single {
		width: 100%;
		border-color: #dee0e7;
		border-radius: 16px!important;
	}
	.eventBigBlock, .eventFirst  {
		flex-direction: column;
	}
	.eventBlock .eventLeft {
		max-width: 100%;
		margin-right: 0;
	}
	.eventBlock .eventBgImg {
		width: calc(100% - 16px);
		margin: 0 auto;
		padding: 8px;
		overflow: hidden;
	}
	.eventBlock .eventImg {
		width: 100%;
		min-width: 100%;
		height: initial;
		aspect-ratio: 555 / 800;
	}
	.eventBlock .eventDesc {
		margin-top: 25px;
		width: 100%;
		max-width: 100%;
		min-height: initial;
	}
	.eventBlock .eventDesc .btns {
		width: 100%;
		height: 35px;
		margin-top: 20px;
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 20px;
		transform: translateZ(0);
		overflow-x: auto;
	}
	.eventBlock .eventDesc .btns .share {
		top: -1px;
		left: -2px;
		padding: 3px 6px;
		padding-bottom: 0;
		z-index: 5;
	}
	.eventBlock .eventDesc .btns .share::after {
		display: none;
	}
	.eventBlock .eventDesc .btns div:last-child {
		margin-right: 0;
	}
	.eventBlock .eventDesc .btns .share a {
		margin-right: 10px;
	}
	.eventBlock .eventDesc .btns .share img {
		width: 24px;
		height: 24px;
	}
	.eventBlock .eventDesc .btns > * {
		font-size: 0;
	}
	.eventBlock .eventDesc .btns > * b {
		font-size: 14px;
	}
	.eventBlock .eventDesc .btns > *:first-child {
		font-size: 14px;
	}
	.eventBlock h3 {
		margin-top: 20px;
	}
	.eventBlock .eventTabs .tab {
		margin-right: 5px;
		padding: 8px 12px;
		font-size: 15px;
		white-space: nowrap;
		color: #717171;
	}
	.eventBlock .eventTabs .tab:hover, .eventBlock .eventTabs .tab.active {
		color: #444;
	}
	.eventBlock .tabContents .inputComment {
		flex-direction: column;
		align-items: end;
	}
	.eventBlock .eventDesc .tickets {
		padding: 10px 20px;
	}
	.eventBlock .eventDesc .tickets::after, .eventBlock .eventDesc .tickets::before {
		right: -21px;
	}
	.eventBlock .eventDesc .tickets .sep {
		right: 95px;
	}
	.eventBlock .eventDesc h1 {
		line-height: 110%;
		font-size: 24px;
	}
	.eventBlock .eventDesc .material-symbols-outlined {
		font-size: 24px;
	}
	.eventBlock .eventPrice, .eventBlock .eventPrice .material-symbols-outlined {
		font-size: 18px;
	}
	.eventBlock .eventTickets .logoTicket img {
		height: 16px;
	}
	.eventBlock .eventDesc .btns *:hover {
		color: #151515;
		border-color: #cbcfda;
	}
	.eventBlock .eventDesc .btns *:hover span {
		color: #151515;
	}
	.eventBlock .eventDesc .btns *.active:hover {
		color: #b87fd1;
		border-color: #b87fd1;
	}
	.eventBlock .eventDesc .btns *.active:hover span {
		color: #b87fd1;
	}
	.eventBlock .eventTickets {
		margin-top: 10px!important;
		justify-content: space-between;
	}
	.eventBlock .eventTickets .btn {
		padding: 8px 12px;
		margin-right: 0;
		font-size: 14px;
	}
	.eventBlock .eventDesc .btn .material-symbols-outlined {
		margin-right: 6px;
		font-size: 18px;
	}
	.eventBlock .eventRight {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}
	.eventBlock .eventRight .videos {
		margin-bottom: 30px;
	}
	.eventBlock .eventTabs {
		width: 100%;
		height: 35px;
		margin-top: 10px;
		margin-left: -20px;
		margin-right: -20px;
		padding: 0 20px;
		transform: translateZ(0);
		overflow-x: auto;
	}
	.eventBlock .eventDesc .eventDate {
		margin-bottom: 20px;
	}
	.eventBlock .fullDescription .descriptionContent .gallery {
		flex-wrap: wrap;
	}
	.eventBlock .fullDescription .descriptionContent .gallery a {
		width: calc(50% - 10px);
		margin-right: 0;
		margin-bottom: 15px;
	}
	.eventBlock .fullDescription .descriptionContent .gallery a:nth-child(odd) {
		margin-right: 15px;
	}
	.comment .roadParams {
		flex-direction: column;
	}
	.commentsList .comment .roadParams {
		flex-direction: row;
	}
	.comment .roadParams > div {
		width: 98%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.commentsList .comment .roadParams > div {
		width: initial;
		margin-bottom: 0;
	}
	.comment .roadParams > div .select2.select2-container {
		width: 100%!important;
	}
	.comment .roadParams .switch-toggle {
		width: calc(98% - 6px);
	}
	.eventBlock .roadsList .roadsFilter {
		margin-left: -20px;
		padding: 0 20px;
		transform: translateZ(0);
		overflow-x: auto;
	}
	.eventBlock .roadsList .roadsFilter .roadCity {
		white-space: nowrap;
	}

	.promoterBlock {
		flex-direction: column;
		align-items: start;
	}

	.cities {
		width: calc(100% - 60px);
		top: 20px;
		transform: translate(-50%, 0);
	}
	.grid-container {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}

	.footerContent {
		width: 100%;
		flex-direction: column-reverse;
		align-items: center;
	}
	.footer .col {
		margin-top: 60px;
	}
	.footer .col:last-child {
		margin-top: 0;
	}
	.footer .col a {
		text-align: center;
	}

	.addLike {
		font-size: 14px;
	}

	.share.active {
		left: initial!important;
		right: 10px!important;
	}
	.share::after {
		left: initial;
		right: 22px;
	}

	.nopage .row {
		flex-direction: column-reverse;
		margin-top: 40px;
	}
	.nopage .blockHead {
		width: calc(100% - 30px);
		margin-right: 0;
		margin-top: 20px;
		text-align: center;
	}
	.nopage .blockHead h1 {
		font-size: 28px;
	}
	.nopage .searchBlock {
		flex-direction: row;
		margin-top: 0;
	}
	.nopage .searchBlock .search {
		width: 100%;
	}
}