#header{background:#fff;z-index:2;width:100%;transition:background .3s;}
#header #menu{color:#000;font-family:poppins,sans-serif,serif;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.6px}        


.header-fixed{position:fixed;top:-80px;transform:translate(0%,100%);background:#fff !important;transition:transform .5s !important}
 #header-inner{margin:auto;max-width:1775px;}
#logo-header img{height:80px;}
#menu{display:none;}
#btn-menu{display:block}
#menu ul{list-style:none}
#menu .menu-item{float:left;padding: 16px 0;}
#menu .menu-item:hover > a{color:#ccc}
.header-fixed #menu .menu-item:hover > a,
.header-fixed #menu .menu-item:hover > button{color:rgba(0, 157, 79,1)}

#menu .menu-item .la-chevron-up,
#menu .menu-item > button[aria-expanded='false'] .la-chevron-up,
#menu .menu-item > a[aria-expanded='false'] .la-chevron-up{display:none}

#menu .menu-item > button[aria-expanded='true'] .la-chevron-down,
#menu .menu-item > a[aria-expanded='true'] .la-chevron-down{display:none}

#menu .menu-item > button[aria-expanded='true'] .la-chevron-up,
#menu .menu-item > a[aria-expanded='true'] .la-chevron-up{display:inline-block}

#menu .menu-item:hover > button .la-chevron-down,
#menu .menu-item:hover > a .la-chevron-down{display:none}
#menu .menu-item:hover > button .la-chevron-up,
#menu .menu-item:hover > a .la-chevron-up{display:inline-block}

#menu .dropdown-menu-item > a:hover{color:#F8B715}
#menu .dropdown-menu-item.simple > a:hover{color:#1F88C9} 
#menu .sub-menu-item > a:hover{color:#1F88C9}
#menu .dropdown-menu{display:none;position:absolute;background: #fff;top:65px;border-radius:4px;width:100%;left:0;padding:64px 40px 64px 80px}
#menu .dropdown:hover .dropdown-menu{display:block;animation:fade-in-out .3s ease}
#menu .dropdown-menu-item{color:#444;}
#menu .dropdown-menu-item > a {display:inline-block;padding-bottom:8px}
#menu .dropdown-menu-item.w3-col > a{font-weight:bold;text-decoration:underline}
#menu .sub-menu-item > a{display:inline-block;padding:8px 0}
#menu .dropdown-menu-item.simple{padding:8px 0}
#menu .sub-menu{padding:0;}
.menu-item .w3-bar-item{padding:8px}

.menu-item > button{background:#fff;text-transform:uppercase}
.menu-item > button > .las,
.menu-item > a > .las{font-size:13px;}


@media(min-width:400px){
    #header{padding:0 30px}
}

@media(min-width:1280px){
    /* header */
    #menu{display:block}
    #btn-menu{display:none}
}

@media(min-width:1533px){
    .menu-item .w3-bar-item{padding:8px 16px}
}


@media(min-width:1920px){
    /* header */
    #header{padding:0 64px;}            
}