.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: 60px;
			
			background-color: rgba(255,255,255, 1.0);
			z-index: 77;
							  -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: 60px;
					background-color: rgba(255,255,255, 1.0);
					
					-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-navigation {
		position: relative;
    	width: 100%;
    	max-width: 2440px;
    	margin: 0 auto;
	 } 

.nav-logo {
			position: relative;
			float: left;
			display: inline-block;
			width: 400px;
			height: 168px;
			text-align: left;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			
			border-radius: 0px 0px 20px 0px ;
			z-index: 901;
			
			background-color: rgba(255,255,255, 1.0);
			background-image: url('/wp-content/themes/rooij-theme/assets/svg/custom/logo-vanrooij.png');
								background-repeat: no-repeat;
								background-position: center 22px;
								background-size: 80%;
								
			
				 -webkit-transition: all 1.5s;
				 -moz-transition: all 1.5s;
				 -ms-transition: all 1.5s;
				 -o-transition: all 1.5s;
				 transition: all 1.5s;
			}
			
			
			.nav-logo-scroll {
					
					width: 300px;
					height: 96px;
								background-position: center;
								background-size: 70%;
			
						 -webkit-transition: all 1.5s;
						 -moz-transition: all 1.5s;
						 -ms-transition: all 1.5s;
						 -o-transition: all 1.5s;
						 transition: all 1.5s;
					}
			
			.nav-logo h1 {
					font-family: "Dosis", sans-serif;
					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(1,0,0, 0.0);
			}
	
