.arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
  }
  .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-right: 10px;
  }
  .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-right: 10px;
  }

  .arrow:hover{
      cursor: pointer;
      opacity: 0.5;
  }
    
    .section-1 .menu-bar {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2000;
        pointer-events: none;
      }
      
      .section-1 .menu-bar.show {
        pointer-events: auto;
      }
      
      .section-1 .menu-bar .menu-bar-content {
        position: initial;
        width: 100%;
        height: 100%;
        display: inline-block  !important;
      }
      
      .section-1 .menu-bar .menu-bar-content:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background-color: black;
        transition: all 750ms;
        -webkit-transition: all 750ms;
        -moz-transition: all 750ms;
        -o-transition: all 750ms;
      }
      
      .section-1 .menu-bar .menu-bar-content:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 0;
        background-color: black;
        transition: all 750ms;
        -webkit-transition: all 750ms;
        -moz-transition: all 750ms;
        -o-transition: all 750ms;
      }
      
      .section-1 .menu-bar.show .menu-bar-content:before,
      .section-1 .menu-bar.show .menu-bar-content:after {
        width: 51vw;
      }
      
      .section-1 .menu-bar .cancel-icon {
        position: absolute;
        right: 45px;
        top: 40px;
        z-index: 300;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: transparent;
        border: none;
        outline: none;
        opacity: 0;
        cursor: pointer;
      }
      
      .section-1 .menu-bar.show .cancel-icon{
          opacity:1;
      }
      .section-1 .menu-bar .cancel-icon > * {
        flex: 1;
        max-width: 100%;
      }
      
      .menu_full {
          position: fixed;
          background: #e3e3e3;
          top: 0;
          left: 0;
          width: 100%;
          height: 0;
          visibility: hidden;
          z-index: 9999999999;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
      }
      .menu-bar .menu-bar-content  .menu-menu-main{
      opacity: 0
      }
    .menu-bar .menu-bar-content  .menu-menu-main.show{
          opacity: 1;
          text-align: center;
          font-weight:400;
          line-height: 3;
            z-index: 2000;
          position: relative;
          top: 50%;
          transition: all 1s;
          transition-delay: 0.5s;
          /* -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%) */
      }
      .menu-bar .menu-bar-content  .menu-menu-main.show ul{
              border-radius: 10px;
/*           background: rgb(42, 41, 41); */
          width: 60%;
          margin: 0px auto;
      }
      
      .menu-bar .menu-bar-content  .menu-menu-main.show li:hover a{
          color:#d8b800;
      }
      .open_menu {
          overflow: hidden;
      }
      
      .menu-bar .menu-bar-content  .menu-menu-main li {
          -webkit-animation: fadeMoveFromTop 0.5s cubic-bezier(0.58, 0.27, 0.81, 0.57) forwards;
          -moz-animation: fadeMoveFromTop 0.5s cubic-bezier(0.58, 0.27, 0.81, 0.57) forwards;
          -o-animation: fadeMoveFromTop 0.5s cubic-bezier(0.58, 0.27, 0.81, 0.57) forwards;
          animation: fadeMoveFromTop 0.5s cubic-bezier(0.58, 0.27, 0.81, 0.57) forwards;
          -webkit-animation-delay: 0s;
          -moz-animation-delay: 0s;
          -o-animation-delay: 0s;
          animation-delay: 0s;
          -webkit-transform-origin: bottom;
          transform-origin: bottom;
          max-width: 600px;
          margin-left: auto;
          margin-right: auto;
      }
      .menu-bar .menu-bar-content  .menu-menu-main li a{
          color: #fff;
          font-size: 1.3rem;
          line-height: 2;
      }
      
      .menu-bar .menu-bar-content  .menu-menu-main.show > li > ul > li > ul > li{
          list-style: none;
      }
      .menu-bar .menu-bar-content  .menu-menu-main.show > li > ul > li > ul > li a{
          font-size: 1rem;
          color: #e0e0e0 !important;
      }

      
      #menu-burger-menu > li > ul >li.menu-item-has-children > ul.show{
          opacity: 1 ;
          display: block;
      }

    
      @-webkit-keyframes fadeMoveFromTop {
          0% {
              opacity: 0;
              bottom: 20px;
          }
          75% {
              opacity: 1;
              bottom: 0;
          }
          100% {
              bottom: 0;
              opacity: 1;
          }
      }
      @-moz-keyframes fadeMoveFromTop {
          0% {
              opacity: 0;
              bottom: 20px;
          }
          75% {
              opacity: 1;
              bottom: 0;
          }
          100% {
              bottom: 0;
              opacity: 1;
          }
      }
      @-o-keyframes fadeMoveFromTop {
          0% {
              opacity: 0;
              bottom: 20px;
          }
          75% {
              opacity: 1;
              bottom: 0;
          }
          100% {
              bottom: 0;
              opacity: 1;
          }
      }
      @keyframes fadeMoveFromTop {
          0% {
              opacity: 0;
              bottom: 20px;
          }
          75% {
              opacity: 1;
              bottom: 0;
          }
          100% {
              bottom: 0;
              opacity: 1;
          }
      }
      @-webkit-keyframes perspective {
          0% {
              -webkit-transform: rotate3d(0, 1, 0, 90deg);
              -moz-transform: rotate3d(0, 1, 0, 90deg);
              -ms-transform: rotate3d(0, 1, 0, 90deg);
              -o-transform: rotate3d(0, 1, 0, 90deg);
              transform: rotate3d(0, 1, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(0, 1, 0, 0deg);
              -moz-transform: rotate3d(0, 1, 0, 0deg);
              -ms-transform: rotate3d(0, 1, 0, 0deg);
              -o-transform: rotate3d(0, 1, 0, 0deg);
              transform: rotate3d(0, 1, 0, 0deg);
          }
      }
      @-moz-keyframes perspective {
          0% {
              -webkit-transform: rotate3d(0, 1, 0, 90deg);
              -moz-transform: rotate3d(0, 1, 0, 90deg);
              -ms-transform: rotate3d(0, 1, 0, 90deg);
              -o-transform: rotate3d(0, 1, 0, 90deg);
              transform: rotate3d(0, 1, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(0, 1, 0, 0deg);
              -moz-transform: rotate3d(0, 1, 0, 0deg);
              -ms-transform: rotate3d(0, 1, 0, 0deg);
              -o-transform: rotate3d(0, 1, 0, 0deg);
              transform: rotate3d(0, 1, 0, 0deg);
          }
      }
      @-o-keyframes perspective {
          0% {
              -webkit-transform: rotate3d(0, 1, 0, 90deg);
              -moz-transform: rotate3d(0, 1, 0, 90deg);
              -ms-transform: rotate3d(0, 1, 0, 90deg);
              -o-transform: rotate3d(0, 1, 0, 90deg);
              transform: rotate3d(0, 1, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(0, 1, 0, 0deg);
              -moz-transform: rotate3d(0, 1, 0, 0deg);
              -ms-transform: rotate3d(0, 1, 0, 0deg);
              -o-transform: rotate3d(0, 1, 0, 0deg);
              transform: rotate3d(0, 1, 0, 0deg);
          }
      }
      @keyframes perspective {
          0% {
              -webkit-transform: rotate3d(0, 1, 0, 90deg);
              -moz-transform: rotate3d(0, 1, 0, 90deg);
              -ms-transform: rotate3d(0, 1, 0, 90deg);
              -o-transform: rotate3d(0, 1, 0, 90deg);
              transform: rotate3d(0, 1, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(0, 1, 0, 0deg);
              -moz-transform: rotate3d(0, 1, 0, 0deg);
              -ms-transform: rotate3d(0, 1, 0, 0deg);
              -o-transform: rotate3d(0, 1, 0, 0deg);
              transform: rotate3d(0, 1, 0, 0deg);
          }
      }
      @-webkit-keyframes perspectiveA {
          0% {
              -webkit-transform: rotate3d(1, 0, 0, 90deg);
              -moz-transform: rotate3d(1, 0, 0, 90deg);
              -ms-transform: rotate3d(1, 0, 0, 90deg);
              -o-transform: rotate3d(1, 0, 0, 90deg);
              transform: rotate3d(1, 0, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(1, 0, 0, 0deg);
              -moz-transform: rotate3d(1, 0, 0, 0deg);
              -ms-transform: rotate3d(1, 0, 0, 0deg);
              -o-transform: rotate3d(1, 0, 0, 0deg);
              transform: rotate3d(1, 0, 0, 0deg);
          }
      }
      @-moz-keyframes perspectiveA {
          0% {
              -webkit-transform: rotate3d(1, 0, 0, 90deg);
              -moz-transform: rotate3d(1, 0, 0, 90deg);
              -ms-transform: rotate3d(1, 0, 0, 90deg);
              -o-transform: rotate3d(1, 0, 0, 90deg);
              transform: rotate3d(1, 0, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(1, 0, 0, 0deg);
              -moz-transform: rotate3d(1, 0, 0, 0deg);
              -ms-transform: rotate3d(1, 0, 0, 0deg);
              -o-transform: rotate3d(1, 0, 0, 0deg);
              transform: rotate3d(1, 0, 0, 0deg);
          }
      }
      @-o-keyframes perspectiveA {
          0% {
              -webkit-transform: rotate3d(1, 0, 0, 90deg);
              -moz-transform: rotate3d(1, 0, 0, 90deg);
              -ms-transform: rotate3d(1, 0, 0, 90deg);
              -o-transform: rotate3d(1, 0, 0, 90deg);
              transform: rotate3d(1, 0, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(1, 0, 0, 0deg);
              -moz-transform: rotate3d(1, 0, 0, 0deg);
              -ms-transform: rotate3d(1, 0, 0, 0deg);
              -o-transform: rotate3d(1, 0, 0, 0deg);
              transform: rotate3d(1, 0, 0, 0deg);
          }
      }
      @keyframes perspectiveA {
          0% {
              -webkit-transform: rotate3d(1, 0, 0, 90deg);
              -moz-transform: rotate3d(1, 0, 0, 90deg);
              -ms-transform: rotate3d(1, 0, 0, 90deg);
              -o-transform: rotate3d(1, 0, 0, 90deg);
              transform: rotate3d(1, 0, 0, 90deg);
          }
          100% {
              -webkit-transform: rotate3d(1, 0, 0, 0deg);
              -moz-transform: rotate3d(1, 0, 0, 0deg);
              -ms-transform: rotate3d(1, 0, 0, 0deg);
              -o-transform: rotate3d(1, 0, 0, 0deg);
              transform: rotate3d(1, 0, 0, 0deg);
          }
      }
      .menu-menu-main {
          top: 50%;
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          transform: translateY(-50%);
          position: relative;
      }
      .menu_full ul li a {
          -webkit-transform: rotate3d(1, 0, 0, 90deg);
          -moz-transform: rotate3d(1, 0, 0, 90deg);
          -ms-transform: rotate3d(1, 0, 0, 90deg);
          -o-transform: rotate3d(1, 0, 0, 90deg);
          transform: rotate3d(1, 0, 0, 90deg);
          position: relative;
          display: block;
          font-weight: 100;
          text-decoration: none;
          color: #535353;
          font-size: 46px;
          overflow: hidden;
      }
      ul.menu-menu-main {
          padding: 0;
          max-width: 600px;
          margin: 0 auto;
      }
      .menu_full ul li {
          display: block;
          text-align: center;
          position: relative;
          opacity: 0;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
      }

@media only screen and (max-width: 750px) {
    
#menu-burger-menu{
		width: 90%;
	}
.menu-bar .menu-bar-content  .menu-menu-main li a{
          color: #fff;
          font-size: 1rem;
      }
}