/*#############################################################################################################################*/
#lerelyno,
#lerelyno ul,
#lerelyno ul li,
#lerelyno ul li a,
#lerelyno #menu-button		{
  border: 0; 	 	margin: 0; 	
  padding: 0;
  -webkit-box-sizing: border-box;	



  list-style: none;
		

  -moz-box-sizing: border-box; 
	
  box-sizing: border-box;
  display: block;    
  line-height: 1;


  position: relative; }

		 

	 

/*#############################################################################################################################*/
#lerelyno:after,
#lerelyno > ul:after		{
    
 
  clear: both;
  height: 0;
   
  visibility: hidden;  

  display: block;


	
content: "."; 	 
	
  line-height: 0; 	 
}  
#lerelyno #menu-button		{
display: none; 	
	}	 
	 
#lerelyno		{ 

	background: #605E52;	} 

 
	#lerelyno > ul > li		{ 
   
  float: center;border:1px solid #FFFFFF;
 } 		
#lerelyno.align-center > ul		{ font-size: 0;



 	
  text-align: center; }
	#lerelyno.align-center > ul > li		{	 
 
  float: none; 	
display: inline-block;	
 }
	

#lerelyno.align-center ul ul		{    
  
  text-align: left; 

}		 	
#lerelyno.align-right > ul > li		{   

 	float: right;   
 
}
	 

#lerelyno > ul > li > a		{   padding: 17px;	
  letter-spacing: 1px;	
 	

  text-transform: uppercase;
 
 
  font-size: 12px;
  color: #FFFFFF;  

 
  font-weight: 700;

 	

  text-decoration: none;	}

 
  #lerelyno > ul > li:hover > a		{

     } 
	
#lerelyno > ul > li.has-sub > a		{ 		  padding-right: 30px;
	
   }	

  
#lerelyno > ul > li.has-sub > a:after		{	 
    
 	
  width: 8px;
 		   
  background: #FFFFFF;	position: absolute; 

  right: 11px; 	 
  top: 22px;
	 	


  content: '';	  
 
  display: block; 

  height: 2px;} 
#lerelyno > ul > li.has-sub > a:before		{ 	
 
 
  -moz-transition: all .25s ease; 
  background: #FFFFFF;
 position: absolute;  


  -ms-transition: all .25s ease;	

  right: 14px;
  top: 19px;	

  content: '';	


  height: 8px;	
  

  -webkit-transition: all .25s ease;

 
  display: block;
  

  width: 2px;
  
  -o-transition: all .25s ease;	
  transition: all .25s ease;
} 	    
#lerelyno > ul > li.has-sub:hover > a:before		{
 top: 23px; 
	
  height: 0;	    } 		
 #lerelyno ul ul		{ 
	  

position: absolute;
	 
  left: -9999px; 
 

 	}
 #lerelyno.align-right ul ul		{ 


text-align: right;}
 	
#lerelyno ul ul li		{
	
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;	
  -ms-transition: all .25s ease;  	 
	
  -webkit-transition: all .25s ease; 
  transition: all .25s ease;
height: 0;	  }  	 

/*#############################################################################################################################
		#lerelyno li:hover > ul
#############################################################################################################################*/
#lerelyno li:hover > ul		{ 	  

	left: auto;  } 
  
  	#lerelyno.align-right li:hover > ul		{ 	 

  right: 0; 


left: auto;	  

  }  

 
#lerelyno li:hover > ul > li		{

  height: auto;  
} 
	


	#lerelyno ul ul ul		{	
 	 


 
  top: 0;	  margin-left: 100%;} 


/*#############################################################################################################################*/
#lerelyno.align-right ul ul ul		{ 
  margin-right: 100%;  margin-left: 0;}  

#lerelyno ul ul li a		{

	 	


  font-weight: 400;  
border: 1px solid #FFFFFF; 
 


  text-decoration: none; 
 		
  color: #FFFFFF;
  font-size: 12px;
  width: 220px;

  background: #605E52; 
  

  padding: 11px 15px;	 

	}
 
  #lerelyno ul ul li:last-child > a,
#lerelyno ul ul li.last-item > a		{
  }	

#lerelyno ul ul li:hover > a,
#lerelyno ul ul li a:hover		{ 	    
font-weight:bolder;  	
	}		 	
 #lerelyno ul ul li.has-sub > a:after		{ 		

 	 
  height: 2px;  

  right: 11px;  	 

  top: 16px; 

  width: 8px;
	
  background: #FFFFFF; 


  display: block;



  content: ''; 	position: absolute;    	}	
	


#lerelyno.align-right ul ul li.has-sub > a:after		{
 		right: auto;
  left: 11px;}	
 #lerelyno ul ul li.has-sub > a:before		{
		

	
  content: '';	
  -moz-transition: all .25s ease;   	 position: absolute;   

  right: 14px;	    
  transition: all .25s ease;
  width: 2px; 
  background: #FFFFFF; 	




  display: block;
  
  -ms-transition: all .25s ease;	  	
  top: 13px; 

  -o-transition: all .25s ease;
  -webkit-transition: all .25s ease; 
    
  height: 8px;   
} 	
	

 
 #lerelyno.align-right ul ul li.has-sub > a:before		{ 
 	right: auto; 

  left: 14px;	

 }
 	

