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


     *{
         margin: 0;
         padding: 0;
         box-sizing: border-box;
         text-decoration: none;
     }  
   
     header{
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         margin: auto;
         max-width: 1280px;    
         background: #fff;
         box-shadow: 0 5px 10px rgba(0,0,0,.1);
         padding: 20px .5%;
         display: flex;
         align-items: center;
         justify-content: space-between;
         z-index: 1000;
     }

.navbar ul{ 
         list-style: none;
     }
     header .navbar ul{ 
         list-style: none;
     }
     header .navbar ul li{
         position: relative;
         float: left; 
     }
     header .navbar ul li a{
         padding: 20px;
         display: block;
         color:#000;
     }
     header .navbar ul li a:hover{
         background: #999; 
         color: #fff;
      }
     header .navbar ul li ul{
        position: absolute;
         left: 0;
         width: 200px;
         background: #fff;
         display: none;
         
     } 
     header .navbar ul li ul li{
         width: 100%;
         border-top: 1px solid rgba(0,0,0,.1);
     }
     
header .navbar ul li ul li a {
  width: 97%;
  border-top: 1px solid rgba(0,0,0,.1);
  color: #eb008c;
  }

     header .navbar ul li ul li ul{
         left: 200px;
         top: 0;
     }
      header .navbar ul li:focus-within > ul,
     header .navbar ul li:hover > ul{
         display: initial;
         
     }
     
     #menu-bar{
         display: none;
     }
     header label{
         font-size: 20px;
         color: #333;
         cursor: pointer;
         display: none;
     }
     
     @media screen and (max-width: 990px){
  header{
         padding: 7px;
  }

     header label{
         display: initial;
     }
 header .navbar{
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background: #fff;
         border-top: 1px solid rgba(0,0,0,.1);
         display: none;
     }     
   header .navbar ul li{
        width: 100%;
     }  
    header .navbar ul li ul{
         position: relative;
         width: 100%;
     }    
     
     
     header .navbar ul li ul li{
         background: #eee;
     }
     header .navbar ul li ul li ul{
        width: 100%; 
         left: 0;
     }
     #menu-bar:checked ~.navbar{
         display: initial;
    
     } 
  
     }