:root {
	--eachDaySizePx:calc(var(--innerWidth)*0.07);
}
.mainMenuText{
	height: 8vmin;
	width: 32vmin;
	margin: 1vmin;
	left: 34vmin;
	display: inline;
	position: absolute;
}
.indexText{
	text-align: left;
	position: relative;
}
.indexTextSpan{
	display:block;
	height: auto;
	text-align: left;
}
.indexTextH1{
	text-align: center;
	line-height: calc(var(--h1FontSize)*1.5);
}
.indexTextH2{
	text-align: center;
}
.when{
	flex: 1;
	height:100%;
	line-height: var(--eachDaySizePx);
	font-size:calc(var(--eachDaySizePx)/2);
	display:flex;
	vertical-align:middle;
	position:relative;
	left:0;
	top:40%;


}
.daySelectDiv{
	width:98%;
	height:10vmin;
	min-height: 10vmin;
	position:relative;
	text-align:left;
	display:flex;
	flex-direction:row;
	margin: 1vmin  1%;
}

.datesContainerFlexOut{
	display:flex;
	flex: 10;
	flex-direction: column;
	overflow:hidden;
	height:auto; /* or whatever width you want. */

}
.datesContainerFlex{
	display:flex;
	flex-direction:row;
	overflow-x: scroll;
	overflow-y: hidden;
	cursor: grab;
	height:100%; /* or whatever width you want. */

	position:relative;
	vertical-align: bottom;
	right:0;
	bottom:0;
	scrollbar-width: none;
}


.datesContainerInner{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	width:auto;
	height:60%; /* or whatever width you want. */
	margin: 0;
	padding:0;
	position:absolute;
	bottom: 0;
	vertical-align: top;

}


.datesContainerMonth{
	height:40%;
	width: 90%;
	font-size:var(--h1FontSize);
	max-height: var(--eachDaySizePx);
	padding-top: 0;
	position: absolute;
	display: flex;
	;
}



.eachdayHolyday{
	color:#f00;
	overflow: hidden;
}
.eachday:hover{
	background-color: var(--backgroundColor);
	text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
	-0.1vmin -0.1vmin 0.4vmin #ffff;
}

.eachday{
	width:var(--eachDaySizePx);
	max-width:var(--eachDaySizePx);
	height:100%;
	margin: 0 0 0 0;
	padding-top:0;
	position:relative;
	display:inline-block;
	background-size: var(--eachDaySizePx) 100%;
	bottom:0;
	left:0;
	box-shadow: inset 0 0 0.4vmin 0.4vmin #3331;
	font-size:var(--h3FontSize);
	transition: 200ms;
	border-radius: 0.5vmin;

}
.daySelected{
	box-shadow: inset 0 0 0.7vmin 0.7vmin #0f05;
}
.eachdaydigit{
	width:var(--eachDaySizePx);
	max-width:var(--eachDaySizePx);
	height:calc(var(--eachDaySizePx)/2);
	max-height:calc(var(--eachDaySizePx)/2);
	position:absolute;
	text-align:center;
	vertical-align: top;
	display:inline-block;
	left:0;
	top:0.54vmin;
	pointer-events: none;
}
.eachdaydayofweek{
	width:var(--eachDaySizePx);
	max-width:var(--eachDaySizePx);
	height:calc(var(--eachDaySizePx)/3);
	max-height:calc(var(--eachDaySizePx)/3);
	position:absolute;
	text-align:center;
	vertical-align: top;
	display:inline-block;
	left:0;
	top:3.8vmin;
	font-size:calc(var(--eachDaySizePx)/4);
	line-height: calc(var(--eachDaySizePx)/4);
	pointer-events: none;
}





.datesContainerFlex::-webkit-scrollbar {
	display: none;

}


.agefilterbutton{
	font-size: var(--h2FontSize);
	display: inline-block;
	vertical-align: middle;
	padding: 0 1.5vmin;
	margin: 0.5vmin;
}
.filtersToast{
	font-size: var(--h3FontSize);
	line-height: 6vmin;
	transition: 1s;
	border-radius: 2vmin;
	background-color: var(--backgroundColor);
	overflow: hidden;
	text-align: center;
	width: 96vmin;
	margin: 0 -5vmin;
}
.search:hover{
	box-shadow:
			0 0 1vmin 1vmin #cfca;
}
.search{
	box-shadow: 0 0 0.94vmin 0.94vmin #22222222;
	display:table-cell;
	vertical-align: middle;
	height:auto;
	width: 90vmin;
	font-size:calc(var(--innerWidth)*0.05);
	padding: 0 0;

	margin:2vmin;
	border-width: 1px;
	border-style: solid ;
	border-radius:  0.94vmin;
	transition: 200ms;
}


