.closed  {

				display:none;

			}
.open  {

				display:block;

			}

.closemenu  {
			 	-webkit-animation-name: fadeOutUpBig;
				animation-name: fadeOutUpBig;
				-webkit-animation-duration: 1.6s;
				animation-duration: 1.6s;
				-webkit-animation-delay: 0.2s;
				animation-delay: 0.2s; 
				-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.9s;
			   animation-duration: 0.9s;
			   -webkit-animation-delay: 0.3s;
			   animation-delay: 0.3s; 
			   -webkit-animation-fill-mode: both;
			   animation-fill-mode: both;
	}	
.fadeoutmenu  {
			  -webkit-animation-name: fadeOut;
			  animation-name: fadeOut;
			  -webkit-animation-duration: 0.3s;
			  animation-duration: 0.3s;
			  -webkit-animation-delay: 0.0s;
			  animation-delay: 0.0s; 
			  -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;
			}
	




	
/* ======   Header Bar  ====== */

.top-container {
		position: fixed;
		float: left;
		display: block;
			width: 100%;
			height: 66px;
			
			background-color: rgba(110, 25, 248, 1.0);
			
			z-index: 999;
							  -webkit-transition:all 0.6s ;
							 -moz-transition:all 0.6s ;
							 -ms-transition:all 0.6s ;
							 -o-transition:all 0.6s ;
							 transition:all 0.6s ;
	
			}
			.top-scroll {
					
					height: 66px;
					
					-webkit-transition:all 0.6s ;
							 -moz-transition:all 0.6s ;
							 -ms-transition:all 0.6s ;
							 -o-transition:all 0.6s ;
							 transition:all 0.6s ;
					
					}
			.top-scrollx {
					
					height: 66px !important;
					background-color: #6F0BF9;
					}
			
	
.main-navigation {
		position: relative;
    	width: 100%;
    	margin: 0 auto;
    	
    	z-index: 11;
    	
	 } 
	.main-nav-scroll {
			padding-left: 0%;
    		}
    	
    	.navi-empty {
			
    		}
    	
    		
	.nav-logo {
			position: relative;
    		width: 100%;
			height: 46vh;
			text-align: left;
			padding: 0px;
			margin: 115px auto 0px auto;
			
			border-radius: 0px ;
			
			z-index: 3;
			
			background-image: url('/wp-content/themes/2025-theme/assets/custom/svg/logo-fjin-2025.svg');
								background-repeat: no-repeat;
								background-position: center top;
								background-size: contain;
								
			
				 -webkit-transition: all 1.0s;
				 -moz-transition: all 1.0s;
				 -ms-transition: all 1.0s;
				 -o-transition: all 1.0s;
				 transition: all 1.0s;
			}
			
			.nav-logo-scroll {
					
					background-image: url('/wp-content/themes/2025-theme/assets/custom/svg/logo-fjin-2025.svg');
					width: 100%;
					height: 0px;
						margin-top: 43px;
								background-position: center top;
								background-size: contain;
			
						 -webkit-transition: all 1.0s;
						 -moz-transition: all 1.0s;
						 -ms-transition: all 1.0s;
						 -o-transition: all 1.0s;
						 transition: all 1.0s;
					}
					.nav-logo-empty {
						
						position: relative;
							  width: 100%;
							  height: 0px;
							  text-align: left;
							  padding: 0px;
							  margin: 0px auto 0px auto;
							  
							  border-radius: 0px ;
							  
							  z-index: 3;
							
			
				 -webkit-transition: all 1.0s;
				 -moz-transition: all 1.0s;
				 -ms-transition: all 1.0s;
				 -o-transition: all 1.0s;
				 transition: all 1.0s;
					}
					
					
			
			
			
			
			.nav-logo h1 {
					font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
					font-size: 18px;
    				line-height: 18px;
    				margin-bottom: 0px;
				 }
	
	
	.footer-logo {
			width: 350px;
			height: 200px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			
			background-color: rgba(231,59,40, 0.0);
			}
	
