.hash-menu * {
  box-sizing: ;
}

.hash-menu,
.hash-divided {
  display: none;
  position: fixed;
  top: 0;
  right: -10%;
  width: 50%;
  height: 100%;
  background: transparent;
  opacity: 0;
  z-index: 99999;
}

.hash-mobile .hash-menu {
  overflow: hidden;
}

.hash-init .hash-menu,
.hash-init .hash-divided {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-animation: slideReverse 0.8s ease;
          animation: slideReverse 0.8s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hash-menu:after,
.hash-divided:after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
}

.hash-menu:after {
  background: rgba(11, 77, 58, 0.9);
}

@-webkit-keyframes slide {
  0% {opacity: 0}
  100% {opacity: 1}
}

@keyframes slide {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes slideReverse {
  0% {opacity: 1}
  100% {opacity: 0}
}

@keyframes slideReverse {
  0% {opacity: 1}
  100% {opacity: 0}
}

body.hash-opened .hash-menu,
body.hash-opened .hash-divided {
  -webkit-transform: none;
          transform: none;
  -webkit-animation: slide 0.94s ease;
          animation: slide 0.94s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.hash-opened .hash-button-wrap {
  z-index: 999999
}

.hash-button-wrap {
  position: fixed;
  right: 15px;
  top: 20px;
  width: 40px;
  height: 36px;
  border: 0px solid #333!important;
  border-radius: 1px;
  cursor: pointer;
  z-index: 99
}

.hash-left .hash-button-wrap {
  right: auto;
  left: 15px;
}

.hash-button-wrap.layout-2 {
  border: 0;
}

.hash-button-wrap.layout-2:before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateX(-104%) translateY(-50%);
          transform: translateX(-104%) translateY(-50%);
}

@-webkit-keyframes buttonPing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  5% {opacity: 0.46}
  100% {
    opacity: 0;
    -webkit-transform: scale(34);
            transform: scale(34);
  }
}

@keyframes buttonPing {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  5% {opacity: 0.46}
  100% {
    opacity: 0;
    -webkit-transform: scale(34);
            transform: scale(34);
  }
}

.hash-button-wrap.layout-3:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgb(60, 125, 58);
  -webkit-animation: buttonPing 1.3s ease-in infinite;
          animation: buttonPing 1.3s ease-in infinite;
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 1
}

body:not(.hash-opened) .hash-button-wrap.layout-3:hover:before {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: scale(34);
          transform: scale(34);
  opacity: .6
}

.hash-button-wrap.layout-3:hover .hash-button {
  color: #ddd;
}

.hash-button-wrap.layout-3 .hash-button i {
  -webkit-transition: font-size .7s ease-in;
  transition: font-size .7s ease-in;
}

.hash-button-wrap.layout-3:hover .hash-button i {
  font-size: 1.1em;
}

.hash-button-wrap.layout-3 {
  padding: 6px 3px;
  width: auto;
  height: auto;
  min-width: 34px;
  min-height: 24px;
  overflow: hidden;
  text-align: center;
}

.hash-opened .hash-button-wrap.layout-3:before {
  display: none;
}

.hash-opened .hash-button-wrap {
  border: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  opacity: 0
}

.hash-opened .hash-button-wrap::after,
.hash-opened .hash-button-wrap::before {
  content: " " !important;
  display: block !important;
  position: absolute;
  top: 0;
  left: 16px;
  -webkit-animation: none;
          animation: none;
  height: 100%;
  width: 2px;
  background: red;
  border-radius: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: opacity 0.56s ease;
  transition: opacity 0.56s ease;
}

.hash-opened .hash-button-wrap:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hash-opened .hash-button-wrap:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.hash-opened.vis .hash-button-wrap {
  opacity: 1
}

.hash-opened.vis .hash-button-wrap:after,
.hash-opened.vis .hash-button-wrap:before {
  opacity: 1
}

.hash-opened .hash-button-wrap .hash-button {
  display: none;
}

.hash-button-wrap.layout-3 .hash-button {
  position: relative;
  width: auto;
  height: auto;
  background: transparent;
  left: auto;
  top: auto;
  color: #333;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all .5s ease-in;
  transition: all .5s ease-in;
  z-index: 3
}

.hash-button-wrap.layout-3 .hash-button:before,
.hash-button-wrap.layout-3 .hash-button:after {
   display: none;
}