fieldSet{
	width:90vmin;
	height:auto;
	margin: 1vmin;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 1vmin;
	font-size: var(--h2FontSize);
}
.zhanrFieldSet{
	display: flex;
	flex-direction: row;

}
.priceFieldSet{
	display: inline-block;
	width: 41vmin;
	overflow: visible;
}
.noneFieldSet{
	display: inline-block;
	width: 41vmin;
	overflow: visible;
}
.tagButtonDiv{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	vertical-align: middle;
	align-items: center;
	width: 44vmin;
}
.tagButtonDivHalf{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	vertical-align: middle;
	align-items: center;
	width: 38vmin;
}
.tagButton:hover{
	filter: drop-shadow(0 0 0.9vmin #0f0f);
	width: 17vmin;
	height: 6.78125vmin;
	margin: 0.5vmin;
}
.tagButton{
	filter: drop-shadow(0 0 0.9vmin #3337);
	margin: 1vmin 1vmin 1vmin 1vmin;
	width: 16vmin;
	height: 5.78125vmin;
	display: flex;
	cursor:pointer;
	font-size: var(--h4FontSize);
	transition: 100ms;
}


.eventsCount{
	background-color: transparent;
	border: transparent;
	box-shadow: none;
	font-weight: bold;
	color: #663399;
	font-size: 2.0vmin;
}



.allEventsDiv{
	display: block;
}
.ageLine{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 2vmin;
}
.closeFilters{
	margin: 2vmin auto;
}
.allFiltersContainer{
	height: auto;
	transition:0.3s;
	position: static;
	align-items: flex-start;

	overflow: hidden;

	display: block;
}
.hiddenFilters{
	height: 0;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	transition: 0.3s;
}
.openCloseFiltersDiv{
	height: auto;
	display: block;
}



.passed{
	list-style: none;
	width: auto;
	display: block;
}
.passed:before {
	content: '✓';
}
.failed{
	list-style: none;
	text-decoration: line-through;
	text-decoration-color: red;
	width: auto;
	display: block;
}
.failed:before {
	content: '✓';
}
.subFiltersListInner{
	margin: auto;
	width: auto;
	text-align: left;
}
.subFiltersList{
	margin: 2vmin auto;
	width: auto;
	display: flex;
	flex-direction: column;
}



.mapOnlyCBDiv{
	position: absolute;
	right: 0;
	width: 50vmin;
	display: flex;
	flex-direction: row;
	margin-bottom: 3vmin;
	background-color: #fff5;
	align-items: center;
	border-radius: 1vmin;
}


.mapOnlyCB{
	display:flex;
	height: 4vmin;
	width: 4vmin;
	margin: 1vmin;
	cursor: pointer;
}
.mapOnlyText{
	display: flex;
	flex-direction: column;
	align-items: flex-end;

	width: auto;
	height: auto;
	font-size: 3vmin;
	white-space: nowrap;
	line-height: 4vmin;
	margin: 1vmin;
	cursor: pointer;
}
.switcher{
	width: 3vmin;
	height: 3vmin;
	margin: 1vmin;
}
.hidden{
	display: none;
}
.switcherHandler{
	background-color: var(--textColor);
	position: absolute;
	width: 3vmin;
	height: 3vmin;
	margin: 1vmin;
	top: 0;
	left: 0;
	border-radius: 1.5vmin;
	filter: drop-shadow(0 0 0.5vmin #000);
}
.styleSwitcherForm:hover{
	filter: drop-shadow(0 0 0.9vmin var(--shadowColorHover));
}
.styleSwitcherForm{
	position: relative;
	margin: 0 2vmin;
	height: 5vmin;
	background-color: var(--backgroundColor);
	border-radius: 2.5vmin;
	filter: drop-shadow(0 0 0.9vmin var(--shadowColor));
}
.styleSwitcherLabel{
	position: absolute;
	width: 10vmin;
	height: 5vmin;
	left: 0;
	top: 0;
	cursor: pointer;
}
.eachMonth:hover{
	background-color: var(--backgroundColor);
	text-shadow: 0.1vmin 0.1vmin 0.4vmin #ffff,
	-0.1vmin -0.1vmin 0.4vmin #ffff;
}
.eachMonth{
	box-shadow: inset 0 0 0.4vmin 0.4vmin #3331;
	border-radius: 1vmin;
	cursor: pointer;
	z-index: 100;
	font-size: 3vmin;
	transition: 100ms;
}

.funTypes{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.funTypes button{
	border-radius: 0.94vmin 0.94vmin 0 0;
	border-bottom: none;
	min-width: 25vmin;
	justify-content: center;
}
.activeTypeButton{
	background-color: var(--contentColor) !important;


}
.typeTab{
	display: none;
	flex-direction: column;
	margin-top: -0.5vmin;
	background-color: var(--contentColor);
}
.activeTypeTab{
	display: flex;

}
.funType0{
	background-color: #f0dade;
}
.funType0 .mainContainer{
	background-color: #f0dade;
}
.funType1{
	background-color: #ffe5cf;
}
.funType2{
	background-color: #ffd5d9;
}
nav.funTypes{
	transition: height 0.3s;
}