/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 15, 2017, 12:55:56 AM
    Author     : husain707
*/

@import "./material_select.css";

/* ---------------COLOR VARIABLES-------------------------- */
:root {
/*     --primary: rgb(17, 81, 90); */
	--primary: rgb(255, 107, 26);
    --primary_dark: rgb(7, 52, 58);
    --primary_alpha: 17, 81, 90;
/*     --secondary: rgb(170, 169, 90); */
    --secondary: rgb(255, 107, 26);
    --secondary_alpha: 170, 169, 90;
    --tertiary: rgb(255, 166, 118);
    --tertiary_alpha: 255, 166, 118;
    --danger: #dc3545;
    --danger_alpha: 220, 53, 69;
    --gradient: linear-gradient(-45deg, var(--secondary), var(--primary));
    --text_color: #666;
    --shadow_1: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    --shadow_2: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/* ---------------COLOR VARIABLES-------------------------- */

.category-view-move {
    margin-bottom: 20px;
}

.additional-attributes tbody tr th.col,
.additional-attributes tbody tr td.col {
    display: table-cell;
    /*   padding: 10px 0 !important; */
}

.filter-current .item {
    background: #eee;
    padding: 10px;
}

.filter-current .item .action {
    float: right;
}

#block-shipping {
    display: none;
}

.action.primary.buynow {
    background: var(--primary);
    border-color: var(--primary);
}

.logo {
    max-width: 100% !important;
}

/* .header-container .header{
    background: #f4f8f9 !important;
    } */
/* .minicart-wrapper .icon-cart-header .fa.fa-cart-plus, .minicart-wrapper .showcart .text-cart{
    color : $secondary !important;
    } */
/* .header-container.sticky .minicart-wrapper .icon-cart-header .fa.fa-cart-plus,.header-container.sticky .minicart-wrapper .showcart .text-cart{
    color : #ffffff !important;
    } */
.navigation.verticalmenu.side-verticalmenu .horizontal-menu {
    height: auto;
    width: 100%;
    text-align: center;
    padding: 8px 0px;
    background: var(--primary);
}

.header-container .nav-menus {
    background: var(--primary);
}

.horizontal-menu .items-list {
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
}

.horizontal-menu .items-list a {
    display: inline-block;
    /*   width: 120px; */
}

.horizontal-menu .items-list a .item-container {
    text-align: center;
    padding: 16px 8px;
    color: #fff;
    transition: background 0.3s;
}

.header-container.sticky .horizontal-menu .items-list a .item-container {
    padding: 8px 12px;
    display: table;
}

.horizontal-menu .items-list a .item-container:hover {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.horizontal-menu .items-list a .item-container img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.header-container.sticky .horizontal-menu .items-list a .item-container img {
    display: table-cell;
    width: 35px;
    height: 35px;
    margin-bottom: 0;
    margin-right: 10px;
}

.horizontal-menu .items-list a .item-container h3 {
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: inherit;
}

.header-container.sticky .horizontal-menu .items-list a .item-container h3 {
    display: table-cell;
    font-weight: 300;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {

    .horizontal-menu .items-list a,
    .horizontal-menu .items-list a:hover {
        padding: 0px;
    }
}

.login-container .block.block-new-customer {
    text-align: center !important;
    float: left !important;
    position: relative;
    /*   margin-left: 20px !important; */
}

.login-container .block.block-customer-login {
    float: left !important;
}

.login-container .block.block-customer-login .actions-toolbar .primary,
.login-container .block.block-customer-login .actions-toolbar .secondary {
    /*   float: right !important; */
    display: block !important;
}

.login-container .block.block-customer-login .actions-toolbar .secondary {
    margin-right: 20px !important;
}

.login-container .fieldset .label {
    display: block !important;
}

.table-wrapper {
    border: #d1d1d1 thin solid;
}

.table-wrapper thead {
    background: #d1d1d1;
}

.table-wrapper thead th {
    border-right: #d1d1d1 thin solid;
}

.account .table-wrapper .action {
    font-weight: bold;
    margin-right: 0 !important;
}

ul.order-links li.nav.item {
    padding: 10px;
    margin-left: 20px;
    margin-right: 0 !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: var(--secondary);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff !important;
}

ul.order-links li.nav.item:hover {
    background: var(--primary);
}

ul.order-links li.nav.item.current {
    background: var(--primary);
    color: #fff !important;
}

ul.order-links li.nav.item a {
    color: #fff !important;
}

.order-title a {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
    padding: 5px;
    background: #172029;
    color: #fff !important;
}

.block.block-order-details-view .box,
.block.block-addresses-default .box {
    float: left;
    width: 48%;
}

.block-reorder .actions-toolbar {
    max-width: 100%;
}

.block-dashboard-addresses .box-address-shipping .box-title,
.block.block-order-details-view .box strong.box-title {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    padding-bottom: 10px;
    display: block;
}

.product-item .product-info .product-name,
.product-list-item .product-info .product-name {
    /*   height: 40px !important; */
    overflow: hidden;
    margin: 10px auto 0px auto;
    display: flex;
}

/* .product-item .product-info .product-name .product-item-link,
    .product-list-item .product-info .product-name .product-item-link,
    .product-item .product-info .product-name .product-item-link:hover,
    .product-list-item .product-info .product-name .product-item-link:hover,{ 
        color: $primary !important;
        font-size: 16px !important;
        font-weight: bold !important;
    } */
.product-name a,
.product-name a:hover,
.product-item-link,
.product-item-link:hover {
    color: #444 !important;
    font-size: 14px !important;
    font-weight: unset !important;
    text-decoration: none !important;
    font-stretch: condensed;
    text-transform: capitalize;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    height: unset !important;
    padding-bottom: 2px !important;
}

.group-product .product-name a,
.group-product .product-name a:hover {
    display: inline-block;
}

.section-category-tab .categorytab-container .product-item .product-info {
    margin-top: 10px !important;
}



.tab-container .owl-wrapper {
    padding: 10px;
}

.wrapper_slider .owl-wrapper .owl-item {
    overflow: hidden;
}

.banner_item {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

@media (max-width: 1199px) {
    .banner_item {
        width: 1260px;
    }
}

@media (max-width: 767px) {
    .banner_item {
        width: 788px;
    }
}

@media (max-width: 480px) {
    .banner_item {
        width: 150%;
    }
}

/* 
    @media (max-width: 400px){
    .banner_item{width: 410px;}
    }
  
    @media (max-width: 250px){
    .banner_item{width: 328px;}
    } */
.banner_item img {
    margin: auto !important;
    width: 100%;
}

#codcharge-zipcode-form .zipcode-wrapper .label {
    width: auto !important;
    float: none;
}

.page-footer .footer-static-container .footer-static i {
    vertical-align: middle;
    width: 16px;
    text-align: center;
}

.product-item .onsale,
.product-list-item .onsale {
    top: 35px;
    height: auto;
    line-height: auto;
    padding: 10px;
}

.product-item .onsale span.sale-text,
.product-list-item .onsale span.sale-text {
    font-size: 13px;
}

.product-item .newlabel,
.product-list-item .newlabel {
    top: 10px;
}

.customer-account-create .page-title-wrapper,
.customer-account-login .page-title-wrapper {
    text-align: left !important;
}

.order-activities .order-activities-title>strong {
    font-weight: 300;
    line-height: 1.1;
    font-size: 1.8rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    display: inline-block;
}

.toolbar-products .pages .pages-items .item a,
.toolbar-products .pages .pages-items .item strong {
    border-radius: 5px !important;
}

a.link.next,
a.link.previous {
    width: auto !important;
    padding: 0 10px;
}

@media (min-width: 768px) {
    .verticalmenu.navigation.side-verticalmenu li.level0.fullwidth>.submenu {
        width: 100% !important;
    }

    .verticalmenu.navigation .subchildmenu.mega-columns.columns4>li {
        width: auto !important;
    }

    .verticalmenu.navigation .subchildmenu.mega-columns>li {
        float: none !important;
    }

    .verticalmenu.navigation li.level0.fullwidth .submenu li.level1>a,
    .verticalmenu.navigation li.level0.staticwidth .submenu li.level1>a {
        text-transform: none !important;
    }
}

.sidenav {
    height: 100vh;
    width: 300px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: -300px;
    background-color: #fff;
    overflow-x: hidden;
    transition: left 0.5s;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
        0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /*   padding-top: 60px; */
}

#sidebar-container.visible .sidenav {
    left: 0px;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 36px;
    line-height: 0.75;
    padding: 8px;
    z-index: 10;
}

#main {
    transition: margin-left 0.5s;
    width: 100%;
    padding: 16px;
}

.top-link-container .top-bar {
    display: none;
}

.top-link-container .top-bar span {
    font-size: 22px;
    color: #fff;
}

.top-link-container .top-bar .minicart-wrapper .action.showcart:before,
.top-link-container .top-bar .text-cart {
    display: none;
}

.top-link-container .top-bar .minicart-wrapper .counter-number {
    font-size: inherit;
}

.header-container .top-link-container .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    min-width: 21px;
    height: 21px;
    border-radius: 50% 50%;
    /*   background: $primary; */
    background: var(--secondary);
    line-height: 21px;
    padding: 0;
    margin: 0;
    text-align: center;
    top: 8px;
    right: 0px;
    font-size: 10px;
    color: #fff;
    display: block;
}

.header-container .top-link-container .minicart-wrapper .action.showcart .counter.qty.empty {
    display: none !important;
}

@media (max-width: 767px) {
    .sidenav .nav-toggle {
        display: none;
    }

    .sidenav .logo {
        margin: 0px;
    }

    .top-link-container {
        border-bottom: none;
    }

    .top-link-container .top-bar {
        width: 100%;
        display: block;
        text-align: left;
        height: 56px;
        border-bottom: none !important;
        background: var(--primary) !important;
    }

    .top-link-container .top-bar .minicart-wrapper {
        margin-top: 0px;
        height: 100%;
        display: table;
    }

    .top-link-container .top-bar .minicart-wrapper .action.showcart {
        width: 48px;
        height: 48px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .header-container .header {
        padding: 0px;
    }

    .categories-nav {
        padding: 0px;
    }
}

#sidebar-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#sidebar-overlay {
    width: 0px;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s;
    z-index: 9998;
}

#sidebar-container.visible #sidebar-overlay {
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
}

.app-search, .app-login {
    position: relative;
    display: table;
    float: right;
    height: 100%;
    text-align: center;
}

.search-close .icon-close,
.app-login .icon-login,
.app-search .icon-search {
    vertical-align: middle;
    width: 48px;
    height: 48px;
    display: table-cell;
    padding: 0;
    cursor: pointer;
}


.app-search .icon-search:hover,
.app-login .icon-login:hover,
#search-container .search-by-category .smart-search-form .search-close .icon-close:hover {
    background: rgba(0, 0, 0, 0.1);
}

.app-login .icon-login i,
.app-search .icon-search i,
#search-container .search-by-category .smart-search-form .search-close i {
    vertical-align: baseline;
}

#search-container {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    position: fixed;
    top: 0;
}

#search-container.visible {
    display: block;
}

#search-container .smart-search .select-category {
    width: auto;
}

#search-container .search-by-category form.minisearch {
    padding-left: 0;
    border-radius: 0px;
}

/* #search-container .search-by-category{
    padding-right: 32px;
    } */
#search-container .search-by-category .smart-search-form button {
    right: 48px;
    height: 56px;
    border-radius: 0;
    top: 0px;
}

#search-container .search-by-category .smart-search-form #app-search-input-autocomplate {
    padding-right: 132px;
    height: 56px;
}

#search-container .search-by-category .smart-search-form .search-close {
    background: var(--primary);
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    display: table;
    text-align: center;
}

