.has-overlay {
    overflow: inherit;
}

header.header-fixed {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.electron-header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: auto;
    min-height: 70px;
    z-index: 105;
    background: var(--electron-light);
    display: flex;
    align-items: center;
    transform: translateY(-100%);
    -webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 30px -4px rgba(0,0,0,.09);
    box-shadow: 0 15px 30px -4px rgb(0 0 0 / 17%);
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
}

.scroll-start .electron-header-sticky.sticky-start  {
    opacity: 1;
    transform: none;
}

body.admin-bar.scroll-start .electron-header-sticky.sticky-start {
    top: 32px;
}

.electron-header-part:not(.electron-header-sticky) {
    position: relative;
}

.electron-header-top {
    font-size: 12px;
    border-bottom: 1px solid var(--electron-border);
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.electron-header-bottom {
    border: 1px solid var(--electron-border);
    border-right: 0;
    border-left: 0;
}

.electron-header-bottom.bg-trans-light {
    border-bottom: 1px solid var(--electron-border);
}

.electron-header-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1580px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    min-height: 40px;
    height: 100%;
    gap: 20px;
    position: relative;
}

.electron-header-middle .electron-header-inner {
    min-height: 100px;
}

.electron-header-bottom .electron-header-inner {
    min-height: 50px;
}

.header-col {
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-col.col-left {
    justify-content: flex-start;
}

.header-col.col-center {
    justify-content: center;
    flex: 1 1 auto;
}

.header-col.col-right {
    justify-content: flex-end;
}

.type-minimenu>.nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
}

.type-minimenu>.nav li:nth-child(1) a {
    color: var(--electron-green);
}
.type-minimenu>.nav li:nth-child(2) a {
    color: var(--electron-blue-soft);
}
.type-minimenu>.nav li:nth-child(3) a {
    color: var(--electron-blue);
}
.type-minimenu>.nav li:nth-child(4) a {
    color: var(--electron-red);
}

.type-dropdown {
    position: relative;
    height: 100%;
}

.type-dropdown>.nav {
    height: 100%;
    display: flex;
    align-items: center;
    list-style: none;
    gap: 15px;
}

.type-dropdown ul.submenu {
    list-style: none;
    font-size: 10px;
    visibility: hidden;
    opacity: 0;
    background-color: var(--electron-light);
    padding: 15px;
    position: absolute;
    top: 100%;
    z-index: 99999;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    min-width: 100px;
    width: max-content;
    gap: 10px;
}

.col-right .type-dropdown ul.submenu {
    left: auto;
    right: 0;
}

.type-dropdown .has-dropdown {
    position: relative;
    height: 100%;
    display: flex;
    align-items: stretch;
}

.type-dropdown ul.submenu a {
    color: var(--electron-dark);
}

.type-dropdown .dropdown-btn {
    font-size: 8px;
    transform: rotate(180deg);
}

.type-dropdown .has-dropdown>a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.electron-header-inner .top-action-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.electron-header-top .top-action-btn svg {
    width: 18px;
    height: 18px;
}

.electron-header-top .electron-wc-count {
    left: 10px;
}

.header-text,
.electron-header-top .top-action-btn {
    line-height: 1;
}

.account-page-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-shortcode {
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height:0;
}

.header-shortcode a {
    font-size: 14px;
}

.bg-light .header-shortcode .ht-c-url {
    font-size: 12px;
    color: var(--electron-text);
}

.electron-header-middle {
    width: 100%;
    display: flex;
    align-items: center;
}

.header-mainmenu.type-menu {
    height: 100%;
}

.header-mainmenu ul.nav {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 100%;
}

.header-mainmenu .nav>li>.submenu,
.header-mainmenu .nav>li>.submenu .submenu {
    list-style: none;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    background-color: var(--electron-light);
    padding: 20px 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    min-width: 240px;
    width: max-content;
    border-radius: 0 0 5px 5px;
}

