.routes {
	top: 0;
}
.no-events { 
	display: flex; 
}
.events_false {
	max-width: 49vw;
	padding-right: 6vw;
} 
.events_false_pictures { 
	height: fit-content; 
	width: fit-content; 
	max-width: 10vw;
}
.events_false_pictures_m {  
	width: 16vw; 
	display: none;
}
.no-events-pic {
	width: 100%;
}
.routes_back {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: url("../public/assets/desktop/heightmap_2.png");
	background-size: cover;
	background-position: center; 
	background-repeat: no-repeat;
	width: 100vw;
	height: 100vh;
	opacity: .2; 
}
.map_routes {
	background-color: #F4F4EF;
}
.routes h3 { 
	margin-top: 1vh;
	margin-bottom: 1vh;
	padding-bottom: .5vh;
	padding-right: 2vw;
}
.routes h5 { 
	margin-bottom: 0;
	padding-bottom: .5vh;
}
.title_route_1 {
	font-size: 5vw;
	display: block;
	text-indent: 0;  
}
.title_route_2 {
	font-size: 5vw;
	display: block; 
	margin-left: 24.5vw;
	text-indent: 0; 
}
.title_route_3 {
	font-size: 5vw;
	display: block; 
	margin-left: 24.5vw;
	text-indent: 0;  
}
.table_routes {
	max-width: 100%; 
} 
.table_routes a {
	text-decoration: none;
	cursor: pointer; 
	transition: all .5s ease-in-out;
}
.table_routes a:hover { 
	background-color: #FF553B;
	transition: all .2s ease-in-out;
	margin: 0 -.75vw; 
	padding-left: .75vw;
	padding-right: .75vw;  
}
a:hover .table_projects_place p { 
	font-family: 'Inter Tight', Helvetica, arial, sans-serif; 
	font-size: 1.5vw;
	font-weight: 700; 
} 
.table_routes_mounth_item {
	display: grid;
	grid-template-columns: 1.325fr 2fr repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: .1rem;
	grid-row-gap: 1rem;
	margin: 0;
	padding: 1.5vh 0 8vh 0;
	border-bottom: 1px solid #FF553B;
	overflow-x: hidden;
}
.table_routes_mounth_item h3 span {
	font-family: 'IBM_Mono', monospace;
	font-size: .85vw;
	font-weight: 500;
	letter-spacing: .05vw; 
	line-height: 1.1;
} 
.table_routes_mounth_item p span {
	font-family: 'IBM_Mono', monospace;
	font-size: .85vw;
	font-weight: 500;
	letter-spacing: .05vw; 
	line-height: 1.1;
}
.table_routes_date {
	display: flex;
	gap: .5vw;
}
.table_routes_date p {
	margin-top: 1.5vh; 
}
.link_more_route {
	display: flex;
	margin-top: 2vh;
} 
.link_more_route p {
	margin: 0;
}
/* city ***************************************/
.subtitle_routes {
	width: 80%;
	margin-top: 3vh;
	margin-bottom: 3vh;
}
.col_route {
	color: #fff;
	width: 100%;
	position: relative;
	display: block;
}
.col_route h3 {
	font-size: 1vw;
}
.w_routes_city {
	margin-top: .75vh;
	margin-right: .75vw;
	padding: .75vh .75vw 1.75vh .75vw;
	border: 1.5px solid #fff;
}
.table_routes_mounth_w {
	display: flex;
	align-content: flex-start;
	object-fit: ;
}
.routes_date_num_w {
	font-size: 1.2vw;
	align-items: start;
}
.w_routes_city .table_routes_date {
	width: 30%;
	display: block; 
}
.w_routes_city a {
	color: #fff;
	border: 1.5px solid #fff;
	margin: -.75vh -.75vw -1.75vh -.75vw;
	padding: .75vh .75vw 1.75vh .75vw;
	transition: all .3s ease-in-out; 
}
.w_routes_city a:hover {
	color: #FF553B; 
	margin: -.75vh -.75vw -1.75vh -.75vw;
	padding: .75vh .75vw 1.75vh .75vw; 
	background-color: #fff; 
	transition: all .3s ease-in-out; 
}
.w_btn_routes_city_more {
	display: block;
	position: relative;
	margin-top: 1.5vh;
	margin-right: .75vw;   
	box-sizing: border-box;:
}
.w_btn_routes_city_more a {
	color: #fff; 
	width: -webkit-fill-available;
	margin: auto;
	transition: all .3s ease-in-out;  
}
.w_btn_routes_city_more a:hover {
	color: #FF553B;  
	transition: all .3s ease-in-out; 
}
/* calendar 1 ***************************************/
.routes_mount { 
	position: -webkit-sticky;
	position: sticky;
	display: flex;
	width: 100%; 
	border-bottom: 1px solid rgba(255, 85, 59, 0.4);
	background: #F4F4EF; 
	vertical-align: bottom;
  	top: var(--sticky-top, 0);
  	z-index: 10;
}
.event-item a {
	text-decoration: none;
	cursor: pointer;
	transition: all .5s ease-in-out; 
}
.event-item a:hover {
	background-color: #FF553B;
	transition: all .2s ease-in-out; 
}
.event-item .no-events a:hover {
	background-color: #F4F4EF;
}
.event-card {
	display: grid;
	grid-template-columns: 1.325fr 2fr repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: .1rem;
	grid-row-gap: 1rem; 
	margin: 0;
	padding: 1.5vh 0 8vh 0;
	border-bottom: 1px solid #FF553B;
	color: #FF553B;  
}
a:hover .event-card { 
	color: #fff;
	background-color: #FF553B; 
	margin: 0 -.75vw;
	padding: 1.5vh .75vw 8vh 0.75vw;
	transition: all .3s ease-in-out; 
}
.event-card .col { 
	-webkit-transition-delay: 0;
	transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1); 
	transform: translateY(10px);
}
a:hover .event-card .col {  
	transform: translateY(0px);
	transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.event-date-main {
	display: flex;
}
.page-in .event-date-main h2 {  
	margin-right: 1vw; 
}
.event-date-main p {
	padding-right: 1vw;
}
.event-type {
	font-family: 'IBM_Mono', monospace;
	font-weight: 600;
	text-transform: uppercase;
	font-size: .9vw; 
	line-height: 1.3;
}
.event-title {}
.event-title h3 {
	font-size: 2vw;
	letter-spacing: -.0125vw;
	line-height: 1.1;
	margin: 1vh 0 2vh 0;
	padding: 1vh 0 1vh 0; 
}
a:hover .event-dates {
	padding-left: .75vw;
	transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
a:hover .event-button {
	padding-right: .75vw;
	transition: all .3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.destinations {
	display: none;
}
.date-item {}
.date-label {
	margin: 0;
	padding: 0;
}
.date-value {}
.event-description {
	max-width: 30vw; 
	text-indent: -5.6vw;
	padding-left: 5.6vw;
	margin-top: 3vh;
}
.additional-info {
	display: none;
}
.buy-ticket {
	font-family: 'IBM_Mono', monospace;
	font-size: .9vw;
	text-align: right;
	text-transform: uppercase;
}
a:hover .buy-ticket {
	font-family: 'Inter Tight', Helvetica, arial, sans-serif; 
	font-size: 1.5vw;
	font-weight: 700; 
	transition: all .3s ease-in-out;  
} 
.routes-controls {
	margin: auto 0;
	display: flex;
	gap: 1vw;
	width: 75%;
}
.routes-controls button {
	padding: 1vh 0 1vh 1vw;
	border-radius: 0;
}
.toggle-buttons {
	display: flex;
	order: 3;
	margin-left: auto;
}
.toggle-btn { 
	color: #FF553B;
	background-color: #F4F4EF;
	border: 0;
	cursor: pointer;
	opacity: .6;
}
.toggle-btn:first-child {
    border-right: 1px solid #e0e0e0;
    padding-right: 1vw;
}
.toggle-btn.active { 
	opacity: 1;
}
.event-button {
	font-family: 'IBM_Mono', monospace;
	font-size: .9vw;
	text-align: right;
	text-transform: uppercase;
}
.event-button:hover {
	font-family: 'Inter Tight', Helvetica, arial, sans-serif; 
	font-size: 1.5vw;
	font-weight: 700; 
	transition: all .3s ease-in-out;  
}
.button-past {
	font-family: 'IBM_Mono', monospace;
	font-size: .9vw;
	text-align: right;
	text-transform: uppercase;
}
.button-past:hover {
	font-family: 'Inter Tight', Helvetica, arial, sans-serif; 
	font-size: 1.5vw;
	font-weight: 700; 
	transition: all .3s ease-in-out;  
}
.filter-buttons-title {
	font-family: 'Inter Tight', Helvetica, arial, sans-serif; 
	font-size: 1vw;
	font-weight: 500;
	text-transform: uppercase;
	order: 2;  
}

/* calendar 2 ***************************************/
/* 1280 ***************************************/
@media (max-width: 1280px) {
	.event-description {
		max-width: 40vw;
	}
}

/* 1024 ***************************************/
@media (max-width: 1024px) {
	.events_false {
		max-width: 50vw;
	}
	.event-date-main {
		display: block;
	}
	.event-type { 
		font-size: 12px; 
	}
	.event-button { 
		font-size: 12px; 
	}
	.event-button:hover { 
		font-size: 1.2rem; 
	}
}
/* 768 ***************************************/
@media (max-width: 768px) {
	.routes {
		margin-top: -9.5rem;
	}
	.w_routes_city {
		min-width: 80vw;
	}
	.w_routes_city .table_routes_date {
		width: 15%;
	}
	.col_route h3 {
		font-size: 15px;
	}
	.routes_date_num_w {
		font-size: 18px;
	}
	.no-events {
		justify-content: space-between;
	} 
	.events_false {
		max-width: 70vw;
	} 
	.title_route_1 {
		font-size: 6vw;
	}
	.title_route_2 {
		font-size: 6vw;
	}
	.title_route_3 {
		font-size: 6vw;
	}
	.table_routes a:hover {  
		margin: 0 -.75rem; 
		padding-left: .75rem;
		padding-right: .75rem; 
	}
	.col_text {
		margin-right: 25vw;
	}
	.header-about .col_text {
		margin-right: 20vw;
	}
	.event-card {
		grid-template-columns: 1fr 2.5fr 1.25fr .75fr;
		grid-column-gap: .5rem;
	} 
	.date-item-tab {
		margin-top: 1.5rem; 
	}
	a:hover .table_projects_place p {  
		font-size: 1.5rem; 
	} 
	.routes_mounth {
		display: flex; 
		margin-top: -5rem;
	}
	.table_routes_mounth_item {
		display: block; 
		margin: 0;
		padding: 1rem 0 1rem 0; 
	}
	.table_routes_date {
		max-width: 40%;
	}
	.table_routes_name {
		max-width: 70%;
	}
	.link_more_route { 
		margin-top: 1rem;
	}
	.table_projects_place_info { 
		margin-top: -5.25rem; 
	}
	.table_projects_place {
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	a:hover .table_projects_place p { 
		font-size: 1.5rem; 
		margin-bottom: -1rem;
	} 
	.table_routes_mounth_item h3 span {
		font-family: 'IBM_Mono', monospace;
		font-size: .85rem;
		font-weight: 500;
		letter-spacing: .05rem; 
		line-height: 1.1;
	} 
	.table_routes_mounth_item p span {
		font-size: .85rem;
		font-weight: 500;
		letter-spacing: .05rem; 
		line-height: 1.1;
	}
	.table_routes_date {
		display: flex;
		gap: .5rem; 
	}
	.link_more_route {
		display: flex;
		margin-top: 1rem;
	} 
	.table_routes_date p {
		margin-top: .5rem; 
	}
	.event-description {
		max-width: max-content;
		text-indent: 0;
		padding-left: 0;
	}
	.routes-controls {
		display: grid; 
	} 
	.routes .about_title_2 {
		margin-top: 0;
	}
}

/* 480 ***************************************/
@media (max-width: 480px) {
	.events_false {
		max-width: 90vw;
	}
	.events_false_pictures {
		display: none;
	}
	.events_false_pictures_m {
		display: block;
	}
	.routes_mounth {
		display: block;
	}
	.routes-controls button {
		padding: .75rem 0 .75rem .75rem;
	}
	.toggle-btn:first-child {
		padding-right: .75rem;
		padding-left: 0;
	}
	.routes_date_num {
		font-size: 36px; 
	}
	.table_routes a:hover {  
		margin: 0 -.5rem; 
		padding-left: .5rem;
		padding-right: .5rem;  
	}
	.col_text {
		margin-right: 0;
	}
	.routes h5 {
		margin-bottom: 1rem;
		padding-bottom: .5rem; 
	}
	.title_route_1 {
		font-size: 26px;
		display: block; 
	}
	.title_route_2 {
		font-size: 26px;
		display: block; 
		margin-left: 20vw; 
	}
	.title_route_3 {
		font-size: 26px;
		display: block; 
		margin-left: 20vw; 
	}
	.table_routes_date {
		width: auto;
		max-width: 80%;
	}
	.table_routes_name {
		max-width: 90%;
		width: auto;
		margin-top: .5rem;
	}
	a:hover .table_projects_place p { 
		font-size: 1rem; 
		margin-bottom: -.3rem;
	} 
	.event-card {
		display: block;
		padding: 1rem .2rem 1rem .2rem;
	}
	a:hover .event-card {
		margin: 0 -.5rem;
		padding: 1.5rem .7rem 1rem .7rem;
	}
	.event-dates {
		margin-bottom: 1rem;
	}
	.event-date-main {
		display: flex;
		vertical-align: top;
	}
	.page-in .event-date-main h2 {
		margin-right: .5rem;
		font-size: 36px;
	}
	.event-date-main p {
		margin-top: .2rem;
	}
	.event-description { 
		padding-left: 11.5vw;
		text-indent: -11.5vw;
	}
	.event-button {
		margin-top: 1rem;
	}
	.event-button:hover {
		font-family: 'IBM_Mono', monospace;
		font-size: 12px;
	}
	.routes-controls {
		width: auto;
	}
	.routes_mounth { 
		margin-top: -1rem;
	}
	.filters-wrapper {
		/*display: grid;*/
		display: none;
		padding: 1rem .5rem;
		border: 1px solid #ffcfcf;
		grid-row-gap: 2vh;
	}
	.filters-wrapper.filters-collapsed {
		display: flex;
	}
	.collapse-filters-btn {
        display: flex;
    }
	.custom-select-container {
		margin-bottom: 0;
		border-bottom: 1px solid #ffcfcf;
		width: -webkit-fill-available;
	}
	.toggle-buttons {
		margin-top: 2vh;
	}
	/* ************************* */
		.col_route h3 {
			font-size: 14px;
		}
		.routes_date_num_w {
			font-size: 18px;
			align-items: start;
		}
		.w_routes_city {
			margin-top: .5rem;
			margin-right: 0;
			padding: .5rem .5rem 1.5rem .5rem; 
		}
		.w_routes_city a { 
			margin: -.5rem -.5rem -1.5rem -.5rem;
			padding: .5rem .5rem 1.5rem .5rem; 
		}
		.w_routes_city a:hover { 
			margin: -.5rem -.5rem -1.5rem -.5rem;
			padding: .5rem .5rem 1.5rem .5rem; 
		}
	/* ************************* */
}

/* 360 ***************************************/
@media (max-width: 360px) {
	.title_route_1 {
		font-size: 22px;
		display: block; 
	}
	.title_route_2 {
		font-size: 22px;
		display: block; 
		margin-left: 20vw; 
	}
	.title_route_3 {
		font-size: 22px;
		display: block; 
		margin-left: 20vw; 
	}
}