#search-container .search-by-category .smart-search-form .search-close span {
    font-size: 22px;
    color: #fff;
}

@media (max-width: 1200px) {
    .header .search-by-category {
        width: 70%;
    }
}

.header-container .header .user-options {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
}

.header-container .header .user-options .text-user {
    display: block;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
}

#mySidenav .user-options-wrapper .user-options.logged-in .text-user {
    display: inline-block;
    padding: 5px 0px;
    text-transform: uppercase;
    font-weight: bold;
    color: #666;
    font-size: 12px;
}

#mySidenav .user-options-wrapper a.user-options {
    display: block;
    text-align: center;
    background: var(--primary);
    color: white;
    border-top: var(--primary_dark) 1px solid;
    margin-bottom: 5px;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}

#mySidenav .user-options-wrapper .user-options .icon-user-header {
    color: #fff;
    vertical-align: text-top;
}

#mySidenav .user-options-wrapper .user-options .icon-user-header .fa {
    line-height: 25px !important;
}

#mySidenav .user-options-wrapper .user-options .text-user {
    /*   color: #fff; */
    /* vertical-align: text-top; */
    padding: 5px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

#mySidenav .user-options-wrapper .user-options.logged-in .icon-user-header {
    padding: 0 8px;
}

#mySidenav .user-options-wrapper .user-options.logged-in .icon-user-header .fa {
    line-height: 30px;
    font-size: 18px;
    color: #666;
}

.header-container .header .user-options .icon-user-header .fa {
    font-size: 24px;
    color: #fff;
}

.header-container .header .user-options:hover .user-options-menu {
    transform: scale(1);
}

.header-container .header .user-options-menu {
    transform: scale(0);
    transition: all 0.2s ease-in-out;
    transform-origin: top right;
    min-width: 130px;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 9999;
    background: #fff;
    padding: 8px 0px;
    border-radius: 3px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
}

#mySidenav .user-options-menu,
.header-container .header .user-options-menu ul {
    text-align: left;
}

#mySidenav .user-options-menu ul li:not(.item):hover,
.header-container .header .user-options-menu ul li:hover {
    background: #f3f3f3;
}

#mySidenav .user-options-menu ul li a,
.header-container .header .user-options-menu ul li a {
    padding: 8px;
    display: inline-block;
    color: #222;
}

#mySidenav .user-options-menu ul li a:hover,
.header-container .header .user-options-menu ul li a:hover {
    color: var(--primary);
}

#mySidenav .user-options-menu ul li a,
.user-options-menu-link-parent {
    display: block;
    padding: 10px 32px;
    background: #dddddd;
}
#mySidenav .user-options-menu ul li:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}

.header-container .header .user-options-wrapper {
    padding: 0px;
    margin: 0;
    margin-left: 15px;
    padding-left: 15px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.header-container .header .user-options-wrapper {
    display: inline-block;
    position: relative;
    float: right;
}

.header-container.sticky .user-options-wrapper {
    position: fixed;
    top: 0;
    z-index: 1000;
    right: 160px;
}

.header-container.sticky .user-options-wrapper .icon-user-header .fa {
    font-size: 30px;
    color: #fff;
}

.header-container.sticky .user-options-wrapper .icon-user-header {
    display: block;
    margin-right: 11px;
}

.header-container.sticky .minicart-wrapper .icon-cart-header .fa:before,
.header-container.sticky .user-options-wrapper .icon-user-header .fa:before {
    line-height: 56px;
}

.header-container.sticky .header {
    position: fixed;
    width: 100%;
    height: 56px;
    top: 0px;
    background: rgba(27, 37, 47, 0.95);
}

.header-container.sticky .nav-menus {
    background: rgba(27, 37, 47, 0.95);
    top: 56px;
    box-shadow: none;
}

.header-container.sticky .header .logo img {
    max-height: 56px;
}

.header-container.sticky .nav-menus .side-verticalmenu {
    background: none;
}

.header-container.sticky .nav-menus .nav-sections {
    background: none;
}

.header-container.sticky .nav-menus .horizontal-menu {
    background: none;
}

.header-container.sticky .nav-menus .horizontal-menu .items-list a {
    width: auto;
}

.header-container.sticky .user-options-wrapper .text-user {
    display: none;
}

.header-container .header .row {
    height: auto;
}

.categorytab-container .product-item,
.wraper-product-tabs .product-item,
.products-grid .product-list-item {
    margin: 4px !important;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12);
    transition: 0.3s;
    padding: 0 !important;
    background: #fff;
}

.categorytab-container .product-item .product-content-item,
.wraper-product-tabs .product-item .product-content-item {
    padding: 0 !important;
}

.categorytab-container .product-item .product-content-item .product-info,
.wraper-product-tabs .product-item .product-content-item .product-info {
    margin: 10px;
}

.product-item .btn-add-to-cart,
.product-list-item .btn-add-to-cart {
    background: var(--primary);
    color: #fff;
    width: 100%;
}


.categorytab-container .owl-carousel .owl-wrapper,
.wraper-product-tabs .owl-carousel .owl-wrapper {
    padding: 4px;
}

.section-category-tab,
.section-product-tab {
    margin: 30px 0;
    padding: 0px;
}

.section-category-tab .categorytab-container .wrapper-categorytab {
    background: none;
}

.section-product-tab .wraper-product-tabs .wrapper-producttab {
    background: none;
    float: left;
    width: 100%;
    padding: 0;
}

.section-category-tab ul.tabs,
.section-product-tab ul.tabs {
    text-align: left;
    white-space: nowrap;
    overflow: auto;
    padding: 5px;
}

.rokan-special-heading .tabs li {
    padding: 5px 15px;
    color: #333e48;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 25px;
    margin-right: 8px;
}