.main-nav {
		position: relative;
		float: right;
		right: 0px;	
		z-index: 900;
		padding: 15px 20px 0px 20px;
		width: 100%;
		height: 48px;
							 
					-webkit-transition:all 1.1s ;
				   -moz-transition:all 1.1s ;
				   -ms-transition:all 1.1s ;
				   -o-transition:all 1.1s ;
				   transition:all 1.1s ;
		
				
	 				}	
	 
			 .main-nav-scroll {
					
							  -webkit-transition:all 0.6s ;
							 -moz-transition:all 0.6s ;
							 -ms-transition:all 0.6s ;
							 -o-transition:all 0.6s ;
							 transition:all 0.6s ;
					
					}
			 		
.nav-container {
		position: absolute;
		float: right;
		right: 66px;
			width: 66px;
			height: 66px;
			padding-top: 20px;
			margin-top: 0px;
			
			display: none;
			
			z-index: 66;
							 
					-webkit-transition:all 1.1s ;
				   -moz-transition:all 1.1s ;
				   -ms-transition:all 1.1s ;
				   -o-transition:all 1.1s ;
				   transition:all 1.1s ;
	 }
	 
	 .nav-container-scroll {
	 
	 -webkit-transition:all 0.6s ;
							 -moz-transition:all 0.6s ;
							 -ms-transition:all 0.6s ;
							 -o-transition:all 0.6s ;
							 transition:all 0.6s ;
	 
	 			}


	
 				
			  	.hamb-icon {
					position: relative;
				  	float: right;
				  	width: 36px;
				  	display:block;
				}
				.hamb-iconclose {
					position: relative;
				  	float: right;
				  	width: 36px;
				  	margin-right:-45px;
			  	}

				.nounderline {

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

					text-decoration: none;
				}



