@charset "utf-8";
/* CSS Document */

#btn-menu {
	
	

    display:none;
	
}




header label {
	
	
	font-size:30px;
	cursor: pointer;
    display:none;
	text-align:center;
}


.menu  {
   
	
    z-index:1000;
	float: right;
	display: flex;
	
}










.menu ul {

	
	
	list-style:none;
    display:flex;

}






.menu ul ul {

	display:none;
background: #fff;
overflow:hidden;


}

.menu li{

flex:auto;
}





.menu a {
	display:block;
	width:120px;
	padding-bottom: 5px;
	padding-top: 22px;
	padding-left:5px; 
	padding-right: 5px;
	color:#2A2A1B;
	text-decoration:none;
	font-weight: 300;
	font-size:16px;
	transition: all .6s;
	text-align:center;
	font-family:  'Days One', sans-serif;
}


.menu a:hover {
    color:#F85800; 
	
	 
 box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}




.menu ul li:hover ul  {
	display:flex;
	flex-direction:column;
	align-items:center;
	
	
 
}




.menu ul li ul li a{
	color:#2A2A1B;
	font-weight: 300;
	font-size:13px;
	padding-top: 15px;
	padding-bottom: 20px;
     transition: all .6s;
	border-bottom: 1px solid #fff;
}






.menu ul li ul li a:hover{
	color:#F85800;
	position: relative;
    z-index:1000;
	border-bottom: 1px solid #F85800;
	background-color: #F1F1F1;
}


@media (max-width:1023px) {

header label {
	padding-top: 15px;
	font-size:20px;
color:#F85800;
    display:block;
	float: right;
	
}

.menu  {
   
	position: absolute;
	top:60px;
	left:0;
     width:100%;
	 height:450vh;
	 transform:translateX(-100%);
	 transition: all 0.3s;
	background: #F85800;
	 
}

.menu ul {

	display:block;
	background: #F85800;
     width:100%;
	
}

.menu ul ul {


-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}
	
	
	
.menu ul li:hover ul  {

	display:none;
	position: static;
	

}



.menu ul a {
	
	width:100%;
	padding:15px 10px;
	color:#FFF;
	text-decoration:none;
	font-weight: 400;
	font-size:19px;
	transition: all .6s;
	text-align:center;
	transition: all .6s;
}
	

.menu ul a:hover{

	display:block;
	color:#F85800;
	background: #fff;
     width:100%;
	
}
	


	
	
	
	
	

#btn-menu:checked ~ .menu {
      transform:translateX(0%);
}



	
.menu ul ul a{

	padding:15px 40px;

}
	

.menu ul li ul li a{
	color:#AFAFAF;

     transition: all .6s;
}






.menu ul li ul li a:hover{
	color:#F85800;

}	
	
	
	
	
	
	
	
	
}