.main-nav {
		position: relative;
		z-index: 900;
		padding: 11px 20px 0px 20px;
							 
					-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: 17px;
			margin-top: 0px;
							 
					-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-iconclose {
					position: relative;
				  	float: right;
				  	width: 38px;
				  	margin-right:-39px;
			  	}
			  	.hamb-icon {
					position: relative;
				  	float: right;
				  	width: 38px;
				  	display:none;
				}

				.nounderline {

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

					text-decoration: none;
				}



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

			
			
			.main-menu > ul{
				 margin:0;
				 list-style-type:none;
				 text-align: right;
			 }
			 .main-menu > ul > li{
				 position:relative;
				 display:inline-block;
				 margin: 0px 10px;
			 }		 
					 .main-menu ul li.current-menu-item a {
							 color: rgba(251,187,57, 1.0);
					  }

			 .main-menu > ul > li > a {
				 font-family: "Dosis", sans-serif;
						cursor: pointer;
				 letter-spacing: 0.02em;
				 font-size: 17px;
    				line-height: 39px;
    				font-weight: 500;
				 display:block;
				 color: rgba(1,0,0, 1.0);
				 text-decoration:none;
				 text-transform: uppercase;
				 margin-bottom: 3px;
			 	}
			 
			 .main-menu > ul > li > a:hover{
						cursor: pointer;
						color: rgba(251,187,57, 1.0);
			 			}
			 .main-menu > ul > li:last-child > a{
							 margin-right: 50px;
			 			}
			 .main-menu > ul > li > a > i{
			 			}
			 
			 .main-menu > ul > li > a:after {
		  		
		  					content: '•';
							position: absolute;
							margin-top: -1px;
							margin-left: 7px;
							color: rgba(251,187,57, 1.0);
							font-size: 22px;
		  		
			 }
			 .main-menu > ul > li:last-child > a:after {
				 content: '';
				 }	
			 
			 
			 .menu-item-has-children {
			 				
			 
			 				}
					   
	/* ======== submenu ======== */			   
			   	 
			 
			 		.sub-menu {
			 				
				   			background-color: rgba(255,255,255, 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:0px;
				   
				   border-radius: 0px 0px 20px 20px;
				   
				   									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;
			   		}
			   
			   .main-menu > ul > li > ul > li > a {
				   
				   display:block;
				   white-space:nowrap;
						cursor: pointer;
				   
				   	font-family: "Dosis", sans-serif;
				   	color: rgba(1,0,0, 1.0);
				 	letter-spacing: 0.02em;
				 
				 	font-size: 16px;
    				line-height: 33px;
    				
    				font-weight: 500;
    				
    				margin: 13px 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: rgba(251,187,57, 1.0);
				   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:first-child {
			   		margin-top: 4px;
				   	border-bottom: 0px solid rgba(224,236,197, 1.0);
			   		}
			   
			   .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 rgba(251,187,57, 1.0);
						   }	
						  .main-menu > ul > li > ul > li ul > li > a {
				   
							   display:block;
							   white-space:nowrap;
									cursor: pointer;
							   
								font-family: "Dosis", sans-serif;
								color: rgba(101,167,21, 1.0);
								letter-spacing: 0.02em;
							 
								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: rgba(1,0,0, 1.0);
							   	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: 120px 10%;
    border-top: 0px solid #aeaeae;
        background-color: rgba(12, 141, 54, 0.9);
    backdrop-filter: blur(10px);
    z-index: 13;
    overflow-y: auto;
}


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


			.columns-nav {
				position:relative;
				float:left;
				width:100%;
				margin: 0;
				    padding: 0px;
				    text-align: right;

			}	
			.columns-nav a {
				font-family: "Dosis", sans-serif;
				color:rgba(251,187,57, 1.0);
				text-decoration: none;
				cursor:pointer;
				font-weight: 500;
			}		
			.columns-nav a:hover {
				opacity: 0.7;
				cursor:pointer;

			}	
			.columns-nav li {
				
				list-style-type:none;
				font-size: 31px;
    			line-height: 45px;
				
			}
			.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: 24px;
    				line-height: 43px;
				}	
			

/* ======   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:rgba(1,0,0, 1.0);
				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;
				}	
			
			


/* ======   Extra navigation  ====== */



		.extra-nav-button  {
				 
				 position:relative;
				 display:inline-block;
				 margin: 0px 2px 0px 0px;
				 
				 font-size: 16px;
				 line-height: 16px;
				 letter-spacing: 0em;
				 
				 padding: 9px 16px;
				 text-align: center;
				
					border: 1px solid rgba(1,0,0, 1.0);
					height: 38px;
				 	border-radius: 19px;
				 	
				 	font-family: "Dosis", sans-serif;
					letter-spacing: 0em;
					color:rgba(1,0,0, 1.0);
					text-decoration:none;
					text-transform: lowercase;
				 
				 cursor: pointer;
			 }
			 .nav-empty  {
				 
				 
					border: 0px solid rgba(1,0,0, 1.0);
				 	text-align: left;
				 	margin-left: -10px;
				 	margin-top: 1px;
				 	margin-right: 0px;
			 }
			 
			 
		.extra-nav-padding {
							padding: 33px 0px;
		
						}
			.extra-nav-padding2 {
							padding: 23px 0px;
		
						}
		.extra-menu {
				
				text-align: center;
				display: inline-block;
			}
		   
	   
	   
	   .extra-menu > ul{
				 margin:0;
				 list-style-type:none;
			 }
			 .extra-menu > ul > li{
				 
				 position:relative;
				 display:inline-block;
				 margin: 0px 2px 10px 2px;
				 
				 font-size: 16px;
				 line-height: 16px;
				 letter-spacing: 0em;
				 
				
				 padding: 10px 16px;
				 text-align: center;
				
					border: 1px solid rgba(180,180,180, 1.0);
					height: 40px;
				 	border-radius: 20px;
				 
				 cursor: pointer;
			 }		 
					 .extra-menu ul li.current-menu-item {
							 border: 1px solid rgba(1,0,0, 1.0);
					  }
					   .extra-menu ul li.current-menu-item a {
							 color: rgba(1,0,0, 1.0);
					  }

			 .extra-menu > ul > li > a {
				 font-family: "Dosis", sans-serif;
				 letter-spacing: 0em;
				 display:block;
				 color:rgba(180,180,180, 1.0);
				 text-decoration:none;
				 text-transform: lowercase;
			 }
			 .extra-menu > ul > li > a:hover{
			 
			 		color: rgba(1,0,0, 1.0);
			 }
			 .extra-menu > ul > li:last-child > a{
			 }
			 .extra-menu > ul > li > a > i{
			 }
			 
			  			
	  




/* ======   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: rgba(1,0,0, 1.0);
 				
 						}
 				.searchblock a:hover {
 		
 						color: rgba(255,255,255, 1.0);
 				
 						}
 						
		.searchblock a:before {
		  		
		  					content: '';
							height: 30px;
							width: 30px;
							background: url('/wp-content/themes/rooij-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: rgba(1,0,0, 1.0);
			letter-spacing: -0.03em;
		  				font-family: "Dosis", sans-serif;
}
.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(1,0,0, 0.6);
		  				font-size: 33px;
		  				font-family: "Dosis", sans-serif;
				}
				.search-form  input:-moz-placeholder,
					textarea:-moz-placeholder {
				 		color: rgba(1,0,0, 0.6);
		  				font-size: 33px;
		  				font-family: "Dosis", sans-serif;
				}
				.search-form  input::-moz-placeholder,
					textarea::-moz-placeholder {
				 		color: rgba(1,0,0, 0.6);
		  				font-size: 33px;
		  				font-family: "Dosis", sans-serif;
				}
				.search-form  input:-ms-input-placeholder,
					textarea:-ms-input-placeholder {
				 		color: rgba(1,0,0, 0.6);
		  				font-size: 33px;
		  				font-family: "Dosis", sans-serif;
				}



	
	
	
	
	
	
	
	
	
	




/* ==================================================
			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){
					
					.sub-menu {
    						background-color: rgba(251,187,57, 0.0);
    						}
    				
    				.main-menu > ul {
						display: none;
						}
					
					.hamb-icon {
						display: block;
						}
					.nav-container {
							margin-top: 0px;
					  	} 							
		 }
		 
		 @media (max-width: 1100px){
		 		}


		 @media only screen and (max-width: 992px) {
		 		}
		
			
		@media (max-width: 767px) {
						
						
						.nav-container {
    							right: 30px;
    							margin-top: 0px;
									background-size: 80%;
    							}
    							
						.nav-logo {
    							width: 250px;
    							height: 110px;
									background-size: 80%;
								background-position: center 12px;
    							}
    					.nav-logo-scroll {
					
									width: 250px;
									height: 110px;
									background-size: 80%;
								background-position: center 12px;
								}
    							
    							.hamb-iconclose {
									 width: 36px;
									     margin-right: -35px;
								 }
								 .hamb-icon {
									 width: 36px;
								 }
								
					}