.closed  {

				display:none;

			}
.open  {

				display:block;

			}

.closemenu  {
			 	-webkit-animation-name: slideOutUp;
				animation-name: slideOutUp;
				-webkit-animation-duration: 0.9s;
				animation-duration: 0.9s;
				-webkit-animation-delay: 0.4s;
				animation-delay: 0.4s; 
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			 	
	}
.openmenu  {
				-webkit-animation-name: fadeInDownBig;
				animation-name: fadeInDownBig;
				-webkit-animation-duration: 0.6s;
				animation-duration: 0.6s;
				-webkit-animation-delay: 0.0s;
				animation-delay: 0.0s; 
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
				
				
	}

.fadeinmenu  {
			   -webkit-animation-name: fadeIn;
			   animation-name: fadeIn;
			   -webkit-animation-duration: 0.5s;
			   animation-duration: 0.5s;
			   -webkit-animation-delay: 0.1s;
			   animation-delay: 0.1s; 
			   -webkit-animation-fill-mode: both;
			   animation-fill-mode: both;
	}	
.fadeoutmenu  {
			  -webkit-animation-name: fadeOut;
			  animation-name: fadeOut;
			  -webkit-animation-duration: 0.8s;
			  animation-duration: 0.8s;
			  -webkit-animation-delay: 0.3s;
			  animation-delay: 0.3s; 
			  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
			  display:none;
	}
.fadeinsubmenu  {
			   -webkit-animation-name: fadeIn;
			   animation-name: fadeIn;
			   -webkit-animation-duration: 1.3s;
			   animation-duration: 1.3s;
			   -webkit-animation-delay: 0.1s;
			   animation-delay: 0.1s; 
			   -webkit-animation-fill-mode: both;
			   animation-fill-mode: both;
	}
 				
			  	.language-switch {
					position: relative;
					float: right;
					width: 35px;
					height: 48px;
					padding-top: 6px;
					text-align: center;
					margin-top: -11px;
					}
					.language-switch a {
						font-family: 'eurostyle_medium';
						font-size: 38px;
				 		font-weight: 600;
				 		letter-spacing: 0.05em;
						color: rgba(255,0,0, 1.0);
						
						
							-webkit-transition:all 0.8s ;
							-moz-transition:all 0.8s ;
							-ms-transition:all 0.8s ;
							-o-transition:all 0.8s ;
							transition:all 0.8s;
						}
						.language-switch a:hover {
							color: rgba(255,0,0, 0.6);
							-webkit-transition:all 0.8s ;
							-moz-transition:all 0.8s ;
							-ms-transition:all 0.8s ;
							-o-transition:all 0.8s ;
							transition:all 0.8s;
						}
					
					
			  	.hamb-icon {
					position: relative;
					float: right;
					width: 35px;
					
					
    				background-repeat: no-repeat;
    				background-size: 100%;
    				background-position: center;
					
					-webkit-transition:all 0.8s ;
			 		-moz-transition:all 0.8s ;
			 		-ms-transition:all 0.8s ;
			 		-o-transition:all 0.8s ;
			 		transition:all 0.8s;
					}
					 .hamb-iconclose {
						}
			  	
				.nounderline {

					text-decoration: none;
				}
				.nounderline:hover {

					text-decoration: none;
				}


			
			
			
			
.nav-container {
    position: relative;
    float: left;
    width: 100%;
    			height: 89px;
    padding: 0px;
    z-index: 900;
    margin: 0 auto;
	}

	  .nav-container a {
		  cursor:pointer;
	  }



