.hamburger-menu {
  display: none;
  position: absolute;
  top: 75px;
  right: calc((100% - 1200px) / 2);
  width: 314px;
  height: auto;
  padding: 40px 40px 40px 60px;
  background-color: rgba(82, 82, 82, 0.95);
  box-shadow: -2px 0px 3px 0px rgba(0, 0, 0, 0.4);
  z-index: 99;
  border-top: solid 3px #b11f25; }
  @media only screen and (min-width: 500px) {
    .hamburger-menu {
      top: 125px; } }
  .hamburger-menu .navigation {
    clear: right; }
    .hamburger-menu .navigation a.expandable::before {
      content: url(../../Images/white-circle-plus.png);
      display: block;
      position: absolute;
      top: calc(50% - 8px);
      left: 0;
      width: 16px;
      height: 16px; }
    .hamburger-menu .navigation a.expandable.max::before {
      content: url(../../Images/white-circle-minus.png); }
    .hamburger-menu .navigation__submenu {
      display: none; }
    .hamburger-menu .navigation__lvl1 {
      text-transform: uppercase;
      font-size: 0.8680555555555556rem;
      font-weight: 600;
      padding-bottom: 10px; }
    .hamburger-menu .navigation__lvl2 {
      font-size: 0.6944444444444444rem;
      font-weight: 400; }
      .hamburger-menu .navigation__lvl2 > a {
        padding-bottom: 10px; }
        .hamburger-menu .navigation__lvl2 > a.expandable::before {
          top: calc(50% - 10px) !important; }
      .hamburger-menu .navigation__lvl2:first-child > a {
        margin-top: 10px; }
    .hamburger-menu .navigation__lvl3 {
      text-transform: none; }
      .hamburger-menu .navigation__lvl3:last-child a {
        padding-bottom: 17px; }
    .hamburger-menu .navigation__menuitem--tool {
      display: block; }
      @media only screen and (min-width: 950px) {
        .hamburger-menu .navigation__menuitem--tool {
          display: none; } }
  .hamburger-menu a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 5px 0 5px 32px;
    color: #fff; }
  .hamburger-menu .hamburger-icon {
    cursor: pointer;
    float: right;
    padding: 5px 10px; }
  .hamburger-menu .hamburger-close {
    cursor: pointer;
    margin: 5px 0 0 -7px;
    color: #fff;
    font-size: 0.6944444444444444rem;
    text-transform: uppercase; }
    .hamburger-menu .hamburger-close:hover {
      text-decoration: underline; }
    .hamburger-menu .hamburger-close img {
      vertical-align: middle;
      padding-right: 5px; }
  @media only screen and (max-width: 1200px) {
    .hamburger-menu {
      right: 0; } }