#header-outer #mobile-menu>.inner {
  max-height: 85vh;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  z-index: 1001
}

#header-outer #mobile-menu:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  margin-left: -50vw;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #fff
}

#header-outer[data-full-width=true] #mobile-menu:before {
  margin-left: 0;
  left: -30px;
  width: calc(100vw + 60px)
}

body[data-header-color=dark] #header-outer #mobile-menu:before {
  background-color: #000
}

body[data-header-color=dark] #header-outer #mobile-menu p,
body[data-header-color=dark] #mobile-menu ul li a {
  color: #fff
}

#header-outer #mobile-menu p,
#mobile-menu ul li a {
  color: #999
}

#header-outer #mobile-menu .menu-items-wrap[data-has-secondary-text=false]>ul:first-child,
#header-outer #mobile-menu .menu-items-wrap[data-has-secondary-text=false]>ul:first-child>li:first-child:before {
  -webkit-transition: opacity .2s ease, padding .2s ease;
  transition: opacity .2s ease, padding .2s ease
}

#header-outer.transparent #mobile-menu .menu-items-wrap[data-has-secondary-text=false]>ul:first-child {
  padding-top: 10px
}

#header-outer.transparent #mobile-menu .menu-items-wrap[data-has-secondary-text=false]>ul:first-child>li:first-child:before {
  opacity: 0
}

#header-outer #mobile-menu p,
#header-outer #mobile-menu ul {
  z-index: 10;
  position: relative
}

#header-outer #mobile-menu ul li {
  position: relative
}

#header-outer #mobile-menu ul li>a {
  font-size: 14px;
  display: flex;
  position: relative;
  padding: 12px 0
}

#mobile-menu .inner ul ul>li>a span {
  opacity: 0;
  display: block;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease
}

#mobile-menu .inner ul ul>li>a span.menu-title-text,
#mobile-menu .inner ul ul>li>a span.nectar-menu-label {
  display: inline-block
}

#mobile-menu .inner .widget-area-active ul>li>a span {
  opacity: 1;
  transform: none
}

#mobile-menu .inner ul .visible>ul>li>a span {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

#mobile-menu .visible>ul>li:nth-child(2)>a span {
  transition-delay: 40ms
}

#mobile-menu .visible>ul>li:nth-child(3)>a span {
  transition-delay: 80ms
}

#mobile-menu .visible>ul>li:nth-child(4)>a span {
  transition-delay: .12s
}

#mobile-menu .visible>ul>li:nth-child(5)>a span {
  transition-delay: .16s
}

#mobile-menu .visible>ul>li:nth-child(6)>a span {
  transition-delay: .2s
}

#mobile-menu .visible>ul>li:nth-child(7)>a span {
  transition-delay: .24s
}

#mobile-menu .visible>ul>li:nth-child(8)>a span {
  transition-delay: .28s
}

#mobile-menu .visible>ul>li:nth-child(9)>a span {
  transition-delay: .32s
}

#mobile-menu .visible>ul>li:nth-child(10)>a span {
  transition-delay: .36s
}

#mobile-menu .visible>ul>li:nth-child(11)>a span {
  transition-delay: .4s
}

#mobile-menu .visible>ul>li:nth-child(12)>a span {
  transition-delay: .44s
}

#mobile-menu .visible>ul>li:nth-child(13)>a span {
  transition-delay: .48s
}

#mobile-menu .visible>ul>li:nth-child(14)>a span {
  transition-delay: .48s
}

#header-outer #mobile-menu a {
	position: relative;
}

#header-outer #mobile-menu a >.sf-sub-indicator {
  right: 0;
  position: absolute;
  left: auto;
  padding: 0;
  top: 50%;
  padding: 10px 0 10px 0px;
  color: inherit;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
  width: 100%
}

#header-outer #mobile-menu a>.nectar-ext-menu-item+.sf-sub-indicator {
  top: 0;
  right: 10px;
  transform: none;
  z-index: 100
}

#header-outer #mobile-menu a>.sf-sub-indicator i {
  position: absolute;
	right: 0px;
	top: 10px;
  font-size: 25px;
  color: inherit;
  width: auto;
  -webkit-transition: color .2s ease, transform .4s ease;
  transition: color .2s ease, transform .4s ease
}

#header-outer #mobile-menu .current-open-item>a>.sf-sub-indicator i {
  transform: rotate(180deg)
}

#mobile-menu .inner ul ul .nectar-menu-item-with-icon>span {
  display: flex;
  align-items: flex-start
}

#header-outer #mobile-menu .bottom-text {
  padding: 20px 0 0
}

#header-outer #mobile-menu .nectar-global-section-megamenu,
#header-outer #mobile-menu ul li ul {
  display: none
}

#header-outer #mobile-menu ul ul>li>a {
  margin-left: 20px
}

#header-outer #mobile-menu ul ul ul>li>a {
  margin-left: 40px
}

#header-outer #mobile-menu ul ul ul ul>li>a {
  margin-left: 60px
}

#header-outer #mobile-menu ul ul ul ul ul>li>a {
  margin-left: 80px
}

#header-outer #mobile-menu ul ul ul ul ul ul>li>a {
  margin-left: 100px
}

#header-outer #mobile-menu ul ul>li>a .item_desc {
  display: block;
  margin-top: 5px
}

#header-outer #mobile-menu ul .widget-area-active .widget ul>li>a {
  margin-left: 0
}

#header-outer #mobile-menu .nectar-global-section.nectar_hook_ocm_bottom_meta {
  margin-top: 25px
}

#header-outer #mobile-menu .nectar-global-section .full-width-content,
#header-outer #mobile-menu .nectar-global-section .row-bg-wrap {
  width: 100% !important;
  left: 0 !important;
  margin: 0 !important
}

#header-outer #mobile-menu .nectar-global-section {
  opacity: 1;
  transition: .5s ease .2s
}

#header-outer #mobile-menu .off-canvas-social-links li {
  display: inline-block
}

#header-outer #mobile-menu .off-canvas-social-links li i {
  font-size: 18px
}

#header-outer #mobile-menu .off-canvas-social-links li a {
  padding: 0 10px
}

#header-outer #mobile-menu .off-canvas-social-links {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap
}

#header-outer #mobile-menu .secondary-header-text p {
  margin-bottom: 0;
  padding: 0;
  line-height: 1.5em
}

#header-outer #mobile-menu .nectar-header-text-content,
#header-outer #mobile-menu .secondary-header-text {
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, .05);
  border-radius: 5px;
  position: relative;
  z-index: 10
}

#header-outer #mobile-menu .nectar-header-text-content>span {
  width: 100%
}

#header-outer #mobile-menu .secondary-header-text p a {
  color: inherit
}

#header-outer #mobile-menu .below-menu-items-wrap>:last-child {
  margin-bottom: 20px
}

body[data-header-color=dark] #header-outer #mobile-menu .secondary-header-text {
  background-color: rgba(255, 255, 255, .05)
}

@media only screen and (min-width:691px) {
  #header-outer #mobile-menu .secondary-header-text {
    display: none
  }
  #header-outer #mobile-menu .secondary-header-items {
    display: none
  }
}

@media only screen and (min-width:1000px) {
  #header-outer #mobile-menu .nectar-header-text-content {
    display: none
  }
}