.the-page {
  position: relative;
  overflow-x: hidden; }

.actual-page {
  position: relative;
  overflow: hidden;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease; }

.move-left {
  right: 300px; }

#mobile-menu {
  background-color: #b3b4b9;
  position: fixed;
  top: 0;
  right: -300px;
  height: 100%;
  width: 300px;
  overflow: auto;
  z-index: 2000; }
  #mobile-menu.move-in {
    right: 0; }

.mobile-menu {
  padding: 20px;
  box-sizing: border-box;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease; }
  .mobile-menu ul {
    list-style-type: none; }
  .mobile-menu .mobile-navigation {
    margin-bottom: 0; }
  .mobile-menu .mobile-navigation > li {
    margin-left: 0; }
    .mobile-menu .mobile-navigation > li:before {
      content: none; }
    .mobile-menu .mobile-navigation > li:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .mobile-menu .mobile-navigation > li > a {
      font-weight: 600;
      color: #fff;
      display: block;
      margin-bottom: 20px;
      line-height: 1em; }
    .mobile-menu .mobile-navigation > li.menu-item-has-children {
      position: relative; }
      .mobile-menu .mobile-navigation > li.menu-item-has-children:after {
        content: '';
        background: url("icons/icon-arrow-white.svg") no-repeat 50% 50%;
        background-size: cover;
        width: 26px;
        height: 26px;
        position: absolute;
        top: -3px;
        right: -5px;
        cursor: pointer;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all 0.8s ease;
        -moz-transition: all 0.8s ease;
        transition: all 0.8s ease; }
      .mobile-menu .mobile-navigation > li.menu-item-has-children.active {
        padding-bottom: 10px; }
        .mobile-menu .mobile-navigation > li.menu-item-has-children.active:after {
          -webkit-transform: rotate(90deg);
          -moz-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
          -o-transform: rotate(90deg);
          transform: rotate(90deg); }
      .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu {
        padding-left: 10px;
        display: none;
        margin-bottom: 0; }
        .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu li {
          margin-left: 0; }
          .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu li:before {
            content: none; }
          .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu li:first-child {
            margin-top: 0; }
          .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu li:last-child {
            margin-bottom: 0; }
        .mobile-menu .mobile-navigation > li.menu-item-has-children .sub-menu a {
          color: #eee; }
  .mobile-menu .icon-close-container {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 16px;
    right: 14px;
    cursor: pointer;
    z-index: 99999; }
  .mobile-menu .icon-close {
    width: 28px;
    height: 28px; }
    .mobile-menu .icon-close path:first-child {
      fill: #fff; }

@media (max-width: 800px) {
  .mobile-menu .mobile-navigation > li a {
    font-size: 16px; } }

/*# sourceMappingURL=mobile-menu.css.map */