.v__page--loader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0; left: 0; bottom: 0; right: 0;
	background-color:#E22C38;
	z-index: 100;
}
.v-elements {
	position: relative;
}
.v-elements .tansition--left {
	transition: .3s transform;
}
.v-elements .mapbox {
	transition: .3s left;
}
.v-elements.v__map--fullscreen .tansition--left {
	transform: translateX(-100%);
}
.v-elements.v__map--fullscreen .mapbox {
	left: 0;
}
.elements-content {
	background-color:#F7EAE6;
}
.content-top {
	position: absolute; 
	z-index: 100; 
	background-color: transparent !important; 
	width: 50vw;
	pointer-events: none;
	display: none;
	left: 0; top: 0;
}
.content-top .v__filter {
	pointer-events: none;
	opacity: 0.5;
}
.content-top.loaded .v__filter {
	opacity: 1;
}
.content-top.loaded .v__filter--full,
.content-top.loaded .v__filter--trigger,
.content-top.loaded .v__filter--tag {
	pointer-events: auto;
}

@media (max-width: 1024px) {
	#mapbox {
		width: 100%;
	}
	.content-top { 
		width: 100%; 
	}
	.v__filter--tags {
		display: none;
	}
	.v__filter--top > .v__filter--trigger:first-child {
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		padding-left: 8px;
		padding-right: 8px;
		border-radius: 6px;
	}
}

.v__filter--trigger {
	color: #000000 !important;
}
.v__filter--tag {
	color: #000000;
}
.v__filter--tag:not(.active) {
	color: #E22C38;
	background-color: rgba(255,255,255,0.8);
}
.v__filter--tag:not(.active):hover {
	background-color: rgba(255,255,255,1);
	color: #E22C38;
}
.v__filter--tag.active {
	background-color:#E22C38 !important;
	color: #ffffff !important;
}
.filter-total {
	background-color:#E22C38 !important;
	color: #ffffff !important;
}
.filter-total-counter {
	color:#E22C38 !important;
	background-color: #ffffff !important;
}

.v__page--loader > img {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -60px;
}