@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,
header h1:before{
    font-family:icon-font;-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:white;
    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"
}

body{
    padding-top:4.4rem
}

header{
    display:block;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:901;
    padding-left:10px;
    line-height:4.4rem;
    background:#ffffff;color:
    #2f5bd6
}

header h1{
    margin:0;
    font-size:1.7rem;
    line-height:4.4rem
}

header h1:before{
    content:"\E004";
    margin-right:8px
}

.nav-button,
.nav-close{
    position:fixed;
    top:0;
    width:2.4rem;
    height:4.4rem;
    overflow:hidden;
    z-index:902;
    cursor:pointer;
    text-decoration:none;
    line-height:4.4rem;
    background:#fafaf9;color:#000000
}

.nav-button:before,
.nav-close:before{
    display:block;
    text-align:center
}

.nav-button{
    display:block;
    right:1rem;
    font-size:1.7rem
}

.nav-button:before{
    content:"\E003"
}

.nav-close{
    display:none;
    right:4rem;
    font-size:1.9rem
}

.nav-close:before{
    content:"\E002"
}

.nav{
    padding-top:4.4rem;
    line-height:4.4rem;
    background:#fafafa;color:#000000
}

.nav ul{
    border-radius:0 0 6px 6px;
    background:#ffffff;
}

.nav ul ul{
    background:#ffffff;
}

.nav ul ul ul{
    background:#ffffff;
    overflow: auto;
}

.nav ul ul ul ul{
    background:#ffffff;
}

.nav ul ul ul ul ul{
    background:#ffffff;
}

.nav li{
    border-top:1px solid #d8d8d8;
    cursor:pointer;
}

.nav li.nav-active>a,.nav li:hover>a{
    color:#923600;
    background:#ffffff
}

.nav .nav-submenu>ul{
    margin-left:10px
}

.nav .nav-submenu>a{
    padding-right:30px!important;
}

.nav a,.nav a:active,.nav a:hover,.nav a:visited{
    border-radius:6px;
    padding:0 15px 1px;
    color:#8C827D;
    text-decoration:none;
}

.nav .nav-submenu>a:after{
    position:absolute;
    display:block;
    right:10px;
    top:1px;
    content:"\E005";
}

.nav-submenu > li:hover{ background-color: white }
.nav-submenu > li:hover > .submenu{
  display: inline-block;
  position: absolute;
  animation-duration: 30s;
  animation-delay: 1s;
  max-height: 50vh;
}

@media only screen and (min-width:960px){
    body{
        padding:0!important
    }
    header{
        position:relative;
        align-items: center;
    }
    header h1:before{
        content:"\E001";
    }
    .nav-button{
        display:none
    }
    .nav{
        padding:0!important
    }
    .nav>ul>li{
        border-top:none
    }
    .nav li>ul{
        box-shadow:0 0 5px 0 rgba(255, 255, 255, 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:110px
    }
    .nav .nav-submenu>ul{
        margin:0
    }
    .nav>ul>.nav-submenu>a:after{
        content:"\E005"
    }
    .nav .nav-submenu>a:after{
        content:"\E006"
    }
}