.mega-container {
    position: absolute;
    top: 100%;
    left: 20px;
    width: 98%;
    max-width: 1540px;
    border-top: 1px solid var(--electron-gray);
    background-color: var(--electron-light);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.mega-container>li {
    display: flex;
    justify-content: center;
}

.header-mainmenu .mega-container>.submenu {
    flex-direction: row;
    max-width: 1580px;
    display: flex;
    margin: 0 auto;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    font-size: 12px;
    gap: 20px;
}

.header-mainmenu .mega-container .submenu .submenu {
    list-style: none;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header-mainmenu .mega-container .column-title {
    font-size: 14px;
    border-bottom: 1px solid var(--electron-border);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.header-mainmenu .nav>li>.submenu .submenu {
    left: 100%;
    top: calc(-100% - -15px);
}

.col-right .header-mainmenu .nav>li>.submenu {
    left: auto;
    right: 0;
}

.col-right .header-mainmenu .nav>li>.submenu .submenu {
    left: auto;
    right: 100%;
}

.col-right .header-mainmenu .submenu li.has-dropdown .dropdown-btn {
    transform: rotate(-90deg);
}
.menu-item.has-icon>a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: -webkit-fill-available;
}
.header-mainmenu>.nav>li:not(.mega-parent) {
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;
}

.header-mainmenu>.nav>li.mega-parent {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-mainmenu>.nav>li>a {
    font-size: 13px;
    font-weight: 500;
    color: var(--electron-gray-dark);
    text-transform: uppercase;
    padding: 0;
    display: block;
    line-height: 1;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
}
.menu-item>a>svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}
.header-mainmenu>.nav>li>.submenu>li,
.header-mainmenu>.nav>li>.submenu .submenu>li {
    width: 100%;
    position: relative;
    /* padding: 0 15px; */
}

.header-mainmenu .submenu>li>a {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 10px 20px;
}

.header-mainmenu .menu-item .menu-label {
    position: absolute;
    top: -26px;
    max-height: 16px;
    display: flex;
    right: -1px;
    font-size: 8px;
    padding: 4px 5px;
    color: var(--electron-light);
    background-color: var(--electron-blue-soft);
    border-radius: 3px;
    letter-spacing: 0.5px;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-transform: uppercase;
    font-weight: 500;
}
.header-mainmenu .menu-item .submenu .menu-label {
    top: 8px;
    right: 15px;
    left: auto;
}
.menu-item-mega-parent {
    position: static;
}


.mega-parent.column-5>.mega-container>ul.submenu>li {
    width: 20%;
    flex: 0 0 20%;
}

.header-mainmenu .dropdown-btn {
    display: block;
    transform: rotate(180deg);
    font-size: 7px;
    font-weight: bold;
    color: var(--electron-text);
}

.header-mainmenu .submenu li.has-dropdown .dropdown-btn {
    transform: rotate(90deg);
    position: absolute;
    right: 15px;
}

.electron-category-menu {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}

.electron-category-menu .menu-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--electron-light);
    background: var(--electron-primary);
    padding: 10px 15px;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    gap: 10px;
}

.electron-category-menu .title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.electron-header-bottom .menu-title {
    min-width: 230px;
}

.electron-category-menu .menuBars {
    width: 18px;
    height: 18px;
}

.electron-category-menu .icon-arrow {
    display: block;
    transform: rotate(180deg);
    font-size: 10px;
}

.electron-category-menu .submenu {
    min-width: 230px;
    position: absolute;
    padding: 0;
    background-color: var(--electron-light);
    border-radius: 0 0 5px 5px;
    border: none;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 100%;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: space-between;
    align-content: flex-start;
}

.electron-category-menu.always-open>.submenu {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: unset;
}

.electron-category-menu .submenu .submenu {
    right: auto;
    left: 100%;
    top: 0px;
}

.col-right .electron-category-menu .submenu {
    left: auto;
    right: 0;
}

.col-right .electron-category-menu .submenu .submenu {
    right: 100%;
    left: auto;
}

.electron-category-menu .primary-cats>li,
.electron-category-menu .submenu>li {
    margin-left: 0;
    text-align: left;
    display: flex;
    position: relative;
    padding: 8px 15px;
    align-items: center;
    flex-direction: row;
}

.electron-category-menu .primary-cats>li:not(last-child),
.electron-category-menu .submenu>li:not(last-child) {
    border-bottom: 1px solid var(--electron-border);
}

.electron-category-menu .product_cat {
    width: 100%;
    display: flex;
    text-transform: capitalize;
    line-height: 1;
    align-items: center;
    gap: 10px;
}
header .electron-vertical-catmenu-primary.submenu .menu-item-has-children .product_cat:after {
    font-family: 'ninetheme-font';
    content: "\f115";
    position: absolute;
    right: 18px;
    transform: rotate(90deg);
    font-size: 7px;
}
.bg-light .electron-category-menu > .submenu li:hover .product_cat:after {
    color: var(--electron-light);
}
.electron-category-menu .submenu .dropdown-btn {
    display: block;
    position: relative;
    font-size: 10px;
    color: currentColor;
}

.col-right .electron-category-menu .submenu .dropdown-btn {
    transform: rotate(180deg);
}

