#tavix,
#tavix ul,
#tavix ul li,
#tavix ul li a,
#tavix #menu-button	{		 
 

  -webkit-box-sizing: border-box;

 margin: 0;

   
	
  border: 0;
  list-style: none;
	
 
  position: relative; 

  padding: 0;

 
  
  display: block;		


	
  -moz-box-sizing: border-box;
  box-sizing: border-box;


  line-height: 1;	  
}
  	
#tavix:after,
#tavix > ul:after	{   


 
  height: 0;  
content: ".";	 	 
  display: block;		 
	
  visibility: hidden;

  clear: both;
 
 
  line-height: 0;	

	

 	}
 



#tavix #menu-button	{  	 
  
display: none; 
 
} 
 
	 

#tavix	{    background: #685D49;


}	
	
 
 #tavix > ul > li	{



  float: center;
 
border:1px solid #FFFFFF;   }  
	
		
#tavix.align-center > ul	{
 	 
  text-align: center;



font-size: 0;	  


}	 

 #tavix.align-center > ul > li	{ 
 	
 display: inline-block;  


  float: none;  }

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

 }



 


#tavix.align-right > ul > li	{  float: right;	
}


#tavix > ul > li > a	{
 
  font-size: 12px; 
padding: 17px;
	
  text-decoration: none;
 
 

  color: #FFFFFF;
  letter-spacing: 1px; 	 	
  text-transform: uppercase;
		
  font-weight: 700; 
 } 
 #tavix > ul > li:hover > a	{
	  	 }
 


  
#tavix > ul > li.has-sub > a	{   padding-right: 30px;  
} 
  
 #tavix > ul > li.has-sub > a:after	{
 
  height: 2px;
  right: 11px;  
  content: ''; 
position: absolute;  	
  width: 8px;	 
	
  top: 22px; 

  display: block;	

  background: #FFFFFF;	

}
	 
   

	#tavix > ul > li.has-sub > a:before	{	  
  transition: all .25s ease;	
  -o-transition: all .25s ease;	
position: absolute;	
  
  background: #FFFFFF;	

  content: '';

 	
  -ms-transition: all .25s ease;	
  width: 2px; 	

 		
  right: 14px;
	


  -webkit-transition: all .25s ease; 


  height: 8px;	 
  display: block;
 
  top: 19px;		  

  -moz-transition: all .25s ease;
			
 
}
	




	
#tavix > ul > li.has-sub:hover > a:before	{	
	
  	 top: 23px;


  height: 0; 
 
} 
 

   #tavix ul ul	{

 
 
 position: absolute;  
 
  left: -9999px; 	 	  }    
#tavix.align-right ul ul	{  	
 
  

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

 

	
  -moz-transition: all .25s ease; 


  height: 0; }

#tavix li:hover > ul	{

 
 left: auto;   	}


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

 
  right: 0;	 

 }	
  

#tavix li:hover > ul > li	{ 
 		
	  height: auto;   }  	

  #tavix ul ul ul	{ margin-left: 100%;
  top: 0; }
 	
#tavix.align-right ul ul ul	{
	 	
 
  margin-right: 100%; 

	margin-left: 0;	 
} 

  
 		#tavix ul ul li a	{	

  width: 170px;  
  background: #685D49;	 
  padding: 11px 15px;	
  

  font-weight: 400;	 
  color: #FFFFFF;
 
  text-decoration: none;  
 		 border: 1px solid #FFFFFF; 
 

  font-size: 12px;   
}	

	  
/*======================================*/
#tavix ul ul li:last-child > a,
#tavix ul ul li.last-item > a	{  } 
	  
 #tavix ul ul li:hover > a,
#tavix ul ul li a:hover	{

  
  font-weight:bolder;



}


#tavix ul ul li.has-sub > a:after	{
  background: #FFFFFF; 
  top: 16px; 
	
  content: '';

  height: 2px;
  display: block;	
 position: absolute;	  
  width: 8px;	 
  right: 11px;	
 
}
	
 
 #tavix.align-right ul ul li.has-sub > a:after	{
right: auto; 

 
  left: 11px;


}   

  
/*======================================*/
#tavix ul ul li.has-sub > a:before	{  
  top: 13px;	
 
  -webkit-transition: all .25s ease;	   
  content: '';


  width: 2px; 

  display: block;



	position: absolute; 	 	

  transition: all .25s ease;  
  -o-transition: all .25s ease;  	

  background: #FFFFFF;
  -ms-transition: all .25s ease;  

  -moz-transition: all .25s ease;	
	
  height: 8px;
    
  right: 14px;   
 }

	 
