/* slow show animation */
@-webkit-keyframes show-before-rotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    opacity: 0.5;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }
@-o-keyframes show-before-rotate {
  0% {
    opacity: 0;
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg); }
  50% {
    opacity: 0.5;
    -o-transform: rotate(0deg);
       transform: rotate(0deg); }
  100% {
    opacity: 1;
    -o-transform: rotate(45deg);
       transform: rotate(45deg); } }
@keyframes show-before-rotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    opacity: 0.5;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes show-after-rotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% {
    opacity: 0.5;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

@-o-keyframes show-after-rotate {
  0% {
    opacity: 0;
    -o-transform: rotate(45deg);
       transform: rotate(45deg); }
  50% {
    opacity: 0.5;
    -o-transform: rotate(0deg);
       transform: rotate(0deg); }
  100% {
    opacity: 1;
    -o-transform: rotate(-45deg);
       transform: rotate(-45deg); } }

@keyframes show-after-rotate {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% {
    opacity: 0.5;
    -webkit-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

.full-modal {
  display: none;
  text-align: center;
  position: absolute;
  top: 0;
  background: #f58752;
  padding: 100px 25px 30px;
  z-index: 220;
  width: 100%;
  height: 100%; }
  .full-modal .ze-menu-humburger.main-navigation {
    background: none;
    position: relative;
    display: block;
    opacity: 1; }
    .full-modal .ze-menu-humburger.main-navigation .close_menu {
      display: none; }
  .full-modal .close_menu {
    position: relative;
    top: 0;
    right: auto;
    cursor: pointer; }
    .full-modal .close_menu:before, .full-modal .close_menu:after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 2px;
      content: '';
      opacity: 0; }
    .full-modal .close_menu:before {
      top: 0;
      -webkit-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg);
      background: #ffffff;
      -webkit-animation: show-before-rotate 0.2s linear 0s;
           -o-animation: show-before-rotate 0.2s linear 0s;
              animation: show-before-rotate 0.2s linear 0s;
      opacity: 1; }
    .full-modal .close_menu:after {
      bottom: 27px;
      -webkit-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
      opacity: 1;
      background: #ffffff;
      -webkit-animation: show-after-rotate 0.2s linear 0.3s;
           -o-animation: show-after-rotate 0.2s linear 0.3s;
              animation: show-after-rotate 0.2s linear 0.3s; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .ze-vc-menu-top .nav-toggle.is-active {
    position: absolute;
    right: -44%; } }

.ze-menu-humburger.main-navigation {
  position: absolute;
  top: 0;
  background: #f58752;
  padding: 100px 25px 30px;
  z-index: 220;
  /* menu from right */
  /* menu from left */
  /* menu from top */
  /* menu from bottom */ }
  .ze-menu-humburger.main-navigation li {
    padding: 12px 25px;
    border-bottom: 1px solid #f26522;
    display: block; }
    .ze-menu-humburger.main-navigation li a {
      color: white; }
    .ze-menu-humburger.main-navigation li .arrow-anchor {
      width: 20px;
      height: 20px;
      font-size: 14px;
      line-height: 20px;
      cursor: pointer;
      text-align: center; }
    .ze-menu-humburger.main-navigation li .sub-menu {
      display: none; }
      .ze-menu-humburger.main-navigation li .sub-menu li {
        border-bottom: 0;
        padding-left: 10px;
        padding-right: 0; }
  .ze-menu-humburger.main-navigation.mob-menu .mobile-nav {
    width: 100%;
    height: 100%;
    overflow-y: auto; }
  .ze-menu-humburger.main-navigation.slide-from-right {
    top: 0;
    bottom: 0;
    right: -100%;
    -webkit-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
    position: fixed;
    z-index: 1201; }
    .ze-menu-humburger.main-navigation.slide-from-right.mobile-nav {
      right: 0;
      width: 320px; }
  .ze-menu-humburger.main-navigation.slide-from-left {
    top: 0;
    bottom:0;
    left: -100%;
    width: 320px;
    position: fixed;
    z-index: 1201;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    transition: left 0.3s ease; }
    .ze-menu-humburger.main-navigation.slide-from-left.mobile-nav {
      left: 0;
      width: 320px; }
  .ze-menu-humburger.main-navigation.slide-from-top {
    top: -100%;
    left: 0;
    -webkit-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    transition: top 0.3s ease; }
    .ze-menu-humburger.main-navigation.slide-from-top.mobile-nav {
      top: 0;
      width: 320px; }
  .ze-menu-humburger.main-navigation.slide-from-bottom {
    bottom: -100%;
    left: 0;
    -webkit-transition: bottom 0.3s ease;
    -o-transition: bottom 0.3s ease;
    transition: bottom 0.3s ease; }
    .ze-menu-humburger.main-navigation.slide-from-bottom.mobile-nav {
      bottom: 0;
      width: 320px; }

/* ===================== */
/* CLOSE MENU STYLING */
.slide-from-left .close_menu {
  position: absolute;
  top: 0;
  right: 12px;
  padding: 15px;
  cursor: pointer;
  font-style: normal;
  font-size: 20px;
  color: #fff; }
  .slide-from-left .close_menu:before, .slide-from-left .close_menu:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0; }
  .slide-from-left .close_menu:before {
    top: 0;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #ffffff;
    -webkit-animation: show-before-rotate 0.8s linear 0s;
         -o-animation: show-before-rotate 0.8s linear 0s;
            animation: show-before-rotate 0.8s linear 0s;
    opacity: 1; }
  .slide-from-left .close_menu:after {
    bottom: 27px;
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 1;
    background: #ffffff;
    -webkit-animation: show-after-rotate 0.8s linear 0.3s;
         -o-animation: show-after-rotate 0.8s linear 0.3s;
            animation: show-after-rotate 0.8s linear 0.3s; }

.slide-from-right .close_menu, .slide-from-bottom .close_menu {
  position: absolute;
  top: 57px;
  left: 12px;
  padding: 15px;
  cursor: pointer;
  font-style: normal;
  font-size: 20px;
  color: #fff; }
  .slide-from-right .close_menu:before, .slide-from-right .close_menu:after, .slide-from-bottom .close_menu:before, .slide-from-bottom .close_menu:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0; }
  .slide-from-right .close_menu:before, .slide-from-bottom .close_menu:before {
    top: 0;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #ffffff;
    -webkit-animation: show-before-rotate 0.8s linear 0s;
         -o-animation: show-before-rotate 0.8s linear 0s;
            animation: show-before-rotate 0.8s linear 0s;
    opacity: 1; }
  .slide-from-right .close_menu:after, .slide-from-bottom .close_menu:after {
    bottom: 27px;
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 1;
    background: #ffffff;
    -webkit-animation: show-after-rotate 0.8s linear 0.3s;
         -o-animation: show-after-rotate 0.8s linear 0.3s;
            animation: show-after-rotate 0.8s linear 0.3s; }

.ze-menu-humburger-anchor .nav-toggle.is-active {
  display: none !important; }

.ze-vc-menu .main-navigation > li > a {
  padding: 2px 5px; }

.mobile-nav {
  display: block; }

.mobile-nav.mob-menu .close_menu {
  position: relative;
  float: right;
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin-top: -25px; }
  .mobile-nav.mob-menu .close_menu:before, .mobile-nav.mob-menu .close_menu:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    opacity: 0; }
  .mobile-nav.mob-menu .close_menu:before {
    top: 20px;
    -webkit-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #ffffff;
    -webkit-animation: show-before-rotate 0.2s linear 0s;
         -o-animation: show-before-rotate 0.2s linear 0s;
            animation: show-before-rotate 0.2s linear 0s;
    opacity: 1; }
  .mobile-nav.mob-menu .close_menu:after {
    bottom: 27px;
    -webkit-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 1;
    background: #ffffff;
    -webkit-animation: show-after-rotate 0.2s linear 0.3s;
         -o-animation: show-after-rotate 0.2s linear 0.3s;
            animation: show-after-rotate 0.2s linear 0.3s; }

@media screen and (min-width: 992px) {
  .mob-menu.main-navigation {
    display: none; } }

.main-menu
{
  font-family: Averta, sans-serif !important;
  color: #fff;
}

.ze-vc-menu .main-navigation 
{
  font-family: Averta, sans-serif !important;
  font-size: 14px !important;
}
.ze-vc-menu .main-navigation li
{
  font-size: 14px !important;
}