.type-dropdown ul.submenu,
.header-mainmenu .nav>li>.submenu,
.header-mainmenu .nav>li>.submenu .submenu,
.header-mainmenu .mega-container,
.electron-category-menu .submenu {
    -webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 30px -4px rgba(0,0,0,.09);
    box-shadow: -4px -2px 30px 2px rgb(0 0 0 / 17%);
    transform: translateY(15px) translateZ(0);
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
    pointer-events: none;
}

.header-mainmenu .nav>li:hover>.submenu,
.header-mainmenu .nav .submenu li:hover>.submenu,
.header-mainmenu .nav>li:hover>.mega-container,
.type-dropdown ul>li.open>.submenu,
.electron-category-menu:hover>.submenu,
.electron-category-menu .submenu li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: unset;
}

.bg-light:not(.bg-trans-light) {
    background-color: var(--electron-light);
}

.bg-dark:not(.bg-trans-dark) {
    background-color: var(--electron-dark);
    color: var(--electron-light);
}

.bg-dark .top-action-btn svg,
.bg-dark .electron-svg-icon,
.bg-trans-light .electron-svg-icon {
    fill: var(--electron-light);
}

.bg-light .electron-svg-icon {
    fill: var(--electron-text);
}

.bg-dark .menuBars,
.bg-trans-light .menuBars {
    stroke: var(--electron-light);
}

.bg-light .menuBars {
    stroke: var(--electron-light);
}

.top-action-btn .shopCompare.electron-svg-icon {
    max-width: 28px !important;
    max-height: 28px !important;
}

.bg-dark .header-text,
.bg-dark .header-text a,
.bg-dark .account-page-link,
.bg-dark .nav >li> a,
.bg-dark .header-mainmenu>ul>li>a,
.bg-dark .header-mainmenu .submenu>li>a,
.bg-dark .electron-ajax-product-title,
.bg-dark .electron-btn-text,
.bg-dark .electron-ajax-product-price,
.bg-dark .header-shortcode a,
.bg-dark .electron-ajax-selected,
.bg-dark .electron-category-menu .submenu a,
.bg-dark .electron-category-menu li,
.bg-dark .type-dropdown ul.submenu a,
.bg-trans-light .header-text,
.bg-trans-light .header-text a,
.bg-trans-light .account-page-link,
.bg-trans-light .nav >li> a,
.bg-trans-light .header-mainmenu>ul>li>a,
.bg-trans-light .header-shortcode a ,
.bg-trans-light .electron-ajax-selected,
.bg-trans-light .header-mainmenu .submenu>li>a,
.bg-trans-light .electron-ajax-product-title,
.bg-trans-light .electron-btn-text,
.bg-trans-light .electron-ajax-product-price,
.bg-trans-light .electron-category-menu .submenu a,
.bg-trans-light .electron-category-menu li,
.bg-trans-light .type-dropdown ul.submenu a {
    color: var(--electron-light);
}

.bg-light .header-text, .bg-light .header-text a, .bg-light .account-page-link, .bg-light .nav >li> a, .bg-light .header-mainmenu>ul>li>a, .bg-light .header-mainmenu .submenu>li>a, .bg-light .electron-ajax-product-title, .bg-light .electron-btn-text, .bg-light .electron-ajax-product-price, .bg-light .header-shortcode a, .bg-light .electron-category-menu .submenu a, .bg-light .electron-category-menu li, .bg-light .type-dropdown ul.submenu a, .bg-trans-dark .header-text, .bg-trans-dark .header-text a, .bg-trans-dark .account-page-link, .bg-trans-dark .nav >li> a, .bg-trans-dark .header-mainmenu>ul>li>a, .bg-trans-dark .header-shortcode a, .bg-trans-dark .electron-ajax-selected, .bg-trans-dark .header-mainmenu .submenu>li>a, .bg-trans-dark .electron-ajax-product-title, .bg-trans-dark .electron-btn-text, .bg-trans-dark .electron-ajax-product-price, .bg-trans-dark .electron-category-menu .submenu a, .bg-trans-dark .electron-category-menu li, .bg-trans-dark .type-dropdown ul.submenu a {
    color: var(--electron-dark);
}

.bg-trans-dark,
.bg-trans-light {
    background-color: transparent;
}

.bg-dark .type-dropdown ul.submenu,
.bg-dark .header-mainmenu ul.submenu,
.bg-dark .category-select-wrapper .category-list,
.bg-dark .electron-category-menu .submenu {
    background-color: var(--electron-dark);
}


.electron-header .panel-open .menuBars {
    stroke: var(--electron-dark);
}