#tavix.align-right ul ul li.has-sub > a:before	{

  left: 14px;

  
right: auto;   	}  	 
	
  
/*======================================

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

======================================*/
#tavix ul ul > li.has-sub:hover > a:before	{	    

top: 17px;
 

		 	
  height: 0;	 
 }	 

@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)	{	 
 #tavix	{
width: 100%;
 }   



 
 #tavix ul	{width: 100%;

 	 
    display: none;}  	
#tavix.align-center > ul	{ 
 					 text-align: left;
}


		#tavix ul li	{     

width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
} 
 	

#tavix ul ul li,
  #tavix li:hover > ul > li	{ 	 

height: auto;

  	 }	 	
 


 	#tavix ul li a,
  #tavix ul ul li a	{
 	

 width: 100%;

  		
    border-bottom: 0;	 }
 


#tavix > ul > li	{
	float: none;	 
}
  
 #tavix ul ul li a	{	  
	padding-left: 25px;	
 } 

#tavix ul ul ul li a	{ padding-left: 35px;}

/*======================================*/
#tavix ul ul li a	{	 


 
 
    background: none;
 
   color: #FFFFFF;} 

#tavix ul ul li:hover > a,
  #tavix ul ul li.active > a	{ font-weight:bolder; 	}   
 #tavix ul ul,
  #tavix ul ul ul,
  #tavix.align-right ul ul	{	  
 
  
position: relative;	 
    margin: 0; 
    text-align: left; 
 

    left: 0;

	 
    width: 100%; 
} 
 	
#tavix > ul > li.has-sub > a:after,
  #tavix > ul > li.has-sub > a:before,
  #tavix ul ul > li.has-sub > a:after,
  #tavix ul ul > li.has-sub > a:before	{     	   display: none; 
 	
} 
	
#tavix #menu-button	{

	display: block;
 
  
    cursor: pointer;	
    padding: 17px;    
    color: #FFFFFF;  

	border: 1px solid #FFFFFF; 
    font-size: 12px;
   
    font-weight: 700;	    
    text-transform: uppercase; 	 
}	

 

#tavix #menu-button:after	{



 
    content: '';
	
    height: 4px; 

    right: 17px;


    border-top: 2px solid #FFFFFF; 
    display: block;  
    border-bottom: 2px solid #FFFFFF; 
  
	position: absolute;	  
    top: 22px; 

    width: 20px;	
}



#tavix #menu-button:before	{

  
    width: 20px;

    content: '';
    right: 17px;  	 
    background: #FFFFFF;   

    top: 16px;	 
  position: absolute;		

    display: block;
    height: 2px;}
 	
  #tavix #menu-button.menu-opened:after	{	

	
 
    -webkit-transform: rotate(45deg);
 
    -moz-transform: rotate(45deg);
    height: 2px;

 
    transform: rotate(45deg);
    width: 15px;
	background: #FFFFFF;	top: 23px;
  
    border: 0;		
    -ms-transform: rotate(45deg);  
    -o-transform: rotate(45deg); 		}
      

#tavix #menu-button.menu-opened:before	{  


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


    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);top: 23px; 

    width: 15px;   

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



  
    -o-transform: rotate(-45deg);  	 	} 
	 
 #tavix .submenu-button	{  		   
    display: block;  
    right: 0;

    width: 46px; 

 
    z-index: 99; 
    top: 0; 
 	

    cursor: pointer;	
    border-left: 1px solid #FFFFFF;	
	 
    height: 46px;	position: absolute;   } 	
  

 	#tavix .submenu-button.submenu-opened	{ 	  
background: #FFFFFF;
} 

/*======================================*/
#tavix ul ul .submenu-button	{
    width: 34px;	
height: 34px;	 	

} 
 
	 
/*======================================*/
#tavix .submenu-button:after	{ 
    top: 22px;
    content: ''; 
	
    display: block;
	


    width: 8px;
   

    right: 19px;
 	

position: absolute;
    background: #FFFFFF;
  
    height: 2px; }	

#tavix ul ul .submenu-button:after	{top: 15px; 
    right: 13px;  }
 

	#tavix .submenu-button.submenu-opened:after	{
 
background: #685D49; } 

 
	
#tavix .submenu-button:before	{
    
    top: 19px;	   position: absolute;	
    content: '';  
    background: #FFFFFF;	

    height: 8px;
		 	
    display: block; 
    right: 22px;   
    width: 2px; 	}  
 #tavix ul ul .submenu-button:before	{
    
    right: 16px;
  	 top: 12px;	 

	
}		 	




 #tavix .submenu-button.submenu-opened:before	{ 
 
 
		display: none;	
 }	

   }