@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"
}

.nav-lock-scroll {
   overflow: hidden
}

.nav {
   display: none;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   overflow-x: hidden;
   overflow-y: auto;
   width: 100%;
   text-align: center
}

.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 {
   top: 0;
   width: 100%;
   height: 35px;
   overflow: hidden;
   z-index: 902;
   cursor: pointer;
   text-decoration: none;
   background: #171717;
   color: #fff
}

.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 {
   line-height: 3rem;
   color: #fff
}

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

.nav ul ul {
   text-align: left;
   background-color: #171717;
}
.nav ul ul span {
   padding-left: 20px;
}

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

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

.nav li:hover>a {
   color: #d1d1d1;
}

.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: #fff;
   text-decoration: none;
   text-transform: uppercase;
}

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

.nav-button {
   width: 50px;
   float: right;
   position: relative;
   top: 4px;
   right: -8px;
}

@media only screen and (max-width:960px) {
   .nav {
      text-align: left;
      height: auto;
   }

   .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
   }
}

@media only screen and (min-width:960px) {
   .nav-button {
      display: none
   }

   .nav {
      display: block;
      position: relative;
      bottom: auto;
      overflow: visible;
      padding: 0 !important
   }

   .nav li {
      position: relative;
      white-space: nowrap
   }

   .nav li>ul {
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
   }

   .nav>ul>li {
      display: inline-block;
      border-top: none
   }

   .nav ul {
      display: block
   }

   .nav ul ul {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 901
   }

   .nav .nav-left>ul {
      border-radius: 6px 0 6px 6px
   }

   .nav ul ul li.nav-left>ul {
      left: auto;
      right: 95%
   }

   .nav-no-js .nav li:hover>ul {
      display: block
   }

   .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"
   }


}