.hash-button-wrap .hash-button {
  display: block;
  position: relative;
  width: calc(100% - 8px);
  left: 4px;
  padding: 0;
  line-height: normal;
  border-radius: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.hash-button-wrap .hash-button,
.hash-button-wrap .hash-button:before,
.hash-button-wrap .hash-button:after {
  height: 2px;
  background: #786e6e;
}

.hash-button-wrap .hash-button:after {
  -webkit-transform: translateY(7px);
          transform: translateY(7px);
}

.hash-button-wrap .hash-button:before {
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.hash-button-wrap .hash-button:before,
.hash-button-wrap .hash-button:after {
  content: " ";
  position: absolute;
  width: 100%;
  display: block;
  border-radius: 0px;
}

.hash-button {
  background-color: #888;;
}

.hash-button-wrap:not(.layout-3):hover .hash-button:after,
.hash-button-wrap:not(.layout-3):hover .hash-button:before {
  animation: hamb 0.25s ease-out;
}

.hash-button-wrap:not(.layout-3):hover .hash-button:after {
  animation-delay: 0.1s;
}

@keyframes hamb {
  from {
    opacity: 0;
    -webkit-transform: translateY(7px);
                       transform: translateY(7px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-7px);
                       transform: translateY(-7px);
  }
}

@-webkit-keyframes hamb {
  from {
    opacity: 0;
    -webkit-transform: translateY(7px);
                       transform: translateY(7px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-7px);
                       transform: translateY(-7px);
  }
}

.hash-menu {
  text-align: center;
}

.hash-menu ul {
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(-50%) translateX(-10%);
          transform: translateY(-50%) translateX(-10%);
  top: 50%;
  padding: 15px;
  margin: 0;
  z-index: 999999
}

.hash-menu ul li {
  color: #eee;
}

.hash-sub-holder .hash-sub-item ul li a{
  color: #333;
}

.hash-sub-holder .hash-sub-item ul li,
.hash-menu ul li {
  margin-bottom: 1.2em;
  -webkit-transform: translateY(48%);
          transform: translateY(48%);
}

.hash-sub-holder .hash-sub-item ul li {
  margin-bottom: 0;
}

.hash-sub-holder .hash-sub-item ul li,
.hash-menu ul li,
.hash-sub-item h4 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.has-div-content .hash-sub-item h4 {
  margin-bottom: 2em;
  margin-top: 0;
  color: #d73444;
  -webkit-transform: translateY(-1.7em);
          transform: translateY(-1.7em);
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}


.hash-menu .hash-sub {
  display: none;
  z-index: -1
}

.hash-opened.vis .hash-menu ul:not(.hash-sub) li,
.hash-opened.vis .hash-sub-holder .hash-sub-item.active ul li,
.hash-sub-item.active h4 {
  -webkit-transform: none;
          transform: none;
  opacity: 1
}

.hash-menu ul li a,
.hash-sub-item .sub-item li a {
  position: relative;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

.hash-menu ul li a{
  font-size: 1.4em
}

.hash-sub-item .sub-item li a {
  font-size: 1.2em;
  outline: none;
  text-shadow: 0 0 1px rgba(111,134,134,0.3);
}

.hash-sub-item .sub-item li a:hover,
.hash-sub-item .sub-item li a:focus {
  outline: none;
}

.hash-sub-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index: -1
}

.hash-inner-content,
.hash-sub-holder {
  opacity: 0;
}

.hash-sub-holder,
.hash-inner-content{
  -webkit-transition: opacity 0.78s ease;
  transition: opacity 0.78s ease;
}

.hash-sub-holder .hash-sub-item {
  -webkit-transition: opacity 0.48s ease;
  transition: opacity 0.48s ease;
}

.hash-sub-holder.active,
.hash-inner-content.active,
.hash-sub-holder .hash-sub-item.active {
  z-index: 2;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}

.has-div-content {
  position: relative;
}

.hash-sub-holder .hash-sub-item {
  position: absolute;
  display: block;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  top: 50%;
  left: 50%;
  opacity: 0;
  text-align: center;
}

.hash-sub-holder .hash-sub-item.active {
  -webkit-transform: translateY(-50%) translateX(-49%);
          transform: translateY(-50%) translateX(-49%);
}

.hash-sub-holder .hash-sub-item.active {
  opacity: 1
}

.hash-sub-holder .hash-sub-item .sub-item {
  text-align: inherit;
  list-style: none;
  padding: 15px;
  margin: 0;
}

/*  Menu  */
.hash-menu.bordered ul {
  padding: 45px;
  border: 0px solid #d99700!important;
}

.hash-logo {
  position: absolute;
  width: 100%;
  z-index: 999
}

.hash-logo h3 {
  margin: 45px 0 20px 0;
}

.hash-logo img {
  position: relative;
  display: block;
  margin: auto;
  opacity: 0;
  -webkit-transition: 0.64s ease-out;
          transition: 0.64s ease-out;
  -webkit-transition-delay: 0.33s ease-out;
          transition-delay: 0.33s ease-out;
}

.hash-opened.vis .hash-logo img {
  opacity: 1
}

/* Full Screen */
.hash-init .hash-divided {
  right: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.hash-left .hash-divided {
  left: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.hash-left .hash-menu {
  right: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);

}

.hash-divided .hash-sub {
  display: none;
}

.hash-vertical .hash-menu  {
  -webkit-transform: translateY(100%) translateX(0%);
          transform: translateY(100%) translateX(0%);
}

.hash-vertical .hash-divided {
  -webkit-transform: translateY(-100%) translateX(0%);
          transform: translateY(-100%) translateX(0%);
}

.hash-corner .hash-menu  {
  -webkit-transform: translateY(100%) translateX(100%);
          transform: translateY(100%) translateX(100%);
}

.hash-corner .hash-divided {
  -webkit-transform: translateY(-100%) translateX(-100%);
          transform: translateY(-100%) translateX(-100%);
}

.hash-fade .hash-menu,
.hash-fade .hash-divided {
  -webkit-transform: translateY(0) translateX(0);
          transform: translateY(0) translateX(0);
  z-index: -9;
}

body.hash-opened.hash-fade .hash-menu,
body.hash-opened.hash-fade .hash-divided {
  z-index: 99999
}

.hash-divided .has-div-content {
  position: relative;
  left: 0;
  top: 50%;
  max-width: 60%;
  margin: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  z-index: 999;
}

.hash-divided .has-div-content,
.hash-divided.has-bg .hash-bg-holder:before,
.hash-menu.has-bg .menu-bg-holder:before  {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.hash-divided.has-bg .hash-bg-holder:before,
.hash-menu.has-bg .menu-bg-holder:before {
  -webkit-transition: opacity 1.3s ease;
  transition: opacity 1.3s ease;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.hash-opened.vis .hash-divided .has-div-content {
  left: 5%;
  opacity: 1
}

.hash-divided:after {
  background-color: rgba(255,255,255,0.92)
}

.hash-divided.has-bg .hash-bg-holder,
.hash-menu.has-bg .menu-bg-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  overflow: hidden;
}

.hash-divided.has-bg .hash-bg-holder:before,
.hash-menu.has-bg .menu-bg-holder:before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 5%;
  background-size: cover;
  -webkit-transform: skew(10deg);
          transform: skew(10deg);
}

.hash-opened.vis .hash-divided.has-bg .hash-bg-holder:before,
.hash-opened.vis .hash-menu.has-bg .menu-bg-holder:before{
  opacity: 0.9;
}


/* Menu Effect */

.hash-menu ul .hash-el > div a:before,
.hash-menu ul .hash-el > div a:after{
  content: "";
  -webkit-transition: 0.32s all ease;
  transition: 0.32s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}

.hash-menu ul .hash-el > div a:before{
  top:-2px;
}

.hash-menu ul .hash-el > div a:after{
  bottom:-2px;
}
.hash-menu ul .hash-el > div a:before,
.hash-menu ul .hash-el > div a:after{
  height:5px;
  height: 2px;
  width:0;
  background:#d73444;
}

.hash-menu ul .hash-el > div a:hover:before,
.hash-menu ul .hash-el > div a:hover:after,
.hash-menu ul .active > div a:after,
.hash-menu ul .active > div a:before{
  width:100%;
}
.hash-menu ul .hash-el > div{
  display: block;
  box-sizing:;
  margin-left:-0.4em;
  position:relative;
}
.hash-menu ul .hash-el > div a{
  padding:0.2em 0.8em;
  -webkit-transition: 0.32s color ease;
  transition:0.32s color ease;
  color: #eee;
}

.hash-menu ul .hash-el > div a:hover,
.hash-menu ul .active > div a{
  color: #d73444;
}

.hash-menu ul .hash-el > div:before,
.hash-menu ul .hash-el > div:after{
  content: "";
  box-sizing:;
  -webkit-transition: 0.27s all ease;
  transition:0.27s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  width:2px;
  height:0;
  background:#d73444;
}
.hash-menu ul .hash-el > div:before{
  left:0;
  bottom:-2px;
}

.hash-menu ul .hash-el > div:after{
  right:0;
  top:-2px;
}

.hash-menu ul .hash-el > div a:before{
  left:0;
  -webkit-transition: 0.27s all ease;
  transition:0.27s all ease;
}
.hash-menu ul .hash-el > div a:after{
  right:0;
  -webkit-transition: 0.27s all ease;
  transition:0.27s all ease;
}

.hash-menu ul .hash-el > div:hover:before,
.hash-menu ul .hash-el > div:hover:after,
.hash-menu ul .active > div:after,
.hash-menu ul .active > div:before{
  height:calc(100% + 2px);
}
.hash-menu ul .hash-el > div:hover a:before,
.hash-menu ul .hash-el > div:hover a:after,
.hash-menu ul .active > div a:after,
.hash-menu ul .active > div a:before{
  width:100%;
}

/* Submenu Effect */

.hash-sub-item .sub-item li a::before {
  color: #d73444;
  content: attr(data-hover);
  position: absolute;
  opacity: 0;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  pointer-events: none;
}

.hash-sub-item .sub-item li a:hover::before,
.hash-sub-item .sub-item li a:focus::before {
  -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  opacity: 1;
}

/* Menu Footer */
.hash-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  z-index: 99999
}

.hash-menu .hash-footer li {
  display: inline-block;
  border: none;
  margin-left: 3px;
  background: transparent;
}

.hash-menu .hash-footer li:first-child{
  margin-left: 0px;
}

.hash-menu .hash-footer li a{
  color: #eee;
  font-size: 1em;
}

.hash-menu .hash-footer li a:hover {
  color: #ff2441;
}

.hash-menu .hash-footer ul {
  top: 0;
  -webkit-transform: none;
          transform: none;
}

.hash-menu .hash-footer .hash-login li{margin-right: 12px}
.hash-menu .hash-footer .hash-login li a{display: inline-block; padding: 0;}
.hash-menu .hash-footer .hash-login li i{font-size: 1.23em; margin-right: 5px;}

/* Social Links */
  #social-list li i{margin-left: 0;}
  #social-list li{font-size: 1em}
  .hash-footer #social-list li a {padding: 0;}
  .hash-footer #social-list .fb .fa-circle{color: #3C599F;}
  .hash-footer #social-list .tt .fa-circle{color: #32CCFE;}
  .hash-footer #social-list .lkd .fa-circle{color: #0085AE;}
  .hash-footer #social-list .in .fa-circle{color: #9b6954}
  .hash-footer #social-list .gp .fa-circle{color: #CF3D2E;}
  .hash-footer #social-list .dbb .fa-circle{color: #F46899}
  .hash-footer #social-list .in .fa-instagram{color: #ded1c1;}
  .hash-footer #social-list li{margin-right: 3px;}
  .hash-footer #social-list li:last-child{margin-right: 0px;}
  .hash-footer #social-list i:last-child{position: relative;z-index: 9; color: #ddd;}
  .hash-footer #social-list .fa-circle{opacity: 0.64}
  .hash-footer #social-list a:hover .fa-circle{opacity: 1}
  .hash-footer #social-list i.fa{
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
  }
  .hash-footer #social-list i.fa{margin-right: 0px;}
  .hash-footer #social-list .fa-stack .fa:last-child{
     -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }
  .hash-footer #social-list .fa-stack:hover .fa:last-child, .hash-footer #social-list .fa-stack:active .fa:last-child {
      -webkit-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
  }


