ul{
	margin:1.41vmin 0;
}

.inner{
	width:90%;
	height:100%;
	margin: 0 auto;
	display:block;
	position:static;
}



.logoName{
	display: flex;
	flex-direction: row;
	height:auto;
	width: 100%;
}

.eventalltext{
	display:flex;
	flex-direction: column;
	flex: 70;
	position:relative;
	vertical-align: top;
}

.dateOuterSpan{
	display:inline;
	flex-direction:row;
	width:auto;
}
.dateH3{
	display:inline;
	margin: 0;
}
.dateInnerSpan{
	display:inline;
	flex:1;
}
.weekend{
	color: #990000
}
.addressSpan{
	display:block;
	height: auto;
	text-align: left;
}
.addressH2{
	display:inline;
	height: auto;
}
.addressH3{
	display:inline;
	height: auto;

}
.eventaddress{
	display: inline;
	height: auto;
	position:relative;
	overflow:hidden;
	margin:0;
	text-align:left;
}
.datesSection{

}
/*.eventimage{
	float: left;
	width: 23.5vmin;
	height:23.5vmin;
	display: inline;
    overflow: hidden;
	background-position: center center;
    background-repeat: no-repeat;
	object-fit: cover;
}*/
.eventLogoDiv{
	display: block;
	width : 30vmin;
	height: 30vmin;
	overflow: hidden;
	border-radius: 1vmin;
	position: relative;
}
div .eventLogoImg .imgInner{
	width : 30vmin;
	height: 30vmin;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
	border-radius: 1vmin;
}
div .eventLogoImg{
	width : 30vmin;
	height: 30vmin;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	object-fit: cover;
	border-radius: 1vmin;
}
.eventImageCop{
	border-radius: 1vmin;
	font-size: 2vmin;
	bottom: -25vmin;
	width: 23vmin;
	background-color: #fff9;
	color: #333;
	right: 0;
	position: absolute;
	transition: 1s;
	height: auto;
	line-height: 3vmin;
}
.eventImageCop p{
	margin: 0;
}
.eventImageDiv{
	display: block;
}
.eventImageDiv img{
	width: auto;
	height: 100%;
}
.eventImageDiv:hover div{
	bottom: 0;
}
.eventLogoCop{
	border-radius: 1vmin;
	font-size: 2vmin;
	bottom: -15vmin;
	width: 23vmin;
	background-color: #fff9;
	color: #333;
	right: 0;
	position: absolute;
	transition: 1s;
	height: auto;
	line-height: 3vmin;
}
.eventLogoCop p{
	margin: 0;
}
.eventLogoDiv:hover div{
	bottom: 0;
}
.eventnameH1{
	margin: auto;
	font-size:var(--h2FontSize);
	line-height: var(--h2FontSize);
	width: auto;
}
.eventnameDiv{
    display: flex;
	flex-direction: column;
	flex: 3;
	position:relative;
    height: auto;
	min-height: 20vmin;
	width: 100%;
	text-align: center;
	padding: 2vmin;
}

a:link, a:visited, a:active {
	color: var(--linkColor);
}