.rokan-special-heading .tabs li.active {
    color: white;
    background: var(--primary);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.rokan-special-heading .tabs li.active {
    color: white;
    background: var(--primary);
    border-radius: 25px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.rokan-special-heading .tabs li:after {
    display: none;
}

.rokan-special-heading {
    border-bottom: none;
    margin-bottom: 0px;
    padding: 0 0 10px;
}

.section-category-tab .rokan-special-heading h2,
.section-product-tab .rokan-special-heading h2 {
    margin: 10px;
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .section-category-tab.category-tab-1 .container {
        padding: 15px;
        background: rgba(0, 0, 0, 0.02);
    }
}

.section-category-tab .categorytab-container .owl-theme .owl-buttons,
.section-product-tab .owl-theme .owl-buttons,
.group-product .owl-theme .owl-controls .owl-buttons {
    top: -80px;
}

@media (max-width: 767px) {
    .section-category-tab .rokan-special-heading h2 {
        text-align: left;
    }

    .section-product-tab .owl-theme .owl-buttons {
        top: -85px;
    }

    .section-product-tab ul.tabs {
        width: 100%;
        margin: 0;
    }
}

.group-product .product-item .product-info .product-name {
    margin-bottom: 5px;
    height: auto !important;
    max-height: 40px;
    line-height: 1;
    display: block !important;
}

.group-product .product-item .product-photo.pull-left {
    margin-right: 5px;
}

.group-product .product-item {
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: rgba(0, 0, 0, 0.02);
    margin-bottom: 15px;
}

.group-product .product-item:hover {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.group-product .product-info .product-reviews-summary {
    float: right;
    margin: 0;
}

.group-product .rokan-product-heading h2 {
    border-bottom: none;
    margin-bottom: 0.57em;
}

.rokan-product-heading {
    margin-bottom: 0px;
}

.group-product .product-item:last-child {
    margin-bottom: 15px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    margin-right: 5px;
    text-align: center;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:after {
    display: none;
}

.owl-theme .owl-controls .owl-buttons>div {
    width: 30px;
    height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding: 5px;
    transition: 0.3s;
}

.owl-theme .owl-controls .owl-buttons>div:hover {
    color: white;
    background: var(--primary);
}

.group-product {
    margin-bottom: 30px;
}

#mySidenav .user-options-wrapper div.user-options {
    padding-top: 8px;
    padding-bottom: 8px;
}

.divider {
    height: 1px;
    background: #efefef;
    /* 	background:#88141c; */
    width: 100%;
}

.my-nav-toggle {
    height: 100%;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
}

.my-nav-toggle-inner {
    display: table;
    height: 100%;
}

.my-nav-toggle span {
    width: 48px;
    height: 48px;
    display: table-cell;
    vertical-align: middle;
}

.app-name {
    display: inline-block;
    height: 100%;
}

.app-name-inner {
    display: table;
    height: 100%;
}

.app-name a {
    display: table-cell;
    vertical-align: middle;
}

.app-smart-search {
    height: 56px;
}

.app-smart-search .minisearch {
    border: none;
}

#app_search_autocomplete {
    margin-top: 0px;
}

.product-item .product-info-bottom,
.product-list-item .product-info-bottom,
.product-list-item .product-info {
    text-align: center;
    margin: 10px;
}

.products-grid .product-list-item .product-info:before,
.products-grid .product-list-item .product-info:after {
    content: "";
    display: table;
    clear: both;
    width: 0px;
    heigh: 0px;
    visibilty: hidden;
}

.product-item .btn-add-to-cart,
.product-list-item .btn-add-to-cart,
.products-list .product-item .product-item-details .addto-links-icons .actions-primary .tocart,
.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a.tocompare {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border: 0px;
    border-radius: 4px;
}

.products-list .product-item .product-item-details .addto-links-icons .actions-primary .tocart,
.product-item:hover .btn-add-to-cart,
.product-list-item:hover .btn-add-to-cart {
    background: var(--primary);
}

.product-item .btn-add-to-cart:hover,
.product-list-item .btn-add-to-cart:hover,
.products-list .product-item .product-item-details .addto-links-icons .actions-primary .tocart:hover {
    background: var(--primary) !important;
    /*     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); */
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a.tocompare:hover {
    background-color: #333e48 !important;
    /*     box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); */
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.toolbar-products .limiter .control select,
.toolbar-products .sorter .sorter-options,
.toolbar-products .modes-mode,
.products-list .product-item,
.toolbar-products .toolbar-amount {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.products-list .product-item {
    padding: 0px;
    background: #fff;
}

.toolbar-products .toolbar-amount {
    padding: 2px 10px 0px 10px;
    border-radius: 30px;
}

/* Experimental White Header */
.header-container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 5%) !important;
    background: none;
}

.header-container .header {
    z-index: 19;
    position: relative;
}

.header-container.sticky .header {
    z-index: 9999;
    /* position:sticky; */
}

.header-container .nav-menus,
.header-container .header,
.header-container.sticky .header {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(5px);
}

.header-container.sticky .nav-menus {
    /* box-shadow: 0 2px 5px -4px rgba(0,0,0,0.16),0 2px 10px -4px rgba(0,0,0,0.12) !important; */
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(5px);
}

.header-container.sticky .nav-menus:after {
    content: "";
    position: absolute;
    background: #ccc;
    width: 100%;
    height: 1px;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.5),
        0 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.search-by-category {
    border-radius: 4px;
    /*   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12); */
}

.header-container .header .user-options .icon-user-header .fa,
.header-container.sticky .header .user-options .icon-user-header .fa,
.header-container .header .minicart-wrapper .icon-cart-header .fa,
.header-container.sticky .header .minicart-wrapper .icon-cart-header .fa {
    color: #444;
}

.header-container .header .user-options .text-user,
.header-container.sticky .header .user-options .text-user,
.header-container.sticky .header .minicart-wrapper .text-cart,
.header-container .header .minicart-wrapper .text-cart {
    color: #444;
}

.header-container .header .minicart-wrapper .action.showcart .counter.qty {
    background: var(--tertiary);
}

.horizontal-menu .items-list {
    padding: 5px;
}

.navigation.verticalmenu.side-verticalmenu .horizontal-menu {
    padding: 0;
}

/* .horizontal-menu .items-list a .item-container img {
      background: $primary;
      border-radius: 50%;
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    } */
.horizontal-menu .items-list a .item-container h3,
.horizontal-menu .items-list a .item-container h3:hover {
    color: var(--text_color);
    text-decoration: none !important;
    margin-top: 5px !important;
}

.horizontal-menu .items-list a .item-container {
    /* border: solid 3px transparent; */
    border-radius: 4px;
}

@media (min-width:768px) {
    .horizontal-menu .items-list a .item-container {
        min-width: 135px;
    }
}

.horizontal-menu .items-list a .item-container:hover {
    /*   background: #ececec; */
    background: white;
    transition: all 0.2s linear;
}

.categories-nav .nav-sections,
.verticalmenu.navigation.side-verticalmenu,
.navigation.verticalmenu.side-verticalmenu .horizontal-menu,
.horizontal-menu .items-list {
    background: none;
}


/* Product New Green Lable and Theming News letter button and serchbar button */
.product-item .newlabel,
.product-list-item .newlabel,
.section-newsletter .block.newsletter .control .content-subscribe .actions .subscribe,
.section-newsletter .block.newsletter .control .content-subscribe .actions .subscribe:hover {
    background: var(--secondary);
}

.section-newsletter .block.newsletter .control .content-subscribe .actions .subscribe,
.section-newsletter .block.newsletter .control .content-subscribe .actions .subscribe:hover {
    background: var(--tertiary);
}


.section-newsletter,
.search-by-category .smart-search-form button {
    background: var(--primary);
}

.search-by-category .smart-search-form button {
    background: var(--tertiary);
}

.section-newsletter .block.newsletter .control .content-subscribe {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

/* Product Image Margin None */
.product-image-photo {
    margin: 0;
}

/* Cart summary of My cart */
.cart-summary,
form.form-cart {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    top: 0px;
    background: white;
    border-radius: 4px;
    padding: 10px;
}

@media (max-width: 768px) {
    .cart-container {
        display: flex;
        flex-direction: column;
    }

    form.form-cart {
        float: none;
        order: 1;
        margin-bottom: 10px;
    }

    .cart-summary {
        float: none;
        order: 2;
    }

    form.form-cart .table-wrapper table thead th span {
        color: #333 !important;
    }

    form.form-cart .table-wrapper table thead {
        background: none !important;
        box-shadow: none !important;
    }

    form.form-cart .table-wrapper table thead th {
        text-align: left !important;
        padding-left: 0 !important;
    }
}

form.form-cart .table-wrapper,
form.form-cart .table-wrapper table,
form.form-cart .table-wrapper table th,
form.form-cart .table-wrapper table td,
.cart-summary .cart-totals .table-wrapper,
.cart-summary .cart-totals table,
.cart-summary .cart-totals table th,
.cart-summary .cart-totals table td {
    border: none;
}

.cart-summary .checkout-methods-items .checkout {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 30px;
    padding: 12px 0 !important;
    background: var(--primary);
}

.cart-summary .checkout-methods-items .checkout:hover {
    background: var(--primary) !important;
    opacity: 1 !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cart-summary .discount button.apply,
.cart-summary .action.applyPoints.applyPointsBtn.primary {
    height: 45px;
    width: 100%;
    background: var(--secondary);
    color: #fff;
    border: none;
    border-radius: 0 0 10px 10px;
    padding: 12px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.cart-summary .discount button.apply:hover,
.cart-summary .action.applyPoints.applyPointsBtn.primary:hover {
    background: var(--secondary) !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cart-summary .block .fieldset .field {
    margin-bottom: 0;
}

.cart-summary .block .fieldset .field:not(.choice)>.label {
    display: none;
}

.cart-summary .block .fieldset input {
    border-radius: 10px 10px 0 0;
    height: 45px;
    text-align: center;
}

.cart-summary .block .fieldset div.primary {
    width: 100%;
}

.cart-summary .block {
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
}

.cart-summary .block .title {
    font-size: 14px !important;
    border: none !important;
}

.abs-discount-block.active>.title:after,
.cart-summary .block.active>.title:after,
.paypal-review-discount .block.active>.title:after,
.cart-summary .block>.title:after {
    /* padding: 3px 0 3px 0; */
    position: absolute;
    right: -5px;
    top: -5px !important;
}

form.form-cart {
    padding: 10px;
}

form.form-cart .table-wrapper table thead {
    background: 3efefef;
    /*   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
    rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; */
    /* border-radius: 4px; */
    border: 0;
}

/* form.form-cart .table-wrapper table thead th span {
  color: white !important;
} */

@media (max-width: 768px) {
    form.form-cart .table-wrapper table thead th span {
        color: #333 !important;
    }
}

/* form.form-cart .table-wrapper .col.qty input.qty {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
    rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  border-radius: 4px;
} */

form.form-cart .item-actions .action-edit,
form.form-cart .item-actions .action-delete {
    display: inline-block !important;
}


/* form.form-cart .item-actions .action-edit,
form.form-cart .item-actions .action-delete {
  width: 48px;
  height: 48px;
  padding: 0 !important;
  position: relative;
  background: none !important;
  border-radius: 50% !important;
}

form.form-cart .item-actions .action-edit {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: var(--secondary) !important;
}

form.form-cart .item-actions .action-edit span,
form.form-cart .item-actions .action-delete span {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

form.form-cart .item-actions .action-delete span {
  color: var(--primary) !important;
}

form.form-cart .item-actions .action-edit span i {
  position: relative;
  top: 2px;
  left: 2px;
}

form.form-cart .item-actions .action-delete:hover {
  background: rgba(222, 34, 47, 0.2) !important;
}

form.form-cart .item-actions .action-edit:hover {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} */

/* form.form-cart .actions .continue,
form.form-cart .actions .clear{
  background: none !important;
  padding: 14px !important;
  border-radius: 4px !important;
}
 */
form.form-cart .actions .continue span {
    color: var(--secondary) !important;
}

/* form.form-cart .actions .continue:hover {
  background: rgba(var(--secondary_alpha), 0.2) !important;
} */

form.form-cart .actions .clear span {
    color: var(--danger);
}


.cart-container .form-cart .action.update:before {
    vertical-align: middle !important;
}

/* form.form-cart .actions .clear:hover {
  background: rgba(var(--danger_alpha), 0.2) !important;
} */

/* form.form-cart .actions .update{
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 12px !important;
  background: var(--primary);
  color: #fff !important;
}

form.form-cart .actions .update:hover{
  background: var(--primary);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} */

.product-view .box-tocart .field.qty .control input {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    border-radius: 4px;
    height: 36px !important;
    line-height: 36px !important;
    width: 36px !important;
}

/* .product-view .box-tocart #product-addtocart-button {
  background: var(--secondary);
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
}

.product-view .box-tocart #product-addtocart-button:hover {
  background: var(--secondary);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} */

/* .product-view .box-tocart #buynow {
  background: var(--primary);
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
}

.product-view .box-tocart #buynow:hover {
  background: var(--primary);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
} */

/* .product.info.detailed { */
.mb-card,
.checkout-shipping-address.shipping_address,
.order-information.shipping-method-information.order-info-3-columns,
.order-review-section,
.opcheckout-review-info,
#relate_product_slider .product-item,
ol#cart-sidebar-reorder,
.account-nav ul.nav,
div#layered-ajax-filter-block,
.order-details-items .table-wrapper {
    padding: 20px !important;
    background: #fff !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

@media (min-width: 768px) {
    .mb-md-card {
        padding: 20px !important;
        background: #fff !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
            0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    }
}

@media (max-width: 768px) {

    .mb-md-no-card,
    .mb-card,
    .checkout-shipping-address.shipping_address,
    .order-information.shipping-method-information.order-info-3-columns,
    .order-review-section,
    .opcheckout-review-info,
    #relate_product_slider .product-item,
    ol#cart-sidebar-reorder,
    .order-details-items .table-wrapper {
        padding: 10px !important;
        background: #fff !important;
        border-radius: 4px !important;
        box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
            0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    }
}

.product-info-item {
    margin: 20px auto;
    height: 100%;
}

.product.info.detailed .table-wrapper {
    border: none;
}

.mb-header,
.order-details-items .table-wrapper thead {

    border-radius: 4px !important;
    background: #efefef !important;
    /*   color: white;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12); */
}



.mb-form,
.mb-form-outline {
    position: relative !important;
}

.mb-input {
    background: transparent !important;
    border: none !important;
    height: 53px !important;
    border-bottom: 1px solid silver !important;
    padding-left: 0 !important;
    padding-top: 15px !important;
    width: 100% !important;
}

.mb-input~.placeholder {
    position: absolute !important;
    top: 35px !important;
    left: 0 !important;
    transition: all 200ms !important;
    opacity: 1 !important;
    font-size: 12px !important;
    font-weight: 200 !important;
    transition: all 0.1s linear !important;
    user-select: none !important;
    cursor: text !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

.mb-input~.valid-placeholder {
    font-size: 10px !important;
    transform: translate3d(0, -50%, 0) !important;
    opacity: 0.7 !important;
    top: 15px !important;
    /*     margin-top: 2px !important;
        padding-left: 2px !important;
        padding-right: 2px !important; */
}

.mb-input~.placeholder,
.mb-input~.valid-placeholder {
    color: #555 !important;
}

.mb-input:focus~.placeholder,
.mb-input-outline:focus~.placeholder {
    color: var(--primary) !important;
}

.mb-input:focus~.placeholder {
    font-size: 10px !important;
    transform: translate3d(0, -50%, 0) !important;
    opacity: 1 !important;
    color: var(--primary) !important;
    top: 15px !important;
    /*     margin-top: 2px !important;
        padding-left: 2px !important;
        padding-right: 2px !important; */
    transition: all 0.1s linear !important;
}

.mb-input~.line {
    position: absolute !important;
    top: 53px;
    width: 100% !important;
    display: block !important;
}

.mb-input~.line::before {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: var(--primary) !important;
    transition: all 0.15s linear !important;
    transform: scale(0) !important;
}

.mb-input:focus~.line::before {
    transform: scale(1) !important;
    transition: all 0.15s linear !important;
}

.mb-input~.line::before {
    background: var(--primary) !important;
}

textarea.mb-input,
textarea.mb-input-outline {
    height: 68px !important;
    min-height: unset !important;
}

textarea.mb-input~.placeholder,
textarea.mb-input-outline~.placeholder {
    z-index: 2 !important;
    top: 20px !important;
}

textarea.mb-input:focus~.placeholder {
    transform: translate3d(0, -90%, 0) !important;
    top: 0 !important;
}

textarea.mb-input~.line {
    position: absolute !important;
    top: 68px !important;
}

textarea.mb-input-outline~.space,
textarea.mb-input~.space {
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: calc(100% - 21px) !important;
    height: 10px !important;
    display: block !important;
    background: #fff !important;
    border-radius: 4px 0 0 0 !important;
    z-index: 1 !important;
}

textarea.mb-input~.space {
    top: -5px !important;
    left: 0 !important;
    height: 20px !important;
    border-radius: 0 !important;
}

textarea.mb-input:focus~.placeholder,
textarea.mb-input~.valid-placeholder {
    transform: translate3d(0, -90%, 0) !important;
    top: 0 !important;
}

@media (max-width: 767px) {
    .horizontal-menu .items-list a .item-container {
        padding: 8px;
    }

    .horizontal-menu .items-list a {
        width: auto;
    }

    .horizontal-menu .items-list a .item-container img {
        width: 35px;
        height: 35px;
        margin-bottom: 5px;
    }

    .horizontal-menu .items-list a .item-container h3 {
        font-size: 12px;
    }
}

.topbar {
    width: 100%;
}

.categorytab-container .product-item,
.wraper-product-tabs .product-item,
.products-grid .product-list-item,
.section-category-tab .categorytab-container .product-item .product-content-item {
    border: none !important;
    height: 100% !important;
}

.product-item .addto-links-icons .add-to-links li,
.product-list-item .addto-links-icons .add-to-links li {
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.15),
        3px 5px 10px rgba(0, 0, 0, 0.3);
}

.product-item .addto-links-icons .add-to-links li .quickview-product a,
.product-list-item .addto-links-icons .add-to-links li .quickview-product a,
.product-item .addto-links-icons .add-to-links li .quickview-product a:hover,
.product-list-item .addto-links-icons .add-to-links li .quickview-product a:hover {
    background: var(--primary) url(../images/icon-quickview.png) no-repeat 50% 50%;
}

.product-item .addto-links-icons .add-to-links li .tocompare,
.product-list-item .addto-links-icons .add-to-links li .tocompare,
.product-item .addto-links-icons .add-to-links li .tocompare:hover,
.product-list-item .addto-links-icons .add-to-links li .tocompare:hover {
    background: var(--secondary) url(../images/icon-compare.png) no-repeat 50% 50%;
}

.product-item .addto-links-icons .add-to-links li .towishlist,
.product-list-item .addto-links-icons .add-to-links li .towishlist,
.product-item .addto-links-icons .add-to-links li .towishlist:hover,
.product-list-item .addto-links-icons .add-to-links li .towishlist:hover {
    background: var(--primary) url("../images/icon-wishlist.png") no-repeat 50% 50%;
}

#quick-window {
    padding: 20px !important;
    border-radius: 10px !important;
    position: fixed !important;
    top: 50px !important;
}

.quick-view-content {
    height: calc(100vh - 100px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding: 0 !important;
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary {
    background: var(--primary) !important;
    border-radius: 4px !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.quick-view-content .product-info-main .box-tocart .actions .action.primary:hover {
    background: var(--primary) !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.product-social-links .action.tocompare,
.product-social-links .action.mailto.friend.tocompare {
    background: var(--secondary) url("../images/icon-compare.png") no-repeat 50% 50% !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.product-social-links .action.tocompare:hover,
.product-social-links .action.mailto.friend.tocompare:hover {
    background: var(--secondary) url("../images/icon-compare.png") no-repeat 50% 50% !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.quick-view-content .product-info-main .box-tocart .field.qty .control input {
    border-radius: 4px !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a.tocompare,
.products-list .product-item .product-item-details .addto-links-icons .actions-secondary a.tocompare:hover {
    background: var(--secondary) url("../images/icon-compare.png") no-repeat 50% 50% !important;
    border-radius: 50%;
}

.products-list .product-item .product-item-details .product-item-actions {
    margin-bottom: 15px;
}

.toolbar-products .modes-mode {
    border-radius: 50%;
}

.label {
    color: #555 !important;
    text-align: left;
}

.review-form .action.submit.primary {
    background: var(--primary) !important;
    border-radius: 4px !important;
    padding: 15px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.review-form .action.submit.primary:hover {
    background: var(--primary) !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.cart.table-wrapper .cart.items .col {
    padding: 12px;
}

.totals .mark {
    background: none;
}

.search-by-category {
    max-width: 630px;
}

/* Login Page */
.block-new-customer {
    background: var(--gradient) !important;
    color: #fff;
    min-height: 300px;
    /* margin:0 !important; */
}


.login-container .block.block-new-customer .content-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fieldset.login .field.note {
    text-align: center;
    font-size: 12px;
}

.login-container .block.block-customer-login .block-title strong {
    font-size: 24px;
    text-align: center;
    display: block;
}


/* ------------------------------RAISED BUTTONS START-------------------------------------------- */

.mb-btn-primary,
.mb-btn-secondary,
.mb-btn-danger,
.action.action-apply.apply-coupon,
.btn-proceed-checkout.opcheckout-btn-checkout.opcheckout-place,
.page-title-wrapper .action.order,
.product-view .box-tocart #product-addtocart-button,
.product-view .box-tocart #buynow,
form.form-cart .actions .update,
.regi-sendotp,
.form.payments button.action.action-edit-address,
.form.payments button.action.action-update,
.address-information .action.action-save-address,
.address-information .action.action-hide-popup,
.address-information .action.action-add-new-address,
.submitbtnajax button,
button#loginsubmit,
#forgot-otp button[title~=Send],
.reg-form button[title~=Send],
button#resetbyemail,
.mobileverifyotp {
    font-weight: 600 !important;
    height: unset !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 4px !important;
    cursor: pointer;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.mb-btn-primary,
.btn-proceed-checkout.opcheckout-btn-checkout.opcheckout-place,
.page-title-wrapper .action.order,
.product-view .box-tocart #product-addtocart-button,
form.form-cart .actions .update,
.form.payments button.action.action-edit-address,
.form.payments button.action.action-update,
.address-information .action.action-save-address,
.address-information .action.action-add-new-address,
.submitbtnajax button,
button#loginsubmit,
#forgot-otp button[title~=Send],
.reg-form button[title~=Send],
button#resetbyemail {
    background: var(--primary) !important;
}

.mb-btn-secondary,
.action.action-apply.apply-coupon,
.product-view .box-tocart #buynow,
.regi-sendotp,
.address-information .action.action-hide-popup,
.mobileverifyotp {
    background: var(--secondary) !important;
}

.mb-btn-danger {
    background: var(--danger) !important;
}

.mb-btn-block {
    width: 100% !important;
}

.mb-btn-rounded {
    border-radius: 30px !important;
}



.mb-btn-outline-primary:not([disabled]):hover,
.mb-btn-outline-secondary:not([disabled]):hover,
.mb-btn-outline-white:not([disabled]):hover,
.mb-btn-primary:not([disabled]):hover,
.mb-btn-secondary:not([disabled]):hover,
.mb-btn-danger:not([disabled]):hover,
.action.action-apply.apply-coupon:hover,
.btn-proceed-checkout.opcheckout-btn-checkout.opcheckout-place:hover,
.page-title-wrapper .action.order:hover,
.product-view .box-tocart #product-addtocart-button:hover,
.product-view .box-tocart #buynow:hover,
form.form-cart .actions .update:hover,
.regi-sendotp:hover,
.form.payments button.action.action-edit-address:hover,
.form.payments button.action.action-update:hover,
.address-information .action.action-save-address:hover,
.address-information .action.action-hide-popup:hover,
.address-information .action.action-add-new-address:hover,
.submitbtnajax button:hover,
button#loginsubmit:hover,
#forgot-otp button[title~=Send]:hover,
.reg-form button[title~=Send]:hover,
button#resetbyemail:hover,
.mobileverifyotp:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}


/* ------------------------------RAISED BUTTONS END-------------------------------------------- */

/* ------------------------------FLAT BUTTONS START-------------------------------------------- */


.mb-btn-flat-primary,
.mb-btn-flat-secondary,
.mb-btn-flat-danger,
form.form-cart .actions .continue,
form.form-cart .actions .clear,
.form.payments button.action.action-cancel,
.block.rewardpoints .action.cancelPoints,
.order-details-items.invoice a.action.print {
    padding: 0 16px !important;
    line-height: 36px !important;
    height: unset !important;
    background: none !important;
    cursor: pointer;
    border-radius: 4px !important;
}

.mb-btn-flat-primary,
.order-details-items.invoice a.action.print {
    color: var(--primary) !important;
}

.mb-btn-flat-secondary,
form.form-cart .actions .continue,
.order-details-items.invoice a.action.print:first-child {
    color: var(--secondary) !important;
}

.mb-btn-flat-danger,
form.form-cart .actions .clear,
.form.payments button.action.action-cancel,
.block.rewardpoints .action.cancelPoints {
    color: var(--danger) !important;
}

.mb-btn-flat-primary:hover,
.order-details-items.invoice a.action.print:hover {
    background: rgba(var(--primary_alpha), 0.2) !important;
}

.mb-btn-flat-secondary:hover,
form.form-cart .actions .continue:hover,
.order-details-items.invoice a.action.print:first-child:hover {
    background: rgba(var(--secondary_alpha), 0.2) !important;
}

.mb-btn-flat-danger:hover,
form.form-cart .actions .clear:hover,
.form.payments button.action.action-cancel:hover,
.block.rewardpoints .action.cancelPoints:hover {
    background: rgba(var(--danger_alpha), 0.2) !important;
}

/* ------------------------------FLAT BUTTONS END-------------------------------------------- */

/* ------------------------------OUTLINE BUTTONS START-------------------------------------------- */


.mb-btn-outline-primary {
    padding: 15px !important;
    background: none !important;
    border: 3px solid var(--primary) !important;
    color: var(--primary) !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    cursor: pointer;
}

.mb-btn-outline-secondary {
    padding: 15px !important;
    background: none !important;
    border: 3px solid var(--secondary) !important;
    color: var(--secondary) !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    cursor: pointer;
}

.mb-btn-outline-white {
    padding: 15px !important;
    background: none !important;
    border: 3px solid #fff !important;
    color: #fff !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    cursor: pointer;
}


/* ------------------------------OUTLINE BUTTONS END-------------------------------------------- */


/* #mySidenav .user-options-menu ul li a,
    #mySidenav .closebtn,
    #mySidenav .user-options-wrapper .user-options.logged-in .icon-user-header .fa,
    #mySidenav .user-options-wrapper .user-options.logged-in .text-user{
        color:#fff;
    }
  
    #mySidenav .user-options-menu ul li:hover .user-options-menu-link, #mySidenav .user-options-menu ul li a:hover {
    color:$primary;
    } */
#site-info-box {
    background: var(--primary);
}

#mySidenav .closebtn {
    color: #fff;
}

#mySidenav .user-options-wrapper .user-options.logged-in .icon-user-header .fa,
#mySidenav .user-options-wrapper .user-options.logged-in .text-user,
#mySidenav .user-options-menu ul li a,
#mySidenav .user-options-menu ul li:hover .user-options-menu-link,
#mySidenav .user-options-menu ul li a:hover {
    color: grey;
}

#mySidenav .user-options-wrapper a.user-options {
    padding: 4px !important;
}

.image-switch .product-image-container {
    float: left;
}

#back-top {
    width: 48px !important;
    height: 48px !important;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
    background: var(--secondary) !important;
    color: #fff !important;
    border-radius: 50% !important;
    border: none !important;
}

#back-top i {
    line-height: 44px !important;
    font-size: 24px !important;
}

/* Common css */
body {
    background: #fafafa !important;
}

a,
a:hover {
    text-decoration: none !important;
}

button,
button:focus,
button:active,
a,
a:focus,
a:active {
    outline: none !important;
}

legend {
    border: none;
}

a,
a:hover,
a:focus,
a:visited {
    color: grey;
}

ul {
    margin: 0px;
}

@media (min-width: 768px) {
    .border-md-left {
        border-left: 1px solid #dee2e6 !important;
    }
}

/* Account PAge */
.account-nav .content {
    background: none;
}

.account-nav .nav li {
    width: 100%;
}

.account-nav .nav li a,
.account-nav .nav li a:hover {
    background: none;
}

/* Signup Page  */
.field.choice.newsletter .checkbox {
    width: 24px;
    height: 24px;
}

.field.choice.newsletter .label {
    line-height: 24px;
    font-size: 14px;
}

.fieldset>.field.choice:before {
    display: none;
}

.fieldset>.field.choice .label {
    vertical-align: middle;
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    top: 4px;
    left: 0;
}

.fieldset>.field.choice .label span {
    vertical-align: middle;
}

.fieldset>.field.choice .checkbox {
    top: 0;
    float: left;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    left: 0;
}

/* Product page */
.additional-attributes-wrapper.table-wrapper,
.data.table.additional-attributes {
    margin: 0;
    font-size: 14px;
}

.product.info.detailed .additional-attributes>tbody>tr>th,
.product.info.detailed .additional-attributes>tbody>tr>td {
    font-size: 14px;
}

@media (max-width: 767px) {

    .block-dashboard-info,
    .block-dashboard-addresses,
    .block-dashboard-orders {
        margin-bottom: 16px !important;
    }

    .block-dashboard-info .box-information {
        width: 100%;
    }

    .block-dashboard-info .box-newsletter {
        display: none;
    }

    .block-dashboard-info .box-information .box-title {
        display: none;
    }

    .block-dashboard-addresses .block-title,
    .block-dashboard-info .block-title {
        font-size: 16px;
        font-weight: lighter;
        color: #222;
        border-bottom: 1px solid #ddd;
        padding-bottom: 5px;
        width: 100%;
        text-align: left;
    }

    .block-dashboard-addresses .block-title strong,
    .block-dashboard-info .block-title strong {
        font-weight: inherit;
        font-family: inherit;
        font-size: 16px;
        text-transform: uppercase;
    }

    .block-dashboard-addresses .box-title {
        font-weight: inherit;
    }

    .account-nav .nav {
        padding: 5px;
    }

    .account-nav .nav li {
        line-height: inherit;
    }

    .account-nav .item a,
    .account-nav .item>strong {
        padding: 5px;
    }
}

@media (max-width: 575px) {
    .account .sidebar {
        display: none;
    }
}

.product.info.detailed {
    margin: 0;
}

/* .product.info.detailed .product.data.items .review-add, .product.info.detailed .product.data.items #product-review-container {
    width:auto;
    margin:0;
    } */
.product.info.detailed .product.data.items .item.title {
    font-size: 16px;
    font-weight: lighter;
    color: #222;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    width: 100%;
    text-align: left;
}

.product.info.detailed .product.data.items .item.content {
    padding-top: 0;
}

.product.info.detailed .product.data.items .item.title .data.switch {
    margin: 0 !important;
    padding-left: 0 !important;
}

.product.info.detailed .product.data.items .item.title .data.switch .counter {
    text-align: center;
    min-width: 35px;
    font-size: 14px;
    background: var(--primary);
    color: #fff;
    padding: 2px 10px;
    border-radius: 30px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

#customer-reviews .block-title,
.fotorama__caption {
    display: none;
}

.product-view .product-media .fotorama__stage,
.fotorama__nav--thumbs .fotorama__nav__frame {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
        0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.fotorama__nav--thumbs,
.fotorama-item.fotorama {
    overflow: visible !important;
}

@media (max-width: 576px) {
    .product-view .product-media {
        margin-bottom: 10px;
    }
}

/* Address Page */
.form-address-edit #region_id,
.form-address-edit #country {
    display: inline-block;
    border: none;
    background: #eee;
    padding: 10px;
    height: 50px;
    border-radius: 4px;
}

.overflow-x-scroll {
    overflow-x: auto;
}

/* Order History Page  */
.history-order-header-underline {
    display: none;
}

.history-order-actions .view {
    color: var(--primary);
    border-right: 1px solid #ccc !important;
    padding: 0 10px !important;
}

.history-order-actions .order {
    color: var(--secondary);
    border-left: 1px solid #ccc !important;
    padding: 0 10px !important;
}

@media (max-width: 640px) {

    .history-order-id,
    .history-order-status {
        padding-top: 5px !important;
        width: 50%;
        margin: 0;
        float: left;
        text-align: center;
        border-right: solid 1px #ccc !important;
    }

    .history-order-status {
        border: none !important;
    }

    .history-order-header-underline {
        display: block;
        position: relative;
        top: 15px;
        margin: 20px 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 1px;
        background: #ccc;
    }

    .history-order-actions {
        text-align: right;
        padding-bottom: 5px !important;
    }

    .history-order-actions::before {
        display: none !important;
    }

    .history-order-actions .view {
        color: var(--primary);
        border-right: 1px solid #ccc !important;
        padding: 0 10px !important;
    }

    .history-order-actions .order {
        color: var(--secondary);
        border-left: 1px solid #ccc !important;
        padding: 0 10px !important;
    }
}

.block-reorder .product-item .checkbox {
    position: relative !important;
    vertical-align: middle !important;
    width: 18px !important;
    height: 18px !important;
}

/* .form.reorder .product-item {
  padding: 10px;
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background: #fff !important;
} */
form.reorder .product-item {
    border: none !important;
}

form.reorder .product-item:hover {
    border: none;
    box-shadow: none;
    color: var(--primary) !important;
}

.form.reorder .product-item .product-item-name span {
    vertical-align: sub;
    margin-left: 5px;
}

.order-title .order-cancel {
    margin: 0 !important;
    color: var(--primary) !important;
    background: #fff !important;
    padding: 0 !important;
    float: right !important;
    position: relative !important;
    top: 10px !important;
}

.table-wrapper {
    overflow-x: auto !important;
}

.catalog-category-view #maincontent>.page-title-wrapper {
    display: block !important;
}

.category-image {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 479px) and (min-width: 0px) {
    .products-grid ol>li {
        width: 50%;
    }
}

.product-grid .item-inner {
    padding: 5px;
}

@media (max-width: 479px) {

    .product-item .product-info .product-name,
    .product-list-item .product-info .product-name {
        margin: 10px auto 0 auto;
        line-height: 1;
    }

    .product-item .product-info-bottom .price-box .price,
    .product-list-item .product-info-bottom .price-box .price,
    .product-item .product-info .price-box .price,
    .product-list-item .product-info .price-box .price {
        font-size: 14px;
        font-weight: normal;
    }

    .product-item .product-info-bottom .price-box .old-price .price,
    .product-list-item .product-info-bottom .price-box .old-price .price,
    .product-item .product-info .price-box .old-price .price,
    .product-list-item .product-info .price-box .old-price .price {
        font-size: 12px;
        vertical-align: middle;
    }
}

.contact-info ul li {
    padding-left: 40px !important;
}

.contact-info ul li::before {
    font-size: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.contact-info ul li h4 {
    font-size: 15px !important;
    margin: 0 !important;
}

#quick-view .product.data.items {
    float: left !important;
}

@media (min-width: 900px) {
    #quick-window {
        width: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        top: 50% !important;
    }
}

@media (min-width: 0px) {
    #quick-window {
        width: 90% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        top: 50% !important;
    }
}

@media (max-width: 767px) {
    .product-item .addto-links-icons {
        display: none;
    }
}

.vertical-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.centered {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.before-font-26::before {
    font-size: 26px !important;
    height: unset !important;
    line-height: unset !important;
}

.before-line-20::before {
    line-height: 20px !important;
    height: 20px !important;
}

.text-ight-50 {
    color: #989898 !important;
}

.vertical-unset {
    vertical-align: unset !important;
}

.review-table .review-average {
    align-content: center !important;
    display: grid !important;
    border-radius: 4px !important;
    background: #efefef !important;
    padding: 5px !important;
    margin-right: 10px !important;
}

.review-table .review-average-number,
.review-table .review-average-star,
.review-table .review-summary,
.review-table .review-name-date,
.review-table .review-star-name,
.review-table .review-star-stars {
    width: 100% !important;
}

.review-table .review-title {
    margin: 0 0 5px 0 !important;
}

.review-table .review-average-number p {
    font-size: 30px !important;
    font-weight: bold !important;
    text-align: center !important;
}

.review-table .review-summary {
    padding: 5px !important;
}

.review-table .review-name-date::before,
.review-table .review-name-date::after {
    content: "" !important;
    clear: both !important;
}

.review-table .review-name {
    display: table !important;
    float: left !important;
    color: #505050 !important;
}

.review-table .review-date {
    display: table !important;
    float: right !important;
    color: #505050 !important;
}

.review-table .review-name i,
.review-table .review-date i {
    display: table-cell !important;
    vertical-align: middle !important;
    padding-right: 10px !important;
}

.review-table .review-stars,
.review-table .review-detail {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.review-table .review-star {
    padding: 5px !important;
}

.product.info.detailed .additional-attributes>tbody>tr>th,
.product.info.detailed .additional-attributes>tbody>tr>td {
    line-height: 1.4 !important;
}

.product.attribute.description {
    padding-top: 15px !important;
}

/* Header */
.header-container {
    width: 100% !important;
    z-index: 999 !important;
    position: fixed !important;
    top: 0 !important;
}

.header,
.header-container .header {
    background: #61707d !important;
    height: unset !important;
    position: relative !important;
}

.smart-search.search-by-category,
.minicart-wrapper,
.user-options-wrapper {
    float: none !important;
    margin: auto !important;
}

.header-container .minicart-wrapper {
    position: relative !important;
}

.header-container .user-options-wrapper {
    position: relative !important;
    right: unset !important;
}

.header-container .header .user-options .icon-user-header .fa,
.header-container.sticky .header .user-options .icon-user-header .fa,
.header-container .header .minicart-wrapper .icon-cart-header .fa,
.header-container.sticky .header .minicart-wrapper .icon-cart-header .fa,
.header-container .header .user-options .text-user,
.header-container.sticky .header .user-options .text-user,
.header-container.sticky .header .minicart-wrapper .text-cart,
.header-container .header .minicart-wrapper .text-cart {
    color: white !important;
}

body {
    max-width: unset !important;
    /*   padding-top: 87px !important; */
}

@media (max-width: 767px) {
    .minicart-wrapper {
        float: none !important;
    }

    body {
        padding-top: 56px !important;
    }
}

.product-name a,
.product-name a:hover,
.product-item-link,
.product-item-link:hover {
    height: unset !important;
}

.product-name a,
.product-name a:hover,
.product-item-link,
.product-item-link:hover {
    /*   overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; */
    white-space: normal !important;
    text-overflow: unset !important;
    text-align: left !important;
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1.5;
    min-height: 50px !important;
    /*     margin: auto; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.contact-info ul li {
    padding-left: 40px !important;
}

.contact-info ul li::before {
    font-size: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.contact-info ul li h4 {
    font-size: 15px !important;
    margin: 0 !important;
}

#quick-view .product.data.items {
    float: left !important;
}

@media (min-width: 900px) {
    #quick-window {
        width: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        top: 50% !important;
    }
}

@media (min-width: 0px) {
    #quick-window {
        width: 90% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        top: 50% !important;
    }
}

@media (max-width: 767px) {
    .product-item .addto-links-icons {
        display: none;
    }
}

.vertical-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.before-font-26::before {
    font-size: 26px !important;
    height: unset !important;
    line-height: unset !important;
}

.before-line-20::before {
    line-height: 20px !important;
    height: 20px !important;
}

.text-ight-50 {
    color: #989898 !important;
}

.vertical-unset {
    vertical-align: unset !important;
}

.review-table .review-average {
    align-content: center !important;
    display: grid !important;
    border-radius: 4px !important;
    background: #efefef !important;
    padding: 5px !important;
    margin-right: 10px !important;
    max-height: 70px !important;
}

.review-table .review-average-number,
.review-table .review-average-star,
.review-table .review-summary,
.review-table .review-name-date,
.review-table .review-star-name,
.review-table .review-star-stars {
    width: 100% !important;
}

.review-table .review-title {
    margin: 0 0 5px 0 !important;
}

.review-table .review-title span {
    font-weight: 400 !important;
}

.review-table .review-average-number p {
    font-size: 30px !important;
    font-weight: bold !important;
    text-align: center !important;
    color: var(--primary) !important;
}

.review-table .review-summary {
    padding: 5px !important;
}

.review-table .review-name-date::before,
.review-table .review-name-date::after {
    content: "" !important;
    clear: both !important;
}

.review-table .review-name {
    display: table !important;
    float: left !important;
    color: #505050 !important;
}

.review-table .review-date {
    display: table !important;
    float: right !important;
    color: #505050 !important;
}

.review-table .review-name i,
.review-table .review-date i {
    display: table-cell !important;
    vertical-align: middle !important;
    padding-right: 10px !important;
}

.review-table .review-stars,
.review-table .review-detail {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.review-table .review-star {
    padding: 5px !important;
}

.product.info.detailed .additional-attributes>tbody>tr>th,
.product.info.detailed .additional-attributes>tbody>tr>td {
    line-height: 1.4 !important;
}

.product.attribute.description {
    padding-top: 15px !important;
}

/* Header */
.header-container {
    width: 100% !important;
    z-index: 17 !important;
    position: fixed !important;
    top: 0 !important;
}

.header,
.header-container .header {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    height: unset !important;
    position: relative !important;
}

.smart-search.search-by-category,
.minicart-wrapper,
.user-options-wrapper {
    float: none !important;
    margin: auto !important;
}

.header-container .minicart-wrapper {
    position: relative !important;
}

.header-container .user-options-wrapper {
    position: relative !important;
    right: unset !important;
}

.header-container .header .user-options .icon-user-header .fa,
.header-container.sticky .header .user-options .icon-user-header .fa,
.header-container .header .minicart-wrapper .icon-cart-header .fa,
.header-container.sticky .header .minicart-wrapper .icon-cart-header .fa,
.header-container .header .user-options .text-user,
.header-container.sticky .header .user-options .text-user,
.header-container.sticky .header .minicart-wrapper .text-cart,
.header-container .header .minicart-wrapper .text-cart {
    color: #5a5a5a !important;
}

.header-container .header .user-options .icon-user-header .fa,
.header-container .header .minicart-wrapper .icon-cart-header .fa,
.header-container .header .user-options .text-user,
.header-container .header .minicart-wrapper .text-cart {
    color: #ffffff !important;
}

body {
    max-width: unset !important;
    /*   padding-top: 87px !important; */
}

.search-by-category {
    max-width: unset !important;
    width: 100% !important;
}

@media (max-width: 900px) {
    .minicart-wrapper {
        padding-left: 0 !important;
    }

    /* .user-options-wrapper{
padding-left:10px !important;
} */
    /* body {
    padding-top: 70px !important;
  } */
}

@media (max-width: 767px) {
    .minicart-wrapper {
        float: right !important;
    }

    /*   body {
    padding-top: 56px !important;
  }
 */
}


#sidebar-overlay {
    z-index: 9998 !important;
    top: 0 !important;
}

.sidenav {
    z-index: 9999 !important;
}

#quick-window {
    z-index: 10001 !important;
    max-width: 900px !important;
}

#quick-background {
    z-index: 10000 !important;
}

.product.info.detailed .product.data.items {
    float: left !important;
}

.product-social-links .action.towishlist,
.product-social-links .action.mailto.friend.towishlist,
.product-social-links .action.towishlist:focus,
.product-social-links .action.mailto.friend.towishlist:focus,
.product-social-links .action.towishlist:active,
.product-social-links .action.mailto.friend.towishlist:active {
    background: var(--primary) url("../images/icon-wishlist.png") no-repeat 50% 50% !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.product-social-links .action.towishlist:hover,
.product-social-links .action.mailto.friend.towishlist:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
        0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
}

.mb-icon-btn-primary,
.mb-icon-btn-secondary,
.mb-icon-btn-danger {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    position: relative;
    background: none !important;
    border-radius: 50% !important;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.mb-icon-btn-primary i,
.mb-icon-btn-secondary i,
.mb-icon-btn-danger i {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 24px !important;
}

.mb-icon-btn-primary:hover {
    background: rgba(var(--primary_alpha), 0.2) !important;
}

.mb-icon-btn-primary i,
.mb-icon-btn-primary:hover i {
    color: var(--primary) !important;
}

.mb-icon-btn-secondary:hover {
    background: rgba(var(--secondary_alpha), 0.2) !important;
}

.mb-icon-btn-secondary i,
.mb-icon-btn-secondary:hover i {
    color: var(--secondary) !important;
}

.mb-icon-btn-danger:hover {
    background: rgba(var(--danger_alpha), 0.2) !important;
}

.mb-icon-btn-danger i,
.mb-icon-btn-danger:hover i {
    color: var(--danger) !important;
}


@media (max-width: 639px) {

    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td[data-th]:before,
    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr th[data-th]:before {
        display: block !important;

    }
}

@media (min-width: 640px) {
    .pt-640-0 {
        padding-top: 0 !important;
    }
}

.one-step-checkout h3 {
    border-radius: 4px !important;
    background: #efefef !important;
    color: #404040 !important;

    margin-bottom: 10px !important;
    border: none !important;
    border-bottom: none !important;
}

.chosen-container .chosen-results li.active-result:hover,
.chosen-container .chosen-results li.highlighted {
    background: var(--primary) !important;
    color: white !important;
}

.section-services .support-footer-inner .support-info:hover .info-title i {
    background: var(--primary) none repeat scroll 0 0;
    border-color: var(--primary);
    color: #ffffff;
}

.breadcrumbs {
    margin: 20px 0 !important;
}

body.eren-page-preloader:after {
    border-left-color: var(--primary) !important;
}

.sidebar .action.delete {
    position: relative !important;
    top: unset !important;
    right: unset !important;
}

.sidebar .action.delete:before {
    content: none !important;
}

.products-grid.wishlist .product-item-actions {
    display: grid;
    grid-template-columns: 2fr 2fr;
    width: 100% !important;
}

.products-grid.wishlist .product-item-actions .edit,
.products-grid.wishlist .product-item-actions .delete {
    margin: 0 !important;
    text-align: center !important;
}

.products-grid.wishlist .product-item-actions .edit {
    border-radius: 30px 0 0 30px !important;
}

.products-grid.wishlist .product-item-actions .delete {
    border-radius: 0 30px 30px 0 !important;
}

.products-grid.wishlist .product-item .fieldset .field.qty {
    margin: 0 !important;
    /*     display: grid !important;
    grid-template-columns: auto auto auto !important; */
}

.products-grid.wishlist .product-item .box-tocart {
    width: 100% !important;
}

.products-grid.wishlist .product-item .box-tocart .fieldset {
    display: grid !important;
    grid-template-columns: 7.5fr 2.5fr !important;
}

.products-grid.wishlist .product-item .box-tocart .product-item-actions {
    float: right !important;
    margin: 0 !important;
}

.products-grid.wishlist .product-item .box-tocart input.qty {
    /*     border-radius: 4px !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important; */
    height: 100% !important;
}

.form-wishlist-items .actions-toolbar,
.form-wishlist-items .actions-toolbar .primary button {
    margin: 10px 0 !important;
}

@media (min-width:768px) {
    .form-wishlist-items .actions-toolbar .primary button:first-child {
        margin-left: 10px !important;
    }
}

#one-step-checkout-form input.radio,
.payment-method input.radio {
    margin: 0 8px 0 0 !important;
}

.opcheckout-index-index .payment-method-title label>span {
    font-size: 16px !important;
}

.checkout-payment-method .step-title {
    display: none !important;
}

.payment-method #payment_method_step_header {
    visibility: hidden;
    position: relative;
}

.payment-method #payment_method_step_header::after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "PAYMENT METHOD";
    text-align: left;
    padding: 5px 0 5px 50px;
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 0;
    display: inline-block;
    line-height: 35px;

    background: #efefef !important;
    color: #404040 !important;
    margin-bottom: 10px !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 4px !important;
}

.payment-method #payment_method_step_header::before {
    visibility: visible !important;
    z-index: 1 !important;
}

.login-container {
    padding: 0 !important;
}

td.actions.history-order-actions::before,
td.id.history-order-id::before,
td.status.history-order-status::before {
    content: none !important;
}

.product-item .product-info-bottom .actions-primary,
.product-list-item .product-info-bottom .actions-primary,
.product-item .product-info .actions-primary,
.product-list-item .product-info .actions-primary,
.product-item .product-info-bottom .price-box,
.product-list-item .product-info-bottom .price-box,
.product-item .product-info .price-box,
.product-list-item .product-info .price-box {
    margin: 10px 0 0;
}

.sidebar .product-items-names .product-item-name {
    width: calc(100% - 18px);
}

.product-item-name {
    display: flex !important;
}

.sidebar .product-item .checkbox {
    margin: 0 !important;
}

.block-wishlist .product-item-name {
    margin-right: 0 !important;
}

.page-title-wrapper .page-title {
    display: inline-block !important;
}

.page-title-wrapper .page-title .base {
    margin: 0 !important;
}

.page-title-wrapper .order-status {
    display: inline-block !important;
    margin-top: 20px !important;
    background: #ccc !important;
    color: #404040 !important;
    padding: 5px 10px !important;
    border-radius: 30px !important;
}

.page-title-wrapper .order-date {
    margin: 0 0 20px 0 !important;
}

.page-title-wrapper .order-date .label {
    padding-left: 0 !important;
}

.account-nav .item a,
.account-nav .item strong {
    border-left: 3px solid transparent;
    display: block;
    padding: 5px 18px 5px 15px;
}

.product-item .product-info-bottom .price-box .price,
.product-list-item .product-info-bottom .price-box .price,
.product-item .product-info .price-box .price,
.product-list-item .product-info .price-box .price {
    color: var(--primary) !important;
}

.centered-grid {
    display: grid !important;
    align-content: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.min-h-50 {
    min-height: 50px !important;
}

.product.info.detailed {
    width: 100% !important;
}




.products-grid.wishlist .product-items {
    display: grid !important;
    grid-template-columns: 32% 32% 32% !important;
    justify-content: space-evenly !important;
    row-gap: 10px !important;
}

.products-grid.wishlist .product-items .product-item {
    display: unset !important;
    width: unset !important;
    margin: unset !important;
    padding: 10px !important;
}

@media(max-width:980px) {
    .products-grid.wishlist .product-items {
        grid-template-columns: 48% 48% !important;
    }
}

@media(max-width:768px) {
    .products-grid.wishlist .product-items {
        grid-template-columns: 98% !important;
        justify-items: center !important;
    }
}

.block.review-add .block-content {
    padding-top: 20px !important;
}


/* ------------------------MOBILE NO. SIGNUP ---------------------------------- */


.form-create-account .submitbtnajax {
    width: unset !important;
}

.mobnumber {
    box-shadow: none !important;
}


#login-type {
    display: grid !important;
    grid-template-columns: 2fr 2fr !important;
    margin: 0 !important;
    padding: 0 !important;
    height: unset !important;
}


#login-type li {
    float: none !important;
    width: unset !important;
    margin: 0 !important;
}

#login-type li a {
    height: 100% !important;
    display: grid !important;
    align-items: center !important;
}

.login-container ul,
.login-container ul li {
    margin: 0 !important;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background: #eaeaea !important;
}

.membership-unlock {
    background: #f9eede !important;
    white-space: nowrap !important;
    float: left !important;
    padding: 5px !important;
    border: solid 1px #e28500 !important;
    border-radius: 4px !important;
    color: #e28500 !important;
}

.membership-unlock .price {
    font-weight: bold !important;
}

.membership-unlock .member-icon {
    font-size: 20px !important;
    margin-left: 20px !important;
}

.breadcrumbs ul li strong,
.product-view .product-info-stock-sku .stock span,
.product-view .product-info-stock-sku .attribute.sku .value,
.product-view .product-info-main .price-box .special-price .price-container .price,
.product-view .product-info-main .price-box .price-wrapper .price {
    color: var(--primary) !important;
}

.product-item .product-info-bottom .price-box .old-price .price,
.product-list-item .product-info-bottom .price-box .old-price .price,
.product-item .product-info .price-box .old-price .price,
.product-list-item .product-info .price-box .old-price .price,
.product-view .price-box .old-price .price {
    color: #a9a9a9 !important;
    font-weight: lighter !important;
}

.membership-card-price span.price {
    font-size: 20px !important;
    font-weight: 600 !important;
}


.verticalmenu.navigation.side-verticalmenu {
    z-index: 10 !important;
}

.modal .success {
    color: #666666;
    font-weight: 400;
    padding: 8px;
    margin: 10px 0;
}

.product-item .onsale,
.product-list-item .onsale,
.product-item .newlabel,
.product-list-item .newlabel,
.product-item .featuredlabel,
.product-list-item .featuredlabel {
    background: var(--primary) !important;
}

@media (max-width: 767px) {
    .categories-nav {
        z-index: 10 !important;
    }
}

label.reset-msg {
    line-height: unset !important;
}

.custom-select {
    height: unset !important;
    padding: unset !important;
}

.qty-fields-wrapper,
.cart-qty-fields-wrapper {
    display: inline-grid !important;
    grid-template-columns: 33% 33% 33% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px !important;
    border-radius: 5px !important;
    max-width: 120px !important;
    height: 36px !important;
    margin-right: 5px !important;
    justify-content: space-between;
}

.wishlist .qty-fields-wrapper {
    max-width: 150px !important;
    align-self: center !important;
}

.cart-qty-fields-wrapper {
    min-width: 150px !important;
}

.cart.table-wrapper .col.qty .input-text {
    margin-top: 0 !important;
    border: none !important;
}

button#remove-item,
button.remove-qty {
    border-radius: 5px 0 0 5px !important;
}

button#add-item,
button.add-qty {
    border-radius: 0 5px 5px 0 !important;
}

button.btn-qty {
    width: auto !important;
    display: inline-block !important;
    padding: 5px !important;
    color: var(--primary) !important;
    background: #eaeaea !important;
    height: 36px !important;
}

button.btn-qty i {
    display: block;
}

.cart-qty-fields-wrapper label {
    margin-bottom: 0 !important;
}

.qty-fields-wrapper .control {
    width: 100% !important;
}

.qty-fields-wrapper .control {
    height: 36px !important;
}

.qty-fields-wrapper label {
    display: none !important;
}

.qty-fields-wrapper input {
    box-shadow: none;
    border: none;
    width: auto !important;
}

.product-view .box-tocart {
    margin-top: 10px !important;
}

.product-view .product-options-wrapper {

    margin-top: 0px !important;
}

.product-info-main .product.attribute.overview {
    margin: 0 0 20px 0 !important;
}

.product-reviews-summary {
    margin: 0 0 10px 0 !important;
}

.swatch-opt {
    margin: 10px 0 !important;
}

/* @media(min-width:1200px){
.product-item-toki {
    height: 390px;
}
} */

/* .wrapper-categorytab .owl-wrapper,
.wrapper-producttab .owl-wrapper{
display: flex !important;
width:100% !important;
padding-bottom: 10px !important;
}

.wrapper-categorytab .owl-item,
.wrapper-producttab .owl-item{
flex:1 !important;
}

.wrapper-categorytab .product_row,
.wrapper-producttab .product_row{
height:100% !important;
}

.wrapper-categorytab .product-item-toki,
.wrapper-producttab .product-item-toki{
    height: 100% !important;
}
 */

@media(min-width:0px) {
    .product-details-fixed {
        height: 70px !important;
    }
}

@media(min-width:994px) {
    .product-details-fixed {
        height: 35px !important;
    }
}


.product-details-fixed {
    margin-top: 5px !important;
}


.swatch-option {
    float: none !important;
    display: inline-block !important;

}



.swatch-option:not(.disabled):hover {
    border: 1px solid var(--secondary) !important;
    border-radius: 4px !important;
    transition: 0.2s ease-in-out !important;
    color: #333 !important;
    outline: none !important;
}

.swatch-option.text.selected {
    background-color: var(--secondary) !important;
    border-radius: 4px !important;
    transition: 0.2s ease-in-out !important;
    color: #fff !important;
    border: 1px solid var(--secondary) !important;
    outline: none !important;
}

.swatch-option.text {
    background: white !important;
    border-radius: 4px !important;
    transition: 0.2s ease-in-out !important;
    outline: none !important;
}

.swatch-attribute-options {
    margin: 0 !important;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap;
}

.no-var-unit {
    color: #686868 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    margin-right: 7px !important;
    min-width: 22px !important;
    padding: 4px 8px !important;
    margin: 5px auto !important;
    outline: 1px solid #dadada !important;
}

/* .order-details-items .order-title>strong{
margin-top:0 !important;
} */

.header-container .top-link-container {
    border-bottom: none !important;
}

.page-products .product-item-info {
    height: 100% !important;
}

.filter-current,
.filter-current li {
    background: none !important;
}

.filter-current .action.remove,
.action.clear.filter-clear {
    color: var(--danger) !important;
}

.form.payments button.action.action-cancel {
    margin: 0 20px 0 0 !important;
}

.page-title-wrapper .action.order {
    display: none !important;
}

.normal-price .price-label {
    display: none !important;
}

.normal-price {
    margin-left: 10px !important;
}

.products-grid.wishlist .product-item .field.qty {
    display: block !important;
}


.product-item .product-info-bottom .price-box .special-price,
.product-list-item .product-info-bottom .price-box .special-price,
.product-item .product-info .price-box .special-price,
.product-list-item .product-info .price-box .special-price {
    margin-left: 0;
    margin-right: 0;
}

.special-price .discount-label,
.normal-price .discount-label {
    vertical-align: middle;
    /*     background: var(--light) !important; */
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: 600;
    background: var(--danger);
    color: #fff;

}

.product-view .special-price .discount-label {
    font-size: 1.0em;
}

/* .group-product .special-price .discount-label{
	background: none !important;
} */

.nav-menus .container.bg-white {
    margin: 0 auto 20px auto;
    border-radius: 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
}

@media(min-width: 576px) {
    .nav-menus .container.bg-white {
        margin: 20px auto;
        border-radius: 10px;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
    }
}

.product-details-fixed .unit-label-text {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 7px;
    min-width: 22px;
    padding: 4px 8px;
    background: white !important;
    border-radius: 4px !important;
    outline: none !important;
    display: inline-block;
    border: 1px solid #dadada;
}

.ccavenuepay_frontend_logo {
    display: none;
}


.product-view .price-box .old-price .price-label {
    display: inline-block;
}

.policy-text {
    padding-top: 30px;
}

.policy-text a {
    color: #23527c;
}

.policy-text a:hover {
    color: var(--primary) !important;
}

.policy-text ul {
    list-style: disc;
    margin-left: 50px;
    margin-bottom: 10px;
}

.policy-text ol {
    list-style: decimal;
    margin-left: 50px;
}

.border-top-rounded {
    border-radius: 4px 4px 0 0 !important;
}

.border-bottom-rounded {
    border-radius: 0 0 4px 4px !important;
}

.mb-card-primary {
    padding: 10px !important;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
    border-radius: 4px !important;
    background: var(--primary) !important;
    color: white !important;
}

.refer-link {
    padding: 10px 16px;
    color: var(--primary);
    cursor: pointer;
    border: solid 2px var(--primary);
    border-radius: 4px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 600;
}

.refer-link:hover {
    color: var(--primary);
    cursor: pointer;
    border: solid 2px var(--primary);
}

.cart.table-wrapper .cart.items .col.qty::before {
    content: none;
}

span.limiter-text,
strong.limiter-label {
    vertical-align: middle;
}

select#limiter {
    background: #fff !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.refer-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    background: white;
    color: var(--secondary);
    padding: 10px 15px;
    box-shadow: 2px 5px 10px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 999;
    user-select: none;
    /* transition: all .2s ease-in-out; */
    font-weight: bold;
    animation: bounceIn 0.3s forwards, bounceOut 0.5s 2.5s 1 normal forwards;
    transform-origin: center;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.3);
    }

    50% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(1.1);
    }

    80% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.89);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes bounceOut {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.2);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
}