/* Mobile Display */

body.hash-mobile {
  position: relative;
  left: 0;
  -webkit-transition: left 0.21s ease-out;
  transition: left 0.21s ease-out;
}

body.hash-mobile.hash-left {
  left: auto;
  right: 0;
  -webkit-transition: right 0.21s ease-out;
  transition: right 0.21s ease-out;
}

body.hash-mobile.hash-opened.vis {
  overflow: hidden;
}

body.hash-mobile .hash-divided {
  display: none !important;
}

body.hash-mobile .hash-menu {
  width: 100%;
  left: 0;
  right: 0;
  opacity: 1;
  height: 100%;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

body.hash-mobile .hash-menu:after{
  -webkit-transform: none;
          transform: none;
}

body.hash-mobile .hash-menu {
  -webkit-transform: translateX(100%) translateY(0);
          transform: translateX(100%) translateY(0)
}

body.hash-mobile.hash-left .hash-menu {
  -webkit-transform: translateX(-100%) translateY(0);
          transform: translateX(-100%) translateY(0)
}

body.hash-mobile.hash-opened .hash-menu {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: none;
          transform: none;
}

body.hash-mobile.hash-opened.hash-left .hash-menu {
  -webkit-animation: none;
          animation: none;
  -webkit-transform: translateX(-25%);
          transform: translateX(-25%);
}

body.hash-mobile.hash-left.hash-opened {
  right: -75%
}

body.hash-mobile .hash-menu ul {
  width: 100%;
  height: 0;
  -webkit-transform: none;
          transform: none;
  top: 0;
  display: block;
  position: relative;
  left: 0;
  text-align: left;
  padding: 0;
  overflow: hidden;
}

body.hash-mobile .hash-menu > ul {
  top: 72px;
  height: calc(100% - 72px);
  overflow: auto;
}

.hash-mobile .hash-menu .hash-sub {
  width: 100%;
  max-height: 0;
  z-index: 5;
  -webkit-transition: max-height 0.62s ease-out;
  transition: max-height 0.62s ease-out;
}

.hash-mobile .hash-menu ul > li a {
  padding-left: 15px;
}

.hash-mobile .hash-menu .hash-sub li  a {
  padding-left: 15px;
}

.hash-mobile .hash-menu ul .hash-el > div a {
  -webkit-transition: all 0.42s ease-out;
  transition: all 0.42s ease-out;
}

.hash-mobile .hash-menu li div {
  margin-left: 0;
}

body.hash-mobile .hash-menu ul li:first-child {
  border-top: 1px solid #999;
}

body.hash-mobile .hash-menu ul li {
  border-bottom: 0px solid #999!important;
  margin-bottom: 0;
  padding: 0px;
  line-height: 2;
}

.hash-mobile .hash-menu ul li a{
  font-size: 1.2em;
}

body.hash-mobile .hash-menu:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background-size: cover;
  background-position-x: 20%;
  background-repeat: no-repeat;
  z-index: 1
}