/* ======   Menu  ====== */

			
			
			.main-menu > ul{
				 margin:0;
				 list-style-type:none;
				 text-align: center;
			 }
			 .main-menu > ul > li{
				 	position:relative;
				 	display:inline-block;
				 	margin: 0px 10px;
			 		}		 
					 .main-menu ul li.current-menu-item a {
							 color: #DD854F;
							}
							

			 .main-menu > ul > li > a {
				 font-family: 'forma-djr-banner', sans-serif;
    			font-weight: 600;
						cursor: pointer;
				 letter-spacing: 0.1em;
				 font-size: 20px;
				 
				 
    				line-height: 37px;
				 display:block;
				 color: rgba(255,237,0, 1.0);
				 text-decoration:none;
				 text-transform: uppercase;
				 margin-bottom: 3px;
			 	}
			 
			 .main-menu > ul > li > a:hover{
						cursor: pointer;
				 		color: #DD854F;
			 			}
			 .main-menu > ul > li:last-child > a{
							 margin-right: 0px;
			 			}
			 .main-menu > ul > li > a > i{
			 			}
			 
			 .main-menu > ul > li > a:after {
		  		
		  					content: '•';
							position: absolute;
							margin-top: 0px;
							margin-left: 7px;
							color: rgba(255,237,0, 1.0);
							font-size: 20px;
		  		
			 }
			 .main-menu > ul > li:last-child > a:after {
				 content: '';
				 }	
			 
			 
			 .menu-item-has-children {
			 				
			 
			 				}
					   
	/* ======== submenu ======== */			   
			   	 
			 
			 		.sub-menu {
			 				
				   			background-color: rgba(110, 25, 248, 1.0);
							
							-webkit-animation-name: fadeIn;
							animation-name: fadeIn;
							-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;
				   
						 }
			
			
			.main-menu > ul > li:hover ul{
							  display:block;
						  }
						  
	 
						 
			  .main-menu > ul > li ul {
				   
				   position:absolute;
				   left:-20px;
				   top:100%;
				   min-width:190px;
				   		height:auto;
				   margin:0;
				   
				   list-style-type:none;
				   padding: 20px 0px 0px 0px;
				   
				   border-radius: 0px;
				   
				   		display: none;
				   z-index:1;
				   }
	  

			   .main-menu > ul > li ul.last-child {
				   left: auto !important;
				   right:0;
			   }
			   .main-menu > ul > li ul.last-child li a{
				   padding-right:0px;
				 
			   }
			   
			   

			   
			   .main-menu > ul > li > ul > li {
				   	text-align: left;
				   	border-bottom: 0px solid rgba(224,236,197, 1.0);
			   		}
			   
			   .main-menu > ul > li > ul > li > a {
				   
				   display:block;
				   white-space:nowrap;
						cursor: pointer;
				   
				   	font-family: 'forma-djr-banner', sans-serif;
    				font-weight: 500;
				   	
				   	color: rgba(255,237,0, 1.0);
				 	letter-spacing: 0.1em;
				 
				 	
				 	font-size: 20px;
    				line-height: 36px;
    				
    				margin: 3px 20px ;
				 
				 	text-decoration:none;
				 	text-transform: uppercase;
				 
				 	   
				    -webkit-transition:all 0.4s ;
					-moz-transition:all 0.4s ;
					-ms-transition:all 0.4s ;
					-o-transition:all 0.4s ;
					transition:all 0.4s ;
			   }
			   .main-menu > ul > li > ul > li a:hover{
				    color: #DD854F;
				   text-decoration:none;
						cursor: pointer;
				    
				    -webkit-transition:all 0.4s ;
					-moz-transition:all 0.4s ;
					-ms-transition:all 0.4s ;
					-o-transition:all 0.4s ;
					transition:all 0.4s ;
			   }
			  
			   .main-menu > ul > li > ul > li:last-child {
			   		margin-bottom: 24px;
				   	border-bottom: 0px solid rgba(224,236,197, 1.0);
			   		}
			   
			   
			   /* ======== subsub menu ======== */	
			   
			   
			   
			   
			   
						  .main-menu > ul > li > ul > li ul {
							  	position:relative;
							  	left:0px;
							  	top:0px;
							  	margin-left:0px;
							  	list-style-type:none;
				   				
				   				border-radius: 0px;
							  	
				   				background: rgba(224,236,197, 1.0);
							  	min-width:190px;
							  	
							  	padding: 4px 0px;
						  		}
						  		
						  .main-menu > ul > li > ul > li ul > li {
				   
							   
								
								
								border-bottom: 1px solid #6F0BF9;
						   }	
						  .main-menu > ul > li > ul > li ul > li > a {
				   
							   display:block;
							   white-space:nowrap;
									cursor: pointer;
							   
								font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
								color: rgba(101,167,21, 1.0);
								letter-spacing: 0.1em;
							 
								font-size: 14px;
								line-height: 30px;
								
								margin: 2px 20px ;
							 
								text-decoration:none;
								text-transform: uppercase;
							 
								   
								-webkit-transition:all 0.4s ;
								-moz-transition:all 0.4s ;
								-ms-transition:all 0.4s ;
								-o-transition:all 0.4s ;
								transition:all 0.4s ;
						   }
						   .main-menu > ul > li > ul > li ul > li a:hover{
								color: #DD854F;
							   	text-decoration:none;
									cursor: pointer;
								
								-webkit-transition:all 0.4s ;
								-moz-transition:all 0.4s ;
								-ms-transition:all 0.4s ;
								-o-transition:all 0.4s ;
								transition:all 0.4s ;
						   }
						  
						   .main-menu > ul > li > ul > li ul > li:last-child {
								border-bottom: 1px solid rgba(224,236,197, 1.0);
								}
			   
			   
				
				

/* ======   Menu Responsive  ====== */

				
.menu-contain {
    position: fixed;
    float: left;
    top: 0px;
    width:100%;
    height:100vh;
    padding: 80px 8%;
    border-top: 0px solid #aeaeae;
        background-color: rgba(110, 25, 248, 1.0);
    backdrop-filter: blur(10px);
    z-index: 66;
    overflow-y: auto;
}

.menu-contain-scroll {
    background-color: rgba(110, 25, 248, 1.0);
}

.menuu-container  {
	width:100%;
    padding-top: 0px;
	}
