.bottom-80 {
    bottom: 80%;
}
.width-70p {
    width: 70%;
}
.width-80p {
    width: 80%;
}
.width-90p {
    width: 90%;
}
.width-100p {
    width: 100%;
}
.text-1-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.custom-control-a, .custom-control-a-active {
    color: black;
}
.custom-control-a-active::before {
    position: absolute;
    top: 0.20625rem;
    left: -0.02rem;
    display: block;
    width: 0.89rem;
    height: 0.89rem;
    pointer-events: all;
    content: " ";
    border-top: solid 2px var(--primary-dark);
    border-right: solid 2px var(--primary-dark);
    border-bottom: solid 2px var(--primary-dark);
    border-left: solid 2px var(--primary-dark);
    border-radius: 2px;
    color: #fff;
    font-size: 0.88rem;
    font-weight: bold;
    background-color: var(--primary);
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-a:focus {
    border-color: #66afe9;
}
.custom-control-a::before {
    position: absolute;
    top: 0.20625rem;
    left: -0.02rem;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    pointer-events: all;
    content: "";
    background-color: #fff;
    border: #dfdfdf solid 2px;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-a::after {
    position: absolute;
    top: 0.20625rem;
    left: -1.4rem;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    content: "";
    background: no-repeat 50% / 50% 50%;
}
.custom-checkbox .custom-control-a::before {
    border-radius: 2px;
}
/* Newsletter */
.nl {
    background-color: #050e13;
    background-image: url('/electricvehicle/media/nl-back-bg.jpg'), url('/electricvehicle/media/nl-car-bg.jpg');
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
}
@media (max-width: 767.98px) {
    .nl {
        background-color: #050e13;
        background-image: url('/electricvehicle/media/nl-back-bg.jpg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: -100px;
    }
}
.svg-light {
    filter: brightness(0%) saturate(100%) contrast(90%) invert(100%);
}
.square {
    aspect-ratio: 1/1;
}

/* Top Brands */
.top-brands .brand {
    display: inline-block;
    white-space: nowrap;
    margin: .6rem .8rem;
    text-align: center;
}

.top-brands .brand .noicon {
    display: inline-block;
    border: 1px solid #000000;
    padding: .1rem .5rem .1rem .5rem;
    margin-top: -.5rem;
    background-color: rgba(12, 16, 20, .9);
    color: #ffffff;
    text-transform: uppercase;
    font-style: oblique;
    font-weight: bolder;
    font-size: .9rem;
}

.top-brands .brand .no {
    display: inline-block;
    border: 1px solid #f0f0f0;
    padding: .1rem 0 .1rem .5rem;
    background-color: rgba(12, 16, 20, .02);
    color: #0c0c0c;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: .9rem;
    letter-spacing: .3rem;
}

.top-brands .brand:hover .noicon {
    color: var(--primary);
}

.top-brands .brand:hover .no {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: #0c0c0c;
}

.top-brands .brand .mt {
    margin-top: -.38rem;
}

/* Cookie Consent */
.js-cookie-consent {
    background-color: #ffffff;
    color: #333333;
    font-family: inherit;
    bottom: 0px;
    position: fixed;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 12px 10px;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    z-index: 9999;
    left: 0px;
    font-weight: 300;
    box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
.cookie-consent-buttons {
    text-align: center;
}
.cookie-consent-buttons .btn {
    cursor: pointer !important;
    display: inline;
    font-weight: 300;
    padding: 0.4rem 0.8rem;
    border-radius: 0px;
}
.cookie-consent-buttons .btn.btn-accept {
    color: #ffffff;
    background-color: #6d4cc7;
    border-color: #583da2;
}
.cookie-consent-buttons .btn.btn-accept:hover {
    color: #ffffff;
    background-color: #4a318d;
    border-color: #392373;
}
/* product grid images */
.product-img-fluid {
    width: 100% !important;
    height: 30vh !important;
    object-fit: scale-down !important;
}
.product-full-img-fluid {
    width: 100% !important;
    height: auto !important;
    object-fit: scale-down !important;
    padding: 2rem;
}
.product-slide-img-fluid {
    width: 100% !important;
    height: auto !important;
    object-fit: scale-down !important;
    padding: .6rem;
}
#sliderSyncingThumb .slick-track {
    margin-left: 0;
}
#sliderSyncingThumb .slick-slide.slick-current:hover {
    border: 1px solid #d7d7d7;
    border-bottom-width: 2px;
    border-bottom-color: var(--primary-dark);
}
#sliderSyncingThumb .slick-slide:hover {
    border: 1px solid #d7d7d7;
}
.carousel_products .progressive {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
}
.progressive img {
    padding: 1.25rem;
}
.progressive img.preview {
    filter: unset;
    transform: unset;
}
.progressive img.reveal {
    animation: progressiveReveal 1s linear;
}
@keyframes progressiveReveal {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
/* Product Page */
.product {
    margin-top: 0;
}
.product span.photo-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(18,20,22,.024);
    left: 0;
    top: 0;
    z-index: 2;
}
.product .codes {
    text-align: right;
    margin-top: -.9rem;
    margin-bottom: .6rem;
    font-size: .725rem;
    font-weight: normal;
}
.product .codes div {
    display: inline-block;
    white-space: nowrap;
    color: #666666;
    margin-left: .8rem;
}
.product .codes span {
    text-transform: uppercase;
}
.product .nobrand {
    display: inline-block;
    white-space: nowrap;
    margin: .8rem 1rem .8rem 0;
}
.product .nobrand .noicon {
    display: inline-block;
    border: 1px solid #000000;
    padding: .1rem .5rem .1rem .5rem;
    background-color: rgba(12,16,20,.9);
    color: #ffffff;
    text-transform: uppercase;
    font-style: oblique;
    font-weight: bolder;
    font-size: .9rem;
}
.product .nobrand .no {
    display: inline-block;
    border: 1px solid #f0f0f0;
    padding: .1rem 0 .1rem .5rem;
    margin-left: -4px;
    background-color: rgba(12,16,20,.02);
    color: #0c0c0c;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: .9rem;
    letter-spacing: .3rem;
}
.product .nobrand:hover .noicon {
    color: var(--primary);
}
.product .nobrand:hover .no {
    border: 1px solid var(--primary);
    background-color: var(--primary);
    color: #0c0c0c;
}