/* ======== TOP Menu 2026 ======== */

		.topnav-left {
				position: relative;
				float: left;
				width: 20%;
				
			}
		.topnav-right {
				position: relative;
				float: left;
				width: 10%;
				
			}
			
			.topnav-center {
					position:relative;
					float:left;
					width:70%;
					height:70px;
					margin: 0;
				    padding: 0px;
				    
					}
			
			.topnav-center ul {
					width: 100%;
					margin-left: 0px;
				    text-align: center;
					}
			
			.topnav-center li {
					
					position: relative;
					display: inline-block;
					
					font-family: 'eurostyle_bold';
					font-size: 22px;
					line-height: 22px;
					list-style-type:none;
					letter-spacing: 0.05em;
					
					margin: 0 9% ;
    				
				    padding: 0px;
					
					-webkit-transition:all 0.5s ;
					-moz-transition:all 0.5s ;
					-ms-transition:all 0.5s ;
					-o-transition:all 0.5s ;
					transition:all 0.5s ;
					}
			
			.topnav-center li:hover {
					
					border-bottom: 2px solid rgba(255,0,0, 1.0);
					
				  
					-webkit-transition:all 0.2s ;
					-moz-transition:all 0.2s ;
					-ms-transition:all 0.2s ;
					-o-transition:all 0.2s ;
					transition:all 0.2s ;
					}
		
			.topnav-center a {
					display: block;
					}
			
			
			
			.topnav-center ul li.current-menu-item {
					
					border-bottom: 2px solid rgba(255,0,0, 1.0);
					}	
	
	
	/* ======== mobile 2026 ======== */				
			
			
			
			.menu-mob ul {
					width: 100%;
					margin-left: 0px;
				    text-align: right;
					}
			
			.menu-mob li {
					
					position: relative;
					display: inline-block;
					
					font-family: 'eurostyle_bold';
					font-size: 22px;
					line-height: 22px;
					list-style-type:none;
					letter-spacing: 0.05em;
					
					margin: 0 ;
    				
				    padding: 0px;
					
					-webkit-transition:all 0.5s ;
					-moz-transition:all 0.5s ;
					-ms-transition:all 0.5s ;
					-o-transition:all 0.5s ;
					transition:all 0.5s ;
					}
			
			.menu-mob li:hover {
					
					border-bottom: 2px solid rgba(255,0,0, 1.0);
					
				  
					-webkit-transition:all 0.2s ;
					-moz-transition:all 0.2s ;
					-ms-transition:all 0.2s ;
					-o-transition:all 0.2s ;
					transition:all 0.2s ;
					}
		
			.menu-mob a {
					display: block;
					}
			
			
			.menu-mob ul li.current-menu-item {
					
					border-bottom: 2px solid rgba(255,0,0, 1.0);
					}
			
	.nav-logo {
		 		position: relative;
				float: left;
				margin: 0px;
				width: 100%;
				height: 89px;
				
				z-index: 14;
				text-align: center;
				
				background-image: url('/wp-content/themes/birds-theme/assets/svg/custom/Logo_BoP_2026.svg');
				background-repeat: no-repeat;
				background-position: top left;
				background-size: contain;
		 		}
		 		
	.nav-logo-scroll {
		
			}
					
					
/* ======== end TOP Menu 2026 ======== */
		
	
	
	
	
	
	
	
	
	
	.sub-container {
			position: relative;
			float: left;
						min-height: 66px;
			width: 100%;
			padding: 0px;
			z-index: 110;
			margin: 0 auto;
			}

	  .sub-container a {
		  cursor:pointer;
	  }	
		
			
	.topsub-left {
				position: relative;
				float: left;
				width: 27%;
				
			}
		.topsub-right {
				position: relative;
				float: left;
				width: 13%;
				
			}
			
			.topsub-center {
					position:relative;
					float:left;
					width:60%;
					height:66px;
					margin: 0;
				    padding: 0px;
				    
					}	
				 
 			.word-logo {
    			position: relative;
    			float: left;
 				width: 100%;
    			height: auto;
    			margin: 0px auto 0px auto;
    			padding: 0px;
    			text-align: left;
    			min-height: 66px;
				}
	 	
	 	
			.word-logo h1 {
		   			font-family: 'eurostyle_bold';
				  	font-size: 20px;
				  	line-height: 20px;
				  	letter-spacing: 0.05em;
				  	color: rgba(255,0,0, 1.0);
    					margin-bottom: 0px;
    					
    					position: absolute;
    					bottom: 0px;
					}
  					
			.logo-footer {
					position: absolute;
					bottom: 0px;
					margin: 0px 0px 22px 0px;
 					width: 23%;
	
				}
	
			.tivo-logo {
    			position: relative;
    			float: left;
 				width: 100%;
    			height: 70px;
    			margin: 0px auto 0px auto;
    			padding: 0px;
    			text-align: left;
    			
    			min-height: 99px;
				}
	
  					
			.tivo-footer {
					position: absolute;
    				float: right;
    				right: 0px;
					bottom: 0px;
					margin: 0px 26px 22px 0px;
 					width: 23%;
 					
 					background-image: url('/wp-content/themes/birds-theme/assets/svg/custom/Logo-Tivoli-Vredenburg-2026.svg');
					background-repeat: no-repeat;
					background-position: top right;
					background-size: contain;
	
				}
	
	
	