.electron-header .panel-open {
    display: flex;
    align-items: center;
    align-content: center;
}

.bg-light .electron-category-menu img {
    max-width: 28px;
    border: 1px solid;
    border-color:var(--electron-border);
    padding: 4px;
    border-radius: 5px;
    background: #eee;
}

.bg-light .electron-category-menu .category-title {font-weight: 500;}

.bg-light .electron-category-menu > ul > li:hover > a img {
    background: var(--electron-blue-bg);
    border-color: var(--electron-blue-bg);
}

.bg-light .electron-category-menu .submenu>li:hover {
    background: var(--electron-primary);
}
.bg-light .electron-category-menu li.current-cat {
    background: var(--electron-secondary);
}

.bg-light .electron-category-menu .submenu > li:hover>a,
.bg-light .electron-category-menu .submenu > li.current-cat>a,
.bg-light .electron-category-menu > .submenu li.current-cat,
.bg-light .electron-category-menu > .submenu li:hover {
    color: var(--electron-light);
}

.electron-header-middle .nt-header-callus-container {
    margin: 0 10px;
}
.electron-header-middle .nt-header-callus-icon i {
    font-size: 30px;
    color: var(--electron-green);
}

.electron-header-middle .nt-header-callus {
    display: flex;
    gap: 15px;
    align-items: center;
}

.electron-header-middle .nt-header-callus-text {
    display: flex;
    flex-direction: column-reverse;
    gap: 3px;
}