.product .nobrand img {
    max-height: 2.225rem;
}

.product .nobrand span.brand-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(18, 20, 22, .024);
    left: 0;
    top: 0;
    z-index: 2;
}

.product .nobrand span.brand-overlay:hover {
    border: 1px solid rgba(18, 20, 22, .084);
}

.product .nobrand img {
    opacity: .8;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.product .nobrand:hover img {
    opacity: 1;
}

.product div[class^='product-price'] del {
    display: block;
    line-height: .4rem;
}
.product .btn-cart {
    font-size: 1.3rem;
    font-weight: lighter;
    width: 100%;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
}
.product .btn-cart i {
    margin-left: .8rem;
}
.product .specifications {
    max-width: 60%;
    margin: 0 auto;
}
@media (max-width: 199.98px) {
    .product .specifications {
        max-width: 70%;
    }
}
@media (max-width: 767px) {
    .product .codes {
        text-align: left;
        margin-top: -.7rem;
        margin-bottom: 0rem;
        font-size: .695rem;
    }
    .product .codes div {
        margin-left: 0;
        margin-right: .8rem;
    }
    .product .btn-cart {
        font-size: 1.1rem;
    }
    .product .btn-cart i {
        margin-left: .4rem;
    }
    .product .stock {
        display: block;
        text-align: right;
    }
    .product .price.align-items-center {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .product .specifications {
        max-width: 95%;
    }
}
@media (max-width: 360px) {
    .product .codes div {
        display: block;
    }
    .product .btn-cart {
        font-size: .98rem;
    }
    .product .btn-cart i {
        margin-left: .3rem;
    }
    .product .price, .product .nobrand {
        display: block;
    }
    .product .stock {
        display: block;
        text-align: left;
    }
}
.product .btn-cart span {
    font-weight: bold;
}
.product .btn-cart:hover {
    color: var(--primary);
    box-shadow: unset;
}

/* Product Description Formatting */
#Product-description {
    overflow-x: auto !important;
}
#Product-description table {
    width: 100% !important;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
    color: #212529 !important;
}

#Product-description table th,
#Product-description table td {
    padding: 0.75rem !important;
    vertical-align: top !important;
    border-top: 1px solid #dee2e6 !important;
}

