body {
  overflow-x: hidden;
}
#menuToggle {
  display: block;
  position: absolute;
  top: 74px;
  right: 230px;
  color: #fff;
  text-transform: uppercase;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
#menuToggle:hover span {
  color: #c7b294;
  background: #c7b294;
}
#menuToggle:hover label {
  color: #c7b294;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
  display: block;
  width: 28px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 1px;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0s, opacity 0.55s ease;
  z-index: 1;
  cursor: pointer;
}
#menuToggle label {
  float: left;
  margin-left: 45px;
  cursor: pointer;
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#main-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 370px;
  margin: 0;
  padding: 0;
  background: #2b2c31;
  padding: 28px 0 0 0;
  list-style-type: none;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transition: right 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  z-index: 1;
}
#main-menu.toggled {
  right: 0px;
}
/*
 * And let's slide it in from the left
 */
#main-menu {
  z-index: 3;
  padding: 0;
  min-height: 100%;
}
#main-menu ul {
  margin: 20px 15px 10px 0px;
  padding-left: 15px;
}
#main-menu ul li {
  border-bottom: solid 1px #a0a0a0;
  text-transform: uppercase;
}
#main-menu ul li a {
  padding: 12px .5vw;
  font-size: 15px;
  color: #ffffff;
}
#main-menu ul li a:visited {
  color: #ffffff;
}
#main-menu ul li a:hover {
  color: #c7b294;
}
#main-menu ul li ul {
  margin: 0;
  padding-left: 0px;
  height: 0;
  opacity: 0;
  transition: height 0.3s, opacity 0s linear;
}
#main-menu ul li ul li {
  border: none;
  text-transform: none;
}
#main-menu ul li ul li a {
  padding: 8px;
  font-size: 14px;
  color: #c7b294;
}
#main-menu ul li ul li a:visited {
  color: #c7b294;
}
#main-menu ul li ul li a:hover {
  color: #ffffff;
}
#main-menu ul li ul li ul {
  padding-left: 15px;
}
#main-menu ul li ul.opened {
  height: auto;
  opacity: 1;
  margin-bottom: 15px;
}
#main-menu ul a {
  display: block;
  position: relative;
}
#main-menu ul a .sub-arrow {
  position: absolute;
  top: 0;
  right: 0px;
  display: block;
  float: right;
  height: 100%;
  width: 15%;
}
#main-menu ul a .sub-arrow:after {
  position: relative;
  top: 50%;
  content: '';
  width: 1px;
  height: 1px;
  float: right;
  margin: -3px 8px 0 0;
  overflow: hidden;
  border: solid white;
  border-width: 0 3px 3px 0;
  display: block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform-origin: 50% 50%;
  transition: rotate 0.4s linear;
}
#main-menu ul a .sub-arrow.highlighted:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.main-menu-top {
  width: 100%;
  display: table;
  height: 48px;
  text-align: center;
}
.main-menu-top div {
  display: table-cell;
  vertical-align: middle;
}
.main-menu-top .menu-home {
  width: 22%;
}
.main-menu-top .menu-close,
.main-menu-top .menu-title {
  background-color: #fff;
}
.main-menu-top .menu-close {
  width: 16%;
}
.main-menu-top .menu-title {
  width: 20%;
  text-align: left;
  text-transform: uppercase;
}
.main-menu-top .menu-lang select {
  width: 130px;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 2px 2px 2px;
  border: none;
  background: #2b2c31 url('/assets/pctrs/top_select_arrow.png') 100px center no-repeat;
  color: #a0a8b2;
  text-transform: uppercase;
}
.main-menu-top .menu-lang a {
  display: block;
  width: 100%;
  color: #a0a8b2;
  text-transform: uppercase;
  text-align: left;
  margin-left: 30px;
}
.main-menu-top .menu-lang a:hover {
  color: #fff;
}
/*# sourceMappingURL=menu.css.map */