.date-logo {
 		position: absolute;
 		bottom: 0px;
 		width: 100%;
 		padding-left: 24px;
 		height: auto;
		 	z-index:13;
	 	}
	 	
.date-logo h2 {
				text-transform: uppercase;
				  font-size: 60px;
				  line-height: 45px;
				  color: rgba(255,0,0, 1.0);
				  letter-spacing: 0.05em;
	 	}
		 	
			  
.date-top {
 		position: relative;
 		width: 100%;
 		min-height: 66px;
 			margin: 0px auto 0 auto;
 			padding: 0px;
 			text-align: center;
		 	z-index:13;
		 	
	 	}
	 	
	 	
	 			
	 						
			  	.teaser-top {
					  	width: 100%;
						  margin: 0px auto 0px auto;
						  padding: 0px;
						  text-align: center;
						  min-height: 10px;
						  min-width: 33px;
						  bottom: 0px;
						  position: absolute;
						}
	 			.teaser-top h3 {
						  font-family: 'eurostyle_bold';
						  font-size: 18px;
						  line-height: 19px;
						  letter-spacing: 0.05em;
						  color: rgba(255,0,0, 1.0);
						  
						  margin: 0px auto;
				  		}


			.year-top {
    			position: relative;
    			float: left;
 				width: 100%;
    			height: auto;
    			margin: 0px auto 0px auto;
    			padding: 0px;
    			text-align: left;
    			
    			min-height: 66px;
				}
	 	
	 	
			.year-top h3 {
		   			font-family: 'eurostyle_bold';
				  	font-size: 20px;
				  	line-height: 20px;
				  	letter-spacing: 0.05em;
				  	color: rgba(255,0,0, 1.0);
    					margin-bottom: 0px;
    					
    					position: absolute;
    					bottom: 0px;
    					float: right;
    					right: 0px;
}



.main-navigation{
	position: fixed;
	width:100%;
	height: auto;
	left: 0px;
	top: 0px;
	box-shadow: 0px 0px 0px rgba(255,0,0, 1.0);
	z-index: 15;
}

.main-nav-fill {
				height: 1px;
								}



									.main-navigation > ul{
										margin:0;
										list-style-type:none;
										text-align: right;
									}
									.main-navigation > ul > li{
										position:relative;
										display:inline-block;
										margin: 14px 5px 0 5px;
										font-size: 20px;
										font-weight: 600;
										letter-spacing: 0.05em;
									}		 
											.main-navigation ul li.current-menu-item a {
													color: #272B37;
											 }

									.main-navigation > ul > li > a {
										display:block;
										color:rgba(255,255,255, 1.0);
										text-decoration:none;
	
										-webkit-transition: all 0.1s;
										-moz-transition: all 0.1s;
										-ms-transition: all 0.1s;
										-o-transition: all 0.1s;
										transition: all 0.1s
									}
									.main-navigation > ul > li > a:hover{
													color: #272B37;
									}
									.main-navigation > ul > li:last-child > a{
													margin-right: 50px;
									}
									.main-navigation > ul > li > a > i{
									}
									
										.subitem  a {
													font-size: 35px !important;
    												line-height: 31px !important;
    												font-weight: 500 !important;
												}
										.submenuone {
													margin-top: 22px !important;
													margin-bottom: 12px !important;
												}
									
									
.menu-contain {
    position: fixed;
    float: left;
    top: 0px;
    width:100%;
    height:100vh;
    padding: 0px;
    border-top: 0px solid #aeaeae;
    background-color: rgba(229,228,224, 0.93);
    z-index: 199;
    
        margin: 0px 0px 0px -20px;
}


			 
			.columns-nav {
				position: relative;
				padding: 133px 20px 66px 20px;
				width: 100%;
				height: 100vh;
				margin: 0;

			}	
			
			.columns-nav ul {
				margin-bottom: 32px;
				margin-left: 0px;
				max-width: 100%;
			} 
			.columns-nav h3 {
  				color: rgba(220,221,212, 1.0);;
				 font-family: 'eurostyle_medium';
				 font-weight: 900;
				 font-size: 33px;
				 line-height: 30px;
				 letter-spacing: 0.05em;
				 text-decoration: none;
				 margin-bottom: 22px;
				 text-align: right;
				}
				
			.columns-nav h3:hover {
  				color: rgba(220,221,212, 1.0);f;
				}
	  
	
