@font-face{font-family:icon-font;src:url(fonts/icon-font.eot);src:url(fonts/icon-font.eot?#iefix) format('eot'),url(fonts/icon-font.woff) format('woff'),url(fonts/icon-font.ttf) format('truetype'),url(fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}
.icon-desktop:before{content:"\E001"}
.icon-menu-close:before{content:"\E002"}
.icon-menu:before{content:"\E003"}
.icon-mobile:before{content:"\E004"}
.icon-submenu-down:before{content:"\E005"}
.icon-submenu-right:before{content:"\E006"}
.icon-world:before{content:"\E007"}

.nav-lock-scroll{overflow:hidden}
.nav{display:none;position:relative;top:5rem;bottom:0;left:0;right:0;z-index:9999;overflow-x:hidden;overflow-y:auto}
.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{display:block;position:relative;}

.nav-button,.nav-close{width:5rem;height:5rem;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:5rem;background:#000;color:#fff !important; position:absolute; left:0; top:0;}
.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block; font-size:2rem; font-weight:300}
.nav-button:before{content:"\E003"}
.nav-close{display:none; font-size:2rem; font-weight:300}
.nav-close:before{content:"\E002"}
.nav{padding-top:1rem;line-height:4rem;background:#f5f5f5;color: #000;;}
.nav ul{background:#f5f5f5; font-size:1.6rem; font-weight:600}
.nav ul ul{background:#f2f2f2}
.nav ul ul ul{background:#f0f0f0}
.nav ul ul ul ul{background:#eee}
.nav ul ul ul ul ul{background:#e0e0e0}
.nav li:not(:first-child){border-top:1px solid #c1600c;cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{color:#000;background:rgba(253,202,108, 0.85)}
.nav .nav-submenu>ul{margin-left:1rem}
.nav .nav-submenu>a{padding-right:1rem!important}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 15px 1px;color:#000;text-decoration:none; font-weight:500}
.nav .nav-submenu>a:after{position:absolute;display:block;right:1rem;top:1px;content:"\E005"}


@media only screen and (min-width:960px){
    .header_bottom{padding:0; background:#fff;height:auto;}
    .nav{display:block;position:relative;bottom:auto;overflow:visible;top:0;}    
	.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:0 10px 1px;}
    .nav li{position:relative;}
    .nav>ul{display:flex; gap:2rem; align-items: center;}
    .nav>ul>li{border-top:none !important;}    
    .nav ul ul{display:none;position:absolute;top:100%;left:0;z-index:901; font-size:1.6rem;background:#f7f7f7}
    .nav ul ul a{color:#000;}
	.nav ul ul a:hover{color:#000 !important;}
    .nav ul ul ul{top:5px;left:95%;z-index:902}
    .nav ul ul ul ul{z-index:903}
    .nav ul ul ul ul ul{z-index:904}
    .nav ul ul li.nav-left>ul{left:auto;right:95%}
    .nav-no-js .nav li:hover>ul{display:block}
    
    .nav-button{display:none}
    .nav{padding:0!important}
    .nav li>ul{box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
    .nav ul ul ul{border-radius:0 6px 6px}
    .nav ul ul ul li:first-child{border-top:none}
    .nav .nav-left>ul{border-radius:6px 0 6px 6px}
    .nav .nav-submenu li{min-width:15rem}
    .nav .nav-submenu>ul{margin:0}
    .nav .nav-submenu>a{position:relative;padding-right:3rem !important;}
    .nav>ul>.nav-submenu>a:after{content:"\E005"; position:absolute;display:block;right: 1rem;top: 50%;transform: translateY(-50%);}
    .nav .nav-submenu>a:after{content:"\E006"}
}

@media only screen and (min-width:1024px){
    .nav ul{font-size:1.5rem;}
    .nav>ul{gap:0.5rem;}
    .nav ul ul{font-size:1.4rem;}
}

@media only screen and (min-width:1280px){
    .nav>ul{background:#fff;gap:1rem;}
    .nav>ul>li>a{color:#000;}
    .nav ul a, .nav ul a:hover{font-weight:600}
    
}
    
@media only screen and (max-width:959px){
    .nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{display:block}
}