summary:hover{
	text-shadow: 0 0 1vmin var(--shadowColorHover)
}
summary{
	cursor: pointer;
}
.eventPriceOuterSpan{
	display: block;
	flex-direction: row;
	height: auto;
	position:relative;
	text-align: center;
	margin:0;
    overflow: hidden;
	width: 100%;
	left: 0;
	padding: 2vmin 0 0 0;

}
.allPartners{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.partnerUrl{
	height: 7vmin;
	max-width: 15vmin;
	margin: 2vmin;
	filter: drop-shadow(0 0 2vmin #5f5f) drop-shadow(0 0 2vmin #5f5f);
}
.noPartnerUrl{
	-webkit-filter: grayscale(1);
	filter:  grayscale(1) drop-shadow(0 0 2vmin #333);
	cursor: pointer;
	opacity: 0.5;
	border-radius: 1vmin;
}
.noPartnerUrlDiv{
	position: relative;
}
.noPartnerUrlHint{
	width: 30vmin;
	height: auto;
	position: absolute;
	bottom: 0;
	left: -7vmin;
	background-color: antiquewhite;
	display: none;
}
.noPartnerUrl2:hover::after{
	content: "Мы не смогли найти билеты у этого билетного оператора";
	position: absolute; /* Абсолютное позиционирование */
	left: 0; right: 0; bottom: 5px; /* Положение подсказки */
	z-index: 100000; /* Отображаем подсказку поверх других элементов */
	background: rgba(0,42,167,0.6); /* Полупрозрачный цвет фона */
	color: #fff; /* Цвет текста */
	text-align: center; /* Выравнивание текста по центру */
	font-family: Arial, sans-serif; /* Гарнитура шрифта */
	font-size: 11px; /* Размер текста подсказки */
	padding: 5px 10px; /* Поля */
	border: 1px solid #333; /* Параметры рамки */
}
.eventPriceH2{
	display: inline;
	margin:0;
	padding: 2vmin 0 0 0;
	width: auto;
}
.eventPriceInnerSpan{
	display: inline;
	width: auto;
}
.eventagerate{
	width: auto;
	height: auto;
	position:absolute;
	left :2vmin;
	top:26vmin;

	text-align: left;
    overflow: hidden;
	margin: 1vmin;
	text-shadow:
			-1px -1px 1px #fff,
			1px 1px 1px #fff;
}



.descrH2{
	text-align:center;
}
.eventdescr{
	position:relative;
	height:auto;
	display: block;
    font-size: var(--h3FontSize);
	text-align:left;
	font-weight: normal;
}
.tags{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto;
}

.eventTags{
	position:relative;
	height:auto;
	display: flex;
	margin:0 2vmin;
	padding:5px;
	text-align:center;
	white-space:nowrap;
}

.eventlink{
	display: block;
	position:relative;
	height:auto;
	text-align: center;
	margin:0;
}
.tmpOut{
    display: flex;
	flex-direction:row;
	height:auto;
}
.tmpIn{
    display: flex;
    flex:1;
	height:auto;
}
.writeReviewButton{
	margin:3vmin;
	display: block;
}


#rate1_label,#rate2_label,#rate3_label,#rate4_label,#rate5_label{
	color: orange;
}

a:hover,
a:focus {
	text-decoration: underline;

}

.rating p{
	font-size: 2vmin;
	line-height: 2vmin;
}

.rating {
	position: absolute;
	right: 1vmin;
	top: 1vmin;
	margin: 0 auto ;
	font-size: 3vmin;
	overflow:hidden;
}
.rating form{
	width: 15vmin;
	height: 3vmin;
	display: inline;
}
.rating input{
	display: none;
}
.rating label:hover{
	filter: drop-shadow(0 0 0.2vmin #5f5f);

}
.rating label {
	float:right;
	text-decoration: none;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}
.rating form{
	color: gray;
}
.rating label{
	cursor: pointer;
}
.rating label:hover,
.rating label:hover ~ label,
.rating label:focus,
.rating label:focus ~ label	{
	color: orange;
}
.reviewLikes input{
	display: none;
}
.reviewLikes label{
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 1vmin;
	background-color: var(--backgroundColor);
	cursor: pointer;
	transition: 0.3s;
	box-shadow: 0 0 0.94vmin 0.94vmin var(--shadowColor);
}
.reviewLikes label:hover{
	box-shadow:
			0 0 1vmin 1vmin #cfca;
}
.videoPreviewDiv{
	position: relative;
}
.videoPreview{
	width: 100%;
	height: 100%;
}
.videoPlay:hover{
	box-shadow:none;
	filter: drop-shadow(0 0 1vmin var(--shadowColorHover));
}
.videoPlay{
	display: block;

	position: absolute;
	top: 50%;  /* position the top  edge of the element at the middle of the parent */
	left: 50%; /* position the left edge of the element at the middle of the parent */
	width: 20vmin;
	height: 15vmin;
	transform: translate(-50%, -50%);
	background-image: url(/images/yt_play.svg);
	background-color: transparent;
	background-size:     cover;                      /* <------ */
	background-repeat:   no-repeat;
	background-position: center center;

	box-shadow:none;
}