.sidebar .product-items-names .product-item {
    margin: 5px 0 !important;
}

ol#cart-sidebar-reorder {
    padding: 10px !important;
}

.page-title-wrapper .page-title .base:before,
.block.filter .page-title .base:before,
.block-compare .page-title .base:before,
.block-wishlist .page-title .base:before,
.page-title-wrapper .filter-title .base:before,
.block.filter .filter-title .base:before,
.block-compare .filter-title .base:before,
.block-wishlist .filter-title .base:before,
.page-title-wrapper .block-title .base:before,
.block.filter .block-title .base:before,
.block-compare .block-title .base:before,
.block-wishlist .block-title .base:before,
.page-title-wrapper .page-title strong:before,
.block.filter .page-title strong:before,
.block-compare .page-title strong:before,
.block-wishlist .page-title strong:before,
.page-title-wrapper .filter-title strong:before,
.block.filter .filter-title strong:before,
.block-compare .filter-title strong:before,
.block-wishlist .filter-title strong:before,
.page-title-wrapper .block-title strong:before,
.block.filter .block-title strong:before,
.block-compare .block-title strong:before,
.block-wishlist .block-title strong:before,
.block-compare .block-title strong:before,
.block-wishlist .block-title strong:before,
.filter-content .filter-options .filter-options-title:before,
#layered-ajax-filter-block .widget-title:before {
    border-top: 2px solid var(--primary) !important;
}