#Product-description table thead th, #Product-description table th {
    vertical-align: bottom !important;
    color: #495057 !important;
    background-color: #e9ecef !important;
    border-bottom: 2px solid #dee2e6 !important;
}

#Product-description table tbody + tbody {
    border-top: 2px solid #dee2e6 !important;
}

#Product-description table tr:hover {
    background-color: #f7f7fa !important;
}

#Product-description table tr:hover > td {
    background-color: #f7f7fa !important;
}

#Product-description img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 1rem 0 !important;
}

#Product-description a {
    color: var(--dark) !important;
}


/* Product Deal */
.product-deal {
    margin-top: 0;
}
@media (max-width: 767px) {
    .product-deal {
        padding-right: 35px;
        padding-left: 35px;
    }
}
@media (min-width: 992px) {
    .product-deal {
        margin-top: 2.1rem;
    }
}
@media (min-width: 1200px) {
    .product-deal {
        margin-top: 2.6rem;
    }
}
@media (min-width: 1480px) {
    .product-deal {
        margin-top: 0;
    }
}
.product-deal .img-fluid {
    padding: 0.6rem;
}

@media (min-width: 448px) {
    .product-deal .img-fluid {
        padding: 3.5rem;
    }
}

@media (min-width: 767px) {
    .product-deal .img-fluid {
        padding: 6.5rem;
    }
}
@media (min-width: 768px) {
    .product-deal .img-fluid {
        padding: 1.6rem;
    }
}
@media (min-width: 1480px) {
    .product-deal .img-fluid {
        padding: 3.8rem;
    }
}
.product-deal > div {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
}
.product-deal span.photo-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(18,20,22,.024);
    left: 0;
    top: 0;
    z-index: 2;
}
.product-deal img, .product-deal .deal {
    transition: all .5s ease;
}
.product-deal:hover img {
    transform: scale(1.1);
    -webkit-filter: contrast(1.2);
    filter: contrast(1.2);
}
.product-deal:hover .deal {
    transform: rotate(20deg);
    filter: drop-shadow(2px 1px 2px rgba(9, 14, 38, 0.4));
}
/*
.product-item:hover .product-item__inner:not(.remove-product-hover) {
    position: relative;
}
*/
/*
.product-item__title {
      height: 1.64rem;
  }


.product-item__title {
    font-size: 14px;
    font-weight: 600 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-item__img {
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1 / 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


@media (max-width: 991.98px) {
    .product-item__title {
        font-size: 14px;
        font-weight: 600 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}*/
