/*Header 2 home 2 leo aine elements*/
/***************************************************
  Mixins Themes 
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
/************************************ 
	Override Bootstrap 
*************************************/
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
body:not(#index) #header .header-top .header-logo {
  position: inherit;
  background-color: #0D0F12; }

#index #header .header-top .header-logo {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 99; }
  @media (max-width: 1024px) {
    #index #header .header-top .header-logo {
      position: inherit;
      background-color: #0D0F12; } }

.keep-header #header.mini-navbar .header-top .header-logo {
  background-color: #0D0F12;
  box-shadow: 20px 20px 30px 0px rgba(255, 255, 255, 0.15); }

@media (max-width: 575px) {
  .leo-dropdown-cart.defaultcart {
    right: -75px; }
    .rtl .leo-dropdown-cart.defaultcart {
      left: -75px;
      right: auto; } }

.group-nav {
  position: fixed;
  top: 0;
  padding: 0;
  max-width: 480px;
  height: 100vh;
  z-index: 999;
  right: 0;
  -webkit-transform: translate(480px, 0);
  -moz-transform: translate(480px, 0);
  -ms-transform: translate(480px, 0);
  -o-transform: translate(480px, 0);
  transform: translate(480px, 0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
  border-right: 1px solid var(--theme-color-secondary);
  overflow-y: auto; }
  .group-nav.active-menu {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  @media (max-width: 991px) {
    .group-nav .box-closemenu .elementor-widget-container {
      padding: 0px !important; } }
  @media (max-width: 767px) {
    .group-nav {
      max-width: 290px;
      -webkit-transform: translate(320px, 0);
      -moz-transform: translate(320px, 0);
      -ms-transform: translate(320px, 0);
      -o-transform: translate(320px, 0);
      transform: translate(320px, 0); } }
  .group-nav .closemenu {
    text-align: right;
    cursor: pointer;
    font-size: 22px;
    line-height: 1; }
    .rtl .group-nav .closemenu {
      text-align: left; }
    .group-nav .closemenu i {
      font-family: "Font Awesome 5 Pro";
      color: #121212;
      font-weight: normal;
      padding: 13px 17px;
      border-radius: 100px;
      border: 1px solid rgba(2, 206, 128, 0.36); }
      .group-nav .closemenu i:hover {
        border: 1px solid var(--theme-color-default);
        background: linear-gradient(135deg, #4c6504 0%, #7BD706 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      @media (max-width: 767px) {
        .group-nav .closemenu i {
          padding: 10px 14px; } }
  .group-nav .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu {
    min-width: 800px; }
  .group-nav .leo-megamenu .navbar-nav > li {
    width: 100%; }
    .group-nav .leo-megamenu .navbar-nav > li + .nav-item {
      margin-left: 0px; }
      .rtl .group-nav .leo-megamenu .navbar-nav > li + .nav-item {
        margin-right: 0px;
        margin-left: inherit; }
    .group-nav .leo-megamenu .navbar-nav > li > a {
      padding: 11px 18px;
      box-shadow: inset 0 -1px #ebebeb;
      font-size: 15px;
      line-height: 26px;
      font-weight: 400; }
  @media (min-width: 992px) {
    .group-nav .leo-megamenu .dropdown {
      top: 0;
      transform: translateY(0); } }
  @media (min-width: 992px) {
    .group-nav .leo-megamenu .dropdown:hover > .dropdown-menu {
      left: 100%;
      right: auto;
      top: 0;
      overflow-y: auto;
      max-height: 90vh;
      transform: none; } }

.showmenu {
  cursor: pointer; }

/*# sourceMappingURL=headerposition2816992114.css.map */