.account-nav .item.current a,
.account-nav .item.current strong {
    border-color: transparent !important;
}

.account-nav .nav li a:hover,
.form.reorder .product-item .product-item-name:hover span {
    color: var(--primary) !important;
}

@media (max-width: 767px) {
    .page-footer .footer-static-container .footer-static .footer-links .title:hover:after {
        background: var(--primary) !important;
        color: #fff;
    }
}

@media(min-width:768px) {
    .header-container .header {
        padding: 6px 0 !important;
    	background-color: var(--primary) !important;
    }
}

.account-nav ul.nav,
div#layered-ajax-filter-block {
    padding: 10px !important;
}

.account-nav .nav li,
.account-nav .nav li:first-child,
.account-nav .nav li.current {
    margin: 0 !important;
    padding: 5px !important;
}

.account-nav .nav li.current strong {
    padding: 0 !important;
    border: none;
}

.account-nav .nav li.current {
    background: #f9f9f9;
}

.ui-slider .ui-slider-handle {
    background: var(--primary) !important;
}

.toolbar-products .pages .pages-items .item:hover a,
.toolbar-products .pages .pages-items .item.current a,
.toolbar-products .pages .pages-items .item:hover strong,
.toolbar-products .pages .pages-items .item.current strong {
    background: var(--primary) !important;
    color: #fff !important;
}