.product-item__inner span.photo-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(18,20,22,.024);
    left: 0;
    top: 0;
    z-index: 2;
}
.right-overlay {
    position: absolute;
    right: 0.35rem;
    top: 0.35rem;
    z-index: 3;
}
.right-overlay .favorite {
    display: block;
    padding: 0.4rem;
}
.right-overlay .favorite i {
    display: block;
}
.right-overlay .favorite i.csi {
    margin: unset;
}
.right-overlay .reaction {
    display: block;
    padding: 0.4rem;
    background-color: #fff;
    border-radius: 10rem;
    box-shadow: 0px 0px 4px 0px rgba(1, 1, 1, 0.2);
}
.right-overlay .reaction i {
    display: block;
}
.right-overlay .reaction i.csi {
    margin: unset;
}
@media (max-width: 991.98px) {
    .right-overlay {
        right: 0.25rem;
        top: 0.25rem;
    }
    .right-overlay .favorite, .right-overlay .reaction {
        padding: 0.3rem;
    }
    .right-overlay .csi-xs {
        width: 0.78rem;
        height: 0.78rem;
    }
}
@media (min-width: 1499px) {
    .reactions.px {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}
.reactions i.csi {
    margin-right: 0px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .2s ease;
}
.reactions i.csi:hover {
    transform: scale(1.6);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.reactions .selected i.csi {
    transform: scale(1.4);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.reactions-total {
    display: inline-block;
    background: #ffffff;
    padding: 5px 15px;
    border: 1px solid #e3e3e3;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(52, 56, 60, 0.08);
    box-shadow: inset 0 0 1px 1px rgba(52, 52, 60, 0.08);
}
.reactions-total i:nth-child(1) {z-index: 999;}
.reactions-total i:nth-child(2) {z-index: 998;}
.reactions-total i:nth-child(3) {z-index: 997;}
.reactions-total i:nth-child(4) {z-index: 996;}
.reactions-total i:nth-child(5) {z-index: 995;}
.reactions-total i {
    position: relative;
    margin-right: -.39rem;
}
.reactions-total i.csi {
    filter: drop-shadow(2px 1px 0px #ffffff);
}
.most-reactions {
    z-index: 15; margin-right: 1.2rem; margin-top: .4rem
}
.most-reactions .reactions-total {
    padding: 3px 16px 6px 11px;
}
.most-reactions .favorite i.csi {
    float: right;
    margin-bottom: 10px;
}
/* Categories Grids */
.height-full {
    height: 40vh;
}
.height-half {
    height: 20vh;
}
.height-28vh {
    height: 28vh;
}
.featured-categories {
    position: relative;
    overflow: hidden;
}
.featured-categories .photo-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 10px 5px rgba(9, 18, 52, 0.3);
    box-shadow: inset 0 0 10px 5px rgba(9, 18, 52, 0.3);
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
}
.featured-categories.medium .photo-overlay {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background: rgba(11, 26, 42, 0.02);
    background: linear-gradient(7deg, rgba(11, 26, 42, 0.4), rgba(11, 26, 42, 0.02));
}
.featured-categories img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s ease;
}
.featured-categories:hover img {
    transform: scale(1.1);
    -webkit-filter: contrast(1.3);
    filter: contrast(1.3) grayscale(.5);
}
.featured-categories div {
    position: absolute;
    z-index: 10;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%, -50%);
    padding: 6px 14px;
    background: rgba(255,255,255,.9);
    box-shadow: 3px 0px 6px rgba(5,5,5,.3);
    white-space: nowrap;
    color: #3a3a3a;
    font-size: 1.4em;
}
.featured-categories.medium div {
    position: absolute;
    width: 100%;
    z-index: 10;
    left: 5px;
    bottom: 5px;
    transform: unset;
    padding: 3px 7px;
    background: unset;
    box-shadow: unset;
    white-space: unset;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.1rem;
    text-shadow: 1px 1px 1px rgb(0,0,0), 1px 1px 3px rgba(2,2,2,.9), 2px 2px 6px rgba(5,5,5,.7);
}
.featured-categories.home div {
    left: 10px;
    top: unset;
    right: unset;
    bottom: 10px;
    transform: none;
    padding: 4px 8px;
    background: rgba(255,255,255,.9);
    border-radius: 10px;
    box-shadow: 3px 0 6px rgba(5,5,5,.3);
    white-space: nowrap;
    color: #3a3a3a;
    font-size: 1.1em;
    text-transform: uppercase;
    letter-spacing: -1px;
    transition: opacity .9s ease;
    opacity: 0;
}

.featured-categories.home:hover div {
    background: #ffffff;
    color: #000000;
    opacity: 1;
}

.featured-categories.medium:hover div {
    background: unset;
    color: #ffffff;
    opacity: 1;
}
.featured-categories.home.first div {
    left: unset;
    top: 10px;
    right: 10px;
    bottom: unset;
    transform: none;
}
@media (max-width: 1199px) {
    .featured-categories.home.first div {
        animation: home 1.4s ease-in 2s forwards;
    }

    .featured-categories.home.second div {
        animation: home 1.4s ease-in 4s forwards;
    }

    .featured-categories.home.third div {
        animation: home 1.4s ease-in 6s forwards;
    }

    @keyframes home {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .featured-categories.home.first img {
        animation: homebg 2s ease-in-out 2s;
    }

    .featured-categories.home.second img {
        animation: homebg 2s ease-in-out 4s;
    }

    .featured-categories.home.third img {
        animation: homebg 2s ease-in-out 6s;
    }

    @keyframes homebg {
        0% {
            transform: scale(1);
            filter: contrast(1) grayscale(0);
        }
        30% {
            transform: scale(1.1);
            filter: contrast(1.3) grayscale(.5);
        }
        70% {
            transform: scale(1.1);
            filter: contrast(1.3) grayscale(.5);
        }
        100% {
            transform: scale(1);
            filter: contrast(1) grayscale(0);
        }
    }
}
.br-first-up {
    border-bottom: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
.brt-first-up {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}
.br-first-down {
    border-top: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
.brt-first-down {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}
.br-main {
    border-right: 5px solid #ffffff;
}
.brt-main {
    border-right: 2px solid #ffffff;
}
.br-main-double {
    border-right: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
}
.brt-main-double {
    border-right: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.br-last-up {
    border-bottom: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
}
.brt-last-up {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.br-last-down {
    border-top: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
}
.brt-last-down {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
.br-medium {
    border: 5px solid #ffffff;
}
@media (max-width: 991.98px) {
    .featured-categories div {
        bottom: 15px;
        padding: 4px 10px;
        font-size: 1.1em;
    }
}
@media (max-width: 767.98px) {
    .height-full {
        height: 30vh;
    }
    .height-half {
        height: 15vh;
    }
    .br-main {
        border-right: 0px;
        border-left: 0px;
        border-bottom: 10px solid #ffffff;
    }
    .brt-main {
        border-right: 0px;
        border-left: 0px;
        border-bottom: 4px solid #ffffff;
    }
    .br-main-double {
        border-right: 0px;
        border-left: 0px;
        border-top: 10px solid #ffffff;
        border-bottom: 10px solid #ffffff;
    }
    .brt-main-double {
        border-right: 0px;
        border-left: 0px;
        border-top: 4px solid #ffffff;
        border-bottom: 4px solid #ffffff;
    }
    .br-last-up, .br-last-down {
        border-left: 10px;
    }
    .brt-last-up, .brt-last-down {
        border-left: 4px;
    }
    .br-first-up, .br-first-down {
        border-right: 10px;
    }
    .brt-first-up, .brt-first-down {
        border-right: 4px;
    }
}
.small-categories div a {
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 0 8px 0 50px;
    margin: 0 8px 12px 0;
    height: 56px;
    max-height: 56px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 34px auto;
    font-size: 15px;
    line-height: 15px;
    color: #333e48;
    display: -ms-flex;
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    transition: box-shadow .2s ease-in-out;
}
.small-categories div a:hover{
    box-shadow:0 6px 8px 1px rgba(0,0,0,.14),0 3px 10px 2px rgba(0,0,0,.12),0 4px 4px -2px rgba(0,0,0,.2);
}
@media (max-width: 991.98px) {
    .small-categories div a {
        font-size: 14px;
        line-height: 14px;
    }

}
.banner-categories .link {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    z-index: 3;
}
.banner-categories a:hover {
    color: #000000 !important;
}
.banner-categories .bg-light-gray {
    background-color: #f5f5f5 !important;
}
.banner-categories .bg-light-gray:hover {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 4px 0px rgba(1, 1, 1, 0.2);
    border-radius: .26rem;
}
.font-size-title {
    font-size: 0.95rem;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .font-size-title {
        font-size: 1.15rem;
    }
}
@media (min-width: 1200px) and (max-width: 1479.98px) {
    .font-size-title {
        font-size: 1.25rem;
    }
}
@media (min-width: 1480px) {
    .font-size-title {
        font-size: 1.45rem;
    }
}
/* Header & Menu */
.u-header__nav-link span {
  vertical-align: middle;
}
.u-header__navbar {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-expand-md .u-header__navbar-nav .u-header__nav-link {
    padding-right: 1rem;
}
@media (max-width: 576px) {
    .navbar-expand-md .u-header__navbar-nav .u-header__nav-link {
        padding-right: 0.3rem;
        padding-left: 0.3rem;
    }
}
.u-header-left-aligned-nav .u-header__navbar-nav {
    width: 100%;
}
.u-header-left-aligned-nav .u-header__nav-last-item {
    margin-left: auto !important;
}
@media (min-width: 768px) {
    .navbar-expand-md .u-header__navbar-nav .u-header__nav-last-item {
        padding-left: 0rem;
    }
}
@media (max-width: 767.98px) {
    .navbar-expand-md .u-header__nav-last-item {
        display: inline-block;
    }
}
.u-header__nav-last-item .u-header__nav-link {
    padding-right: .2rem !important;
}
@media (min-width: 992px) {
    .u-sidebar {
        width: 24.125rem;
    }
}
/* Footer */
.social .btn-icon {
    width: 1.325rem;
    height: 1.325rem;
    font-size: 1.3rem;
}
.social .fa-facebook-f {
    font-size: 1.14rem;
}
.btn-social {
    color: rgba(240, 240, 240, 0.84);
    background: transparent;
}
.btn-social[href]:hover, .btn-social[href]:focus, .btn-social[href]:active {
    color: #ffffff;
}
footer .list-group-item {
    padding: 0.12rem 0.55rem;
}

/* Products Filters */
.filter-box {
    overflow: auto !important;
    max-height: 257px !important;
}
.filter-box::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    -webkit-appearance: none;
}
.filter-box::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 3px solid #ffffff;
    background-color: rgba(0,0,0,0.35);
}
.filter-box::-webkit-scrollbar-thumb:hover{
    background-color:rgba(0,0,0,0.65)
}
.filter-box::-webkit-scrollbar-track {
    background-color: #ffffff;
}

/* Coupons */
.coupons .product-item {
    margin: .7rem 0;
    padding-bottom: .7rem;
}
.coupons .product-item__outer {
    background-color: rgba(18,20,22,.034);
    box-shadow: inset 0 0 3px 4px rgba(18,20,22,.024);
    border-radius: 6px;
}
.coupons .product-item__footer {
    display: block !important;
    border-left: 3px dashed #ffffff;
}

.coupons .product-item__footer .decor::after, .coupons .product-item__footer .decor::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 100%;
}
.coupons .product-item__footer .decor::before {
    top: -18px;
    left: -12px;
}

.coupons .product-item__footer .decor::after {
    bottom: -18px;
    left: -12px;
}
@media (max-width: 991px) {
    .coupons .product-item__footer {
        display: block !important;
        border-top: 2px dashed #ffffff;
        border-left: unset;
        margin: 0 10px;
    }
    .coupons .product-item__footer .decor::before {
        top: -10px;
        left: -20px;
    }
    .coupons .product-item__footer .decor::after {
        bottom: unset;
        left: unset;
        top: -10px;
        right: 0px
    }
    .coupons .tag {
        max-height: 95%;
    }
}
.coupons .product-item__footer>div {
    min-height: 3rem;
    height: 100%;
}
.coupons .tag {
    width: 100%;
    height: 100%;
    margin: 0 0 .5rem .5rem;
    padding: .4rem;
    background: #232526;
    background: -webkit-linear-gradient(125deg, #414345, #232526);
    background: linear-gradient(125deg, #414345, #232526);
    border-radius: 6px;
}
.coupons .tag[class*="icon_csi"]  {
    padding: 0;
}
.coupons .tag .deal {
    color: #ffffff;
    font-weight: bolder;
    font-size: 1.6rem;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.4rem;
    word-break: break-word;
}
.coupons .tag .csi {
    margin: unset;
    width: 3.8rem;
    height: 3.8rem;
}
@media (max-width: 991px) {
    .coupons .tag .deal {
        font-size: 1.2rem;
        line-height: 1.1rem;
    }
    .coupons .tag .csi {
        width: 2.2rem;
        height: 2.2rem;
    }
}
@media (max-width: 280px) {
    .coupons .tag .deal {
        font-size: 1rem;
        line-height: .86rem;
    }
    .coupons .tag .csi {
        width: 1.8rem;
        height: 1.8rem;
    }
}
.coupons .text_promotion {
    background: linear-gradient(25deg, #3c1053, #ad5389);
}
.coupons .text_special_offer {
    background: linear-gradient(25deg, #F09819, #FF512F);
}
.coupons .text_super_deal {
    background: linear-gradient(25deg, #fc6767, #ec008c);
}
.coupons .text_limited_offer {
    background: linear-gradient(25deg, #1dbd7b, #096fe0);
}
.coupons .text_sale {
    background: linear-gradient(25deg, #b31217, #e52d27);
}
.coupons .text_mega_discount {
    background: linear-gradient(25deg, #8E54E9, #4776E6);
}
.coupons .vendor {
    height: 100%;
}
.coupons .vendor .icon {
    display: inline-block;
    border: 1px solid var(--dark);
    border-radius: 3px 0 0 3px;
    padding: .05rem .35rem .05rem .35rem;
    background-color: var(--dark);
    color: var(--white);
    text-transform: uppercase;
    font-style: oblique;
    font-weight: bolder;
    font-size: .9rem;
}
.coupons .vendor .no {
    display: inline-block;
    border: 1px solid var(--dark);
    border-radius: 0 3px 3px 0;
    padding: .05rem 0 .05rem .25rem;
    background-color: var(--white);
}
.coupons .vendor .no span {
    display: inline-flex;
    color: #0c0c0c;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: .9rem;
    white-space: nowrap;
    max-width: 110px;
    overflow: hidden;
    text-overflow: clip;
    letter-spacing: .2rem;
}
.coupons .vendor .no span.full {
    max-width: 100% !important;
}
@media (max-width: 360px) {
    .coupons .vendor .no span {
        max-width: 70px;
    }
}
@media (max-width: 280px) {
    .coupons .vendor .no span {
        max-width: 50px;
    }
}
.coupons .vendor:hover .icon {
    color: var(--primary);
}
.coupons .vendor:hover .no {
    border: 1px solid var(--dark);
    background-color: var(--primary);
    color: #0c0c0c;
}
.coupons h4, .coupons h5 {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.28;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.coupons .couponcode {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: -2.2rem
}
@media (max-width: 991px) {
    .coupons .couponcode {
        margin-left: -4.2rem
    }
    .coupons .link {
        margin-left: -1.8rem
    }
}
.coupons .couponcode .code {
    position: absolute;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--dark);
    border: 2px dashed var(--dark);
    border-radius: .3rem;
    padding: 0.67rem 1rem;
    transition: all 0.2s ease-in-out;
    user-select: all;
}
.coupons .couponcode .mask {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--white);
    border: 2px solid var(--primary);
    border-radius: .3rem;
    padding: 0.67rem 1rem;
    background-color: var(--primary);
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.coupons .link {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--white);
    border: 2px solid var(--primary);
    border-radius: .3rem;
    padding: 0.67rem 1rem;
    background-color: var(--primary);
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.coupons .couponcode:hover .mask, .coupons .couponcode:active .mask {
    color: var(--primary);
    border: 2px solid var(--dark);
    background-color: var(--dark);
    transform: translateX(-30px);
}
.coupons .couponcode:hover .code, .coupons .couponcode:active .code {
    background-color: var(--white);
}
.coupons .link:hover {
    color: var(--primary);
    border: 2px solid var(--dark);
    background-color: var(--dark);
}
.coupons .btn-cart {
    font-size: 1.3rem;
    font-weight: 300;
    width: 100%;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
}
.coupons .badge {
    font-size: .8rem;
    text-transform: uppercase;
}
.coupons .badge-white {
    color: var(--dark);
}
.coupons .badge-white:hover {
    color: var(--primary);
    background-color: var(--dark);
}
.coupons .close {
    font-size: 1.68rem;
}
.coupons .btn-continue {
    color: var(--dark);
    font-size: 1rem;
    font-weight: lighter;
    padding: .34rem .57rem;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
}
.coupons .btn-continue:hover {
    color: var(--primary);
    box-shadow: unset;
}

.coupons .copy {
    display: flex;
    justify-content: space-between;
    padding-right: .37rem;
    align-items: center;
    margin: .3rem auto .3rem auto;
    height: 45px;
    border: 2px dashed var(--dark);
    border-radius: .3rem;
    max-width: 60%;
}
@media (max-width: 991px) {
    .coupons .copy {
        max-width: 90%;
    }
}
@media (max-width: 385px) {
    .coupons .copy {
        max-width: 100%;
    }
}
.coupons .copy input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0.67rem 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.coupons .copy button {
    padding: 5px 20px;
    background-color: #dc143c;
    color: #fff;
    border: 1px solid transparent;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
}
.coupons .copy button:hover {
    background-color: var(--dark);
    color: var(--white);
}
.coupons .view {
    display: inline-block;
    justify-content: space-between;
    padding: .4rem .5rem;
    align-items: center;
    margin: .3rem auto .3rem auto;
    border: 2px dashed var(--dark);
    border-radius: .3rem;
    font-size: 1.3rem;
}
.coupons .view a {
    background-color: #dc143c;
    color: var(--white);
    border: 1px solid transparent;
    font-size: 1.2rem;
    font-weight: lighter;
    padding: .34rem .57rem;
    border-radius: .3rem;
    transition: all 0.4s ease-in-out;
}
.coupons .view a:hover {
    background-color: var(--dark);
    color: var(--white);
    box-shadow: unset;
}