.menuu-container ul  {
	margin: 0px 0px 33px 0px;
	}


			.columns-nav {
				position:relative;
				width:50%;
				margin: 0 auto;
				    padding: 0px;
				    text-align: center;

			}	
			.columns-nav a {
				font-family: 'forma-djr-banner', sans-serif;
    			font-weight: 600;
				color: rgba(255,237,0, 1.0);
				text-decoration: none;
				cursor:pointer;
				text-transform: uppercase;
				
			}		
			.columns-nav a:hover {
				color: rgba(158, 169, 214, 1.0);
				cursor:pointer;

			}	
			.columns-nav li {
				
				list-style-type:none;
				font-size: 28px;
    			line-height: 55px;
    			
    			border-bottom: 0px solid rgba(255,237,0, 0.7);
				
			}
			.columns-nav .sub-menu {
				
					margin-top: 6px;
					margin-bottom: 22px;
					padding: 8px 0px 8px 22px;
				
				}
			.columns-nav .sub-menu ul {
				
				}	
			.columns-nav .sub-menu  li {
				
					font-size: 21px;
    				line-height: 43px;
					text-transform: lowercase;
				}	
			

/* ======   Menu Sitemap  ====== */



.sitemap-container  {
	width:80%;
    padding-top: 0px;
	}


			.sitemap-nav {
				position:relative;
				float:left;
				width:100%;
				margin: 0;
				    padding: 0px;

			}	
			.sitemap-nav a {
				
				color:#DD854F;
				text-decoration: none;
				cursor:pointer;
					text-transform: lowercase;
			}		
			.sitemap-nav a:hover {
				opacity: 0.7;
				cursor:pointer;

			}	
			.sitemap-nav li {
				
				list-style-type:none;
				font-size: 28px;
    			line-height: 43px;
				
			}
			.sitemap-nav .sub-menu {
				
					margin-top: 6px;
					margin-bottom: 22px;
					padding: 8px 22px;
				
				}
			.sitemap-nav .sub-menu ul {
				
				}	
			.sitemap-nav .sub-menu  li {
				
					font-size: 18px;
    				line-height: 43px;
					text-transform: lowercase;
				}	
			
			


/* === Subnavx classes  === */			
								
								
										
								   .subnavx-list  {
										   padding: 0px 0px 0px 0px;
										   text-align: center;
										   }
								   .subnavx-list ul {
										    margin: 0px 0px 20px 0px;
										    
										}
								   .subnavx-list ul li {
										position: relative;
										display: inline-block;
										list-style-type:none;
										}	
										
								   
			  			
	  




/* ======   Footer  ====== */
	  

	 .footer-menu .sf-menu li   {
				 display: block;
				 }
			
	 .footer-menu .sf-menu a {
			 color: rgba(255, 255, 255, 1.0);
			 font-size: 19px;
			 line-height: 44px;
			 text-decoration: none;
			 height: 50px;
			 border-bottom: 3px solid rgba(209,186,122, 1.0); 
			 padding: 8px 0px;
			 margin-left: 22px;
			 -webkit-transition: all 0.6s;
			 -moz-transition: all 0.6s;
			 -ms-transition: all 0.6s;
			 -o-transition: all 0.6s;
			 transition: all 0.6s;
		 }
	 .footer-menu .sf-menu a:hover {
			 border-bottom: 3px solid rgba(255,255,255, 1.0); 
			 background-color: rgba(255,255,255, 0.0);
			 text-decoration: none;
				 -webkit-transition:all 0.6s ;
					 -moz-transition:all 0.6s ;
					 -ms-transition:all 0.6s ;
					 -o-transition:all 0.6s ;
					 transition:all 0.6s;
					 }
		 



	 
													   		

/* ======   Search  ====== */


.menu-search {
    position: fixed;
    float: left;
    top: 0px;
    width:100%;
    height:100vh;
    padding: 0px 10%;
    background-color:rgba(247,217,219, 0.86);
    backdrop-filter: blur(10px);
    z-index: 9;
}


.nav-zoeken {
		  position:absolute;
		  float:right;
		  right:0px;
		  top:16px;
		  display:block;
		  width:29px;
		  z-index:3;
		  display: none;
		  }
		  .nav-zoeken2 {
				 position:absolute;
				 float:right;
				 right:0px;
				 top:7px;
				 display:block;
				 width:32px;
				 height:50px;
				 padding-top: 12px;
				 z-index:3;
				 
		  
		  }
		  