.account-nav .content {
    padding: 0 !important;
}

#one-step-checkout-form .checkbox-group label.label--checkbox[for="shipping-save-in-address-book"] {
    padding-left: 0 !important;
}

.address-information.address-info-3-columns {
    margin-bottom: 15px !important;
}

.checkout-payment-method .payment-option-title .action-toggle {
    color: #82bfab !important;
    font-weight: 600 !important;
}

.checkout-payment-method .payment-option-content {
    padding: 0 0 20px 0 !important;
}

.payment-option-title.field.choice {
    padding: 10px 0 !important;
}

fieldset.fieldset.info {
    width: 100%;
    margin-bottom: 20px;
}

.account .fieldset .legend {
    color: var(--primary) !important;
}

.account-nav .nav li:not(.current):hover {
    background: #f9f9f9 !important;
}

.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
    margin-bottom: 20px;
}

.at-style-responsive .at-share-btn {
    border-radius: 4px !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
}

.product-info .brand-label,
.product-info .product-brands {
    display: none;
}

.block.rewardpoints .action.cancelPoints {
    display: block;
    margin-left: auto;
}

.order-details-items,
.order-details-items .table-wrapper {
    border: none !important;
}


.order-details-items.invoice .order-title a.action.print {
    margin: 0 !important;
    margin-left: 20px !important;
}

