@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: 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"
}
/*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: #26201C;
  color: #A69A94
}
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: transparent;
  color: #A69A94;
    border: 1px solid #A69A94;
    padding: 0px 5px;
}
.nav-button:before, .nav-close:before {
  display: block;
  text-align: center
}
.nav-button {
/*  display: block;
  right: 1rem;
  font-size: 1.7rem*/
        right: 0rem;
    font-size: 1.7rem;
    top: 5px;
    margin-left: 15px;
    position: relative; float: right;
}
.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: #26201C;*/
  color: #A69A94
}
.nav ul {
  border-radius: 0 0 6px 6px;
/*  background: #26201C*/
}
.nav ul ul {
  background: #1e1540;
/*border-bottom: 2px solid #00aac1; */
	border: solid 1px rgba(255,255,255,0.1);
    border-radius: 0px;
}
.nav ul ul ul {
  background: #1e1540;
      border-radius: 0px !important;
}
.nav ul ul ul ul {
  background: #ddd;
}
.nav ul ul ul ul ul {
  background: #493e36
}
.nav li {
  /*border-top: 1px solid #ddd;*/
  border-top: solid 1px rgba(255,255,255,0.1);
  cursor: pointer
}
.nav li.nav-active > a, .nav li:hover > a {
  color: #00aac1;
/*  background: #2E2722*/
}
.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 {
  
  padding: 0px 0px 1px 15px;
  color: #fff;
  font-family: 'Roboto', sans-serif;
        font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.nav .nav-submenu > a:after {
  position: absolute;
  display: block;
  right: 10px;
  top: 1px;
  content: "\E005"
}


.nav ul ul a {
  background: #1e1540;
  color: #fff !important;
    text-transform: none;
    font-weight:400;
    font-size: 14px;
}

    .nav ul ul a:active, .nav ul ul a:hover {
        background: #1e1540;
        color: #00aac1 !important;
        text-transform: none;
        font-weight: 400;
        font-size: 14px;
    }


.nav ul ul ul a  {
  background: #1e1540;
color: #8e8e8e !important;
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}

nav ul ul ul a:active, .nav ul ul ul a:hover {
      background: #1e1540;
	color: #00aac1;
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}


.nav  ul li  ul li ul li {
  /*border-top: 1px solid #ddd;*/
	border-top: solid 1px rgba(255,255,255,0.1);
}

@media only screen and (min-width:992px) {
/*  body {
    padding: 0 !important
  }*/
/*  header {
    position: relative
  }
  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(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: 220px
  }
  .nav .nav-submenu > ul {
    margin: 0
  }
  .nav > ul > .nav-submenu > a:after {
    content: "\E005"
  }
  .nav .nav-submenu > a:after {
    content: "\E006"
  }
}