/* ----------------------------------------------------------------
Main menu - Vertical
-----------------------------------------------------------------*/
#mainMenu.menu-vertical:not(.menu-overlay) {
  max-height: 3000px;
  clear: both;
  display: block;
  width: 100%;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
  transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); }

#mainMenu.menu-vertical:not(.menu-overlay) > .container {
  text-align: left !important;
  width: 100%;
  max-width: 100%; }

#mainMenu.menu-vertical:not(.menu-overlay) nav {
  line-height: 40px;
  float: none;
  width: 100%;
  padding-bottom: 20px;
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul {
  float: none;
  width: 100%; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li {
  padding: 0;
  margin: 0;
  clear: both;
  float: none;
  display: block;
  border: 0; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a {
  display: block;
  padding: 12px 0;
  font-size: 14px;
  border: 0;
  border-radius: 0; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a:after {
  display: none; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a .menu-sub-title {
  display: none !important; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.dropdown:before {
  right: 14px;
  display: block; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu {
  background-image: none !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  position: static;
  clear: both;
  float: none;
  box-shadow: none;
  border: 0 !important;
  min-width: 100%;
  margin: 0;
  border-radius: 0px;
  padding: 0 16px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  line-height: 16px;
  font-size: 14px;
  padding: 12px 0;
  display: block; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item {
  position: relative; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content {
  padding: 0 0 0 15px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
  padding-top: 12px;
  padding-bottom: 12px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a {
  padding: 10px 0px 10px 0px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a {
  padding-top: 12px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a {
  padding-bottom: 12px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-submenu {
  position: relative; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
  right: 0;
  top: 0;
  font-size: 16px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu {
  border: 0 none;
  background-color: transparent;
  display: block; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
  position: relative; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
  right: 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 16px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  max-height: 3000px; }

#mainMenu.menu-vertical:not(.menu-overlay) nav > ul [class*="col-lg"] {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  padding: 0;
  margin: 0; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-sub-title nav > ul > li {
  line-height: unset !important; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before {
  top: 0; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li:focus > a {
  background-color: unset !important; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:focus {
  background-color: unset; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a {
  color: unset !important; }

#mainMenu.menu-vertical:not(.menu-overlay).menu-left nav {
  margin-left: 0; }

#mainMenu-trigger {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  height: 80px;
  z-index: 1;
  float: right; }

#mainMenu-trigger button {
  background: none;
  border: 0;
  padding: 0; }

#mainMenu-trigger button:focus {
  outline: 0; }

#mainMenu-trigger button i {
  font-size: 17px; }

/* ----------------------------------------------------------------
Main Menu: Responsive
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
  #mainMenu-trigger {
    position: relative;
    opacity: 1;
    visibility: visible; }
  /*Main Menu*/
  #mainMenun.menu-center nav {
    margin: 0px; }
  #mainMenu:not(.menu-overlay) {
    max-height: 0;
    clear: both;
    display: block;
    width: 100%;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); }
  #mainMenu:not(.menu-overlay) > .container {
    text-align: left !important;
    width: 100%;
    max-width: 100%; }
  #mainMenu:not(.menu-overlay) nav {
    line-height: 40px;
    float: none;
    width: 100%;
    padding-bottom: 20px;
    -webkit-transition: .7s ease;
    transition: .7s ease;
    opacity: 0;
    -webkit-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    transform: translateY(-18px); }
  #mainMenu:not(.menu-overlay) nav > ul {
    float: none;
    width: 100%; }
  #mainMenu:not(.menu-overlay) nav > ul > li {
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    display: block;
    border: 0; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    display: block;
    padding: 12px 0;
    font-size: 14px;
    border: 0;
    border-radius: 0; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a:after {
    display: none; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title {
    display: none !important; }
  #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
    right: 14px;
    display: block; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow {
    display: inline; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
    background-image: none !important;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    position: static;
    clear: both;
    float: none;
    box-shadow: none;
    border: 0 !important;
    min-width: 100%;
    margin: 0;
    border-radius: 0px;
    padding: 0 16px; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    line-height: 16px;
    font-size: 14px;
    padding: 12px 0;
    display: block; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item {
    position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content {
    padding: 0 0 0 15px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
    padding-top: 12px;
    padding-bottom: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a {
    padding: 10px 0px 10px 0px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a {
    padding-top: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a {
    padding-bottom: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
    position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
    right: 0;
    top: 0;
    font-size: 16px; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
    border: 0 none;
    background-color: transparent;
    display: block; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
    position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 16px; }
  #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
    visibility: visible;
    opacity: 1;
    max-height: 3000px; }
  #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    padding: 0;
    margin: 0; }
  #mainMenu:not(.menu-overlay).menu-animate nav {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li {
    line-height: unset !important; }
  #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before {
    top: 0; }
  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a {
    background-color: unset !important; }
  #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus {
    background-color: unset; }
  #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a {
    color: unset !important; }
  #mainMenu:not(.menu-overlay).menu-left nav {
    margin-left: 0; }
  .mainMenu-open #header #mainMenu {
    width: calc(100% + 14px);
    display: block;
    opacity: 1;
    overflow-y: scroll; }
  .mainMenu-open #header .header-inner, .mainMenu-open #header #header-wrap {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    background-color: #fff !important; }
  .mainMenu-open.dark #header .header-inner, .mainMenu-open.dark #header #header-wrap, .mainMenu-open #header:not(.submenu-light).dark .header-inner, .mainMenu-open #header:not(.submenu-light).dark #header-wrap {
    background-color: #1e2022 !important; }
  .mainMenu-open #dotsMenu {
    z-index: -1; }
  #dotsMenu {
    right: 20px; }
  #dotsMenu:before {
    background: none; } }

@media (max-width: 991.98px) {
  .mainMenu-open #header #logo [class*="logo-"] {
    display: none; }
  .mainMenu-open #header #logo .logo-default {
    display: block; } }


    .lines-button {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 16px;
      background: transparent;
      outline: none; }
    
    .lines-button > * {
      display: block; }
    
    .lines-button:hover, .lines-button:focus {
      outline: none; }
    
    .lines-button::-moz-focus-inner {
      border: 0; }
    
    .lines {
      display: inline-block;
      height: 2px;
      width: 20px;
      border-radius: 4px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: relative;
      top: -4px; }
    
    .lines::before, .lines::after {
      display: inline-block;
      height: 2px;
      width: 20px;
      border-radius: 4px;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      content: '';
      position: absolute;
      left: 0;
      -webkit-transform-origin: 2.85714px center;
      -ms-transform-origin: 2.85714px center;
      transform-origin: 2.85714px center;
      width: 100%; }
    
    .lines::before {
      top: 6px; }
    
    .lines::after {
      top: -6px; }
    
    .lines, .lines:before, .lines:after {
      background-color: #111; }
    
    .toggle-active .lines {
      -webkit-transform: scale3d(0.8, 0.8, 0.8);
      transform: scale3d(0.8, 0.8, 0.8); }
    
    .x {
      width: auto; }
    
    .x.toggle-active .lines {
      background: transparent !important; }
    
    .x.toggle-active .lines::before, .x.toggle-active .lines::after {
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 26px; }
    
    .x.toggle-active .lines::before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      transform: rotate3d(0, 0, 1, 45deg); }
    
    .x.toggle-active .lines::after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      transform: rotate3d(0, 0, 1, -45deg); }