body.hash-mobile .hash-menu:after {
  opacity: .7;
  z-index: 2
}

.hash-mobile .hash-menu ul .hash-el > div:before,
.hash-mobile .hash-menu ul .hash-el > div:after {
  display: none;
}

.hash-mobile .hash-menu ul .hash-el > div a::before,
.hash-mobile .hash-menu ul .hash-el > div a::after {
  display: none;
}

/* Subemnu Arrows */
body.hash-mobile .hash-menu ul li[data-order] > div {
  display: table;
  width: 100%;
  height: 100%;
  margin-left: 0;
}

body.hash-mobile .hash-menu ul li[data-order] .hash-arrow {
  display: block;
  float: right;
  width: 40px;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: inherit;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

body.hash-mobile .hash-menu ul li[data-order] > div > a,
body.hash-mobile .hash-menu ul li[data-order] .hash-arrow {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

body.hash-mobile .hash-menu ul li[data-order] > div > a {
  width: 100%;
}

body.hash-mobile .hash-menu ul li .hash-arrow:hover,
body.hash-mobile .hash-menu ul li .hash-arrow.active {
  color: #d73444;
  border-color: inherit;
}

body.hash-mobile .hash-menu ul li[data-order] .hash-arrow:before {
  content: "\f078";
  top: 50%;
  position: relative;
  display: block;
  vertical-align: bottom;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.34s ease;
  transition: 0.34s ease;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Mobile Subemnu */
.hash-mobile .hash-sub.active {
  height: auto;
  max-height: 800px;
}

body.hash-mobile .hash-menu ul li[data-order] .hash-arrow.active:before {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
}

body.hash-mobile .hash-menu .hash-sub {
  padding-left: 15px;
}

body.hash-mobile .hash-menu .hash-sub li:last-child {
  margin-bottom: -1px;
}