.order-details-items.invoice .order-title strong {
    margin-bottom: 0 !important;
    padding-left: 16px;
}


.order-details-items.invoice a.action.print:first-child {
    padding: 8px 16px !important;
}

.order-details-items .actions-toolbar:not(:first-child) {
    display: none;
}

.brand-name {
    display: inline-block;
    margin-left: 20px;
    padding: 10px;
}

.brand-name h2 {
    color: #404040;
    margin: 0;
}

@media(max-width:600px) {
    .owl-pagination {
        display: none;
    }
}

[id^='old-price'] span {
    color: grey !important;
}

.loginotpverify .info {
    text-align: center !important;
}

.modal .buttons-set {
    margin: 10px 0 !important;
    width: 100% !important;
}

.ultimate {
    max-width: 600px !important;
    width: 80% !important;
    height: auto !important;
    border-radius: 4px !important;
    padding: 0 !important;
}

.ultimate .leftimage {
    display: none !important;
}

.ultimate .right {
    float: left !important;
    padding: 20px !important;
    width: 100% !important;
}

@media screen and (max-width: 768px) {
    .ultimate .right {
        width: 100% !important;
    }
}

input[type=button] {
    border: none;
}

input[type=button][disabled] {
    opacity: 0.7;
}

/* @media(max-width:402px) {
.toolbar-products .toolbar-amount {
float:left;
margin-bottom:10px;
}
} */
@media(max-width:320px) {
    .toolbar-products .toolbar-amount {
        float: left;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 500px) {

    .cart.table-wrapper .col.qty,
    .cart.table-wrapper .col.price,
    .cart.table-wrapper .col.subtotal,
    .cart.table-wrapper .col.msrp {
        display: block;
        width: 100%;
    }

    .otp-content.input-box label.reset-msg {
        display: block;
        width: 100%;
    }

    .otp-content.input-box .custom-select {
        margin: 10px 0 15px 0;
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .ultimate .right {
        width: 100% !important;
    }
}

.customer-login-popup .left-section {
    display: none !important;
}

.customer-login-popup.ultimate .modal-content {
    height: 100% !important;
    padding: 20px !important;
}

#customer-popup-login {
    height: 100% !important;
}

.customer-login-popup .right-section {
    float: none !important;
    width: 100% !important;
    height: 100% !important;
}

.modal-popup .action-close,
.modal-slide .action-close {
    height: 28px !important;
    width: 28px !important;
    background-color: var(--primary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
}

.modal-slide .action-close::before {
    font-size: 24px !important;
    margin: 0 !important;
}


button#loginsubmit {
    margin-top: 15px !important;
}

.reset-type {
    width: 100% !important;
    margin: 0 !important;
}

.login-option a.active {
    background: var(--primary) !important;
}

@media only screen and (max-width: 767px) {
    .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
        min-height: unset !important;
    }
}