.nav-zoeken-field {
		  position: relative;
		  float: left;
		  top: 40vh;
		  left: 0px;
		  width: 100%;
		  height: 80px;
		  display: block;
		  z-index: 3;
		  }
		  
 		.searchblock {
 				padding-left: 35px;
 			
 			}
 		.searchblock a {
 				font-size: 21px;
    			line-height: 26px;
    			margin-bottom: 11px;
 				color: #DD854F;
 				
 						}
 				.searchblock a:hover {
 		
 						color: rgba(255,255,255, 1.0);
 				
 						}
 						
		.searchblock a:before {
		  		
		  					content: '';
							height: 30px;
							width: 30px;
							background: url('/wp-content/themes/2025-theme/assets/svg/custom/arrow-link-round.svg') no-repeat;
							position: absolute;
							margin-top: 4px;
							margin-left: -30px;
							background-size: 17px;
		  		
		  				}	

		  
.search-form input[type="search"] {
    		width: 100%;
    		height:60px;
    		padding: 0px !important;
		  	background: rgba(255, 255, 255, 0.0);
		  	border-bottom: 2px solid rgba(255,255,255, 1.0);
		  	font-size: 33px;
		  	
    		color: #DD854F;
			letter-spacing: -0.03em;
		  				font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
}
.search-form button[type="submit"], .search-form input[type="submit"], .woocommerce-product-search button[type="submit"], .woocommerce-product-search input[type="submit"] {
    		display:none;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
			display: inline-block;
			font-size: 14px;
			padding: 7px 12px;
			background-color: transparent;
										
			border: 0px solid #ddd;
			
			transition: all .3s ease;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
}

.search-form .nv-search-icon-wrap {
			display:none !important;
}

				.search-form  input::-webkit-input-placeholder,
					textarea::-webkit-input-placeholder {
				 		color: rgba(231,59,40, 0.6);
		  				font-size: 33px;
		  				font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
				}
				.search-form  input:-moz-placeholder,
					textarea:-moz-placeholder {
				 		color: rgba(231,59,40, 0.6);
		  				font-size: 33px;
		  				font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
				}
				.search-form  input::-moz-placeholder,
					textarea::-moz-placeholder {
				 		color: rgba(231,59,40, 0.6);
		  				font-size: 33px;
		  				font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
				}
				.search-form  input:-ms-input-placeholder,
					textarea:-ms-input-placeholder {
				 		color: rgba(231,59,40, 0.6);
		  				font-size: 33px;
		  				font-family: 'forma-djr-banner', sans-serif;
    	font-weight: 500;
				}



	
	
	
	
	
	
	
	
	
	




/* ==================================================
			Responsive Media Queries
================================================== */
		 
		 
		 @media (min-width: 1200px) {body.boxed .is-sticky .full-width-menu{width:1080px;}}
		 @media (min-width: 992px) and (max-width: 1200px) {
																				
		 }

		 @media (min-width: 992px){
															
		 }

		 @media only screen 
		 and (min-device-width : 768px) 
		 and (max-device-width : 1024px) 
		 and (orientation : landscape) {\
		 }

		 @media (max-width: 1680px){
															
		 }
		 @media (min-width: 1580px){
					
					.main-navigation {
						 
						 max-width: 1940px;
						 
					  } 			
															
		 }
		 @media (min-width: 1440px){							
		 }
		 
		 @media (max-width: 1280px){				
		 }
		 
		 @media (max-width: 1200px){
					
						.main-nav {
    							display: none;
		 						}
		 				.nav-container {
								display: block;
								}
						.columns-nav .sub-menu {
								padding: 8px 0px 8px 0px;
							 	}
		 				.nav-logo {
   								width: 90%;
    							}
		 								
		 }
		 
		 @media (max-width: 1100px){
		 		}


		 @media only screen and (max-width: 992px) {
    							
					
		 		}
		
			
		
		@media (max-width: 767px) {
						
						
						.nav-container {
    							right: 30px;
    							}
    							.columns-nav {
    									width: 100%;
    							}
						
    					    
    								
    							.hamb-iconclose {
									 width: 36px;
									     margin-right: -35px;
								 }
								 .hamb-icon {
									 width: 36px;
								 }
								 
								 
								
							
							
							}