.sf-menu  {
	width:100%;
    padding-top: 0px;
	}
	

.sf-menu li  {
		
  		position: relative;
  		min-width: 100%;
    	display: inline-block;
    	text-align: right;

	}
			
	
.sf-menu a {
  				  color: rgba(255,0,0, 1.0);
				     font-family: 'eurostyle_medium';
				 font-size: 33px;
				line-height: 35px;
				 letter-spacing: 0.05em;
				 text-decoration: none;
  				display: inline-block;
  				padding: 0px;
  				position: relative;
}

.menu-artist-rooms  {
		
				margin: 20px 0px;
				  }

			.menu-artist-rooms a  {
		
				font-size: 19px;
				 line-height: 25px;
			  
				  }

			


.sf-menu a:hover {
  				    color: rgba(255,0,0, 1.0);
  				opacity: 1.0;
}
.sf-menu a:after {    
				 background: none repeat scroll 0 0 transparent;
				 bottom: 0px;
				 content: "";
				 display: block;
				 height: 2px;
				 left: 50%;
				 position: absolute;
				 background: rgba(255,0,0, 1.0);
				 transition: width 0.3s ease 0s, left 0.3s ease 0s;
				 width: 0;
}
.sf-menu a:hover:after { 
				 width: 100%; 
				 left: 0; 
}	
	
		 
  
.menuu-container  {
	padding: 60px 0px 90px 0px;
    margin: 0px auto;
	}




.menuu-row  {
	width:100%;
	padding: 22px 0px;
	margin-bottom: 10px;
	border-bottom: 0px solid rgba(153,139,149, 0.8);
}
.menuu-row h2  {
			font-size: 50px;
		 	line-height: 33px;
		 	margin-bottom: 0;
		 	color: rgba(255,0,0, 1.0);
			text-decoration: none;
			-webkit-transition:all 0.8s ;
			 	-moz-transition:all 0.8s ;
			 	-ms-transition:all 0.8s ;
			 	-o-transition:all 0.8s ;
			 	transition:all 0.8s;
}
.menuu-row h2:hover  {
				-webkit-transition:all 0.8s ;
			 	-moz-transition:all 0.8s ;
			 	-ms-transition:all 0.8s ;
			 	-o-transition:all 0.8s ;
			 	transition:all 0.8s;
}



.menu-search {
    position: fixed;
    float: left;
    top: 0px;
    width:100%;
    height:100vh;
    padding: 0px 50px;
    z-index: 9;
}



.register-container {
	position: relative;
	top:0px;
	width: 100%;
	min-height:0px;
	overflow: hidden;
	z-index:13;
  						
}

.register-header {
	position:relative;
	width: 100%;
	height:65vh;
	overflow:hidden;
	border-bottom: 10px solid rgba(220,221,212, 1.0);;
	
						background-repeat: no-repeat;
					   	background-position: center center; 
					   	background-size:cover;
}

.register-logo {
	position:relative;
	display: block;
	width: 100%;
	margin: 38vh auto;
	padding: 0;
	z-index:2;
	text-align: center;
}
	  .register-logo h1 {
		      	font-size: 70px;
    			line-height: 75px;
    			margin-bottom: 0px;
    			color: rgba(220,221,212, 1.0);;
	  }
	  .register-logo h2 {
		      	font-size: 50px;
    			line-height: 55px;
    			margin-bottom: 0px;
    			color: rgba(220,221,212, 1.0);;
	  }

.lineup-announced {
				background-color: rgba(255,255,255, 0.2);
				    backdrop-filter: blur(20px);
				color:rgba(220,221,212, 1.0);;
				margin:16vw auto 0px auto;
				width: 50%;
				font-size: 25px;
    padding: 33px 23px;
    border-radius: 92px;
			}


.extra-header {
	position: relative;
	width: 100%;
	height:auto;
	z-index:1;
				margin-top: -20px;		
  						
}
.extra-header h2 {
			font-size: 20px;
    		line-height:28px;
    		font-weight: 600;
    		text-align: center;
			}
		.extra-header-menu { 
													
			 }