.electron-header-middle .nt-header-phone-text {
    color: var(--electron-text);
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.electron-header-middle .nt-header-phone-number {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #222529;
}

.nt-header-type-2 .header-text {
    min-width: 210px;
}

.nt-header-type-2 .electron-header-middle .nt-header-callus-container {
    border: 1px solid;
    border-color: var(--electron-red);
    border-radius: 50px;
    padding: 5px;
}
.nt-header-type-2 .electron-header-middle .nt-header-callus-icon i {
    font-size: 20px;
}
.nt-header-type-2 .electron-header-middle .nt-header-callus-icon {
    background: var(--electron-red);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}


.electron-header-top .nt-header-callus {
    display: flex;
    gap: 10px;
    align-items: center;
}

.electron-header-top .nt-header-callus-container {
    font-size: 12px;
    background: var(--electron-blue);
    padding: 7px 10px;
    color: var(--electron-light);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 5px;
}

.electron-header-top .nt-header-phone-number {
    font-size: 13px;
    color: white;
}

.electron-header-top .nt-header-callus-text {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 10px;
}

.electron-header-top .nt-header-callus-container * {
    color: var(--electron-light);;
}


/* popup search */

.electron-popup-search {
    position: fixed;
    top: -100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: var(--electron-light);
    z-index: 106;
    padding: 100px;
}
.electron-popup-search.active {
    top: 0;
    visibility: visible;
    z-index: 99999;
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),top 0.4s cubic-bezier(.19,1,.22,1);
}
.search-container {
    max-width: 1200px;
}
.search-col {
    flex: 0 0 100%;
    width: 100%;
}
.search-col .electron-ajax-product-search {
    max-width: 100%;
    z-index: 1;
}
.search-col .electron-ajax-product-search form {
    border: 0;
    border-bottom: 2px solid var(--electron-border);
    border-radius: 0;
}
.search-col .electron-ajax-search-results {
    max-width: 100%;
}
.search-col .electron-ajax-search-results ul {
    flex-direction: row;
    flex-wrap: wrap;
}
.search-col .electron-ajax-search-results ul li {
    padding: 10px 20px;
    flex: 0 0 50%;
}
.search-col .electron-ajax-search-results ul li:nth-child(2n+1) {
    border-right: 1px dashed var(--electron-border);
}
.search-col .electron-scrollbar {
    padding-right: 0;
    padding-left: 0;
}
.search-col .electron-ajax-product-search .category-select-wrapper {
    border: 0;
}
.search-col .electron-ajax-product-search button.electron-ajax-search-submit,
.search-col .electron-ajax-product-search button.electron-ajax-search-submit:hover,
.search-col .electron-ajax-close-search-results {
    color: var(--electron-dark);
    background-color: transparent;
}
.search-col .electron-ajax-product-search button.electron-ajax-search-submit svg,
.search-col .electron-ajax-product-search button.electron-ajax-search-submit:hover svg {
    fill: var(--electron-dark);
}
.search-col .cat-heading {
    font-size: 18px;
    margin-top: 40px;
    position: relative;
    display: block;
    padding-bottom: 0;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 500;
}
.search-col .electron-category-menu {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.search-col .electron-vertical-catmenu-primary.submenu {
    position: relative;
    opacity: 1;
    visibility: visible;
    flex-direction: row;
    background: transparent;
    box-shadow: none;
    border: 0;
    transform: none;
    gap: 1px;
    flex-wrap: wrap;
}
.search-col .electron-category-menu .submenu>li {
    border: 1px solid var(--electron-border);
    flex: 1 0 20%;
}
.search-col .electron-category-menu .submenu .submenu {
    right: auto;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
}
.electron-popup-search .panel-close {
    position: absolute;
    top: 10px;
    right: 20px;
}
body.admin-bar .electron-popup-search .panel-close {
	top: 15px;
	right: 20px;
}

.electron-popup-search .cat-item:hover {
    background-color: var(--electron-primary);
    border-color: var(--electron-primary);
    -webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 30px -4px rgba(0,0,0,.09);
    box-shadow: -4px -2px 30px 2px rgb(0 0 0 / 17%);
}
.electron-popup-search .cat-item:hover,
.electron-popup-search .cat-item:hover > a {
    color: var(--electron-light);
    opacity: 1;
}
.electron-popup-search .nt-icon-up-chevron.dropdown-right {
    transform: rotate(90deg);
    font-size: 10px;
}

/* promotion top bar */
.electron-promotion-bar .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    min-height: 30px;
    max-width: 1420px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    color: #fff;
    transition: height 0.5s, padding 0.5s;
    background: none;
    position: relative;
}
#promotionBar.closed {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.electron-promotion-bar .panel-close {
    position: absolute;
    right: 15px;
    top: 6px;
    width: 20px;
    height: 20px;
    border-width: 5px;
    background-color: transparent;
}
.electron-promotion-bar.grad-anim-1 {
    background: linear-gradient(270deg, #000fe8, #e80027);
}
.grad-anim-1 {
    background-size: 400% 400%;
    -webkit-animation: grad-anim-1 22s ease infinite;
    -moz-animation: grad-anim-1 22s ease infinite;
    animation: grad-anim-1 22s ease infinite;
}

@-webkit-keyframes grad-anim-1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes grad-anim-1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes grad-anim-1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* Header style-2 */

.electron-header.bg-light.style-2 .electron-header-bottom {
    background: var(--electron-blue-dark);
}

.electron-header.bg-light.style-2 .electron-header-bottom .header-mainmenu .nav >li> a,
.electron-header.bg-light.style-2 .electron-header-bottom .account-page-link,
.electron-header.bg-light.style-2 .electron-header-bottom svg,
.electron-header.bg-light.style-2 .header-text a,
.electron-header.bg-light.style-2 .electron-header-bottom .electron-ajax-selected {
    color: var(--electron-light);
    fill: var(--electron-light);
}
.electron-header.bg-light.style-2 .electron-header-bottom .panel-open svg {
    stroke: var(--electron-light);
}
.electron-header.bg-light.style-2 .electron-header-bottom .electron-ajax-product-search .category-select-wrapper,
.electron-header.bg-light.style-2 .electron-header-bottom .electron-ajax-product-search form {
    border-width: 2px solid;
    border-color: var(--electron-primary);
}
.electron-header.bg-light.style-2 .electron-header-bottom .electron-ajax-product-search form {
    height: 38px;
}
.electron-header.bg-light.style-2 .electron-header-bottom .type-minimenu>.nav li:nth-child(3) a {
    color: var(--electron-yellow);
}
.electron-header.bg-light.style-2 .electron-header-bottom .header-minimenu.type-dropdown > ul > li > a {
    color: var(--electron-light);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.electron-header.style-2 .electron-header-bottom .nt-header-callus {
    text-transform: uppercase;
    font-size: 12px;
}
.electron-header.style-2 .electron-header-bottom .nt-header-callus-icon i {
    font-size: 10px;
    margin-right: 5px;
}
.electron-header.bg-light.style-2 .electron-header-middle .header-text {
    background-color: var(--electron-green);
    padding: 8px;
    border-radius: 5px;
}
.electron-header.bg-light.style-2 .electron-header-middle .header-text:hover {
    background-color: var(--electron-primary);
}
.electron-header.bg-light.style-2 .electron-header-middle .header-text i {
    color: var(--electron-light);
}

.electron-header.bg-light.style-2 .electron-header-middle .nt-header-phone-text {
    color: var(--electron-green-bg);
}
.electron-header.bg-light.style-2 .electron-header-middle .nt-header-phone-number {
    color: var(--electron-light);
}

/* Header style-2 end */

/* Header style-3 */

.electron-header.style-3 .electron-header-top {
    background: var(--electron-primary);
}

.electron-header.style-3 .electron-header-top .nt-header-callus-container {
    background: var(--electron-blue);
    color: var(--electron-light);
}

.electron-header.style-3 .electron-header-top .header-mainmenu .nav >li> a,
.electron-header.style-3 .electron-header-top .account-page-link,
.electron-header.style-3 .electron-header-top svg,
.electron-header.style-3 .header-text a,
.electron-header.style-3 .electron-header-top .header-shortcode a {
    color: var(--electron-light);
    fill: var(--electron-light);
}
.electron-header.style-3 .electron-header-top .panel-open svg {
    stroke: var(--electron-light);
}

.electron-header.style-3 .electron-header-top .type-minimenu>.nav li:nth-child(3) a {
    color: var(--electron-yellow);
}
.electron-header.style-3 .electron-header-top .header-minimenu.type-dropdown > ul > li > a {
    color: var(--electron-light);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.electron-header.style-3 .electron-header-top .nt-header-callus {
    text-transform: uppercase;
    font-size: 10px;
}
.electron-header.style-3 .electron-header-top .nt-header-callus-icon i {
    font-size: 15px;
    margin-right: 0px;
}
.electron-header.style-3 .electron-header-middle .header-text {
    background-color: var(--electron-green);
    padding: 8px;
    border-radius: 5px;
}
.electron-header.style-3 .electron-header-middle .header-text:hover {
    background-color: var(--electron-primary);
}
.electron-header.style-3 .electron-header-middle .header-text i {
    color: var(--electron-light);
}

.electron-header.style-3 .electron-header-middle .nt-header-phone-text {
    color: var(--electron-green-bg);
}
.electron-header.style-3 .electron-header-middle .nt-header-phone-number {
    color: var(--electron-light);
}

/* Header style-3 end */

/* Header style-4 */

.electron-header.style-4 .electron-header-top {
    background: var(--electron-gray-soft);
}
.electron-header.style-4 .electron-header-top .nt-header-callus-container {
    background: var(--electron-primary);
}
.electron-header.style-4 .electron-category-menu .menu-title,
.electron-header.style-4 .electron-ajax-product-search button.electron-ajax-search-submit,
.electron-header.style-4 .electron-ajax-product-search button.electron-ajax-search-submit:hover,
.electron-header.style-4 .electron-ajax-close-search-results,
.electron-header.style-4 .electron-wc-count {
    background-color: var(--electron-red);
    border-radius: 3px;
}

.electron-header.style-4 .electron-header-bottom {
    border: 0;
    border-top: 1px solid;
    border-color: var(--electron-border);
    border-right: 0;
    border-left: 0;
    padding-top: 15px;
}
.electron-header.style-4 .electron-header-middle .nt-header-callus-icon i {
    font-size: 24px;
    color: var(--electron-light);
}
.electron-header.style-4 .electron-header-middle .nt-header-callus {
    gap: 10px;
}
.electron-header.style-4 .electron-header-middle .nt-header-callus-icon {
    background-color: var(--electron-green);
    color: var(--electron-light);
    padding: 5px 7px;
    border-radius: 3px;
}

/* Header style-4 end */

/* Header style-5 start */


.style-5 .header-mainmenu > ul > li > a > .dropdown-btn {
    color: var(--electron-light);
}

.style-5 .electron-header-bottom {
    border: 0;
    background-color: var(--electron-red-dark);
}

.style-5 .electron-header-top {
    background-color: var(--electron-gray-soft);
}

.style-5 .electron-header-middle .nt-header-callus {
    border: 2px solid #009367;
    padding: 10px;
    border-radius: 5px;
}

.style-5 .electron-ajax-product-search button.electron-ajax-search-submit,
.style-5 .electron-ajax-product-search button.electron-ajax-search-submit:hover,
.style-5 .electron-ajax-close-search-results {
    background-color: var(--electron-red);
}

.style-5 .electron-wc-count {
    background: var(--electron-red-soft);
    color: var(--electron-red-dark);
}

.style-5 .electron-category-menu .menu-title,
.style-5 .electron-category-menu .submenu>li:hover {
    background: var(--electron-red);
}

.style-5 .electron-header-bottom .header-mainmenu .nav >li> a,
.style-5 .electron-header-bottom .account-page-link,
.style-5 .electron-header-bottom svg,
.style-5 .header-text a,
.style-5 .type-minimenu>.nav li a,
.style-5 .electron-header-bottom .header-shortcode a {
    color: var(--electron-light);
    fill: var(--electron-light);
}

/* Header style-5 end */



@media(max-width:1200px) {

    .electron-category-menu.always-open>.submenu {
        opacity: 0;
        visibility: hidden;
        transform: none;
        pointer-events: unset;
    }
	.search-col .electron-category-menu.always-open>.submenu {
	    opacity: 1;
	    visibility: visible;
	    transform: none;
	    pointer-events: unset;
	}

}

@media(min-width:1024px) {
    body.page-loaded.has-minibar,
    body.page-loaded.has-minibar .electron-header-sticky {
        margin-left: 50px;
        transition: margin-left 0.4s cubic-bezier(.19,1,.22,1);
    }
    .type-dropdown ul>li:hover>.submenu {
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: unset;
    }
}

@media(max-width:1024px) {
    .electron-header .hidden-mobile {
        display: none;
    }

    .search-col .electron-category-menu .submenu>li {
        flex: 1 0 calc((100% / 3) - 1px);
    }

    .electron-header-top .electron-header-inner {
        gap: 0;
    }

    .electron-header-top .header-col.col-center {
        justify-content: flex-start;
    }
    .electron-header-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* wp admin-bar mobile */

@media(max-width:782px) {

    .admin-bar .electron-side-panel {
        top: 46px;
    }

    .admin-bar .electron-promotion-bar .panel-close {
        top: 5px;
    }
}

@media(max-width:768px) {
    .electron-popup-search {
        padding: 60px 30px;
    }
    .search-col .electron-category-menu .submenu>li {
        flex: 1 0 calc((100% / 2) - 1px);;
    }
}
@media(max-width:480px) {
    .electron-popup-search {
        padding: 25px 20px;
    }
    .search-col .electron-ajax-product-search {
        margin-top: 30px;
    }
    .search-col .electron-vertical-catmenu-primary {
        max-height: calc(100vh - 200px);
        overflow: auto;
        padding-bottom: 10px;
    }
    .search-col .electron-category-menu .submenu>li {
        flex: 0 0 100%;
    }
    .search-col .electron-ajax-search-results {
        min-width: auto;
    }
    .search-col .electron-ajax-search-results ul li {
        flex: 0 0 100%;
    }
    .search-col .electron-ajax-search-results ul li:nth-child(2n+1) {
        border-right: 0;
    }
    .search-col .electron-scrollbar {
        padding-right: 0;
        padding-left: 0px;
        gap: 5px;
    }
    .header-shortcode {
        gap: 7px;
    }
	body.admin-bar.scroll-start .electron-header-sticky.sticky-start {
	    top: -6px;
	}
	body.admin-bar .electron-popup-search .panel-close {
		top: 15px;
		right: 25px;
	}
}

/* mobile header */
.electron-header-mobile {
    min-height: 80px;
    display: none;
    align-items: center;
    width: 100%;
    height: auto;
    z-index: 99;
    -webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 30px -4px rgba(0,0,0,.09);
    box-shadow: 0 0px 30px -4px rgb(0 0 0 / 17%);
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),top 0.4s cubic-bezier(.19,1,.22,1);
}
.electron-header-mobile>div {
    flex: 0 0 100%;
}
.electron-header-mobile-fixed {
    min-height: 80px;
    display: none;
}
.electron-header-mobile .search-form-found {
    padding: 0 15px;
    min-height: 46px;
}
.electron-header-mobile.sticky-ready .search-form-found {
    display: none;
}
.electron-header-mobile .electron-ajax-search-results {
    max-width: 100%;
}
.electron-mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    max-width: 450px;
    z-index: 99999;
    background-color: var(--electron-light);
    visibility: hidden;
    -webkit-box-shadow: 0 15px 30px -4px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0 15px 30px -4px rgba(0,0,0,.09);
    box-shadow: 0 15px 30px -4px rgb(0 0 0 / 17%);
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),left 0.4s cubic-bezier(.19,1,.22,1);
}
.admin-bar .electron-mobile-menu {
    top: 0px;
    height: 100%;
    z-index: 99999;
}
.electron-mobile-menu.active {
    transform: none;
    left: 0;
    visibility: visible;
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),visibility 0.4s cubic-bezier(.19,1,.22,1),left 0.4s cubic-bezier(.19,1,.22,1);
}
.electron-mobile-menu .panel-close {
    border-radius: 0;
    width: 40px;
    height: 40px;
    right: -40px;
    top: 0;
    z-index: 5;
}
.mobile-menu-inner {
    display: flex;
    height: calc(100% - 55px);
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    flex: 0 0 100%;
    flex-wrap: wrap;
    position: relative;
}
.mobile-menu-inner.electron-scrollbar {
    padding-right: 0;
}
.mobile-menu-tabs {
    display: flex;
    align-items: center;
    gap: 1px;
    width: 100%;
}
.mobile-menu-tab {
    flex: 1 0 auto;
    padding: 16px 10px;
    text-align: center;
    background-color: var(--electron-light);
    color: var(--electron-dark);
    text-transform: uppercase;
    cursor: pointer;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid;
    border-color: var(--electron-border);
    font-weight: 500;
    letter-spacing: 0.1px;
}
.mobile-menu-tab:hover,
.mobile-menu-tab.active {
    background-color: var(--electron-gray-soft);
    border-color: var(--electron-gray);
}
.mobile-menu .menu-item .menu-label {
    display: none;
}