form#login-otp .actions-toolbar,
form#forgot-otp .actions-toolbar {
    margin-top: 20px !important;
}

form#login-otp .otp-content .intl-tel-input,
form#forgot-otp .forgotmob-div .intl-tel-input {
    margin-bottom: 0 !important;
}

/* .modal-popup .action-close::before{

} */



/* ---------------------------------------------BEST SELLER & MOST VIEWED LIST--------------------------------------- */


/* .featuredproductslider-item .product-item{
	display: flex;
}

.featuredproductslider-item .product-item .product-info{
	padding-left: 10px !important;
}

.featuredproductslider-item .product-item .product-photo{
	float: none !important;
}

.featuredproductslider-item .product-item .product-photo span{
	height: 100% !important;
    width: 100% !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
.featuredproductslider-item .product-item .product-photo img {
	position:static;
	height:100%;
} */

/* ---------------------------------------------BEST SELLER & MOST VIEWED LIST--------------------------------------- */

/* ----------------------------------------------------------CART---------------------------------------------------- */

.cart.item .product-image-wrapper {
    width: 50px;
}

/* .mobile_cart_item {
  display: none;
}
@media (max-width:767px){
tbody.cart.item{display:none!important;}
.mobile_cart_item {
  display: flex;
}

.mobile_cart_item_image{
	height:100%;
}
.mobile_cart_item_info{
	width:100%;
	height:100%;
	display:flex;
}
.mobile_cart_item_info_left{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
}
.mobile_cart_item_name{
	width:100%;
}
.mobile_cart_item_qunatity{
grid-area: qunatity;
}
.mobile_cart_item_price{
grid-area: price;
}
.mobile_cart_item_subtotal{
grid-area: subtotal;
}
.mobile_cart_item_actions{
width:100%;
}
.mobile_cart_item_pricing{
display:flex;
width:100%;
}
} */
.top_banners_grid {
    display: none;
}

@media(min-width:768px) {
    .top_banners_grid {
        display: grid;
        grid-template-areas:
            "landscape1 vertical"
            "landscape2 vertical";
    }

    .top_banners_grid_item1 {
        grid-area: landscape1;
    }

    .top_banners_grid_item2 {
        grid-area: landscape2;
    }

    .top_banners_grid_item3 {
        grid-area: vertical;
    }
}

.product-view .box-tocart .actions {
    display: flex;
    column-gap: 5px;
    width: max-content;
    margin-top: 10px;
}

.group-product .product-name a,
.group-product .product-name a:hover,
.group-product .product-item-link,
.group-product .product-item-link:hover {
    white-space: normal !important;
    text-overflow: unset !important;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 1.3;
    min-height: unset !important;
    margin: auto;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:767px) {

    .group-product .product-name a,
    .group-product .product-name a:hover,
    .group-product .product-item-link,
    .group-product .product-item-link:hover {
        font-size: 13px !important;
    }
}

.products-grid.wishlist .product-item-actions.bottom-actions {
    display: grid;
    grid-template-columns: 4fr 1fr;
    width: 100% !important;
    box-shadow: var(--shadow_1) !important;
    border-radius: 30px;
}

.products-grid.wishlist .product-item-actions .edit {
    box-shadow: none !important;
    background: var(--primary) !important;
}

.products-grid.wishlist .product-item-actions .delete {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    box-shadow: none !important;
}

.block-wishlist a.product-item-link {
    text-align: left !important;
}

.group-product-info {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap-reverse;
}

.group-product-info .product-reviews-summary {
    float: unset;
    margin: 0;
    display: flex;
    flex: 1 0 0;
    margin-bottom: 0 !important;
}

.group-product-info .price-box {
    margin-top: 0;
    white-space: nowrap;
    display: flex;
    flex: 2 1 auto;
}

.product-item .special-price {
    display: inline-block;
}

.old-price {
    margin-right: 10px;
}

.product-item .price-box {
    margin: 0 !important;
}

.box-rate-price,
.product-info {
    text-align: left !important;
}

.bs-banner img {
    border-radius: 4px !important;
    box-shadow: var(--shadow_1) !important;
}

.magebuzz-social {
    margin-bottom: 10px;
}

#filter-toggle {
    display: none;
}

@media (max-width: 575px) {
    #layered-ajax-filter-block {
        display: none;
    }

    #layered-ajax-list-products>.toolbar.toolbar-products {
        margin-bottom: 10px;
    }

    #layered-ajax-list-products>.grid.products-grid {
        margin-top: 10px;
    }

    #filter-toggle {
        display: block;
    }
}

#mySidenav .owl-item .brand-item {
    margin: 10px 5px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    overflow: hidden;
}

#mySidenav .owl-item .brand-item:hover {
    background: #f3f3f3;
}

.payment-method-billing-address .field.street .field .label,
#shipping .field.street .field .label {
    width: auto !important;
    height: auto !important;
    position: static !important;
}

.opcheckout-index-index select {
    line-height: 26px !important;
    height: 42px !important;
}

.billing-address-form .fieldset .field.two-fields {
    float: left !important;
    width: 50% !important;
}

.sidebar-category-icon {
    height: 30px;
}

.sidebar-category {
    display: flex;
    align-items: center;
}

.divider.category {
    margin: auto;
}

.sidebar-category-link {
    color: #222 !important;
    padding: 0 !important;
}

.dynamic-product-info {
    background: white;
    transition: all 0.3s ease-in-out;
}

.action-buttons-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    flex-wrap: nowrap;
}

.product-action,
.product-action:hover,
.product-action:focus,
.product-action:active {
    border: 0 !important;
    outline: none !important;
    text-decoration: none !important;
}

.cart-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: var(--primary);
    box-shadow: var(--shadow_1);
    border-radius: 4px;
    color: white;
}

.mobile-cart-button,
.quickview-button,
.wishlist-button,
.compare-button,
.mobile-cart-button:hover,
.quickview-button:hover,
.wishlist-button:hover,
.compare-button:hover {
    display: flex;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    box-shadow: var(--shadow_1);
    border-radius: 50%;
    color: white;
    padding: 0 !important;
}

.mobile-cart-button:hover,
.quickview-button:hover,
.wishlist-button:hover,
.compare-button:hover,
.cart-button:hover {
    background: var(--primary);
    color:white;
    box-shadow: var(--shadow_2);
}
.cart-button:hover {
    border-radius: 4px;
}

.mobile-cart-button {
    display: none;
}

@media(min-width:768px) {
    .dynamic-product-info {
        background: transparent;
        z-index: 2;
    }

    .action-buttons-wrapper {
        position: absolute;
        top: 100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }
	.action-buttons-wrapper form{
		width:100%
	}
	.cart-button {
    	width:100%
	}

    .product-item:hover .dynamic-product-info, .product-item-toki:hover .dynamic-product-info {
        transform: translateY(-50px);
        background: white;
    }

    .product-item:hover .action-buttons-wrapper, .product-item-toki:hover .action-buttons-wrapper {
        visibility: visible;
        opacity: 1;
    }
}

@media(max-width:870px) {
    .mobile-cart-button {
        display: flex;
    }

    .cart-button {
        display: none;
    }
}

.tabs-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #55959e;
}
.tabs-nav .tabs-nav-link, .tabs-nav .tabs-nav-link:hover{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    text-decoration: none;
    color: var(--text_color);
    background: white;
    cursor: pointer;
}
.tabs-nav .tabs-nav-link.active, .tabs-nav .tabs-nav-link.active:hover{
    color: white;
    background: var(--primary);
}
.tabs-nav .tabs-nav-link:first-child{
    border-radius: 0 0 4px 0;
}
.tabs-nav .tabs-nav-link:last-child{
    border-radius: 0 0 0 4px;
}
.tabs-content .tabs-item{
    display: none;
}
.tabs-content .tabs-item.active{
    display: block;
}

@media(max-width:767px){
.nav-banner{
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	border-radius:4px;
	}
}

.categorytab-container .owl-carousel .owl-wrapper, .wraper-product-tabs .owl-carousel .owl-wrapper{
	display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
	column-gap:10px;
}

.owl-item .product_row{
	height:97%;
}

.product-content-item.product-item-details  {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fancybox-wrap .action_button li{
	display: inline-block !important;
	margin-left: 20px;
}