.socials-container {
			position:relative;
			width: 64%;
			text-align: center;
			}
			.socextranav {
				
				text-align: left;
			}

.socials-container a {
			display:inline-block;
			}
			.socials-container a:hover {
			}

	.socials {
			position:relative;
			width: 35px;
			height: 35px;
			margin: 0 3px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
		} 
	.facebookx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/facebook-green.svg');
				margin: 0px;
													
		}
		.facebookx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/facebook-white.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.instagramx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/instagram-green.svg');
				margin: 0 3px 0 0px;
													
		}
		.instagramx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/instagram-white.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.twitterx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/twitter-green.svg');
													
		}
		.twitterx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/twitter-white.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.youtubex {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/youtube-green.svg');
													
		} 
		.youtubex:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/youtube-white.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		} 
	
	.facebookxx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/facebook-white.svg');
				margin: 0pxx;
													
		}
		.facebookxx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/facebook-green.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.instagramxx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/instagram-white.svg');
				margin: 0 3pxx 0 0pxx;
													
		}
		.instagramxx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/instagram-green.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.twitterxx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/twitter-white.svg');
													
		}
		.twitterxx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/twitter-green.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}
	.youtubexx {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/youtube-white.svg');
													
		} 
		.youtubexx:hover {
				background-image: url('/wp-content/themes/birds-theme/assets/svg/socs-new/youtube-green.svg');
				-webkit-transition:all 0.6s ;
			 	-moz-transition:all 0.6s ;
			 	-ms-transition:all 0.6s ;
			 	-o-transition:all 0.6s ;
			 	transition:all 0.6s;
													
		}  





/* ==================================================
			7. Responsive Media Queries
================================================== */
		 
		 
		@media only screen and (min-width: 1350px){
		 
								
		 }
		 @media (max-width: 1280px){
		 
		 	}
		 
		 @media (max-width: 1200px){
		 				
											
		 	}
		 @media (max-width: 1100px){
								
							.hidden-single {
					    			display: block;
					    			position: relative;
									} 

							.show-single {
					    			display: none;
									} 	
								
								
								    .hidden-single  .date-logo-single {
    										width: 100%;
    										text-align:center;
									}
									
									.hidden-single  .date-down {
													position:relative;
												}
												.hidden-single  .date-down h2 {
    												line-height: 210px;
    											}
									.hidden-single  .date-logo {
													position:relative;
												}
								
								
									
							.columns-nav {
    									padding: 153px 40px 66px 40px;
    									}
    								
							
							
							.hamb-icon {
    										position: absolute;
							
										}
							.language-switch {
    										position: absolute;
    										margin-top: 43px;
							
										}
							
						.date-logo {
								padding-left: 0px;
								}
								.date-down {
									display: none;
								}
								.date-logo-single {
										width: 500%;
									}
							.logo-footer {
    									width: 35%;
    									}
    									
		 	}
		 @media (max-width: 992px){
		 			
		 					.columns-nav {
   									width: 100%;
								}
							
									
    					    .language-switch {
        								margin-top: 30px;
    									}

							.topsub-center {
    									width: 100%;
    									}
							.topsub-center h3 {
    									max-width: 50%;
    									}
    									
    							.topnav-left {
										width: 50%;
				
										}
								.topnav-right {
										width: 50%;
				
										}
			
							.word-logo {
									  margin: 0px auto 0px auto
    									}
    						.word-logo h1 {
    										top: 0px;
											}
								.logo-footer {
    									margin-bottom: 33px;
    									}
    									
    												
							.topnav-center {
    									width: 100%;
    									}
    
    						.topnav-center li {
										display: block;
										text-align: right;
										
										margin: 0px;
										}
								
		 	}
		 @media (max-width: 892px){
		 			
					
		 	}
		 @media (max-width: 767px){
							
							
	.date-top {
 		position: relative;
 		width: 100%;
 		height: 80px;
 			margin: 0px auto 0 auto;
 			padding: 0px;
 			text-align: center;
		 	z-index:13;
		 	
	 	}
	 	
	 	
	 	.date-top h2 {
				 	font-size: 80px;
				  	line-height: 74px;
	 				}
	 				
		 	
		.date-date {
								font-size: 66px;
							line-height:46px;
		}	
		.date-th {
								font-size: 18px;
								line-height:18px;
				}
						
		 }

		@media only screen and (max-width: 767px) {
					
					
							
		 }