.mobile-menu .menu-divider {
    border-top: 1px dashed var(--electron-border);
    margin: 30px 0;
}
.mobile-menu .nav.cloned {
    border-top: 1px solid var(--electron-border);
}
.mobile-menu .submenu,
.mobile-category-menu .submenu {
    display: none;
    flex-direction: column;
}

.has-tab .mobile-menu, .has-tab .mobile-category-menu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(.19,1,.22,1),transform 0.4s cubic-bezier(.19,1,.22,1);
}
.mobile-menu.menu-active, .mobile-category-menu.menu-active {
    transform: translateX(0);
    opacity: 1;
}
.mobile-menu li,
.mobile-category-menu li {
    list-style: none;
}
.mobile-menu li>a, .mobile-category-menu li>a {
    padding: 0 20px;
    border-bottom: 1px solid var(--electron-border);
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    width: -webkit-fill-available;
    min-height: 52px;
    font-weight: 500;
    font-size: 13px;
}
.mobile-menu li.open>a,
.mobile-menu li>a:hover,
.mobile-category-menu li.open>a,
.mobile-category-menu li>a:hover {
    background-color: var(--electron-gray-soft);
    color: var(--electron-dark);
    opacity: 1;
}
.mobile-menu li.open>a, .mobile-menu li>a:hover,
.mobile-category-menu li.open>a,
.mobile-category-menu li>a:hover .mobile-menu-tab:hover,
.mobile-menu-tab.active {
    -webkit-tap-highlight-color: transparent;
}