#lerelyno ul ul > li.has-sub:hover > a:before		{  	

	
  height: 0; top: 17px;}
 			
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)		{   
 #lerelyno		{ 
width: 100%;
   
}	
	 #lerelyno ul		{  
	  
 
    display: none;	

  width: 100%;
	}	
   

	 
 #lerelyno.align-center > ul		{	
  

text-align: left;
}

 
#lerelyno ul li		{
  width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);}
#lerelyno ul ul li,
  #lerelyno li:hover > ul > li		{ 


	  height: auto; 
	   }  
 
 
#lerelyno ul li a,
  #lerelyno ul ul li a		{
 
    border-bottom: 0; 		width: 100%; 
	   	}

#lerelyno > ul > li		{  float: none; 
  }   



/*#############################################################################################################################
		#lerelyno ul ul li a
#############################################################################################################################*/
#lerelyno ul ul li a		{	 
  padding-left: 25px;	 	 }
  

#lerelyno ul ul ul li a		{  

 	  padding-left: 35px;		
 }



 
	 
#lerelyno ul ul li a		{   	 
    background: none;

	
color: #FFFFFF; }
		 #lerelyno ul ul li:hover > a,
  #lerelyno ul ul li.active > a		{	 	 


 font-weight:bolder;

  }			
	 
#lerelyno ul ul,
  #lerelyno ul ul ul,
  #lerelyno.align-right ul ul		{	


 position: relative;
 
    width: 100%;	

   
    left: 0;	 
 
    text-align: left;
 
    margin: 0;

	 
 }
  
#lerelyno > ul > li.has-sub > a:after,
  #lerelyno > ul > li.has-sub > a:before,
  #lerelyno ul ul > li.has-sub > a:after,
  #lerelyno ul ul > li.has-sub > a:before		{

 

 display: none;	
	}	


 
#lerelyno #menu-button		{	 

	border: 1px solid #FFFFFF; 	
    color: #FFFFFF;
 
    padding: 17px;  
 
    font-weight: 700; display: block;  	
    text-transform: uppercase; 
    font-size: 12px;
 	


    cursor: pointer;
  
}
 
 
	#lerelyno #menu-button:after		{
 	 	
    display: block;
	
 

    border-top: 2px solid #FFFFFF;  	 
    right: 17px;  	

    content: '';	

 
 position: absolute;  
    width: 20px; 

    height: 4px; 
    border-bottom: 2px solid #FFFFFF;
 
 	

    top: 22px;
}
	

 #lerelyno #menu-button:before		{

   
    content: '';
 


    height: 2px;	
 
	
    top: 16px;   	position: absolute; 
 
  	

    width: 20px; 

    right: 17px;  
    background: #FFFFFF; 

    display: block; 	
	
}  	  

/*#############################################################################################################################*/
#lerelyno #menu-button.menu-opened:after		{	  	

    border: 0;		
    -webkit-transform: rotate(45deg); 
    width: 15px;
  
    transform: rotate(45deg);   

	background: #FFFFFF; 
    -o-transform: rotate(45deg); 
    height: 2px; 	
	

    -ms-transform: rotate(45deg); 	 	top: 23px;
 
  
    -moz-transform: rotate(45deg); } 
   
/*#############################################################################################################################
		#lerelyno #menu-button.menu-opened:before
#############################################################################################################################*/
#lerelyno #menu-button.menu-opened:before		{	 
 
	

  
    -moz-transform: rotate(-45deg);	 	
	background: #FFFFFF;

 

	
    -o-transform: rotate(-45deg); 

    -webkit-transform: rotate(-45deg);
  
    -ms-transform: rotate(-45deg);

    width: 15px;  
top: 23px; 
 

    transform: rotate(-45deg);  	}

  
#lerelyno .submenu-button		{   

 
    height: 46px;  
    border-left: 1px solid #FFFFFF;
 
    cursor: pointer;   
    z-index: 99;		
 

	
    top: 0;    
    right: 0;
 	 position: absolute;

    width: 46px;

   
    display: block;    }
 	 	
 #lerelyno .submenu-button.submenu-opened		{
  

background: #FFFFFF; 
    }	 
 	


	
/*#############################################################################################################################*/
#lerelyno ul ul .submenu-button		{ 
	 
 	height: 34px; 	
    width: 34px;  } 
 
 	
#lerelyno .submenu-button:after		{  
 
 position: absolute;	 	
    content: ''; 
   
    display: block;	



    right: 19px;
    top: 22px;
	
    width: 8px;
 
 	
    height: 2px;


    background: #FFFFFF; 	 }


	 #lerelyno ul ul .submenu-button:after		{ 		  	 
 top: 15px; 
  

    right: 13px; }
	 
#lerelyno .submenu-button.submenu-opened:after		{
 
background: #605E52;
}
 


	
/*#############################################################################################################################*/
#lerelyno .submenu-button:before		{


    width: 2px; 	


    top: 19px; position: absolute;
    height: 8px;	

    right: 22px; 	 

    display: block;
	

    background: #FFFFFF;

    content: '';  }  	
  #lerelyno ul ul .submenu-button:before		{ 


    right: 16px; top: 12px;	}
	 
	 	#lerelyno .submenu-button.submenu-opened:before		{  	 display: none;
 
}


	 	 }