.mobile-menu li>.submenu>li>a,
.mobile-category-menu li>.submenu>li>a {
    padding-left: 40px;
    color: var(--electron-text);
    font-size: 12px;
}
.mobile-menu span.dropdown-btn,
.mobile-category-menu span.dropdown-btn {
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    border-left: 1px solid var(--electron-border);
    font-size: 11px;
}
.mobile-menu li.open>a>.dropdown-btn,
.mobile-menu span.dropdown-btn:hover,
.mobile-category-menu li.open>a>.dropdown-btn,
.mobile-category-menu span.dropdown-btn:hover {
    background-color: var(--electron-gray-soft);
    color: var(--electron-dark);
}
.mobile-menu li>a>.dropdown-btn:before,
.mobile-category-menu li>a>.dropdown-btn:before {
    transform: rotate(180deg);
}
.mobile-menu li.open>a>.dropdown-btn:before,
.mobile-category-menu li.open>a>.dropdown-btn:before {
    transform: rotate(0deg);
}
body.admin-bar.scroll-start .electron-header-mobile.sticky-start {
    top: 32px;
}
@media(max-width:1024px) {

    .electron-header-mobile {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0px;
        gap: 20px;
    }

    .electron-header-mobile .electron-ajax-product-search {
        max-width: 100%;
    }

    .electron-header-mobile.search-before {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .electron-header-mobile.sticky-ready {
        position: fixed;
        top: -100%;
        left: 0;
        opacity: 0;
        z-index: 999;
    }

    .electron-header-mobile.sticky-ready.sticky-start {
        top: 0;
        opacity: 1;
    }

    .electron-header-mobile-fixed.sticky-ready {
        display: block;
    }

    .electron-header .hidden-mobile {
        display: none;
    }
}
@media(max-width:782px) {
    .admin-bar .electron-mobile-menu .panel-close {
        top: 0;
        right: -40px;
    }
}

@media(max-width:480px) {
    .admin-bar .electron-header-mobile.sticky-ready {
        top: -100%;
        opacity: 0;
    }
	body.admin-bar.scroll-start .electron-header-mobile.sticky-ready.sticky-start {
	    top: 0px;
	    opacity: 1;
	}
    .electron-mobile-menu {
        max-width: calc(100% - 50px);
    }
}