﻿/* theme font */
@font-face {
    font-family: "Euclid-Circular";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Euclid/Euclid-Circular-B-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Euclid-Circular";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/Euclid/Euclid-Circular-B-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Euclid-Circular";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/Euclid/Euclid-Circular-B-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Euclid-Circular";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/Euclid/Euclid-Circular-B-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Euclid-Circular";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Euclid/Euclid-Circular-B-Bold.ttf) format("truetype");
}

/* selection style */
::-moz-selection {
    background: #cb232e;
    color: #fff !important;
}

::selection {
    background: #cb232e;
    color: #fff !important;
}

img::selection {
    background-color: transparent;
}

/* override black outline Chrome input */
*,
*:focus,
*:hover {
    outline: none;
}

/* SROLLBAR */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #cb232e;
    border-radius: 10px;
}

aside::-webkit-scrollbar {
    width: 0;
}

aside::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

aside::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 10px;
}

/*********** GLOBAL STYLES **********/
body {
    background-color: #e9ebee;
}

.master-wrapper-content {
    z-index: 1;
}

.header {
    width: 100%;
    background-color: #ffffff;
}

/*********** HEADER STYLES **********/
.header-upper {
    background-color: #b51f29;
    border: 0;
}

.header .header-upper .header-selectors-wrapper,
.header .header-upper .header-info,
.header .header-upper .header-location {
    width: 33.33%;
    float: left;
    color: #fff;
    line-height: 38px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

.header-selectors-wrapper > div {
    line-height: 38px;
}

.header-lower .master-wrapper-content {
    display: table;
}

.header .header-upper .header-location p {
    text-align: center;
}

.header .header-upper .header-location a {
    padding-left: 20px;
    position: relative;
}

.header .header-upper .header-location a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.header .header-upper .header-selectors-wrapper {
    text-align: right;
}

.header .header-upper .header-info a:first-child {
    padding-left: 25px;
    position: relative;
}

.header .header-upper .header-info a:first-child:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f590";
    font-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.header-lower {
    padding: 5px 0;
    z-index: 9;
}

.header-selectors-wrapper select {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: 0;
}

.header-links-wrapper {
    float: none;
    padding: 0;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}

.header-links-wrapper.inactive {
    z-index: -1;
}

.header-links .customer-head {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.3px;
    position: relative;
}

.header-links .customer-head > ul {
    display: none;
    position: absolute;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    left: -15px;
    text-align: left;
    border-radius: 20px;
    width: 230px;
}

.header-links .customer-head > ul:before {
    position: absolute;
    top: -19px;
    left: 25px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz4KICA8cG9seWxpbmUgcG9pbnRzPScwLDEwMCA1MCw1MCAxMDAsMTAwJwogICAgICAgICAgICBmaWxsPScjZmZmJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC4wNSknCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWxpbmVqb2luPSdtaXRlcicgLz4KPC9zdmc+);
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
    z-index: 9999;
    background-repeat: no-repeat;
}

.header-links .customer-head > ul small {
    font-size: 12px;
    padding: 10px 10px;
    width: 100%;
    display: inline-block;
    line-height: 20px;
    font-weight: 400;
    border: 1px solid #eee;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    padding-left: 50px;
}

.header-links .customer-head > ul small::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f007";
    font-size: 28px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #b51f29;
}

.header-links .customer-head ul li {
    width: calc(100% - 32px);
}

.header-links .customer-head ul li a.ico-login {
    background: #b51f29;
    border-radius: 10px;
    width: 100%;
    color: #fff;
    position: relative;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

.header-links .customer-head ul li a.ico-login i {
    padding: 6px 12px;
    position: absolute;
    color: #fff;
    background: #333;
    background-image: -webkit-linear-gradient(left, #111, #111);
    background-image: linear-gradient(to right, #111, #111);
    border-top-right-radius: 0 0 !important;
    border-bottom-right-radius: 37% 100% !important;
    left: 0;
    top: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 18px;
}

.header-links a.ico-register {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 5px;
    margin-top: 5px;
}

.header-links a.ico-register:hover {
    color: #b51f29;
}

.header-links a.ico-register i {
    color: #b51f29;
    font-style: normal;
    padding-left: 5px;
    font-weight: 500;
}

.customer-head .block-account-navigation .title {
    display: none;
}

.header-links .customer-head ul .list {
    border: 0;
    box-shadow: none;
}

.header-links .customer-head ul .block {
    width: 200px;
    margin: 0;
}

.header-links .block .listbox {
    padding: 0;
}

.header-links .customer-head ul .list li a {
    line-height: 20px;
    color: #000000 !important;
    font-size: 13px !important;
    letter-spacing: 0.3px;
    font-weight: 400;
}

.header-links .customer-head ul .block .list a {
    padding: 0;
}

.header-links .customer-head ul .block .list li {
    padding: 0 0 2px 0;
}

.header-links .customer-head ul .list li {
    margin: 0;
}

.header-links .customer-head ul .block .list a:before {
    content: none;
}

.header-links .customer-head ul .block ul.list {
    position: relative;
    padding-left: 0;
}

.header-links .customer-head:hover ul {
    display: block;
}

.header-links .customer-head ul li.disconnect {
    background-color: #b51f29;
    margin: 0;
    width: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-left: 20px;
    margin-top: 10px;
}

.header-links .customer-head ul li.disconnect a {
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
}

.header-links .customer-head ul li a.ico-account {
    font-size: 14px;
    padding: 15px 0;
    padding-right: 15px;
    /* margin-bottom: 10px; */
    pointer-events: none;
    width: 100%;
    padding-left: 40px;
    line-height: 20px;
    text-align: left;
    background-image: url(../images/avatar.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.header-links .customer-head ul li a.ico-account.active-role {
    font-size: 14px;
    padding: 15px 0;
    padding-right: 15px;

    margin-bottom: 0;
    pointer-events: none;
    width: 100%;
    padding-left: 15px;
    line-height: 20px;
    text-align: left;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
}

.header-links .customer-head,
.header-links .ico-wishlist,
.header-links .topcartlink {
    line-height: 30px;
    cursor: pointer;
}

.facebook-btn {
    background-image: none !important;
    height: 30px !important;
    width: 100% !important;
    border-radius: 10px;
    background: #4d6bab;
    color: #fff !important;
    font-weight: 400;
    font-size: 11px !important;
    line-height: 32px !important;
}

.facebook-btn i {
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 2px;
}

.external-fb .buttons {
    width: 100%;
    text-align: center;
}

.external-fb .title {
    display: none;
}

.header-links a,
.header-links span {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.5px;
    position: relative;
}

#topcartlink {
    background-color: transparent;
    position: relative;
}

#topcartlink a {
    background: none;
    padding: 0;
}

.header-links {
    width: max-content;
    float: right;
}

.header-links > ul > li {
    padding: 10px;
}

.header-links .customer-head:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f007";
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    color: #777;
}

.header-links .ico-wishlist:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f004";
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
    color: #777;
}

#topcartlink:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f291";
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    color: #777;
}

.wishlist-qty,
.cart-qty {
    background-color: #b51f29;
    width: 15px;
    height: 15px;
    line-height: 16px !important;
    text-align: center;
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 50%;
    font-size: 9px !important;
    top: 5px;
    position: absolute !important;
    left: -15px;
}

.search-box form {
    width: 100%;
}

.header-lower span.search-box-text {
    float: left;
    width: 55% !important;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    background: #fff;
}

.header-lower input.search-box-text.narrow {
    width: 100% !important;
    border-radius: 20px;
    border: 0;
    font-size: 13px;
}

.header-lower input {
    letter-spacing: 1px;
    font-size: 13px;
}

.header-lower .search-box-select {
    width: 35%;
    border: 0;
    border-left: 2px solid #ddd;
    font-size: 13px;
    letter-spacing: 1px;
}

.header-lower .search-box .search-box-button {
    font-size: 0;
    width: 10% !important;
    min-width: auto;
    position: relative;
    background-color: transparent;
    border-left: 2px solid #ddd;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #fff;
}

.header-lower .search-box .search-box-button::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #777;
    color: #b51f29;
}

.search-box form {
    border: 2px solid #ddd;
    border-radius: 20px;
    background-color: #fff;
    z-index: 12;
}

.search-box form.active input.search-box-text.narrow {
    border-bottom: 2px solid #ddd;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0;
}

.search-box form.active .search-box-select {
    border-bottom: 2px solid #ddd;
}

.search-box form.active .search-box-button {
    border-bottom: 2px solid #ddd;
    border-bottom-right-radius: 20px;
}

.search-box form.active {
    border-bottom: 0;
}

.search-overlay.active {
    opacity: 1 !important;
    visibility: visible;
}


.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: hidden;
}

.flyout-cart {
    position: absolute;
    top: 65%;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border-radius: 10px;
    border: 0;
    display: none;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    text-align: left;
    border-radius: 20px;
    width: 300px;
}

.flyout-cart:before {
    position: absolute;
    top: -19px;
    right: 30px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz4KICA8cG9seWxpbmUgcG9pbnRzPScwLDEwMCA1MCw1MCAxMDAsMTAwJwogICAgICAgICAgICBmaWxsPScjZmZmJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC4wNSknCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWxpbmVqb2luPSdtaXRlcicgLz4KPC9zdmc+);
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
    z-index: 9999;
    background-repeat: no-repeat;
}

.mini-shopping-cart .attributes {
    display: none;
}

.mini-shopping-cart .picture + .product {
    margin: 0 0 0 70px;
}

.mini-shopping-cart .picture {
    width: 60px;
}

.mini-shopping-cart .items {
    border: 0;
}

.mini-shopping-cart .item {
    border-top: 1px solid #eee;
}

.mini-shopping-cart .items {
    margin-bottom: 0 !important;
}

.mini-shopping-cart .name a {
    color: #333;
    letter-spacing: 0;
    font-size: 11px;
    font-weight: 500;
}

.mini-shopping-cart .name a:hover,
.mini-shopping-cart .name a:focus {
    color: #b51f29;
}

.mini-shopping-cart .count {
    padding: 5px 0 15px;
    letter-spacing: 0.5px;
    color: #777;
    font-size: 11px !important;
}

.mini-shopping-cart .count a {
    color: #b51f29;
}

.mini-shopping-cart button[type="button"] {
    text-align: left;
    display: inline-block;
    border: none;
    background-color: #b51f29;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: calc(100% + 24px);
    border-bottom-left-radius: 20px;
    font-weight: 600;
    border-bottom-right-radius: 20px;
    margin-left: -12px;
    margin-bottom: -5px;

    padding: 12px 20px !important;
}

.mini-shopping-cart button[type="button"]:hover {
    background-color: #cb232e;
}

.mini-shopping-cart button[type="button"] i {
    font-size: 16px;
}

.mini-shopping-cart .items {
    padding: 15px 10px;
    max-height: 385px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.mini-shopping-cart .count {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.mini-shopping-cart .picture + .product span {
    letter-spacing: 0.2px;
    font-weight: 500;
    font-size: 11px;
}

.mini-shopping-cart .picture + .product span.delimeter {
    color: #777;
}

.mini-shopping-cart {
    padding-bottom: 0 !important;
}

.mini-shopping-cart .totals,
.mini-shopping-cart .totals strong {
    margin: 0 0 12px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.5px;
    color: #000;
}

.no-product {
    padding: 15px 0px;
    display: inline-block;
    padding-left: 60px;
    background-image: url(../images/empty-cart.png);
    background-position: left 5px center;
    background-repeat: no-repeat;
    font-weight: 400;
    letter-spacing: 0.5px;
}

/* .mini-shopping-cart .item{
    padding-left: 10px;
} */
/* .mini-shopping-cart .picture {
    border-radius: 10px;
    background-color: #fff;
    padding: 5px;
} */
/* .mini-shopping-cart .item {
    background-color: #f5f5f5;
    border-radius: 10px;
    margin-bottom: 5px;
} */
.main-menu {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 9;
}

.fixed-header-menu {
    position: sticky !important;
    top: 0;
    left: 0;
    transition: 0.2s !important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mega-menu.sidebar-menu {
    width: 250px;
    float: left;
    background-color: #fff;
    position: absolute !important;
    border-radius: 10px;
    padding: 0;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.html-home-page .mega-menu.sidebar-menu {
    padding-bottom: 5px;
}

.html-home-page .fixed-header-menu .mega-menu.sidebar-menu {
    padding-bottom: 0;
}

.mega-menu.sidebar-menu.active {
    padding-bottom: 5px !important;
}

.mega-menu.static-menu {
    width: calc(100% - 260px);
    float: right;
    text-align: left;
}

.mega-menu.static-menu li.help {
    float: right;
    padding-left: 30px;
    font-size: 13px;
    background: linear-gradient(to right, rgba(28, 28, 64, 1) 0%, rgba(181, 31, 42, 1) 80%);
    position: relative;
    border-radius: 20px !important;
    bottom: -5px !important;
}

.mega-menu.static-menu li.help:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f590";
    font-size: 18px;
    position: absolute;
    top: 3px;
    left: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.mega-menu.static-menu li.help a {
    font-size: 11px;
    color: #fff !important;
    font-weight: 500;
    padding: 10px !important;
}

/* Megamenu */
.mega-menu.sidebar-menu > li > a,
.mega-menu.sidebar-menu > li > span {
    /* text-transform: uppercase; */
    font-size: 12px !important;
}

.mega-menu.sidebar-menu li.active {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.mega-menu.sidebar-menu li.toate-produsele,
.category .mega-menu-responsive li.toate-produsele {
    background-image: url(../images/icons-menu/toate-produsele.svg);
    background-position: center;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.aparatura,
.category .mega-menu-responsive li.aparatura {
    background-image: url(../images/icons-menu/aparatura.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.piepteni-si-perii,
.mega-menu-responsive li.piepteni-si-perii {
    background-image: url(../images/icons-menu/piepteni-perii.svg);
    background-position: center;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.foarfeci,
.category .mega-menu-responsive li.foarfeci {
    background-image: url(../images/icons-menu/foarfeci.svg);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.ingrijirea-parului,
.category .mega-menu-responsive li.ingrijirea-parului {
    background-image: url(../images/icons-menu/ingrijirea-parului.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}
.mega-menu.sidebar-menu li.ingrijirea-corpului,
.category .mega-menu-responsive li.ingrijirea-corpului {
    background-image: url(../images/icons-menu/ingrijirea-corpului.png);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}
.mega-menu.sidebar-menu li.produse-barba-si-mustata,
.category .mega-menu-responsive li.produse-barba-si-mustata {
    background-image: url(../images/icons-menu/barba-mustata.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.barbierit,
.category .mega-menu-responsive li.barbierit {
    background-image: url(../images/icons-menu/barbierit.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.accesorii-frizerie,
.category .mega-menu-responsive li.accesorii-frizerie {
    background-image: url(../images/icons-menu/accesorii-frizerie.svg);
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left 2px center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.consumabile,
.category .mega-menu-responsive li.consumabile {
    background-image: url(../images/icons-menu/consumabile.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.curatenie-salon,
.category .mega-menu-responsive li.curatenie-salon {
    background-image: url(../images/icons-menu/curatenie-salon.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.dezinfectie,
.category .mega-menu-responsive li.dezinfectie {
    background-image: url(../images/icons-menu/dezinfectie.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.mobilier-frizerie,
.category .mega-menu-responsive li.mobilier-frizerie {
    background-image: url(../images/icons-menu/mobilier-frizerie.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.cadouri-pentru-barbati,
.category .mega-menu-responsive li.cadouri-pentru-barbati {
    background-image: url(../images/icons-menu/cadouri-barbati.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 3px center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.tratamente-faciale,
.category .mega-menu-responsive li.tratamente-faciale {
    background-image: url(../images/icons-menu/tratamente-faciale.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.reduceri-de-pret,
.category .mega-menu-responsive li.reduceri-de-pret {
    background-image: url(../images/icons-menu/reduceri-de-pret.svg);
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: left 2px center;
    border-left: 10px solid transparent !important;
}

.mega-menu.sidebar-menu li.pachete-promo-pret,
.category .mega-menu-responsive li.pachete-promo-pret {
    background-image: url(../images/icons-menu/pachete-promo.svg);
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    border-left: 10px solid transparent !important;
}

/* icon for discount */
.mega-menu.sidebar-menu li.sales-item,
.category .mega-menu-responsive li.sales-item {
    font-weight: 600;
    color: #000;
    background-image: url(../images/icons-menu/sales-of-the-week.svg);

    background-position: center;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left -2px center;
    border-left: 10px solid transparent !important;
    font-weight: 700 !important;
}

.mega-menu.sidebar-menu li.sales-item a span {
    color: #000;
    padding-left: 5px;
    font-weight: 600;
}

.fixed-header-menu {
    position: sticky !important;
    top: 0;
    left: 0;
    transition: 0.2s !important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    /* padding-top: 5px; */
}

.item-show {
    display: none;
}

.fixed-header-menu .item-show {
    display: none;
}

.nav-menu {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    z-index: 1;
    position: relative;
    padding: 2px;
}

.mega-menu.sidebar-menu > li.has-sublist > a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    font-size: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #ccc;
    line-height: 27px;
    transition: all 300ms linear;
}

.mega-menu.sidebar-menu > li.has-sublist > a.hover::after,
.mega-menu.sidebar-menu > li.has-sublist > a.hover {
    color: #b51f29;
}

.mega-menu.sidebar-menu {
    width: 250px;
    float: left;
    background-color: #fff;
    position: absolute !important;
    border-radius: 10px;
    padding: 0;
    top: 3px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
}

.mega-menu.sidebar-menu .header-menu-item {
    background-color: #b51f29 !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff !important;
    position: relative;
    border: 0 !important;
    padding: 5px 15px !important;
}

.mega-menu.sidebar-menu .header-menu-item a {
    padding: 10px !important;
    text-align: left;
    pointer-events: none;
    font-size: 14px !important;
    background-repeat: no-repeat;
    background-position: right, left;
    padding-left: 27px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #fff;
    color: #fff !important;
    letter-spacing: 1px;
    position: relative;
}

.mega-menu.sidebar-menu .header-menu-item a span:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
    font-size: 16px;
    position: absolute;
    top: 2px;
    left: 0;
    color: #fff;
    line-height: 30px;
}

/* .header-links li.customer-head:before {
        transition: 0.5s cubic-bezier(.5, 1, .75, 1);
        transform: none;
}
.header-links li.customer-head:hover:before {
    transform:rotateY(180deg)

} */
.mega-menu.sidebar-menu .header-menu-item a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 15px;
    position: absolute;
    top: 3px;
    right: -3px;
    color: #fff;
    line-height: 30px;
}

.mega-menu.sidebar-menu .header-menu-item a:hover {
    color: #fff !important;
}

.header-menu > ul > li > a,
.header-menu > ul > li > span {
    letter-spacing: 0.3px;
    color: #777;
    font-weight: 600;
}

.mega-menu.sidebar-menu li {
    padding: 1.5px 15px !important;
    letter-spacing: 0.3px;
}

.html-home-page .mega-menu.sidebar-menu {
    top: 3px;
}

.mega-menu.sidebar-menu .dropdown {
    border-top: 0 !important;
    padding: 0 15px;
}

.mega-menu.sidebar-menu > li > a {
    line-height: 13px !important;
    border: 0 !important;
}

.mega-menu.sidebar-menu > li {
    border-left: 0 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.mega-menu.sidebar-menu .dropdown.fullWidth {
    left: 250px !important;
    width: 956px !important;
    height: 527px;
    top: 38px;
    z-index: -1;
}

.mega-menu.sidebar-menu .box .picture-title-wrap {
    margin-bottom: 0 !important;
}

.mega-menu.sidebar-menu .fullWidth.categories .box .title a {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    color: #000;
    font-weight: 500;
    padding: 3px !important;
    height: 35px;
}

.mega-menu.sidebar-menu .fullWidth.categories .box .title {
    position: initial !important;
}

.mega-menu.sidebar-menu > li {
    display: inline-block;
    width: 100%;
}

.mega-menu.sidebar-menu > li > a,
.mega-menu.sidebar-menu > li > span {
    text-align: left;
    font-family: "Euclid-Circular", sans-serif;
}

.mega-menu.sidebar-menu > li {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.mega-menu.sidebar-menu > li.heder-menu-item {
    text-transform: uppercase;
}

.mega-menu.sidebar-menu > li:nth-child(2) {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.mega-menu.sidebar-menu > li:first-child a {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 13px !important;
}

.mega-menu.sidebar-menu > li > a,
.mega-menu.sidebar-menu > li > span {
    padding: 6px 15px !important;
    font-size: 12.5px !important;
    width: 100%;
    font-weight: 400 !important;
    color: #000000 !important;
    text-transform: uppercase;
}

.mega-menu.sidebar-menu .fullWidth.categories .box .picture > a {
    margin: auto;
    display: block;
    text-align: center;
}

.mega-menu.sidebar-menu .fullWidth.categories .box .picture img {
    width: 70% !important;
}

.mega-menu.sidebar-menu > li > a:before,
.mega-menu.sidebar-menu > li > span:before {
    content: none !important;
}

.mega-menu.sidebar-menu > li.header-menu-item:hover > a,
.mega-menu.sidebar-menu > li.header-menu-item:hover > span {
    color: #fff !important;
}

.mega-menu.sidebar-menu > li > a,
.mega-menu.sidebar-menu > li > span {
    transition: all 300ms linear;
}

.mega-menu.sidebar-menu > li:hover > a,
.mega-menu.sidebar-menu > li:hover > span {
    color: #b51f29 !important;
}

.header-menu .top-menu {
    width: calc(1200px - 255px) !important;
    float: right;
    text-align: left;
}

.mega-menu.sidebar-menu .dropdown.fullWidth {
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.15) !important;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.mega-menu.sidebar-menu > li.custom-link {
    padding-top: 10px !important;
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.header-menu > ul.mega-menu.sidebar-menu > li {
    display: none;
}

.header-menu > ul.mega-menu.sidebar-menu > li:first-child {
    display: inline-block;
}

.mega-menu.sidebar-menu li:first-child {
    display: inline-block;
}

.mega-menu.sidebar-menu .item-show.display {
    display: inline-block !important;
}

.mega-menu.sidebar-menu li {
    display: none;
    padding-top: 4px !important;
}

.mega-menu.sidebar-menu li {
    display: none;
    padding-top: 4px !important;
}

.mega-menu.sidebar-menu li.header-menu-item {
    padding-top: 2px !important;
}

.html-home-page .mega-menu.sidebar-menu li {
    display: inline-block;
}

.html-home-page .main-menu.fixed-header-menu .mega-menu.sidebar-menu li {
    display: none;
}

.html-home-page .main-menu.fixed-header-menu .mega-menu.sidebar-menu li.header-menu-item {
    display: inline-block;
}

.header-menu {
    border: 0;
    padding: 5px 0;
}

.header-menu > ul.top-menu > li {
    border: 0;
}

.header-menu > ul > li {
    padding: 0px 5px;
}

.header-menu > ul > li > a,
.header-menu > ul > li > span {
    font-size: 15px;
    color: #000;
    /* text-transform: uppercase; */
}

.header-menu > ul > li > a:hover {
    color: #000;
}

.mobile-show {
    display: none !important;
}

.mega-menu.static-menu li a {
    font-size: 12.5px;
    color: #000000;
    font-weight: 400;
    padding: 15px 8px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mega-menu.static-menu li:hover a {
    color: #cb232e;
}

.footer-upper {
    max-width: 1200px;
    width: 100%;
    padding: 70px 10px;
    padding-top: 100px;
    border-bottom: 0px solid #ddd;
}

.footer {
    background-color: #1b1f27;
    padding-bottom: 20px;
}

.footer-lower {
    padding: 5px 20px;
    color: #fff;
    background: #b51f29;
    border-radius: 50px;
    margin-bottom: 20px;
}

.footer-powered-by a {
    color: #fff;
}

.footer-block .html-widget .list li {
    color: #fff;
    width: 100%;
    display: inline-block;
}

.footer-block .html-widget p img {
    margin-top: 50px;
    margin-bottom: 20px;
}

.footer-block .html-widget .list li em {
    font-family: "Euclid-Circular", sans-serif;
    padding: 5px 10px;
    font-weight: 400;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.5px;
}

.footer-block .html-widget p {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.5px;
    color: #fff;
    line-height: 24px;
}

.sale-of-the-day-offer .overview {
    border-left: 0 !important;
}

/* Blog */
.rich-blog-image img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 1px 15px -1px rgba(0, 0, 0, 0.13);
}

.post {
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background-color: #fff;
}

.blog-page .post-title {
    color: #000;
    letter-spacing: 0.5px;
    font-size: 14px;
    font-weight: 900;
    padding: 10px 0 !important;
    margin: 0 0 5px;
    background-color: transparent;
    padding: 10px 0;
    width: 100%;
    display: inline-block;
}

.blog-page .post-body {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.post-actions .read-more {
    background-color: #b51f29;
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
    border-radius: 20px;
}

.blog-page a:hover {
    color: #b51f29 !important;
}

.blog-posts .buttons .read-comments {
    font-size: 13px;
}

.blog-page .post-date,
.blogpost-page .post-date {
    background-color: #000000 !important;
    color: #fff !important;
    width: max-content;
    font-size: 11px;
    color: #fff;
    padding: 5px 10px !important;
    display: block;
    border-radius: 10px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.5px;
}

.post-actions a.read-more:hover {
    color: #fff !important;
    background-color: #cb232e !important;
}

.blogpost-page .post-body {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 20px !important;
    display: inline-block;
}

.blogpost-page .post-body p,
.blogpost-page .post-body p span {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #777 !important;
}

.blogpost-page .post-body p a,
.blogpost-page .post-body p a span {
    color: #cb232e !important;
}

.blogpost-page .post-body strong {
    color: #000;
}

.new-comment .button-1 {
    background-color: #b51f29;
    color: #fff;
    font-weight: 500;
    border-radius: 20px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.new-comment .button-1:hover {
    background-color: #cb232e;
}

.block-blog-archive .list a {
    color: #555 !important;
}

.block .tags li a:hover,
.product-tags-all-page li a:hover {
    color: #b51f29 !important;
}

.html-blog-page .side-2,
.html-blogpost-page .side-2 {
    margin-top: 10px;
}

.block-blog-archive .number {
    color: #b51f29;
}

.blogpost-page .post-date {
    text-transform: none;
    color: #aaa;
    margin: auto;
    margin-bottom: 10px;
}

.share-post a {
    background-color: #b51f29;
    border: 1px solid #eee;
    border-radius: 10px;
}

@media (min-width: 1001px) {
	
    .html-checkout-page .attributes {
        margin-left: 0 !important;
    }

    .html-recently-added-products-page .item-box {
        width: 18.5% !important;
    }

    .overview .add-to-cart {
        float: left;
    }

    .overview-buttons div {
        margin-top: 3px;
    }

    .filter-button {
        display: none;
    }

    aside .header-selectors-wrapper {
        display: none;
    }

    .category {
        display: none;
    }

    .header-links .customer-head > a {
        pointer-events: none;
    }

    #logo-menu-mobile,
    #menu-mobile,
    #close-menu-mobile,
    #social-header,
    #home,
    #search {
        display: none;
    }

    .breadcrumb {
        margin: 0;
    }

    .overview {
        padding-top: 30px;
        padding-left: 30px;
    }

    .product-essential {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .side-2 {
        float: left;
        width: 250px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    }

    .center-2 {
        width: calc(100% - 260px);
    }

    .footer-block {
        width: 23%;
    }

    .footer-block:first-child {
        width: 30%;
    }

    .footer-block .title strong {
        font-weight: 900;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .footer-block .title strong {
        font-weight: 900;
        color: #fff;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .footer-block .list a {
        display: inline;
        padding: 0;
        font-size: 13px;
        font-weight: 300;
        color: #fff;
        letter-spacing: 1px;
        transition: all 300ms linear;
    }

    .footer-block .list a:hover {
        color: #cb232e;
        padding-left: 5px;
    }

    .search-box {
        right: -15px;
        position: relative;
    }
	.slider-product{
		width: 155px;
		position: absolute;
		top: 33%;
		right: 0;
	}
}
@media (min-width: 1367px){
	.slider-product{
		width: 190px;
		position: absolute;
		top: 30%;
		right: 40px;
	}
}
/* --- */

.main-slider {
    margin-left: 265px !important;
}

.home-page .slider-wrapper.main-slider:first-child {
    margin-top: 10px !important;
}

.slider-wrapper.main-slider img {
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
}

/* Benefits*/
.benefits-section {
    background-color: #fff;
    width: 100%;
    display: flex;
    margin-bottom: 30px;
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
}

.benefits-box {
    width: 25%;
    float: left;
    display: flex;
    align-items: center;
    padding: 15px 30px;
    /* border-left: 1px solid #eee; */
}

.benefits-box:first-child {
    border-left: 0;
}

.benefits-box em {
    font-size: 35px;
    padding-right: 10px;
    background: linear-gradient(to right, rgba(28, 28, 64, 1) 0%, rgba(181, 31, 42, 1) 80%);
    width: 55px;
    height: 55px;
    color: #fff;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    font-size: 27px;
}

.benefits-box em:before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.benefits-box a {
    color: #000;
    line-height: 17px;
    font-size: 14px;
    font-weight: 400 !important;
    text-decoration: none;
    width: 70%;
    text-align: left;
}

.wrapper {
    -webkit-transform: translateZ(0);
    /* webkit flicker fix */
    -webkit-font-smoothing: antialiased;
    /* webkit text rendering fix */
}

.html-home-page .topic-block-title {
    display: none;
}

.html-home-page .topic-block-title {
    display: none;
}

.home-page .topic-block {
    width: 100%;
    display: inline-block;
    margin: 0;
    margin-bottom: 20px;
}

.tooltip {
    border: 0;
}

.wrapper .tooltip {
    border-radius: 10px;
    background: #fff;
    bottom: 100%;
    color: #777;
    display: block;
    left: 0;
    font-size: 12px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 88%;
    left: 7%;
    line-height: 20px;
    bottom: auto;
    top: 80px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15);
    text-transform: inherit;
    font-weight: 400 !important;
    text-align: left;
    letter-spacing: 0.2px;
}

.wrapper .tooltip a {
    color: #b51f29;
    font-weight: 500;
    width: 100%;
    display: inline-block;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz4KICA8cG9seWxpbmUgcG9pbnRzPScwLDEwMCA1MCw1MCAxMDAsMTAwJwogICAgICAgICAgICBmaWxsPScjZmZmJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC4wNSknCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWxpbmVqb2luPSdtaXRlcicgLz4KPC9zdmc+);
    background-position: 50% 50%;
    width: 20px;
    height: 20px;
    z-index: 9999;
    background-repeat: no-repeat;
}

.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* Product Box */
.item-box {
    background-color: #ffffff;

    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

.item-box:hover {
    box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.25);
}

.item-box:nth-child(3n + 1) {
    clear: none;
}

.item-box {
    width: 23.5%;
    margin: 0 0.75% 1.5%;
}

.item-box .product-box-add-to-cart-button {
    width: 100%;
    background-color: transparent;
    text-align: center;
    font-size: 11px !important;
    color: #b51f29;
    text-transform: uppercase;
    font-weight: 600;
    height: 40px !important;
    background-color: #fff !important;
    letter-spacing: 0.2px;
}

.item-box .old-price {
    font-size: 13px !important;
}

.item-box .actual-price {
    font-weight: 500 !important;
    font-size: 14px !important;
}

.discounted-price {
    color: #b51f29 !important;
}

.item-box .product-box-add-to-cart-button:hover {
    color: #cb232e;
}

.item-box .prices {
    margin-bottom: 0;
    letter-spacing: 0.3px;
}

.ajax-cart-button-wrapper .product-box-add-to-cart-button,
.product-grid .item-box .ajax-cart-button-wrapper {
    width: 100% !important;
}

.item-box .picture {
    border-radius: 10px;
    padding: 10px;
}

.item-box .picture a img {
    border-radius: 10px;
}

.item-box .product-ribbon.reducere {
    width: 50px !important;
}

.item-box .product-title {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px;
    padding: 0 10px;
}

.item-box .product-title a {
    display: block;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 55px;
    text-align: center;
}

.item-box .product-title a:hover {
    color: #444;
}

.item-box .product-rating-box {
    margin: 0 0 15px;
    text-align: center;
    display: block;
}

.item-box .product-rating-box {
    margin: 0 0 20px;
}

.item-box .add-to-wishlist-button {
    position: absolute;
    top: 7px;
    right: 0;
    border: 0 !important;
    width: 20px;
    height: 20px;
    background-color: transparent;
    font-size: 0 !important;
    z-index: 1;
    font-size: 15px;
    height: 25px;
}

.item-box .add-to-wishlist-button:hover,
.item-box .add-to-wishlist-button:focus {
    background-color: transparent;
}

.item-box .add-to-wishlist-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f004";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ccc;
    line-height: 27px;
    transition: all 300ms linear;
}

.item-box .add-to-wishlist-button:hover:before {
    color: #b51f29;
}

.item-box .product-box-detail-button {
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.3px;
    color: #aaa;
}

.item-box .details {
    padding: 0;
}

.item-box .add-info {
    border-top: 2px solid #e9ebee;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}

.item-box .actual-price {
    margin: 0 3px;
    font-size: 16px;
    color: #444;
    font-weight: 300;
}

.item-box .prices {
    border-right: 2px solid #e9ebee;
}

.item-box .prices,
.item-box .buttons {
    width: 50%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.item-box .rating {
    margin: auto;
}

/* JCarousel Styles */
.slick-list,
.nop-jcarousel .carousel-title {
    width: 100%;
    max-width: 1110px;
    margin: auto !important;
}

.custom-carousel-red .slick-carousel {
    background-color: #b51f29;
}

.jCarouselMainWrapper.custom-carousel-red .slick-next:before,
.jCarouselMainWrapper.custom-carousel-red .slick-prev:before {
    color: #b51f29 !important;
}

.custom-carousel-orange .slick-carousel {
    background-color: #f18e01;
}

.jCarouselMainWrapper.custom-carousel-orange .slick-next:before,
.jCarouselMainWrapper.custom-carousel-orange .slick-prev:before {
    color: #f18e01 !important;
}

.custom-carousel-blue .slick-carousel {
    background-color: #1b1f27;
}

.jCarouselMainWrapper.custom-carousel-blue .slick-next:before,
.jCarouselMainWrapper.custom-carousel-blue .slick-prev:before {
    color: #1b1f27 !important;
}

.jCarouselMainWrapper .slick-next,
.jCarouselMainWrapper .slick-prev {
    top: 320% !important;
    z-index: 9;
}

.slick-carousel {
    padding: 40px 0;
}

/* sale of a day */

.sale-of-the-day-offer .sotd-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
    max-width: 1100px;
    padding: 0 10px;
}

.sale-of-the-day-offer {
    background: url(../images/slideshow21.jpg);
    background-attachment: fixed;
}

.button-1.go-to-product-page {
    background: #b51f29;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sale-of-the-day-offer .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078" !important;
    font-size: 16px;

    top: 50%;
    left: 50%;

    color: #777;
    line-height: 27px;
    transition: all 300ms linear;
}

.sale-of-the-day-offer .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077" !important;
    font-size: 16px;

    top: 50%;
    left: 50%;

    color: #777;
    line-height: 27px;
    transition: all 300ms linear;
}

.sale-of-the-day-offer {
    margin-top: 30px !important;
}

/* Brands Jcarousel */
.manufacturer-grid .slick-list {
    max-width: 100% !important;
}

.nop-jcarousel.manufacturer-grid {
    width: 98%;
    margin: auto;
    margin: 50px 1.5%;
}

.manufacturer-grid .title {
    display: none;
}

.manufacturer-grid .picture {
    border: 0;
    margin-bottom: 0;
}

.manufacturer-grid .slick-carousel .item-box {
    box-shadow: none;
}

.manufacturer-grid .slick-carousel {
    padding: 0 70px;
}

.nop-jcarousel.manufacturer-grid .carousel-title {
    margin: 0 !important;
    padding: 0 !important;
}

.nop-jcarousel.manufacturer-grid .carousel-title {
    /* width: 100%; */
    max-width: 95%;
    margin: auto !important;
}

.jCarouselMainWrapper .manufacturer-grid .slick-next,
.jCarouselMainWrapper .manufacturer-grid .slick-prev {
    top: 310% !important;
    z-index: 9;
}

.jCarouselMainWrapper .manufacturer-grid .slick-next:before,
.jCarouselMainWrapper .manufacturer-grid .slick-prev:before {
    color: #b51f29;
}

/* end */

.counter .benefits-box {
    width: 25%;
    float: none;
    display: block;
    align-items: center;
    padding: 25px 30px;
    margin: auto;
    text-align: center;
}

.counter .benefits-box em {
    margin: auto;
    margin-bottom: 15px;
}

.counter .topic-block strong {
    font-size: 18px;
    color: #b51f29;
}

.counter .benefits-box a {
    display: block;
    margin: auto;
    line-height: 17px;
    font-size: 14px;
    font-weight: 400 !important;
    text-decoration: none;
    width: 70%;
    letter-spacing: 0.5px;
    color: #000;
    text-align: center;
}

/* testimonials */

.testimonials {
    position: relative;
    margin: 100px auto;
    margin-bottom: 120px;
}

.client {
    background-color: #1a1c3f;
    color: white !important;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
}

.testimonials-text {
    padding-top: 30px;
    padding-right: 30px;
}

.text-testimonials h3 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-top: 30px;
}

.text-testimonials h4 {
    color: #fff;
    font-size: 13px;
    height: 110px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.5px;
    padding-right: 10px;
}

.text-testimonials code span,
.text-testimonials code {
    color: #f18e01;
    font-weight: 500;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    font-family: "Euclid-Circular", sans-serif;
    position: relative;
}

.text-testimonials code {
    padding-left: 30px;
}

.text-testimonials code:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f16d";
    font-size: 18px;
    position: absolute;
    top: -5px;
    left: 5px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.image-testimonials {
    position: relative;
}

.big-cir {
    height: 350px;
    width: 350px;
    border-radius: 50%;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    position: absolute;
    margin-top: -45px;
    margin-left: 95px;

    /* New code here: */
}

.big-cir > .small-cir {
    background-color: #f18e01;
    border-radius: 50%;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    content: "";
    left: 331px;
    top: 110px;
}

.home-page .slider-wrapper:first-child {
    margin-top: 0 !important;
}

.big-cir > .small-cir2 {
    background-color: #f18e01;
    border-radius: 50%;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    content: "";
    left: 170px;
    top: 340px;
}

.big-cir > .small-cir3 {
    background-color: #f18e01;
    border-radius: 50%;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    content: "";
    left: -8px;
    top: 160px;
}

.big-cir > .small-cir4 {
    background-color: #f18e01;
    border-radius: 50%;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
    content: "";
    left: 155px;
    top: -6px;
}

.img-circle {
    margin: 25px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    box-shadow: 0.5625rem 0.5625rem 2.5rem 0.5rem rgba(0, 0, 0, 0.3);
}

.text-testimonials,
.image-testimonials {
    float: left;
    width: 50%;
    display: block;
}

.text-testimonials {
    float: right;
}

.home-page .slider-wrapper.img-circle {
    width: 300px;
    margin-top: 25px;
    margin-top: -20px !important;
    margin-left: 120px;
}

.img-circle .picture-slide img {
    width: 300px;
    border-radius: 50%;
}

/* NewsLetter */
.newsletter-content {
    background: rgba(28, 28, 64);
    background: url(../images/jcarousel-img.png), #b51f29;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}

.follow-us {
    float: none;
    width: 300px !important;
    margin: 0;
    text-align: left;
    margin: auto;
}

.newsletter {
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 10px;
}

.newsletter .title strong {
    color: #fff;
    font-size: 30px;
}

.newsletter .title small {
    color: #fff;
    letter-spacing: 1px;
    padding: 15px 0;
    display: block;
    margin-bottom: 20px;
}

.newsletter-subscribe-button {
    min-width: 70px !important;
    background-color: #1c1c40 !important;
    color: #fff !important;
    border-radius: 20px !important;
    margin-left: 5px;
    font-size: 0;
}

.newsletter-subscribe-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1d8";
    font-size: 20px;
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.newsletter-subscribe-button:hover {
    opacity: 0.8;
}

.newsletter-email input[type="email"] {
    border: 0;
    width: calc(100% - 120px);
    border-right: 0px solid #ddd;
    margin-right: 10px;
    border-radius: 20px !important;
}

.follow-us .social ul {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px;
}

.follow-us .social ul li a {
    color: #fff;
}

.newsletter-email {
    border-radius: 5px;
    border: 0px solid #ddd;
}

.follow-us .social a {
    font-size: 35px;
}

.follow-us .social ul {
    margin: 0;
    border-bottom: 0;
    padding: 10px 0 20px;
    font-size: 0;
}

.follow-us .social a {
    background: none;
}

/* Back to Top Button */
#button {
    display: inline-block;
    background: #f18e01;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 10%;
    right: 5px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    transition: all 300ms linear;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    transform: translateX(-50%);
}

#button::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    line-height: 50px;
    color: #fff;
}

#button:hover {
    cursor: pointer;
    background: #f18e01;
}

#button:active {
    background: #f18e01;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

/* Breadcrumb */
.breadcrumb {
    padding: 0;
    background-color: transparent;
}

.breadcrumb ul {
    font-size: 0;
    text-align: right;
}

.breadcrumb li i {
    color: #b51f29;
    font-weight: 900;
    font-size: 14px;
}

.breadcrumb li * {
    display: inline-block;
    margin: 0px 2px;
    font-size: 12px;
    line-height: 32px;
    color: #333;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.breadcrumb li a:hover span {
    color: #b51f29;
}

.html-product-details-page .breadcrumb ul {
    text-align: left;
}

.html-product-details-page .breadcrumb strong {
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    text-align: center;
    width: 400px;
    overflow: hidden;
    height: 24px;
    text-align: left;
    vertical-align: middle;
    margin-bottom: -4px !important;
}

/* subcategory */
.page-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 0;
    padding: 6px 10px;
}

.page-title h1 {
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 25px;
}

.sub-category-grid .title a {
    display: block;
    padding: 10px 0;
    font-size: 12px;
    font-weight: 500;
    color: #1b1f27;
}

/* product selector */
.product-selectors {
    margin: 0 0 20px;
    border-top: 0;
    border-bottom: 0;
    padding: 5px;
    background-color: #fff;
    border-radius: 10px;
    font-size: 13px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

.product-selectors span {
    vertical-align: middle;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.5px;
}

.product-selectors select {
    border-radius: 10px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.sub-category-grid .item-box {
    width: 19%;
    margin: 0 0.5% 1%;
}

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 25px;
    line-height: 22px;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
    padding: 20px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.category-description p {
    text-align: left !important;
}

.pager ul {
    text-align: left;
    font-size: 0;
}

.pager li a,
.pager li span {
    display: block;
    min-width: 35px;
    height: 35px;
    background-color: transparent;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    /*reset zeroing*/
    cursor: pointer;
    border-radius: 5px;
    font-weight: 500;
    border: 0;
}

.pager li span {
    border-color: transparent;
    background-color: #b51f29;
    color: #fff;
    border-radius: 5px;
}

.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page * {
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    color: #fff;
}

.pager li.previous-page * {
    background-image: url("../images/prev.png");
}

.pager li.next-page * {
    background-image: url("../images/next.png");
}

.pager li.first-page * {
    background-image: url("../images/first.png");
}

.pager li.last-page * {
    background-image: url("../images/last.png");
}

.pager li a:hover,
.pager li a:focus {
    border-color: transparent;
    background-color: #fff;
    color: #777;
}

.block .list a {
    display: inline-block;
    position: relative;
    padding: 5px 0;
    font-size: 12px;
    color: #777;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    letter-spacing: 0.5px;
}

.block .list a:hover {
    color: #000;
}

.block .title {
    border: 0;
}

.block .title strong {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.5px;
}

/* Product Page */
.product-essential {
    margin: 0 0 40px;
    border-bottom: 0;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

.overview .product-name {
    border: 0;
    margin: 0 0 15px;
}

.overview .product-name h1 {
    color: #000;
    font-weight: 900;
    font-size: 28px;
    letter-spacing: 0.5px;
}

.overview .short-description {
    margin: 0 0 25px;
    line-height: 22px;
    color: #999;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.gallery .picture-thumbs .thumb-item {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 5px 10px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 5px;
}

.gallery .picture-wrapper {
    position: relative;

    padding: 10px;
    border-radius: 10px;
}

.picture-thumbs button + .slick-list {
    padding: 20px 20px;
}

.overview .manufacturers {
    margin: 0;
    border: 1px solid #eee;
    border-radius: 10px;
    width: auto;
    display: inline-block;
    margin-right: 10px;
}

.overview .manufacturers img {
    border-radius: 10px;
}

.section-info {
    width: 100%;
    display: flex;
    
    margin-bottom: 20px;
}

/* .overview .manufacturers{
      width: auto;
      background-color: #1B1F27;
      display: inline-block;
      padding: 5px 15px;
      border-radius: 20px;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: 0.5px;
}
.overview .manufacturers .value a{
  color: #fff;
  text-decoration: none;
} */
.product-no-reviews {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-bottom: 0;
}

.product-reviews-overview {
    margin: 0;
    color: #777;
    display: inline-block;
    width: auto;
    padding: 10px;
    border: 1px solid #eee;
    background: #f5f5f5;
    border-radius: 10px;
}

.product-details-page .product-no-reviews,
.product-details-page .product-review-links {
    display: block !important;
}

.product-review-links a,
.product-no-reviews a {
    text-decoration: none;
    font-weight: 400;
    color: #444;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.product-review-links a:hover {
    color: #b51f29;
}

.product-review-links .separator {
    color: #ddd;
}

.availability .stock .value[data-value="În stoc"] {
    background-color: #009900;
    color: #fff;
    text-transform: lowercase;
    padding: 1px 10px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.availability .stock .value[data-value="Stoc epuizat"] {
    background-color: #ef2809;
    color: #fff;
    text-transform: lowercase;
    padding: 1px 10px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.overview .button-2.subscribe-button,
.variant-overview .subscribe-button {
    background-image: none;
    position: relative;
    background-color: #fff !important;
    border: 1px solid #313149;
    border-radius: 20px;
    color: #313149;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px;
    padding-left: 40px;
}

.overview .button-2.subscribe-button:after,
.variant-overview .subscribe-button:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 13px;
    color: #313149;
    line-height: 27px;
    transition: all 300ms linear;
}

.ui-dialog {
    font-family: "Euclid-Circular";
    border-radius: 10px;
}

.ui-dialog-content .back-in-stock-subscription-page .button-1 {
    background-color: #b51f29 !important;
    border-radius: 20px;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: "Euclid-Circular";
}

.ui-dialog-content .back-in-stock-subscription-page .tooltip {
    color: #999;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.ui-dialog-titlebar {
    background-color: #fff !important;
    border: 0;
}

.ui-dialog .ui-dialog-title {
    font-size: 13px;
    color: #333;
    font-weight: 500;
}

.overview .availability,
.variant-overview .availability {
    margin: 0 0 10px;
    overflow: hidden;
}

.sku .label {
    letter-spacing: 0.5px;
    font-weight: 700;
    color: #999;
    font-size: 13px;
}

.sku .value {
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000;
    font-size: 13px;
}

.overview .additional-details,
.overview .availability,
.variant-overview .availability .variant-overview .additional-details {
    margin: 0;
}

.additional-details {
    margin-bottom: 20px !important;
    display: inline-block;
    width: 100%;
}

.attributes {
    background: #f5f5f5;
    border-radius: 10px;
    display: inline-block;
    padding: 0 30px;
    width: auto;
    padding: 10px;
    margin: 0;
    border: 1px solid #eee;
    margin-bottom: 20px;
    width: 100%;
    max-width: 300px;
}

.attributes dt,
.attribute-label {
    display: block;
    margin: 0 0 5px;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.attributes .option-list label {
    letter-spacing: 0.5px;
    font-size: 12px;
    color: #888;
}

.attributes li {
    position: relative;
}

.attributes .option-list input[type="checkbox"] {
    position: absolute;
    right: 0;
    border-radius: 10px;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -25px;
    padding: 7px;
    width: 180px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.2;
    font-size: 12px;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: 47px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;

    opacity: 1;
}

.attributes dl {
    overflow: visible;
    position: relative;
}

.product-price label {
    font-size: 0;
}

.product-price span {
    color: #000;
    font-size: 22px;
}

.product-price label + span {
    color: #b51f29;
    font-size: 20px;
    font-weight: 700;
}

.overview .prices,
.variant-overview .prices {
    margin: 0 0 10px;
    overflow: hidden;
    display: flex;
    align-items: center;

    letter-spacing: 0.5px;
}

.overview .customer-role-tier-prices,
.variant-overview .customer-role-tier-prices {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 300px;
}

.overview .customer-role-tier-prices .tier-price,
.variant-overview .customer-role-tier-prices .tier-price {
    border-radius: 15px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    flex-grow: 1;
    justify-content: center;
    display: flex;
    flex-direction: column;
	max-width: 50%;
}

.overview .customer-role-tier-prices .tier-price:not(.final-price),
.variant-overview .customer-role-tier-prices .tier-price:not(.final-price) {
    opacity: 0.3;
    transition: opacity 250ms linear;
}

.overview .customer-role-tier-prices .tier-price:not(.final-price):hover,
.variant-overview .customer-role-tier-prices .tier-price:not(.final-price):hover {
    cursor: pointer;
    opacity: 1;
    transition: opacity 250ms linear;
}

.overview .customer-role-tier-prices .tier-price .title,
.variant-overview .customer-role-tier-prices .tier-price .title {
    padding: 3px 0;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 24px;
	background-color: #b51f29;
    color: #fff;
}

.overview .customer-role-tier-prices .tier-price.partener .title,
.variant-overview .customer-role-tier-prices .tier-price.partener .title {
    background-color: #f18e01;
}

.overview .customer-role-tier-prices .tier-price.academie .title,
.variant-overview .customer-role-tier-prices .tier-price.academie .title {
    background-color: #70be1a;
}

.overview .customer-role-tier-prices .tier-price.distribuitor .title,
.variant-overview .customer-role-tier-prices .tier-price.distribuitor .title {
    background-color: #1b1f27;
}

.overview .customer-role-tier-prices .tier-price.connect .title,
.variant-overview .customer-role-tier-prices .tier-price.connect .title {
    font-size:0;
    background-image: url('/Themes/BarberStore/Content/images/connect/LOGO CONNECT ALB.png'), linear-gradient(to right, rgba(28, 28, 64, 1) 0%, rgba(181, 31, 42, 1) 80%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%, 100%;
    position: relative;
}

.overview .customer-role-tier-prices .tier-price .old-price,
.variant-overview .customer-role-tier-prices .tier-price .old-price {
    padding-top: 5px;
    text-align: center;
    font-size: 18px;
    text-decoration: line-through;
}

.overview .customer-role-tier-prices .tier-price .old-price:last-child,
.variant-overview .customer-role-tier-prices .tier-price .old-price:last-child {
    padding-top:0;
    padding-bottom: 5px;
}

.overview .customer-role-tier-prices .tier-price .price,
.variant-overview .customer-role-tier-prices .tier-price .price {
    padding-top: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #b51f29
}

.overview .customer-role-tier-prices .tier-price .price:last-child,
.variant-overview .customer-role-tier-prices .tier-price .price:last-child {
    padding-top: 0;
    padding-bottom: 5px;
}

.old-product-price span {
    font-weight: 500;
    font-size: 18px !important;
    margin: 0;
}

.old-product-price {
    margin: 0 !important;
}

@media (max-width: 520px) {
    .pager ul {
        text-align: center;
        font-size: 0;
    }

    .benefits-box a {
        color: #000;
        line-height: 13px;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-decoration: none;
        width: 70%;
        text-align: left;
    }

    .counter .benefits-box {
        width: 48% !important;
        margin: 1%;
    }

    .counter .benefits-box em {
        margin: 0 5% !important;
    }

    .counter .benefits-box a {
        text-align: left;
        font-size: 11px !important;
    }

    .counter .benefits-box em {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .counter .benefits-box {
        padding: 10px 5px !important;
    }

    .counter .topic-block strong {
        font-size: 15px;
        color: #b51f29;
    }

    .counter .benefits-box a {
        height: 40px;
    }

    .instantSearch {
        height: auto !important;
        background: #fff;
        border: 2px solid #ddd;
        border-top: 0;
        width: 100% !important;
        top: 20px !important;
        left: -2px !important;
        padding-top: 20px;
        z-index: -1 !important;
    }

    .wishlist-qty,
    .cart-qty {
        top: 0px !important;
        left: 62% !important;
    }

    .question h4 strong {
        color: #000;
        font-weight: 900;
        line-height: 29px;
    }

    .related-products-grid .item-box .actual-price {
        font-weight: 500 !important;
        font-size: 11px !important;
        margin: 0;
    }

    .item-box .add-to-wishlist-button {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .attributes dl i {
        left: 25px !important;
    }

    .attributes dl img {
        left: 23px !important;
    }

    [data-tooltip]:after {
        margin-left: 27px;
    }

    [data-tooltip]:before {
        margin-left: -55px;
    }
}

.info-gap {
    display: none;
}

.attributes input[type="checkbox"]:checked + label:before {
    top: 0px;
    background: #b51f29;
    color: #fff;
    content: "\2713";
    text-align: center;
    position: absolute;
    right: 0;
    height: 16px;
    width: 16px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 2px;
}

.qty-input-wrapper {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    position: relative;
}

.qty-input-wrapper > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #ddd;
    cursor: pointer;
}

.overview .qty-input,
.variant-overview .qty-input {
    width: 100%;
    height: 40px;
    padding: 0 35px;
    font-weight: 700;
    color: #363e4e !important;
    border: 1px solid #eaeaea !important;
    border-radius: 30px;
}

.qty-input-wrapper > .fa-plus {
    left: auto;
    right: 10px;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    background-color: #b51f29;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 14px;
    position: relative;
}

.overview .add-to-cart-button:hover,
.overview .add-to-cart-button:focus,
.variant-overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:focus {
    background-color: #cb232e;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 40px;
}

.overview .add-to-cart {
    margin-bottom: 10px;
}

.overview .button-2,
.variant-overview .button-2 {
    display: block;
    width: 100%;
    border: none;
    background-color: #fff;
    background-image: none;
    padding: 5px 15px 5px 40px;
    text-align: left;
    font-size: 13px;
    color: #bbb;
    font-weight: 500;
    margin-top: 0;
    letter-spacing: 0.5px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px;
}

.add-to-wishlist-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f004";
    font-size: 20px;
    position: absolute;
    top: 3px;
    left: 13px;
    color: #cccccc;
    line-height: 27px;
    transition: all 300ms linear;
}

.add-to-wishlist-button:hover,
.add-to-wishlist-button:focus {
    background-color: transparent !important;
    border: 1px solid #eee;
}

.call-center {
    padding: 10px 15px;
    background-color: #f5f5f5;
    width: auto;
    display: inline-block;
    letter-spacing: 0.5px;
    border-radius: 30px;
    color: #444;
    font-weight: 500;
    font-size: 13px;
    border: 1px solid #eee;
}

.call-center i {
    color: #b51f29;
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    letter-spacing: 1px;
}

.call-center a {
    padding: 5px;
    border-radius: 20px;
    color: #b51f29;
    font-weight: 900;
    font-size: 16px;
    vertical-align: middle;
}

.shipping-info {
    padding-left: 60px;
    background: url(../images/delivery.svg);
    background-repeat: no-repeat;
    background-position: center left;
    margin-top: 30px;
    width: 100%;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
    padding-right: 30px;
}

.shipping-info b {
    color: #b51f29;
    font-weight: 900;
}

.overview {
    position: relative;
    margin: 0 0 30px;
    border-left: 1px solid #eee;
}

.gallery {
    margin-bottom: 0;
}

.html-product-details-page .slick-list,
.html-product-details-page .nop-jcarousel .carousel-title {
    width: 100%;
    max-width: 1200px;
    margin: auto !important;
}

.html-product-details-page .custom-carousel-blue .slick-carousel,
.html-product-details-page .custom-carousel-red .slick-carousel,
.html-product-details-page .custom-carousel-orange .slick-carousel {
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

.html-product-details-page .nop-jcarousel .carousel-title {
    margin: 0 0 30px;
    font-size: 25px;
    padding-left: 0 !important;
    border: 0;
    text-align: left;
}

/* Quick tabs */
.productTabs-body div {
    display: block !important;
}

.productTabs-header ul li {
    display: inline-block;
    margin: 0 20px;
    border-radius: 10px;
}

.productTabs-header ul li.ui-state-active {
    border: 0;
    background: transparent;
    font-weight: normal;
    color: transparent;
    font-family: "Euclid-Circular";
}

.productTabs-header ul li.ui-state-hover {
    border: 0;
    background: transparent;
    font-weight: normal;
    color: #fff;
    font-family: "Euclid-Circular";
}

.productTabs-header ul li:first-child {
    margin-left: 0;
}

.productTabs-header ul li a {
    text-align: center;
    font-size: 14px;
    font-family: "Euclid-Circular";
    padding: 5px 10px;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.product-page-container {
    width: 100%;
    margin: auto;
    display: block;
}

div.sticky-tabs {
    position: -webkit-sticky;
    position: sticky;
    top: 75px;
    z-index: 99;
    background: #b51f29;
    width: 100%;
}

.productTabs-header ul {
    width: 100%;
    max-width: 1200px;
    display: block;
    text-align: left;
    padding: 10px;
    margin: auto;
}

.productTabs-body {
    padding: 0 !important;
    background: #fff;
}

.tab-content {
    padding-top: 80px;
}

.product-details-page .master-wrapper-content {
    position: unset;
}

.full-description {
    position: relative;
}

.full-description:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 33%, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 33%, #fff 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 33%, #fff 100%);
    background-repeat: repeat-x;
    pointer-events: none;
    z-index: 10;
}

.productTabs-header ul li a.active {
    background-color: #fff;
    color: #333 !important;
}

.productTabs-header ul li a:hover {
    color: #fff;
}

.product-page-container {
    background-color: #fff !important;
    padding-bottom: 50px;
}

.product-page-container:nth-child(even) {
    background-color: #e9ebee !important;
}

.productTabs-body div {
    background: transparent;
}

.tab-content {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.product-page-container h2 {
    font-weight: 500;
    padding-bottom: 30px;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    color: #000;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
}

.show-more {
    color: #b51f29;
    border: 2px solid #b51f29;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: 500;
    width: 140px;
    margin: auto;
    display: block;
    cursor: pointer;
}

.full-description.nobefore::before {
    display: none;
}

.product-specs-box .title strong {
    display: none;
}

#quickTab-specifications table {
    width: 100%;
    border: 0px solid #eee;
}

#quickTab-specifications table tr {
    border-bottom: 0px solid #eee;
}

#quickTab-specifications table td {
    width: 33% !important;
    padding: 10px !important;
    border: 0 !important;
    font-size: 13px;
    letter-spacing: 0.5px;
}

#quickTab-specifications table .spec-name {
    text-align: right !important;
    font-weight: 600;
    color: #000;
}

.productTabs .write-review {
    display: none;
}

div.column-3 {
    width: 31%;
    background-color: #e9ebee;
    /* float: left; */
    margin: 1%;
    display: inline-block !important;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 27px;
    font-size: 12px;
    font-weight: 500;
}

div.column-3 span strong {
    color: #000 !important;
    font-size: 14px;
    font-weight: 900;
    background: #fff;
    padding: 4px 10px;
    border-radius: 20px;
}

div.column-3 span strong {
    color: #000 !important;
}

div.column-3 img {
    border-radius: 10px;
    padding: 5px;
}

#quickTab-specifications table .spec-value {
    text-align: left !important;
}

#quickTab-specifications table tr.odd {
    background-color: #fff;
}

#quickTab-specifications .data-table td {
    background: none;
}

.sticky-product .product-no-reviews,
.sticky-product .product-reviews-overview {
    display: none;
}

.html-product-details-page table.shipping {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #4b5157;
}

.html-product-details-page table.shipping img {
    width: 70px;
}

.html-product-details-page table.shipping caption {
    font-size: 1.5em;
    margin: 0.5em 0 0.75em;
}

.product-review-overview .data .add-review-request {
    width: 100%;
    padding: 30px;
}

.product-review-overview .data .average .mark .note {
    font-size: 48px;
}

.product-review-item {
    padding-left: 0;
}

.product-review-item .review-title {
    text-align: left;
}

.product-review-item .review-text {
    text-align: left;
}

.product-review-overview .data .average {
    width: 100%;
}

.product-review-overview .data .detailed .item .pill {
    width: calc(100% - 85px);
    height: 14px;
    margin: 0 2px;
}

.product-review-item {
    margin: 20px 0;
    padding-top: 20px;
}

.product-review-item .review-info {
    position: absolute;
    left: 5px;
    top: 10px;
    width: 100%;
    transform: none;
    float: left;
}

.product-review-item .review-item-head {
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    border-top: 0;
}

.review-info .date {
    text-align: left;
    width: 100px;
    display: block;
    margin: 10px 80px;
    font-weight: 400 !important;
    color: #777;
    font-size: 13px;
    letter-spacing: 0.3px;
}

.product-review-overview .data .average .mark {
    text-align: center;
    width: 33%;
}

.product-review-overview .data .average .detailed {
    width: 63%;
    border-right: 0;
}

.product-review-overview .data {
    width: 100%;
    font-size: 0;
    letter-spacing: 0;
    margin: 0 0 20px;
}

.product-review-overview .data .add-review-request {
    font-size: 14px;
    letter-spacing: normal;
    display: inline-block !important;
    vertical-align: middle;
}

.product-review-overview .data .average {
    width: 66%;
    display: inline-block !important;
    vertical-align: middle;
}

.product-review-overview .data .average .mark,
.product-review-overview .data .average .detailed {
    font-size: 14px;
    letter-spacing: normal;
    display: inline-block !important;
    vertical-align: middle;
}

.product-review-overview .data .average .mark {
    text-align: center;
    width: 25%;
}

.product-review-overview .data .average .item {
    padding: 5px 0;
}

.product-review-overview .data .average .mark .note {
    font-size: 52px;
    line-height: 58px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 900;
}

.product-review-overview .data .average .mark small {
    color: #888;
    letter-spacing: 0.5px;
    font-weight: 500;
    margin-top: 5px;
    display: block;
}

.add-review-request h4 {
    color: #888;
    font-size: 13px;
    padding-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.product-review-item .product-review-box {
    float: left;
}

.product-review-overview .data .average .mark .rating {
    margin: auto;
}

.product-review-item .review-title {
    width: 100%;
    max-width: 100%;
}

.add-review-request a.button-1 {
    text-transform: initial;
    padding: 7px 15px;
    border-radius: 5px;
    background: #b51f29;
    color: #fff;
    font-weight: 500;
}

.product-review-item {
    position: relative;
    padding-left: 15.5%;
    background-color: #fff !important;

    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
}

.product-review-overview .data .average .detailed {
    width: 75%;
    border-right: 1px solid #ddd;
}

.review-info .user {
    background-color: #b51f29;
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: auto;
}

.product-review-item .review-title {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.5px;
    line-height: 30px;
}

.review-info .user span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: 600;
    font-size: 27px;
}

.product-review-item .review-info a,
.product-review-helpfulness .vote {
    color: #333;
    font-weight: 500;
}

.product-review-helpfulness .vote.vote-yes:hover {
    color: #70be1a;
}

.product-review-helpfulness .vote.vote-no:hover {
    color: #b51f29;
}

.product-review-item .text-body {
    display: table-cell;
    vertical-align: top;
    color: #999;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.vote-stats {
    font-size: 13px;
}

.product-reviews-page .title small {
    color: #777;
    font-size: 14px;
    text-transform: initial;
    font-weight: 500;
}

.product-reviews-page .title strong {
    font-weight: 500;
    font-size: 15px;
    color: #000;
}

.review-info .date {
    text-align: center;
    width: 100px;
    display: block;
    margin: 10px auto;
    font-weight: 500 !important;
    color: #999;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.review-info .date b {
    color: #000;
    font-size: 14px;
}

.product-review-item .review-info {
    position: absolute;
    left: 0;
    top: 50%;
    width: 180px;
    transform: translate(0, -50%);
}

.product-review-overview .data .add-review-request {
    width: 33%;
    padding: 0 30px;
}

.product-review-overview .data .detailed .item > * {
    display: inline-block !important;
    vertical-align: middle;
}

.product-review-overview .data .detailed .item > span {
    width: 50px;
    color: #888;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.product-review-overview .data .detailed .item .pill {
    width: 78%;
    height: 14px;
    margin: 0 8px;
    background-color: #e9eeee;
    border-radius: 6px;
    position: relative;
}

.product-review-overview .data .detailed .item > span.total-reviews {
    width: 30px;
}

.product-review-overview .data .detailed .item .pill span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 10px;
}

.product-review-overview .data .detailed .item .pill.excellent span {
    background-color: #70be1a;
}

.product-review-overview .data .detailed .item .pill.good span {
    background-color: #b0cb1e;
}

.product-review-overview .data .detailed .item .pill.not-bad-excellent span {
    background-color: #fbae06;
}

.product-review-overview .data .detailed .item .pill.not-good span {
    background-color: #fbae06;
}

.product-review-overview .data .detailed .item .pill.bad span {
    background-color: #db7b25;
}

/* remove reviews tabs if is not exist */
.product-page-container.remove-reviews {
    display: none !important;
}

.remove-reviews {
    display: none !important;
}

.full-description p,
.full-description p span,
.full-description ul {
    line-height: 22px;
    color: #888;
    letter-spacing: 0.5px;
    font-size: 13px !important;
    font-family: "Opens Sans", sans-serif !important;
}

.full-description p strong span {
    color: #000;
    font-weight: 900;
    text-decoration: none !important;
    font-family: "Opens Sans", sans-serif !important;
}

.productTabs .write-review {
    display: none !important;
}

.product-review-overview {
    background-color: #fff !important;
    padding: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
}

/* Sticky product on scroll */

.navbar-product {
    background-color: #fff;
    width: 100%;
    padding: 7.5px 0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.navbar-product .master-wrapper-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-product img {
    width: 60px;
}

.navbar-product .product-name {
    width: 40%;
}

.navbar-product h4 {
    color: #000;
    padding-right: 30px;
    font-size: 16px;
    letter-spacing: 0.5px;

    display: block;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-product .product-name {
    width: 40%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    height: 65px;
}

.navbar-product .product-reviews-overview {
    background-color: #fff;
    border: 0;
    padding: 0 10px;
}

.navbar-product .product-no-reviews {
    background-color: #fff;
    padding: 5px;
}

.navbar-product .prices {
    text-align: center;
    font-weight: 500;
    padding: 0 10px;
}

.navbar-product .add-to-wishlist-button {
    display: block;
    width: 100%;
    border: none;
    background-color: #fff;
    background-image: none;
    padding: 5px 15px 5px 40px;
    text-align: left;
    font-size: 13px;
    color: #bbb;
    font-weight: 500;
    margin-top: 0;
    letter-spacing: 0.5px;
    position: relative;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 0%;
    height: 40px;
    padding: 0;
    width: 40px;
}

.navbar-product .add-to-wishlist-button:before {
    left: 0;
}

.navbar-product .prices .old-product-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.navbar-product .add-to-cart-panel label {
    display: none;
}

.navbar-product .qty-input-wrapper {
    display: none;
}

.navbar-product .add-to-cart-button {
    background-color: #b51f29;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 14px;
    border: 0;
    padding: 10px 15px;
}

.product-page-container:nth-child(even) .custom-tab .column-3 {
    border-radius: 10px;
    background-color: #fff;
}

.navbar-product .button-2.subscribe-button {
    background-image: none;
    position: relative;
    background-color: #fff !important;
    border: 1px solid #313149;
    border-radius: 20px;
    color: #313149;
    font-size: 12px;
    font-weight: 500;
    margin-top: 2px;
    padding: 9px;
    padding-left: 40px;
}

.navbar-product .button-2.subscribe-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0e0";
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 13px;
    color: #313149;
    line-height: 27px;
    transition: all 300ms linear;
}

.navbar-product .availability .stock .value {
    display: none;
}

.navbar-product .availability .stock .value[data-value="Stoc epuizat"] {
    display: inline-block;
}

.navbar-product {
    display: none;
}

.navbar-product.active {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999;
    display: block;
}

.navbar-product .back-in-stock-subscription {
    display: none;
}

.html-product-details-page .fixed-header-menu {
    position: initial !important;
}

.product-reviews-page h1 a {
    color: #b51f29;
}

/* .write-review .fieldset{
   background-color: #fff !important;
   padding: 10px;
   -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
   box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
   border-radius: 10px;
} */
.inputs label,
.write-review .review-rating label {
    color: #000;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.write-review .review-rating div.first,
.write-review .review-rating div.last {
    font-weight: 500;
    letter-spacing: 0.5px;
}

.inputs input[type="text"],
.inputs input[type="email"],
.inputs input[type="tel"],
.inputs input[type="password"],
.inputs select,
.inputs textarea {
    border-radius: 20px;
}

.form-fields {
    position: relative;
    border-top: 0;
    background-color: #fff;
    padding: 30px 15px;
}

.write-review .button-1 {
    background-color: #b51f29;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-left: 50px;
    position: relative;
    border-radius: 20px;
}

.write-review .button-1:hover {
    background-color: #cb232e;
}

.write-review .button-1:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1d8";
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.html-product-reviews-page .newsletter-content {
    display: none;
}

.write-review .rating-options .vote-star {
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(../images/rating2.png) no-repeat center;
    font-size: 0;
    margin: 0;
    cursor: pointer;
    margin-top: -10px;
}

.write-review .rating-options input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.write-review .rating-options input[type="radio"]:checked ~ label {
    background: url(../images/rating1.png) no-repeat center;
}

.write-review .rating-options input[type="radio"]:checked + label {
    background: url(../images/rating2.png) no-repeat center;
}

/* Tier price */
.tier-prices .field-header {
    min-width: 80px;
    background: #f5f5f5;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.tier-prices .item-price {
    background-color: transparent;
    font-size: 13px;
    color: #b51f29;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.tier-prices table tbody {
    background: #f5f5f5;
    border-radius: 10px;
    display: inline-block;
    /* width: 100%; */
    border: 1px solid #eee;
    padding: 10px;
    position: relative;
}

.tier-prices table td {
    border: 0;
}

.tier-prices table td {
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.tier-prices table tr:first-child {
    border-bottom: 1px solid #e9ebee;
}

/* my account */
.form-fields {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
}

.inputs label {
    font-size: 13px;
}

.fieldset .title strong,
.section .title strong {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    color: #b51f29;
    letter-spacing: 1px;
}

.add-more-external-records a {
    color: #b51f29;
    font-weight: 700;
}

.form-fields {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.customer-info-page .email-to-revalidate,
.customer-info-page .readonly-username,
.customer-info-page .vat-status {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.email-revalidation-page .button-1,
.account-activation-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    background-color: #b51f29;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 12px;

    padding: 10px;
}

.login-page .button-1,
.registration-page .button-1 {
    min-width: 100%;
}

.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.email-revalidation-page .button-1:hover,
.account-activation-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover {
    background-color: #cb232e;
}

.html-account-page .block .list a {
    line-height: 20px;
    color: #000000;
    font-size: 13px !important;
    letter-spacing: 0.3px;
    font-weight: 400;
}

.html-account-page .block .list li.active a {
    color: #cb232e;
    font-weight: 500;
}

.block .list a:before {
    content: none;
}

.address-list-page .info,
.order-list-page .info,
.address-edit-page .edit-address {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    border: 0;
}

.required {
    margin: 0 -8px 0 3px;
    vertical-align: top;
    font-size: 15px;
    font-weight: normal;
    color: red;
}

.address-list-page .info li {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.address-list-page .info .name,
.order-list-page .info .name {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #000;
}

.order-status.cancelled {
    background-color: #ef2809;
    color: #fff;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 10px;
    font-size: 13px;
}

.order-status.processing {
    background-color: #00c0ef;
    color: #fff;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 10px;
    font-size: 13px;
}

.order-status.complete {
    background-color: #00a65a;
    color: #fff;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 10px;
    font-size: 13px;
}

.order-status.pending {
    background-color: #f39c12;
    color: #fff;
    padding: 0.2em 0.6em 0.3em;
    border-radius: 10px;
    font-size: 13px;
}

.html-order-list-page .section .title strong {
    color: #000;
}

.address-list-page .info li,
.order-list-page .info li {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.order-details-button {
    background-image: none;
}

.address-list-page .button-2,
.order-list-page .button-2 {
    background-color: #1b1f27;
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    background-image: none;
}

.address-list-page .button-2.delete-address-button {
    background-color: #b51f29;
}

.no-data,
.reward-points-overview {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.html-reward-points-page .data-table th,
.html-order-details-page .data-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent;
    background-color: #b51f29;
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.html-reward-points-page .data-table td,
.html-order-details-page .data-table td {
    min-width: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #eee #eee;
    background-color: #fff;
    padding: 15px;
    letter-spacing: 0.5px;
    font-size: 12px;
}

.html-account-page .page {
    padding: 10px 15px;
}

.html-account-page .side-2 {
    margin-top: 20px;
}

.order-details-page .page-title h1 {
    border: 0;
    margin-bottom: 0;
}

.order-details-page .page-title a {
    display: none;
}

.order-overview {
    background-color: #b51f29;
    width: max-content;
    padding: 20px;
    border-radius: 10px;
    color: #fff !important;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    margin: auto !important;
    margin-bottom: 30px !important;
}

.order-details-page .order-overview .order-total strong {
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    color: #000;
    font-weight: 900;
}

.order-details-page .order-overview .order-invoice a {
    background: #fff;
    border-radius: 10px;
    color: #333;
    margin: 10px 0 0;
    display: block;
    font-weight: bold;
}

.order-details-page .order-overview .order-invoice a:hover {
    box-shadow: inset 0 0 1px #000;
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div,
.order-details-page .total-info {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    border: 0;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.order-review-data .title strong,
.order-details-area .title strong,
.shipment-details-area .title strong {
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 900;
}

.html-order-details-page .shipping-info {
    padding-left: 0;
    background: none;
    background-repeat: no-repeat;
    background-position: center left;
    margin-top: 0;
    width: 100%;
    display: inline-block;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 13px;
    padding-right: 0;
}

.selected-checkout-attributes {
    background: #1b1f27;
    padding: 10px 20px !important;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 40px;
    float: right;
    text-align: left;
    border-radius: 20px;
    width: 100%;
}

.order-details-page .actions button:first-child {
    background-color: #b51f29;
    border-radius: 20px;
}

.order-details-page .actions button:first-child:hover {
    background-color: #cb232e;
}

.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover {
    color: #000;
}

.section.products {
    width: 70%;
    float: left;
    margin-right: 2%;
}

.section.options {
    width: 28%;
    float: left;
    margin-bottom: 10px;
}

.section.totals {
    width: 28% !important;
    float: left;
    clear: none;
}

.manufacturer-description img {
    display: none;
}

.html-manufacturer-list-page .item-box {
    width: 18.5%;
    margin: 0 0.75% 1.5%;
}

.html-my-product-reviews-list-page .product-review-item .review-info {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    float: none;
}

.html-my-product-reviews-list-page .product-review-item .review-info {
    padding: 0;
    text-align: left;
    border-radius: 5px 10px;
}

.html-my-product-reviews-list-page .separator {
    display: none;
}

.html-my-product-reviews-list-page .product-review-item .review-text {
    letter-spacing: 0.5px;
    font-size: 13px;
}

.html-my-product-reviews-list-page .product-review-item .review-title strong {
    position: relative;
    padding-left: 30px;
}

.html-my-product-reviews-list-page .product-review-item .review-content {
    padding-top: 0;
}

.html-my-product-reviews-list-page .review-info .user {
    padding: 5px 10px;
    border-radius: 20px !important;
    background-color: #f5f5f5;
    border: 1px solid #eee;
}

.html-my-product-reviews-list-page .review-info .date {
    color: #777 !important;
    padding: 5px;
}

.html-my-product-reviews-list-page .product-review-item .review-title strong:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    font-size: 20px;
    position: absolute;
    top: -5px;
    left: 2px;
    color: #70be1a;
    line-height: 27px;
    transition: all 300ms linear;
}

.html-my-product-reviews-list-page .product-review-item .review-title strong.Pending:before {
    color: #e9ac07;
    content: "\f071";
}

.html-my-product-reviews-list-page .review-info .user,
.html-my-product-reviews-list-page .review-info .date {
    width: 100%;
    border-radius: 0;
    height: auto;
    text-align: left;
    color: #000;
    letter-spacing: 0.5px;
    font-size: 13px;
    margin: 0;
}

.product-review-item .reply-header {
    margin: 15px 0;
    font-weight: bold;
    background: #b51f29;
    padding: 5px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    position: relative;
    padding-left: 40px;
}

.product-review-item .reply-header:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f508";
    font-size: 18px;
    position: absolute;
    top: 0px;
    left: 10px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.product-review-item .reply-text {
    font-size: 12px;
    letter-spacing: 0.5px;
    padding-left: 10px;
}

.product-review-item .reply {
    margin: 0;
    border: 0;
}

.html-my-product-reviews-list-page .product-review-item .review-info a,
.html-my-product-reviews-list-page .product-review-helpfulness .vote {
    color: #b51f29;
    font-weight: 900;
}

.product-review-item .review-title {
    font-size: 13px;
}

.html-my-product-reviews-list-page .product-review-item {
    padding-left: 5px;
}

/* cart */
.cart-options .common-buttons {
    display: none;
}

.html-shopping-cart-page .table-wrapper {
    width: 100%;
    float: left;
    margin-right: 0;
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
    background-color: #ffffff;
}

.shopping-cart-page .page-title {
    margin-bottom: 30px;
}

.shopping-cart-page .cart-options,
.cart-footer {
    width: 100%;
    float: left;
}

.cart-footer .cart-collaterals {
    width: 100%;
}

.cart td {
    border-color: transparent;
    background-color: transparent;
    padding: 5px;
}

.cart tr {
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart tr:last-child {
    margin-bottom: 0;
}

.cart td.product-picture img {
    border-radius: 10px;
}

.cart .product a {
    font-weight: 500;
    color: #000;
    font-size: 13px;
    letter-spacing: 0.5px;
    max-width: 280px;
    overflow: hidden;
    display: inline-block;
}

.cart td {
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.cart-footer .cart-collaterals {
    margin: 0;
}

.cart .qty-input-wrapper {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    position: relative;
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 20px;
}

.cart td.quantity input {
    width: 40px;
    text-align: center;
    position: relative;
    left: 24px;
    border: 0;
}

.cart .qty-input-wrapper > i {
    padding: 10px 5px;
}

.shopping-cart-page .cart-options {
    background-color: #fff;
}

.shopping-cart-page .selected-checkout-attributes {
    background: #fff;
    padding: 0 !important;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    color: #b51f29;
    margin-bottom: 0;
    margin-top: 0px;
    float: none;
    text-align: left;
    border-radius: 20px;
    width: 100%;
    height: 40px;
    display: inline-block;
    padding: 10px;
}

.shopping-cart-page .checkout-attributes {
    float: left;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.order-summary-content .cart-options {
    background-color: #fff;
    padding: 10px;
    color: #777;
    border-radius: 10px;
    font-size: 13px;
    letter-spacing: 0.2px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    overflow: visible;
}

.checkout-attributes dd {
    margin: 0;
}

.shopping-cart-page .cart-options {
    width: 100%;
    display: inline-block;
    background-color: #fff;
}

.shopping-cart-page .checkout-attributes li {
    margin: 5px 10px 5px 0;
    width: 100%;
    border-radius: 20px;
    background-color: #f5f5f5;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.shopping-cart-page .selected-checkout-attributes {
    padding: 0 15px !important;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    display: table;
}

.cart-right {
    width: 28%;
    float: left;
    margin-left: 2%;
}

.cart-left {
    width: 70%;
    float: left;
}

.cart-footer {
    border: 0;
}

.cart-collaterals {
    padding-top: 0;
}

.cart-collaterals > div {
    margin-bottom: 15px;
}

.cart-collaterals .title strong {
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.cart-collaterals .hint {
    letter-spacing: 0.5px;
    font-size: 13px;
}

.cart-footer .cart-collaterals .deals {
    float: left;
    width: 100%;
}

.cart-collaterals .coupon-code input[type="text"] {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.cart-collaterals .coupon-code button[type="submit"] {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background: #1b1f27;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.cart-footer .totals {
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
    background-color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.cart-total .order-total,
.cart-total .order-total strong {
    font-size: 20px;
    color: #b51f29;
    letter-spacing: 0.5px;
    font-weight: 900;
}

.cart-footer .total-info {
    border-bottom: 1px solid #eee;
}

.checkout-attributes label {
    color: #000;
    letter-spacing: 0.5px;
}

.cart-footer .checkout-button {
    background-color: #b51f29;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
    border-radius: 20px;
    position: relative;
    padding-right: 40px;
}

.cart-footer .checkout-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.cart-footer .checkout-button:hover {
    background-color: #cb232e;
}

.center-1 {
    margin: 0 0 50px;
}

.cart-footer {
    margin: 0 0 10px;
}

.cart-collaterals .deals > div {
    margin: 0;
}

.html-manufacturer-page .side-2 {
    margin-top: 10px;
}

/* Favorites */
.wishlist-content thead {
    display: none;
}

.wishlist-content .message-error {
    font-size: 11px;
    text-align: left !important;
}

.cart td.remove-from-cart {
    background-color: transparent;
}

.wishlist-content .cart tr {
    background-color: #fff !important;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

.wishlist-content .add-to-cart label {
    display: block;
    cursor: pointer;
    background-color: #b51f29;
    padding: 5px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
}

.wishlist-content .add-to-cart label:hover {
    background-color: #cb232e;
}

.wishlist-content .add-to-cart input {
    opacity: 0;
    display: none;
}

.wishlist-content td.quantity input {
    background-color: #f5f5f5;
    border-radius: 20px;
    font-weight: 500;
    font-size: 13px;
    color: #333;
}

.wishlist-page .share-info span {
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #b51f29;
}

.wishlist-page .share-info a:hover {
    color: #b51f29;
}

.wishlist-page .attributes {
    font-size: 11px;
}

.cart .product {
    display: grid;
    max-width: 300px;
    width: 100%;
}

.cart .product .edit-item {
    display: none;
}

.html-shopping-cart-page .product .attributes {
    background-color: #fff;
    font-size: 11px;
    margin-bottom: 0;
    color: #b51f29;
}

/* topic page */
.topic-page .page-body {
    background-color: #fff;
    padding: 15px;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
}

/* tooltip  */
.shopping-cart-page .checkout-attributes li .tooltip .close {
    display: none;
}

.shopping-cart-page .checkout-attributes li .tooltip-toggle {
    cursor: pointer;
    color: #b51f29;
    float: right;
    font-size: 16px;
    margin-top: 3px;
    display: none;
}

.shopping-cart-page .checkout-attributes li .tooltip-toggle {
    display: block;
}

.shopping-cart-page .checkout-attributes li .tooltip {
    position: absolute;
    left: 10px;
    top: -135px;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #fff;
    width: calc(100% - 20px);
    border-radius: 10px;
    font-size: 11px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    transition: all 300ms linear;
    background-color: #b51f29;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-out;
    cursor: default;
    color: #fff;
    font-weight: 300;
}

.shopping-cart-page .checkout-attributes li .tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #b51f29;
    position: absolute;
    right: 50%;
    bottom: -5px;
    transform: rotate(0.5turn);
}

.shopping-cart-page .checkout-attributes li {
    z-index: auto;
}

.shopping-cart-page .checkout-attributes li:hover {
    z-index: 1;
    transition: 0.25s ease-out;
}

.shopping-cart-page .checkout-attributes label:hover ~ .tooltip,
.shopping-cart-page .checkout-attributes input:hover ~ .tooltip,
.shopping-cart-page .checkout-attributes li .tooltip.visible {
    margin-top: 25px;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-out;
}

.checkout-attributes ul {
    font-size: 0;
    position: relative;
    z-index: 999;
}

/* Login Page */

.master-column-wrapper {
    background-color: #e9ebee;
}

.no-header .page-body {
    max-width: 400px;
    width: 90%;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    margin: 10px auto !important;
    padding: 15px;
    padding-bottom: 20px;
}

.login-page .inputs label {
    width: 100%;
}

.login-page .inputs {
    white-space: initial;
}

.login-page .returning-wrapper,
.login-page .customer-blocks,
.external-authentication {
    width: 100%;
}

.no-header .form-fields {
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    padding-top: 0;
}

.login-page .returning-wrapper input[type="text"],
.login-page .returning-wrapper input[type="email"],
.login-page .returning-wrapper input[type="password"] {
    width: 100%;
}

.html-login-page.no-header .page-body {
    text-align: center;
    margin: 10px auto;
    display: table;
}

.login-page .returning-wrapper .inputs.reversed a,
.login-page .returning-wrapper .inputs.reversed label {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #333 !important;
}

.login-page .returning-wrapper .buttons {
    padding: 0;
    margin-bottom: 0;
}

.login-page .returning-wrapper .inputs label {
    width: 100%;
    display: inline-block;
    text-align: left;
    padding: 5px 10px;
}

.no-header .page-body p {
    color: #777;
    letter-spacing: 0.5px;
    width: 250px;
    margin: 10px auto;
    font-size: 12px;
    display: inline-flex;
    margin-bottom: 10px;
}

.login-page .button-1.register-button {
    background-color: #1b1f27;
    margin-bottom: 10px;
}

.login-page .button-1.register-button:hover,
.login-page .button-1.register-button:focus {
    background-color: #303745;
}

.login-page .buttons {
    margin: 0;
}

.external-authentication {
    margin: 0;
}

.external-authentication .buttons {
    margin: 0 0 30px;
    border-top: 0;
    padding: 0;
}

.facebook-btn {
    border-radius: 20px;
}

.login-page .customer-blocks {
    margin: 0 0 10px;
}

.no-header .header {
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
}

.no-header .header-logo {
    text-align: center;
}

.external-authentication .title {
    margin: 15px 0;
    font-size: 13px;
    color: #777;
    position: relative;
}

.external-authentication .title:before {
    width: 100%;
    height: 0.5px;
    background-color: #ddd;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.external-authentication .title b {
    padding: 0 10px;
    background-color: #fff;
    z-index: 999;
    position: relative;
    font-weight: 400;
}

.html-login-page.no-header .facebook-btn {
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 12px;
    min-width: 100%;
    text-transform: uppercase;
    height: auto !important;
    padding: 10px !important;
    line-height: initial !important;
}

.login-page .customer-blocks {
    margin: 0;
}

.login-page .fieldset .title strong,
.login-page .section .title strong {
    font-size: 25px;
    text-transform: inherit;
    font-weight: 900;
    color: #b51f29;
    letter-spacing: 0.5px;
}

.loginpage-footer {
    display: inline-block;
    width: 100%;
}

.loginpage-footer .topic-block-title {
    display: none;
}

.loginpage-footer a {
    color: #444;
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.login-page .returning-wrapper .form-fields {
    padding: 0;
}

/* Registration Page */

.html-registration-page .fieldset .title,
.html-registration-page .section .title {
    display: none;
}

.html-registration-page .inputs,
.html-registration-page .inputs label,
.html-registration-page .inputs input {
    width: calc(100% - 15px);
    text-align: left;
    white-space: initial;
    margin: 0;
    margin: auto;
}

.html-registration-page .inputs label {
    padding-left: 5px;
    padding-bottom: 5px;
}

.html-registration-page .inputs {
    padding: 5px 0;
}

.html-registration-page .fieldset {
    margin: 0;
    padding: 0;
}

.html-registration-page.no-header .form-fields {
    padding: 0;
}

.html-registration-page .inputs.accept-consent input {
    width: auto;
}

.html-registration-page .inputs.accept-consent > * {
    line-height: 18px;
    font-size: 11px;
    font-weight: 500;
    color: #555;
}

.html-registration-page .center-1 .buttons {
    margin-bottom: 0;
}

.html-registration-page .page-title {
    margin-bottom: 0;
}

.html-registration-page .page-title h1 {
    font-size: 25px;
    text-transform: inherit;
    font-weight: 900;
    color: #b51f29;
    letter-spacing: 0.5px;
}

.html-registration-page .captcha-box {
    text-align: center;
    line-height: 0;
    padding: 15px 0;
}

.html-registration-page .facebook-btn {
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 12px;
    min-width: 100%;
    text-transform: uppercase;
    height: auto !important;
    padding: 10px !important;
    line-height: initial !important;
}

/* Page not found */
.page.not-found-page {
    max-width: 800px;
    width: 90%;
    margin: auto;
}

.page.not-found-page .page-title {
    display: none;
}

.page.not-found-page .topic-block-body h1 {
    color: #b51f29;
    margin: 20px 0;
}

.page.not-found-page .topic-block-body .home-button {
    background-color: #b51f29;
    margin: 10px 0;
    display: inline-block;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    border-radius: 30px;
    margin: auto;
    width: 180px;
    font-size: 14px;
}

.page.not-found-page .topic-block-body h1 {
    margin-bottom: 20px;
}

.page.not-found-page strong {
    color: #000;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.not-found-page p {
    margin: 10px !important;
    text-align: center;
}

.not-found-page p a {
    text-decoration: none;
}

.page.not-found-page .topic-block-body ul li {
    max-width: 300px;
    text-align: left;
    font-size: 13px;
    color: #333;
    letter-spacing: 0.5px;
    font-weight: 500;
    list-style: disc;
    margin: auto;
}

.html-not-found-page .newsletter-content {
    display: none;
}

.html-not-found-page .header-upper,
.html-not-found-page .store-search-box,
.html-not-found-page .header-links-wrapper,
.html-not-found-page .main-menu,
.html-not-found-page .footer {
    display: none;
}

.html-not-found-page .header-logo {
    text-align: center;
    padding-bottom: 10px;
}

.html-not-found-page .header {
    background-color: transparent;
    padding-top: 30px;
}

.html-not-found-page .topic-block-body {
    background-color: #fff;

    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    width: calc(100% - 10px);
}

/* store closed */
.html-store-closed-page .header {
    background-color: transparent;
    padding-top: 10px;
}

.html-store-closed-page .header-logo {
    text-align: center;
    padding-bottom: 10px;
}

.html-store-closed-page body {
    position: relative;

    width: 100%;
    height: 100vh;
}

.html-store-closed-page .center-1 .page-title {
    padding-top: 20px;
}

.html-store-closed-page .html-widget {
    padding: 5px;
}

.html-store-closed-page .master-wrapper-content {
    width: 100%;
}

.html-store-closed-page .master-wrapper-page {
    width: 90%;
    max-width: 800px;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    display: inline-block;
    padding: 5px 20px;
}

.html-store-closed-page .page {
    background-color: #fff;

    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    width: calc(100% - 10px);
}

.html-store-closed-page .page {
    background-color: #fff;
}

.html-store-closed-page .page-title h1 {
    color: #b51f29;
}

.html-store-closed-page .center-1,
.html-store-closed-page .topic-block {
    margin-bottom: 0 !important;
}

.html-store-closed-page .page img {
    padding: 10px;
    width: 90%;
    margin: auto;
    display: block;
}

.html-store-closed-page .page p {
    margin: 0;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 13px;
    color: #768794;
}

.html-store-closed-page .center-1 .topic-block-title,
.html-store-closed-page .admin-header-links {
    display: none;
}

.html-store-closed-page .topic-block-body .home-button {
    background-color: #b51f29;
    margin: 10px 0;
    display: inline-block;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    letter-spacing: 1px;
    border-radius: 30px;
    margin: auto;
    width: 180px;
    font-size: 14px;
    text-decoration: none;
}

.html-store-closed-page .topic-block-body img {
    padding: 10px;
}

/* conatct page */
.contact-page .topic-block {
    margin-top: -15px;
}

.conatct-box {
    background-color: #fff;
    width: 31.3%;
    margin: 1%;
    float: left;
    margin-bottom: 30px;
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 20px 10px;
    padding-left: 100px;
    position: relative;
    min-height: 185px;
    display: block;
    align-items: center;
}

.conatct-box:nth-child(1):before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 30px;
    color: #b51f29;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
    text-decoration: none;
}

.conatct-box:nth-child(2):before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f590";
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 30px;
    color: #b51f29;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
    text-decoration: none;
}

.conatct-box:nth-child(3):before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f017";
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 30px;
    color: #b51f29;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
    text-decoration: none;
}

.html-contact-page form {
    display: inline-block;
    width: 100%;
}

.html-contact-page .topic-block strong {
    color: #000;
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 14px;
}

.html-contact-page .topic-block p {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-align: left;
}

.html-contact-page .topic-block p a {
    text-decoration: none;
}

.contact-page .button-1 {
    background-color: #b51f29;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 20px;
    font-size: 14px;
    position: relative;
    padding-left: 50px;
}

.contact-page .button-1:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1d8";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
    text-decoration: none;
}

.contact-page .button-1:hover {
    background-color: #cb232e;
}

.html-contact-page iframe {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(99%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;
    /* Fix for transition flickering */
}

@media (max-width: 1281px) {
    .newsletter-content {
        background: #b51f29;
    }
}

@media (max-width: 520px) {
    .also-purchased-carousel .nop-jcarousel .carousel-title strong,
    .related-carousel .nop-jcarousel .carousel-title strong {
        font-size: 16px;
    }

    .k-overlay {
        z-index: 9999 !important;
    }

    .ajaxCart {
        z-index: 9999999 !important;
    }

    .page.not-found-page .topic-block-body h1 {
        font-size: 18px;
    }

    .newsletter .title strong {
        font-size: 22px;
    }
}

/* sidebare customer */

.facebook-login-block .buttons {
    margin-bottom: 5px !important;
}

.customer-info a {
    background-image: url(../images/icon-account/info.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.connect a {
	display:none;
    background-image: url(../images/icon-account/connect.png);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    image-rendering: crisp-edges;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming)*/
    -ms-interpolation-mode: nearest-neighbor;
}

.customer-addresses a {
    background-image: url(../images/icon-account/location.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-requests a {
    background-image: url(../images/icon-account/vereri-returnare.png);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-orders a {
    background-image: url(../images/icon-account/cumparaturi.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.return-requests a {
    background-image: url(../images/icon-account/cerere-de-returnare.png);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.downloadable-products a {
    background-image: url(../images/icon-account/produse-descarcabile.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.back-in-stock-subscriptions a {
    background-image: url(../images/icon-account/reintrat-in-stoc.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.reward-points a {
    background-image: url(../images/icon-account/puncte-fidelitate.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.change-password a {
    background-image: url(../images/icon-account/schimbare-parola.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-warranties a {
    background-image: url(../images/icon-account/garantii.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-reviews a {
    background-image: url(../images/icon-account/Review.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-gdpr a {
    background-image: url(../images/icon-account/gdpr.svg);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.cookie-preferences a {
    background-image: url(../images/icon-account/cookies.png);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.customer-card a {
    background-image: url(../images/icon-account/card.png);
    padding-left: 30px !important;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.related-ajax .owl-dots.disabled {
    display: none;
}

.related-ajax .item-box .product-title a {
    height: 42px;
}

@media all and (max-width: 1366px) and (min-width: 1001px) {
    .item-box .actual-price {
        font-weight: 500 !important;
        font-size: 12px !important;
    }

    .cart tr {
        width: 98%;
    }

    .item-box .old-price {
        font-size: 12px !important;
    }

    .cart-footer .totals {
        float: right;
        width: 100%;
        margin: 0;
        padding: 10px !important;
    }

    .shopping-cart-page .selected-checkout-attributes {
        height: 30px;
    }

    .cart .product a {
        width: 200px;
    }

    .cart .product {
        min-width: 210px;
    }

    .cart-footer .total-info {
        padding: 5px 10px 15px;
    }

    .cart-footer .checkout-buttons {
        text-align: center;
    }

    .product-review-overview .data .detailed .item .pill {
        width: 75%;
    }

    .item-box {
        width: 31.5%;
        margin: 0 0.75% 1.5%;
    }

    .html-product-details-page .slick-list,
    .html-product-details-page .nop-jcarousel .carousel-title {
        width: 100%;
        max-width: 850px;
        margin: auto !important;
    }

    .product-no-reviews,
    .product-review-links {
        display: none;
    }

    .product-review-item .review-info {
        width: 140px;
    }

    .tab-content,
    .productTabs-header ul {
        width: 100%;
        max-width: 850px;
        margin: auto;
    }

    .sub-category-grid .item-box {
        width: 24%;
        margin: 0 0.5% 1%;
        padding: 0 5px;
    }

    .sale-of-the-day-offer .picture-thumbs {
        display: none !important;
    }

    .sale-of-the-day-offer .item-gallery .item-picture {
        width: 100% !important;
    }

    .sale-of-the-day-offer {
        margin: 0 !important;
    }

    .slider-wrapper.main-slider img {
        height: 511px;
    }

    .rich-blog-homepage .blog-post-list {
        float: left;
        width: 460px !important;
    }

    .rich-blog-homepage .post-info,
    .rich-blog-homepage .post-details {
        padding: 5px 20px 5px 100px !important;
    }

    .jCarouselMainWrapper .manufacturer-grid .slick-next,
    .jCarouselMainWrapper .manufacturer-grid .slick-prev {
        top: 170% !important;
    }

    .nop-jcarousel.manufacturer-grid .carousel-title {
        max-width: 90%;
    }

    .sale-of-the-day-offer .sotd-wrapper {
        max-width: 900px;
    }

    .slick-list,
    .nop-jcarousel .carousel-title {
        width: 100%;
        max-width: 850px;
        margin: auto !important;
    }

    .jCarouselMainWrapper .slick-next,
    .jCarouselMainWrapper .slick-prev {
        top: 300% !important;
    }

    .mega-menu.static-menu li a {
        font-size: 11px;
        color: #000000;
        font-weight: 500;
        padding: 16px 3px !important;
        letter-spacing: 0;
    }

    .mega-menu.static-menu li.help:before {
        top: 3px;
        left: 6px;
        font-size: 16px;
    }

    .mega-menu.static-menu li.help {
        float: right;
        padding-left: 15px;
    }

    .mega-menu.sidebar-menu .dropdown.fullWidth {
        width: 736px !important;
    }
}

.search-input .button-1 {
    background-color: #b51f29;
    border-radius: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.search-input .button-1:hover {
    background-color: #cb232e;
}

.example-1 {
    display: none;
}

.block-account-navigation .disconnect {
    display: none;
}

.inputs.accept-consent > * {
    display: inline-block;
    line-height: 14px;
    white-space: normal;
    font-size: 12px;
    text-align: left;
    color: #444;
}

.header-rewardpoints {
    display: none;
    width: 33.33%;
    float: left;
    color: #fff;
    line-height: 38px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}

.header-rewardpoints.active {
    display: block;
}

.header-rewardpoints i {
    font-size: 18px;
}

@media (max-width: 1000px) {
	.slider-product img{
		border-radius: 10px;
		margin-bottom: -25px;
	}
    .testimonials {
        margin-top: 70px !important;
    }

    .search-box.store-search-box-elastic .ui-autocomplete {
        height: 440px;
        overflow: auto;
    }

    .jCarouselMainWrapper .slick-next,
    .jCarouselMainWrapper .slick-prev {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
    }

    .html-opc-page .item-list .item label {
        text-align: left;
    }

    .header-rewardpoints.active {
        display: none !important;
    }

    .text-testimonials code span,
    .text-testimonials code {
        margin: 10px 0 !important;
        display: inline-block;
        width: max-content;
        font-weight: 300;
        line-height: 18px !important;
    }

    .text-testimonials h4 {
        font-weight: 300;
        line-height: 18px !important;
    }

    .text-testimonials code:before {
        top: -3px;
    }

    .header-links .customer-head {
        position: absolute;
        right: 0;
        top: 0;
    }

    .header-links .customer-wishlist {
        position: absolute;
        right: 20%;
        top: 0;
    }

    .cart-left,
    .cart-right {
        width: 100%;
        margin: 0;
    }

    #shipping-product-day,
	.overview .customer-role-tier-prices,
    .variant-overview .customer-role-tier-prices {
        margin: auto !important;
		justify-content: center;
    }

    .product-estimate-shipping {
        margin: auto;
    }

    .html-product-details-page .mfp-wrap {
        top: 100px !important;
    }

    .html-product-details-page .mfp-inline-holder .mfp-content {
        width: 95% !important;
    }

    .benefits-section .tooltip {
        display: none !important;
    }

    .overview-buttons div {
        margin: initial;
    }

    .compare-products {
        width: max-content !important;
        top: 20px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .overview .product-name {
        padding-top: 50px;
    }

    .customer-role span {
        margin: auto;
    }

    .header-links .customer-head:before {
        content: none;
    }

    .header-links .customer-head a {
        position: relative;
    }

    .header-links .customer-head a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 400;
        content: "\f007";
        font-size: 20px;
        position: absolute;
        top: 33%;
        transform: translate(-50%, -50%);
        left: 50%;
        color: #bcbfc2;
    }

    .header-links .customer-head a.authenticated:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f4fc";
        font-size: 20px;
        position: absolute;
        top: 33%;
        transform: translate(-50%, -50%);
        left: 52%;
        color: #bcbfc2;
    }

    .html-my-product-reviews-list-page .product-review-item {
        padding: 0;
    }

    .html-my-product-reviews-list-page .product-review-item .review-text,
    .html-my-product-reviews-list-page .review-info .user,
    .html-my-product-reviews-list-page .review-info .date {
        text-align: center;
    }

    .side-2 .block-account-navigation .disconnect {
        display: block;
    }

    .side-2 .block-account-navigation .disconnect a {
        background-color: #b51f29;
        color: #fff;
        padding: 5px 10px;
        border-radius: 20px;
    }

    .example-1 {
        float: left;
        width: 50px;
        height: 50px;
        position: fixed;
        bottom: 80px;
        left: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        text-align: center;
        padding-top: 5px;
        background: linear-gradient(to left, #b51f29, #1b1f27);
        z-index: 9;
        display: block;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        font-size: 11px;
    }

    .ajaxCart .product-grid {
        max-height: 100%;
    }

    .related-ajax .owl-stage {
        padding-left: 0 !important;
    }

    .col {
        width: 100% !important;
    }

    .html-product-details-page .header.active #social-header,
    .html-product-details-page .header.active .header-logo,
    .html-product-details-page .header.active #menu-mobile {
        display: none;
    }

    .navbar-product.active .product-reviews-overview,
    .navbar-product.active .add-to-wishlist {
        display: none;
    }

    .html-blog-page .block,
    .html-blogpost-page .block {
        border-radius: 10px;
    }

    .html-blog-page .block .title strong,
    .html-blogpost-page .block .title strong {
        color: #fff;
    }

    .blog-page .post-date {
        margin: auto !important;
    }

    .html-blog-page .block .title,
    .html-blogpost-page .block .title {
        margin: 0;
        background-color: #cb232e;
        border-radius: 30px;
    }

    .nopAjaxFilters7Spikes ::-webkit-scrollbar {
        width: 0;
    }

    .nopAjaxFilters7Spikes .inner-wrapper {
        max-height: 100vh !important;
        overflow-y: auto;
    }

    .block .title {
        background-image: none;
    }

    .overlayOffCanvas.show {
        background-color: rgba(0, 0, 0, 0.4);
        display: block;
        transition: all 300ms linear;
    }

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1060;
        background-color: rgba(0, 0, 0, 0);
        transition: all 300ms linear;
    }

    .main-menu {
        z-index: 99999;
    }

    .header-links .customer-head > ul {
        display: none !important;
    }

    .header-links .customer-head .overview .prices {
        justify-content: center;
    }

    .sale-of-the-day-offer .picture-thumbs {
        display: none;
    }

    .slick-list,
    .nop-jcarousel .carousel-title {
        width: 100%;
        max-width: calc(100% - 100px) !important;
        margin: auto !important;
    }

    .jCarouselMainWrapper .slick-next,
    .jCarouselMainWrapper .slick-prev {
        top: 280px !important;
    }

    .sale-of-the-day-offer {
        margin: 0 !important;
    }

    .header-links-wrapper {
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        transition: 0.2s !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
    }

    #topcartlink a {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .header-links {
        width: 100%;
        float: none;
    }

    .header-links ul {
        font-size: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-links ul a {
        text-transform: uppercase;
    }

    .header-links ul li {
        position: relative;
    }

    .header-links ul li a {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 0;
    }

    .header-links #home:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f015";
        font-size: 20px;
        position: absolute;
        top: 10px;
        transform: translateX(-50%);
        left: 50%;
        color: #bcbfc2;
    }

    .header-links #search:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f002";
        font-size: 20px;
        position: absolute;
        top: 10px;
        transform: translateX(-50%);
        left: 50%;
        color: #bcbfc2;
    }

    .header-links > ul > li {
        padding-top: 0;
    }

    .header-links .customer-head:before {
        top: 5px;
        transform: translateX(-50%);
        left: 50%;
    }

    .header-links .ico-wishlist:before {
        top: 5px;
        transform: translateX(-50%);
        left: 50%;
        color: #bcbfc2;
    }

    .cart-qty {
        top: 5px;
        position: absolute !important;
        left: 60%;
        transform: translateX(-60%);
    }

    .wishlist-qty {
        top: 5px;
        position: absolute !important;
        left: 58%;
        transform: translateX(-58%);
    }

    #button {
        bottom: 90px;
    }

    #topcartlink:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f07a";
        font-size: 20px;
        position: absolute;
        top: 9px;
        left: 50%;
        transform: translateX(-50%);
        /* left: 50%; */
        color: #bcbfc2;
    }

    .header-links span,
    .header-links a {
        text-transform: uppercase;
    }

    .header-links a,
    .header-links span {
        font-size: 11px;
    }

    .header-links ul li {
        width: 20% !important;
        text-align: center;
    }

    .header-links ul li {
        border-right: 1px solid #f5f5f5;
        margin: 0 !important;
        padding: 5px 0;
    }

    .header-links ul li:last-child {
        border-right: 0;
    }

    .rich-blog-homepage .view-all {
        width: max-content;
        margin-left: 20px;
    }

    .newsletter-email {
        width: 100%;
    }

    .mobile-show {
        display: block !important;
        position: relative;
        font-size: 13px;
        text-align: left;
        letter-spacing: 0.3px;
        color: #666;
    }

    .mobile-show::before {
        background: url(../images/toggle-black.png) left no-repeat;
        transform: rotate(270deg);
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 0px;
        top: 3px;
    }

    .mobile-show a span {
        padding-left: 15px !important;
        text-transform: uppercase;
    }

    .search-box {
        padding: 10px 20px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: 0.2s !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
        display: none;
        z-index: 9999;
        height: 100vh;
    }

    .search-box.active {
        display: block;
    }

    #menu-mobile {
        padding: 10px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    #social-header ul li {
        float: left;
        padding: 5px;
    }

    #social-header {
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }

    #social-header a {
        font-size: 22px;
        color: #888;
    }

    .header-logo {
        margin-bottom: 0;
    }

    .header-logo img {
        width: 80px;
        filter: blur(0);
        -webkit-filter: blur(0);
        transform: translateZ(0);
        -webkit-transform: translateZ(0);
    }

    .ico-header-networks {
        font-size: 13px;
        letter-spacing: 0.5px;
        color: #000;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .ico-header-networks i {
        color: #888;
        font-size: 22px;
        padding-right: 5px;
    }

    .header-selectors-wrapper select {
        min-width: 50px;
        padding: 3px 6px;
        font-size: 11px;
        height: 28px;
        margin-top: -4px;
    }

    .header .header-upper .header-selectors-wrapper {
        padding: 0;
    }

    .header .header-upper .header-selectors-wrapper,
    .header-selectors-wrapper > div {
        line-height: 35px;
    }

    /* Icons for mobile menu */
    .mobile-show.toate-produsele::before {
        background-image: url(../images/icon-menu/toate-produsle.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.partner-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Parteneri.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.brands-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Branduri.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.academy-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Academy.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.sales-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Reduceri.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.new-product::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Produse_noi.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.blog-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Blog.png);
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.contact-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/Contact.png);
        background-size: 17px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: 0;
    }

    .mobile-show.ourstory-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/ourstory.png);
        background-size: 37px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -11px;
    }

    .mobile-show.ue-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/ue.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show.service-mobile::before {
        background-image: url(/Themes/BarberStore/Content/images/icon-mobile/service.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
        padding-left: 40px;
        transform: rotate(0deg);
        position: absolute;
        width: 30px;
        height: 30px;
        left: -5px;
    }

    .mobile-show a span {
        margin-left: -10px !important;
    }

    .mobile-show a span {
        margin-left: 10px !important;
    }

    .mega-menu-responsive.static-menu {
        display: none !important;
        pointer-events: none;
    }

    .header-upper {
        background-color: #b51f29;
        border: 0;
        width: 100%;
        display: inline-block;
    }

    .header .header-upper .header-info,
    .header .header-upper .header-location {
        display: none;
    }

    .header .header-upper .header-selectors-wrapper {
        width: 100%;
    }

    .header-selectors-wrapper > div {
        width: 48%;
        margin: 0 1%;
    }

    .header-selectors-wrapper {
        border-bottom: 0;
    }

    /* Start style menu */
    [data-sidebar] {
        margin-left: -320px;
        position: fixed;
        height: 100vh;
        z-index: 100;
        min-width: 300px;
    }

    [data-sidebar-overlay] {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        min-height: inherit;
    }

    aside {
        background-color: #fff;
        box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.5);
        overflow: auto;
        top: 0;
    }

    .overlay {
        background-color: #333;
        height: 100vh;
        margin-top: 0;
        z-index: 9999;
    }

    .padding {
        padding: 2em;
    }

    /* End style menu */
    .main-menu .master-wrapper-content,
    .header .master-wrapper-content {
        width: 100%;
    }

    .main-slider {
        margin: 0 !important;
        margin-bottom: 30px !important;
    }

    /* hompage category */
    .category aside {
        display: block !important;
    }

    .text-testimonials,
    .image-testimonials {
        width: 100%;
        margin: 0;
    }

    .big-cir {
        display: none;
    }

    .img-circle .picture-slide img {
        width: 250px;
        border-radius: 50%;
        margin: auto;
    }

    .home-page .slider-wrapper.img-circle {
        width: 250px;
        margin-top: 25px;
        margin-top: 0;
        margin-left: 120px;
        position: relative;
        margin: auto;
        margin-bottom: 30px;
    }

    .img-circle {
        box-shadow: none;
    }

    .sale-of-the-day-offer .prices {
        margin: 25px 0 30px;
        justify-content: center;
    }

    .jCarouselMainWrapper .manufacturer-grid .slick-next,
    .jCarouselMainWrapper .manufacturer-grid .slick-prev {
        top: 450% !important;
        z-index: 9;
    }

    .footer {
        padding-bottom: 60px;
    }

    .footer-block .html-widget {
        margin-bottom: 20px;
    }

    .footer-block .html-widget p {
        width: 100%;
        margin-bottom: 10px;
    }

    .footer-block .html-widget p img {
        width: 100%;
        display: block;
        margin: auto;
    }

    .footer-block .html-widget p {
        width: 300px;
        display: block;
        margin: auto;
        text-align: center;
    }

    .footer-block .title {
        background-color: #b51f29;
        border-radius: 20px;
        padding: 8px 15px;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        z-index: 999;
        position: relative;
    }

    .footer-block .title strong {
        font-weight: 500;
    }

    .footer-block:first-child .list {
        display: block;
        margin: 0 0 20px;
        background-color: transparent;
        padding: 10px 15px;
        text-align: center;
        margin-bottom: -20px;
    }

    .footer-block .list {
        margin: 0 0 20px;
        background-color: transparent;
        padding: 10px 15px;
        margin-top: -18px;
        padding-top: 30px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .footer-block .list a {
        color: #fff;
        padding: 5px 15px;
        line-height: 20px;
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 500;
    }

    .footer-block {
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .header {
        z-index: 9999;
    }

    .benefits-section {
        display: table-cell;
        background-color: transparent;
        box-shadow: none;
    }

    .benefits-box {
        width: 48%;
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        margin: 1%;
        padding: 10px;
    }

    .benefits-box em {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .counter .benefits-section {
        display: inline-block;
    }

    .counter .benefits-box {
        width: 48%;
        float: left;
        margin: 1% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .counter .benefits-box em {
        margin: auto;
        margin-bottom: 0;
    }

    .counter .benefits-box a {
        text-align: left;
    }

    .footer-block {
        width: 100%;
    }

    .footer-block .list {
        display: none;
    }

    .category {
        padding-top: 100px;
        margin-top: -100px;
    }

    .category [data-sidebar] {
        display: inline-block;
        position: relative;
        height: auto;
        z-index: 100;
        min-width: 300px;
        width: 100%;
        margin-left: 0 !important;
    }

    .category .mega-menu-responsive {
        display: block !important;
    }

    .category .mobile-show {
        display: none !important;
    }

    .category .item-show {
        display: block !important;
    }

    .category .header-menu-item {
        display: none;
    }

    .category aside #logo-menu-mobile {
        display: none !important;
    }

    .mega-menu-responsive > li {
        background-color: transparent;
    }

    .mega-menu-responsive > li > a,
    .mega-menu-responsive > li > span {
        display: block;
        min-height: 35px !important;
        padding: 8px 37px !important;
        font-size: 13px !important;

        color: #000 !important;
        letter-spacing: 0.5px;
        text-align: left;
        text-transform: uppercase;
    }

    .mega-menu-responsive {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 20px 10px;
    }

    .category #close-menu-mobile {
        display: none !important;
    }

    .mega-menu-responsive > li {
        border-bottom: 1px solid #eee;
        background-color: #fff !important;
    }

    .plus-button {
        width: 40px !important;
        height: 35px !important;
        background: none !important;
    }

    .plus-button:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f103";
        font-size: 10px;
        position: absolute;
        top: 5px;
        left: 13px;
        color: #777;
        line-height: 27px;
        transition: all 300ms linear;
    }

    .plus-button.close:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f102";
        font-size: 10px;
        position: absolute;
        top: 5px;
        left: 13px;
        color: #777;
        line-height: 27px;
        transition: all 300ms linear;
    }

    .category .mega-menu-responsive .sublist li a,
    aside.sidebar-menu .mega-menu-responsive .sublist li a {
        padding: 10px 15px 10px 25px !important;
        font-size: 11px !important;
        background: #f5f5f5 !important;
        text-align: left;
        letter-spacing: 0.5px;
        margin-bottom: 5px;
        border-radius: 10px;
        color: #555;
        position: relative;
    }

    .mega-menu-responsive .sublist li a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f101";
        font-size: 10px;
        position: absolute;
        top: 5px;
        left: 13px;
        color: #777;
        line-height: 27px;
        transition: all 300ms linear;
    }

    .category aside {
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        margin: 1%;
        margin-bottom: 30px;
        padding: 10px;
    }

    .category li.sales-item > a {
        padding-left: 35px !important;
        padding-top: 10px !important;
        width: 100% !important;
        margin-top: 5px;
    }

    .category .mega-menu-responsive > li.sales-item {
        border-bottom: 1px solid #eee !important;
    }

    /* mobile menu */
    .main-menu aside .mega-menu-responsive.sidebar-menu {
        display: block;
    }

    .main-menu aside.static-menu {
        display: none !important;
    }

    .main-menu aside .mega-menu-responsive.sidebar-menu .header-menu-item {
        display: none;
    }

    .main-menu aside.sidebar-menu {
        padding-bottom: 50px;
    }

    #logo-menu-mobile {
        padding: 10px;
        width: 110px;
        display: block;
    }

    #logo-menu-mobile img {
        width: 100%;
    }

    #close-menu-mobile {
        background: #fff;
        color: #999;
        border-radius: 50px;
        width: 45px;
        height: 45px;
        display: block;
        text-align: center;
        font-size: 0;
        padding: 5px;
        position: absolute;
        top: 25px;
        right: 10px;
        font-size: 0;
    }

    #close-menu-mobile i {
        font-size: 25px;
    }

    .main-menu aside .mega-menu-responsive.sidebar-menu {
        border-top: 1px solid #eee !important;
    }

    aside.sidebar-menu .mega-menu-responsive {
        padding: 0;
    }

    .header {
        position: fixed;
        -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        top: 0;
        left: 0;
    }

    body {
        padding-top: 60px;
    }

    .header-selectors-wrapper > div {
        width: 48%;
        margin: 0 1%;
        float: left;
    }

    aside .header-selectors-wrapper select {
        background-color: #333;
    }

    .header .header-upper,
    .category aside .header-selectors-wrapper {
        display: none;
    }

    .side-2 {
        margin-bottom: 0;
    }

    .breadcrumb {
        margin-bottom: 20px;
    }

    .item-box:nth-child(2n + 1) {
        clear: none;
    }

    .item-box {
        width: 31.7%;
        margin: 0 0.75% 1.5%;
    }

    .block-recently-viewed-products {
        display: none;
    }

    .filter-button {
        padding: 10px 10px;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 500;
        background: #b51f29;
        border-radius: 20px;
        margin-bottom: 10px;
        width: max-content;
        position: relative;
        padding-right: 20px;
        padding-left: 40px;
        letter-spacing: 0.5px;
        font-weight: 500;
    }

    .filter-button:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0b0";
        font-size: 20px;
        position: absolute;
        top: 5px;
        left: 13px;
        color: #fff;
        line-height: 27px;
        transition: all 300ms linear;
    }

    /* product page */
    .section-info,
    .overview .prices,
    .variant-overview .prices {
        justify-content: center;
    }

    .overview {
        border-left: 0;
    }

    .full-description {
        padding: 0 10px !important;
    }

    .productAddedToCartWindowDescription {
        padding-left: 20px !important;
    }

    .ajaxCart .item-box .product-title a {
        height: 42px;
    }

    .ajaxCart .productAddedToCartWindowCheckout {
        padding: 8px 20px !important;
    }

    /* cart page */
    .shopping-cart-page .cart-options,
    .cart-footer,
    .html-shopping-cart-page .table-wrapper {
        margin: 1%;
        width: 98%;
    }

    .html-shopping-cart-page .table-wrapper {
        width: 100%;
        margin: 1% 0;
    }

    .cart td.product,
    .cart td.product-picture {
        border: 0;
    }

    .cart td.subtotal label {
        display: none;
    }

    .cart tr {
        width: 100%;
        margin: 1% 0;
        position: relative;
        border: 1px solid #eee !important;
    }

    .cart td.quantity input {
        left: 0;
    }

    .cart td.remove-from-cart {
        border: 0;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 10px;
    }

    .cart tr:nth-child(3n + 1) {
        clear: none;
    }

    .cart td.quantity label,
    .cart td.unit-price {
        display: none;
    }

    .cart-footer .totals {
        width: 100%;
        display: inline-block;
    }

    .cart-footer .cart-collaterals .deals {
        float: none;
        width: 100%;
        margin: 20px auto;
    }

    .shopping-cart-page .selected-checkout-attributes {
        text-align: center;
    }

    /* page account */

    .block-account-navigation {
        float: none;
        margin: auto !important;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
        border: 0;
        padding: 10px;
    }

    .block-account-navigation .listbox {
        display: block;
        border: 0;
    }

    .block-account-navigation .title {
        background-color: #b51f29;
        color: #fff;
        border-radius: 20px;
    }

    .block-account-navigation .title strong {
        color: #fff;
    }

    .order-details-page .data-table tr {
        width: 100%;
        padding: 10px;
        border-radius: 10px;
        margin: 0;
        background-color: #fff;
    }

    .html-reward-points-page .data-table td,
    .data-table td {
        border: 0;
    }

    .html-order-details-page .data-table a {
        background-color: #b51f29;
        color: #fff;
        padding: 5px 10px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .html-reward-points-page .data-table td,
    .html-order-details-page .data-table td {
        border: 0;
    }

    .order-details-page .data-table td label {
        font-weight: 500;
        color: #000;
    }

    .order-details-page .data-table td.product,
    .order-details-page .data-table td.tracking-number {
        border-color: #eee;
    }

    .order-details-page .products .data-table tr {
        float: left;
        width: 48%;
        margin: 1%;
    }

    .html-order-details-page .products .data-table a {
        display: block;
    }

    .section.products {
        width: 100%;
        margin: 0;
    }

    .nop-jcarousel .carousel-title {
        border: 0;
    }

    .section.options,
    .section.totals,
    .order-details-page .totals.section {
        width: 100% !important;
    }

    /* conatct page */
    .conatct-box {
        width: 98%;
        margin: 1%;
    }
}

.ajaxCart * {
    outline: none !important;
}

@media (max-width: 1000px) and (min-width: 768px) {
    .ajaxCart .overview {
        float: left !important;
    }

    .miniProductDetailsView .short-description {
        text-align: left;
    }

    .miniProductDetailsView .prices,
    .miniProductDetailsView .product-overview-line .add-to-cart {
        justify-content: start;
    }

    .footer-block .list {
        margin-top: -30px;
        padding: 10px;
        width: 120px;
    }

    .footer-block.footer-block:first-child {
        width: 100%;
    }

    .footer-block {
        width: 32.3%;
        margin: 1%;
        float: left;
    }

    .footer-block .list {
        width: 100%;
        background-color: transparent;

        padding-top: 20px;
    }

    .footer-block .list a {
        color: #fff;
    }

    .footer-block {
        margin-left: 0 !important;
    }
}

.owl-nav.disabled {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot {
    border: 0;
    background: transparent;
}

@media (max-width: 768px) {
    .cart td.product,
    .cart .product a {
        text-align: center;
        margin: auto;
    }

    .order-details-page .products .data-table tr {
        float: left;
        width: 98%;
    }

    .order-details-page .attributes {
        margin: 10px 0;
    }

    .comment-info .username {
        border: 0;
        background-color: #e9ebee !important;
        border-radius: 20px !important;
    }

    .comment-info .user-info {
        position: relative !important;
        transform: initial !important;
    }

    .col-3 {
        width: 48% !important;
    }

    .wishlist-content .add-to-cart label {
        width: max-content;
        margin: auto;
    }

    .wishlist-content .attributes {
        margin: 10px auto;
    }

    .wishlist-content .message-error {
        text-align: center !important;
    }

    .wishlist-content .cart tr {
        position: relative;
        padding-bottom: 50px;
    }

    .wishlist-content .cart .add-to-cart {
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .sub-category-grid {
        border-radius: 10px;
        -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
        box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
        transition: all 300ms linear;
        padding: 10px;
        background-color: #fff;
    }

    .sub-category-grid .item-box {
        width: 50%;
        margin: 0;
        border-radius: 0;
        border-bottom: 1px solid #f5f5f5;
        text-align: left;
        box-shadow: none;
        padding: 0;
    }

    .sub-category-grid .item-box:last-child {
        border-bottom: 0;
    }

    .sub-category-grid .title a {
        display: block;
        padding: 5px 10px;
        font-size: 11px;
        font-weight: 500;
        color: #1b1f27;
        letter-spacing: 0.5px;
        text-align: left;
        padding-left: 20px;
        position: relative;
    }

    .sub-category-grid .title a:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f101";
        font-size: 10px;
        position: absolute;
        top: 0;
        left: 5px;
        color: #b51f29;
        line-height: 27px;
        transition: all 300ms linear;
    }

    .item-box .add-info {
        display: inline-block;

        width: 100%;
    }

    .item-box .prices,
    .item-box .buttons {
        width: 100%;
        display: block;
    }

    .item-box .prices {
        border: 0;
    }

    .back-in-stock-subscription {
        display: none;
    }

    .productAddedToCartWindowImage img {
        max-width: 120px;
    }

    .miniProductDetailsView .product-essential .picture img {
        max-width: 120px;
    }

    .ajaxCart .gallery .picture:before {
        padding-top: 120px !important;
    }

    .miniProductDetailsView .product-essential .gallery {
        display: block;
        float: none !important;
        width: 50% !important;
        margin: auto !important;
    }

    .related-ajax .owl-stage {
        padding-left: 0 !important;
    }

    .product-price span {
        color: #000;
        font-size: 15px;
    }

    .productAddedToCartItem {
        width: 100%;
    }

    .ajaxCart .attributes {
        margin: 0 auto 15px !important;
    }

    .owl-nav.disabled {
        display: none !important;
    }

    .miniProductDetailsView .product-essential .gallery {
        display: block;
        float: left;
        overflow: hidden;
        width: 100% !important;
        margin: 0;
    }

    /* .ajaxCart .product-grid {
    max-height: 100% !important
  } */

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        border: 0;
        background: transparent;
    }

    .ajaxCart .product-grid .item-grid {
        padding: 0 !important;
    }

    .miniProductDetailsView h1 {
        text-align: center;
    }

    .ajaxCart .overview .short-description {
        font-size: 12px;
        text-align: center;
    }

    .ajaxCart .attributes {
        margin: 0 auto 15px;
    }

    .miniProductDetailsView .product-overview-line .add-to-cart {
        margin: 0;
        overflow: hidden;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .ajaxCart .attributes {
        margin: 0 0 15px;
        display: block;
        margin: auto;
        margin-bottom: 20px;
    }

    .ajaxCart .overview {
        width: 100% !important;
        float: none;
        padding: 0 20px;
        border-left: 0;
    }

    .miniProductDetailsView .product-name {
        width: 100% !important;
    }

    .miniProductDetailsView h1 {
        font-size: 15px !important;
        letter-spacing: 0.5px;
        margin: auto;
        display: inline-block;
        margin-top: 10px !important;
    }

    .ajax-cart .overview .short-description {
        text-align: center !important;
        font-size: 12px !important;
    }

    .cart .add-to-cart {
        margin-top: 20px;
    }

    .newsletter-email input[type="email"] {
        border: 0;
        width: calc(100% - 85px);
    }

    .productAddedToCartItem {
        display: inline-block !important;
    }

    .productAddedToCartWindowImage {
        height: auto !important;
        text-align: center !important;
    }

    .productAddedToCartWindowDescription strong {
        text-align: center;
    }

    .productAddedToCartWindowDescription h1 a {
        text-align: center;
    }

    .productAddedToCartWindowDescription,
    .productAddedToCartWindowImage {
        width: 100% !important;
        display: inline-block;
        padding: 0 !important;
        text-align: center;
    }

    .productAddedToCartWindowDescription,
    .productAddedToCartWindowImage {
        width: 100% !important;
    }

    .miniProductDetailsView h1 {
        width: 100%;
    }

    .cart td.remove-from-cart {
        border: 0;
        position: absolute;
        top: -1px;
        right: -1px;
        border-radius: 10px;
        min-width: 35px;
        padding: 5px;
    }

    .html-manufacturer-list-page .item-box {
        width: 31.8%;
        margin: 0 0.75% 1.5%;
    }

    /* homepage */
    .benefits-box,
    .counter .benefits-box {
        width: 48%;
        padding: 10px;
    }

    .sale-of-the-day-offer .picture-thumbs {
        display: none !important;
    }

    .sale-of-the-day-offer .product-name a {
        font-size: 16px !important;

        display: block;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 60px;
        text-align: center;
    }

    .sale-of-the-day-offer .short-description {
        display: block;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 55px;
        text-align: center;
        display: none;
    }

    .sale-of-the-day-offer .item-gallery {
        margin-bottom: 10px !important;
    }

    .text-testimonials h4 {
        color: #fff;
        font-size: 11px;
        height: 150px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 1px;
        padding: 0 10px;
    }

    .slick-list,
    .nop-jcarousel .carousel-title {
        width: 100%;
        max-width: 100% !important;
        margin: auto !important;
    }

    .slick-carousel {
        padding-left: 10px;
    }

    .text-testimonials h3 {
        color: #fff;
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 20px;
        padding-top: 30px;
    }

    .category [data-sidebar] {
        min-width: 100%;
    }

    .nop-jcarousel .item-box .old-price {
        font-size: 12px !important;
        margin: 0 !important;
    }

    .nop-jcarousel .item-box .actual-price {
        font-size: 12px !important;
        margin: 0 !important;
    }

    .jCarouselMainWrapper .slick-list {
        padding-right: 50px !important;
    }

    .jCarouselMainWrapper .slick-dots li {
        display: inline-block;
        margin: 0px 3px !important;
    }

    .jCarouselMainWrapper .slick-dots li button {
        background: #fff !important;
        border: none;
        width: 10px !important;
        height: 10px !important;
        font-size: 0;
        border-radius: 10px;
        border: 2px solid #eee;
    }

    .jCarouselMainWrapper .slick-dots .slick-active button {
        background: transparent !important;
        border: 2px solid #fff !important;
    }

    .testimonials .slick-list {
        padding-right: 0 !important;
        margin-right: 0;
    }

    .testimonials {
        margin-top: 0;
    }

    .sale-of-the-day-offer .go-to-product-page {
        line-height: 35px !important;
    }

    .manufacturer-grid .slick-carousel {
        padding: 0 !important;
    }

    .jCarouselMainWrapper .manufacturer-grid .slick-dots {
        display: none !important;
    }

    /* pagina categorie */
    .item-box {
        width: 48.5%;
        margin: 0 0.75% 1.5%;
    }

    .item-box .prices,
    .item-box .buttons,
    .item-box button {
        line-height: 15px;
        height: 30px !important;
    }

    .product-ribbon.reducere {
        padding: 2px 2px !important;
    }

    .product-ribbon.reducere label {
        font-size: 11px !important;
    }

    .related-ajax .item-box .prices {
        display: flex;
    }

    .product-box-detail-button {
        height: 30px;
    }

    .item-box .product-title a {
        display: block;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 45px;
        text-align: center;
        font-size: 11px;
    }

    .item-box .actual-price {
        font-weight: 500 !important;
        font-size: 13px !important;
    }

    .item-box .product-box-add-to-cart-button {
        font-size: 10px !important;
    }

    .item-box .old-price {
        font-size: 11px !important;
        margin-right: 0 !important;
    }

    .breadcrumb {
        display: none !important;
    }

    .ajax-cart-button-wrapper .product-box-add-to-cart-button {
        width: max-content !important;
        color: #fff !important;
        background-color: #b51f29 !important;
        border-radius: 30px;
        height: 27px !important;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 0 10px;
    }

    .item-box .prices span {
        width: 100% !important;
        display: block;
        margin: 0 5px !important;
    }

    .item-box .prices {
        height: 40px !important;
    }

    .filter-button {
        width: 100%;
    }

    .filter-button:before {
        left: 39%;
    }

    .master-wrapper-content {
        width: 95%;
    }

    .prev-next-wrapper {
        margin: 5px 0 !important;
    }

    .overview .product-name h1 {
        color: #000;
        font-weight: 900;
        font-size: 20px;
        letter-spacing: 0.5px;
        margin-top: 15px;
    }

    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        font-size: 11px;
    }

    .overview-buttons div {
        width: 100%;
    }

    .navbar-product img {
        display: none;
    }

    .navbar-product h4 {
        color: #000;
        padding-right: 0;
        font-size: 11px;
        letter-spacing: 0;

        display: block;
        display: -webkit-box;
        width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .navbar-product .product-name {
        width: 40%;
        display: flex;
        align-items: center;
        vertical-align: middle;
        height: 45px;
    }

    .navbar-product {
        background-color: #fff;
        width: 100%;
        padding: 15.5px 0;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    }

    .navbar-product .old-product-price span {
        font-weight: 500;
        font-size: 12px !important;
        margin: 0;
    }

    .navbar-product .product-price label + span {
        color: #b51f29;
        font-size: 12px;
    }

    .navbar-product .add-to-cart-button {
        background-color: #b51f29;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0;
        border-radius: 20px;
        font-size: 11px;
        border: 0;
        padding: 8px 10px;
        width: 95px;
        text-transform: initial;
        line-height: 10px;
    }

    .navbar-product .prices {
        text-align: center;
        font-weight: 500;
        padding: 0;
    }

    div.column-3 {
        width: 90%;
    }

    .product-review-overview .data .average .mark {
        text-align: center;
        width: 100%;
    }

    .product-review-overview .data .average .detailed,
    .product-review-overview .data .average {
        width: 100%;
        border: 0;
    }

    .product-review-overview .data .detailed .item .pill {
        width: 60%;
    }

    .product-review-overview .data .add-review-request {
        width: 100%;
        padding: 30px;
    }

    #quickTab-reviews {
        width: 90%;
        margin: auto;
    }

    .product-review-item {
        padding: 0;
    }

    .product-review-item {
        padding-top: 180px;
    }

    .product-review-item .review-info {
        position: absolute;
        left: 0;
        top: 20px;
        width: 100%;
        transform: none;
    }

    .productTabs-header ul li {
        margin: 0 !important;
    }

    .productTabs-header ul {
        padding: 10px 0;
    }

    .productTabs-header ul li a {
        text-align: center;
        font-size: 11px;
        font-family: "Euclid-Circular";
        padding: 5px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 10px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .html-product-details-page .nop-jcarousel .carousel-title {
        padding-left: 10px !important;
    }

    .cart td.product-picture {
        padding: 0;
    }

    .cart td.product-picture a {
        width: 100%;
    }

    .cart tr {
        width: 100%;
    }

    .overview .button-2.add-to-wishlist-button {
        display: block;
        width: max-content !important;
        margin: auto;
    }

    .cart td.product,
    .cart .product a {
        width: 100% !important;
    }

    .html-shopping-cart-page .product .attributes {
        max-width: 100%;
    }

    .product-subtotal {
        color: #cb232e;
    }

    .cart tr {
        display: block;
    }

    .cart td.product {
        padding: 5px;
    }

    .cart .qty-input-wrapper {
        padding: 0;
    }

    .cart .attributes {
        padding: 5px;
    }

    .cart td.subtotal {
        display: inline-block;
        padding: 0px 10px;
    }

    .product-review-item .review-title,
    .product-review-item .text-body {
        text-align: center;
    }

    .product-review-box .rating {
        margin: auto;
    }

    .product-review-item .product-review-box {
        float: none;
    }

    div.column-3 span strong {
        color: #000 !important;
        font-size: 11px;
    }

    div.column-3 img {
        border-radius: 10px;
        padding: 5px;
        width: 90px;
        height: auto;
    }

    .call-center a {
        width: 100%;
        display: inline-block;
    }

    .product-essential .slick-track {
        margin: auto;
    }

    .navbar-product .product-price label + span {
        color: #b51f29;
        font-size: 13px;
        font-weight: 700;
    }

    .shipping-info,
    .custom-tab > p {
        text-align: left !important;
    }
}

/* Category Landing Page */

.html-category-page.landing-page .wallpaper .html-widget img {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

.html-category-page.landing-page .header,
.html-category-page.landing-page .master-column-wrapper {
    background-color: transparent;
}

.html-category-page.landing-page .page-title {
    text-align: center;
}

.html-category-page.landing-page .header-logo {
    text-align: center;
}

.header-logo {
    margin-bottom: 0;
}

.special-text {
    /* margin: auto;

  margin-top: 20px;
  color: #222;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 1px; */
    margin: auto;
    -webkit-text-stroke: 2px #fff;

    color: transparent !important;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    letter-spacing: 4px;
}

.html-category-page.landing-page .item-box {
    box-shadow: none;
    border: 2px solid #e9ebee;
}

@media (min-width: 1001px) {
    .html-category-page.landing-page .master-wrapper-content {
        width: 900px !important;

        border-radius: 10px;

        position: relative;
        margin: 50px auto;
        padding: 20px;
        display: table;
    }

    .html-category-page.landing-page .item-box {
        box-shadow: none;
        border: 2px solid #e9ebee;
    }

    .html-category-page.landing-page .item-box {
        width: 23.5% !important;
        margin: 0 0.75% 1.5% !important;
    }

    .html-category-page.landing-page.with-sidebar .item-box {
        width: 31.5% !important;
        margin: 0 0.75% 1.5% !important;
    }

    .html-category-page.landing-page.with-sidebar .side-2 {
        float: left;
        width: 220px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: none;
        border: 1px solid #e9ebee;
    }

    .html-category-page.landing-page.with-sidebar .center-2 {
        width: calc(100% - 230px);
    }

    .html-category-page.landing-page .ajaxCart .product-grid .item-box {
        width: 95% !important;
    }

    .html-category-page.landing-page.with-sidebar .item-box {
        border-width: 1px;
    }

    .html-category-page.landing-page.with-sidebar .item-box .add-info {
        border-top: 1px solid #e9ebee;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;
        width: 100%;
    }

    .html-category-page.landing-page.with-sidebar .filter-block {
        border-bottom: 0;
    }

    .html-category-page.landing-page .product-grid {
        margin-bottom: 10px;
    }
}

@media (max-width: 1000px) {
    .html-category-page.landing-page body {
        padding-top: 0;
    }

    .html-category-page.landing-page .wallpaper .html-widget img {
        position: fixed;
        top: 0;
        left: 50%;
        min-width: 200%;
        min-height: 100%;
        transform: translateX(-50%);
    }

    .order-details-page .products .data-table tr {
        float: left;
        width: 98%;
    }

    .html-category-page.landing-page .header-logo img {
        width: 100%;
    }

    .html-category-page.landing-page .master-wrapper-content {
        margin-bottom: 50px;
    }

    .html-category-page.landing-page .product-grid {
        margin-bottom: 10px;
    }

    .html-category-page.landing-page.with-sidebar .center-2 {
        margin-bottom: 0;
    }

    .html-category-page.landing-page .master-wrapper-content {
        padding: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    }

    .html-category-page.landing-page .header {
        position: relative;
        box-shadow: none;
    }
}

.ws-counter {
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    z-index: 999;
    position: relative;
}

#countdown {
    width: 241px;
    display: block;
    margin: 10px auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

#countdown .number {
    background-color: #b51f29;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 2px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 10px;
    margin-bottom: 5px;
}

#countdown .label {
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 10px;
    color: #333;
}

#countdown li {
    float: left;
    text-align: center;
    margin: 0 5px;
}

/* order completed */
.order-completed-page {
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    width: calc(100% - 20px);
    padding: 20px 10px;
    max-width: 500px;
    margin: 10px auto;
}

.order-completed .details {
    margin-bottom: 0;
}

.order-completed .details {
    margin: 0px;
    padding: 10px 15px !important;
    text-align: center;
    color: #000;
    font-weight: 700;
}

.order-completed .details strong {
    font-weight: 500;
}

.order-completed .info {
    background-color: #1b1f27;
    color: #fff;
    margin-top: 20px;
    border-radius: 20px;
    display: table;
    margin: auto;
    margin-bottom: 15px;
    width: auto;
    padding: 5px 10px;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.checkout-page .button-1 {
    background-color: #b51f29;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
    border-radius: 20px;
    position: relative;
    padding-right: 40px;
}

.checkout-page .button-1.confirm-order-next-step-button:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.checkout-page .button-1:hover {
    background-color: #cb232e;
}

.order-completed .details a {
    color: #54b481;
}

.html-order-completed-page .header {
    background-color: transparent;
    padding: 20px 10px;
}

.html-order-completed-page .header-logo {
    text-align: center;
}

.html-registration-result-page .header {
    background-color: transparent;
    padding: 15px 10px;
}

.html-registration-result-page .header-logo {
    text-align: center;
}

.html-registration-result-page .master-column-wrapper {
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    max-width: 500px;
    width: calc(100% - 20px);
    margin: auto;
}

.html-registration-result-page .center-1 {
    margin-bottom: 0;
}

.registration-result-page .page-title {
    background-color: #4cb17c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 30px 10px;
    color: #fff;
}

.registration-result-page .page-title i {
    color: #fff;
    font-size: 60px;
}

.registration-result-page .page-title h2 {
    color: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    letter-spacing: 1px;
}

.registration-result-page {
    padding-bottom: 20px;
}

.registration-result-page .result {
    padding: 10px;
}

.registration-result-page .result {
    color: #777;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 500;
}

.registration-result-page .button-1 {
    background-color: #4cb17c;
    position: relative;
    padding-right: 40px;
    padding-left: 20px;
    -webkit-box-shadow: 0 0 22px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.3);
}

.registration-result-page .button-1:hover {
    background-color: #4cb17c;
    opacity: 0.9;
}

.registration-result-page .button-1::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.noheader .header {
    box-shadow: none;
    position: relative;
}

.noheader .header-logo img {
    width: auto;
}

.noheader body {
    padding-top: 0;
}

.html-product-details-page .attribute-square {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    border: 0 !important;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
}

.html-account-page .attribute-squares .selected-value .attribute-square-container {
    border-radius: 50%;
}

.group-inputs {
    width: calc(100% - 10px);
    max-width: 600px;
    display: table;
    margin: auto;
}

.group-inputs .inputs label,
.group-inputs .inputs input,
.group-inputs .inputs select {
    width: 100%;
    display: block;
    text-align: left;
    margin: 5px 0;
}

.html-account-page .address-edit-page .inputs label,
.html-account-page .address-edit-page .inputs input,
.html-account-page .address-edit-page .inputs select {
    width: 100% !important;
    display: block;
    text-align: left;
    margin: 5px 0;
    float: left;
}

.html-account-page .address-edit-page .edit-address .inputs {
    width: calc(100% - 10px);
    display: inline-block;
    margin: auto;
}

.html-account-page .address-edit-page .inputs input {
    width: 100%;
    float: left;
}

.group-inputs .inputs {
    width: 31% !important;
    float: left;
    margin: 0 1% !important;
}

.html-account-page .edit-address {
    column-count: 1;
}

.html-account-page .required {
    position: absolute;
    right: 10px;
}

@media (max-width: 768px) {
    .html-account-page .edit-address {
        column-count: 1;
    }
}

.html-opc-page .edit-address {
    background-color: #f5f5f5;
    padding: 20px 15px;
    border-radius: 10px;
}

.terms-of-service label {
    font-size: 12px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.html-opc-page .message-error {
    padding: 0 !important;
}

.product-reviews-page .result,
.product-reviews-page .message-error {
    background-color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

@media (max-width: 480px) {
    .instantSearch.resize {
        overflow: auto !important;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 400px !important;
    }

    .header-lower .search-box .search-box-button {
        width: 11% !important;
    }

    .search-box {
        padding: 10px 6px;
    }

    .instantSearch {
        width: 100.4% !important;
    }

    .header-lower span.search-box-text {
        float: left;
        width: 54% !important;
    }
}

.col-3 {
    width: 18%;
    float: left;
    margin: 1%;
    background-color: #e9ebee;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    padding: 15px;

    text-align: center;
    border: 1px solid #ddd;
    transition: background-color 0.3s, color 0.15s, box-shadow 0.3s, opacity 0.3s;
}

.col-3 img {
    border-radius: 10px;
}

.col-3:hover {
    box-shadow: 0 14px 18px 0 rgba(0, 0, 0, 0.1), 0 16px 20px 0 rgba(0, 0, 0, 0.1);
}

.col-3 a {
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #000;
}

.img-border img {
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
}

/* warranties */
.warranties-page .warranty-item .info,
.warranties-page .warranty-item.filters {
    padding: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    background-color: #fff !important;
    align-items: center;
}

.warranties-page .warranty-item.filters .info {
    box-shadow: none;
    padding: 0 !important;
}

.warranties-page .warranty-item.filters .fields .fieldset input,
.warranties-page .warranty-item.filters .fields .fieldset select {
    border: 1px solid #eee !important;
    border-radius: 20px;
}

.warranties-page .warranty-item .order .buttons a {
    width: max-content;
}

.warranties-page .warranty-item .details h2 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: #000;
}

.warranties-page .warranty-item .details .sku {
    font-size: 13px;
    margin-bottom: 5px;
}

.warranties-page .warranty-item .info .product-rating-box {
    font-size: 13px;
}

.warranties-page .warranty-item .info p {
    font-size: 13px;
    font-weight: 500;
}

.warranties-page .warranty-item .info .order p {
    font-weight: 400;
}

.warranties-page .warranty-item .order a,
.warranties-page .warranty-item .order b {
    color: #000;
}

.warranties-page .warranty-item .order .buttons a {
    color: #fff;
}

.warranties-page .warranty-item .order .buttons .button-1 {
    padding: 7px 10px;
    padding-left: 35px;
    position: relative;
    margin: auto;
}

.warranties-page .warranty-item .order .buttons .button-1:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f019";
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

@media (max-width: 768px) {
    .warranties-page .warranty-item .info {
        display: flex;
        flex-direction: column;
    }

    .warranties-page .warranty-item .details {
        border-right: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        display: table;
        background: #e9ebee;
        padding: 20px !important;
        border-radius: 10px;
    }

    .warranties-page .warranty-item.filters .fields .fieldset {
        margin: 10px 0 !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        border-left: 0 !important;
    }

    .warranties-page .warranty-item.filters .fields button {
        margin-left: initial !important;
    }
}

.partner-landing-page .panel,
.partner-details-page .panel {
    border-radius: 10px;
    background-color: #fff !important;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    color: #777;
    border: 0 !important;
    letter-spacing: 0.5px;
    font-size: 13px;
    line-height: 24px;
    flex-direction: column;
}

.partner-details-page .buttons .button-1 {
    background-color: #b51f29 !important;
    font-weight: 700;
    border-radius: 20px;
}

.partner-contact.panel {
    background-color: #1b1f27 !important;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.partner-contact.panel li.name {
    font-size: 16px;
    color: #cfa85c;
    font-weight: 900;
}

.html-partner-landing-page .side-2 {
    margin-top: 10px;
}

.html-partner-landing-page .side-2 .block-recently-viewed-products {
    display: none !important;
}

.listbox .title {
    font-size: 13px;
    font-weight: 700;
    color: #b51f29;
    text-transform: capitalize !important;
}

.block-partner-navigation .list li a {
    color: #333;
    font-size: 11px !important;
    font-weight: 500;
    /* padding-left: 25px; */
    position: relative;
}

/* .block-partner-navigation .list li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f19d";
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 0;
  color: #1B1F27;
  line-height: 27px;
  transition: all 300ms linear;
  background-color: transparent;
} */
.partner-landing-page .partner-category .partners .partner {
    width: 25%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.partner-landing-page .partner-category .panel {
    background-color: transparent !important;
    box-shadow: none !important;
}

.partner-landing-page .partner-category .partners {
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13) !important;
    background-color: #fff !important;
    padding-bottom: 0 !important;
    flex-direction: row;
}

.partner-landing-page .partner-category .partners .partner {
    background-color: #fff;
    margin: 1%;
    width: 23% !important;
    border-radius: 10px;
}

.partner-landing-page .partner-category .partners img {
    border-radius: 10px;
}

.partner-landing-page .partner-category .title {
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: normal;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px !important;
    letter-spacing: 0.3px;
    padding: 0 10px;
    margin-top: 20px;
    /* background-color: #E9EBEE; */
    padding: 5px;
    border-radius: 20px;
    width: 100%;
}

.partner-category h2.title {
    font-size: 20px !important;
    color: #b51f29 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.partner-landing-page .partner-category .panel {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

.partner-description.panel p strong {
    color: #000 !important;
}

.html-partner-landing-page .newsletter-content {
    display: none;
}

.partner-landing-page .partner-category .title {
    height: 46px;
    margin: 0 !important;
    overflow: hidden;
}

.partner-landing-page .panel {
    justify-content: center;
}

.partner-landing-page .html-widget {
    background-color: #1b1f27 !important;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 20px 20px !important;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    line-height: 24px;
}

.partner-landing-page .html-widget strong {
    font-size: 30px;
    padding: 10px;
}

@media (max-width: 768px) {
    .partner-landing-page .partner-category .partners .partner {
        width: 48% !important;
    }

    .html-partner-landing-page .inputs {
        white-space: normal;
        width: 100%;
        display: inline-block;
    }

    .html-partner-landing-page .info-list {
        text-align: center;
        margin: auto;
    }

    .html-partner-landing-page .inputs input[type="text"],
    .html-partner-landing-page .inputs input[type="email"],
    .html-partner-landing-page .inputs input[type="tel"],
    .html-partner-landing-page .inputs input[type="password"],
    .html-partner-landing-page .inputs select,
    .html-partner-landing-page .inputs textarea {
        width: 90% !important;
    }

    .block-partner-navigation .title a strong {
        color: #b51f29 !important;
    }

    .block-partner-navigation .title {
        border-radius: 10px;
        background-color: #e9ebee;
        margin-bottom: 0;
    }

    .block-partner-navigation {
        background-color: #fff;
        padding: 10px;
        border-radius: 10px;
    }

    .block.block-partner-navigation .listbox {
        border: 0;
    }
}

/* Customer roles  */
.customer-role .partener {
    width: max-content;
    padding: 4px 20px;
    margin-bottom: 10px;
    padding-left: 40px;
    display: block;
    border-radius: 40px;
    background-color: #f18e01;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    position: relative;
}

.customer-role .partener:after,
.customer-role .distribuitor:after,
.customer-role .academie:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
    font-size: 16px;
    position: absolute;
    top: 0px;
    left: 18px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.customer-role .distribuitor {
    width: max-content;
    padding: 4px 20px;
    margin-bottom: 10px;
    padding-left: 40px;
    display: block;
    border-radius: 40px;
    background-color: #1b1f27;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    position: relative;
}

.customer-role .academie {
    width: max-content;
    padding: 4px 20px;
    margin-bottom: 10px;
    padding-left: 40px;
    display: block;
    border-radius: 40px;
    background-color: #70be1a;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    position: relative;
}

.customer-head .customer-role span {
    line-height: 20px;
    border: 0;
    border: 0px solid #ddd;
    font-weight: 500;
    font-size: 12px;
}

.header-links .customer-head ul li a.ico-account.active-role {
    padding: 10px 0px;
}

.header-links .customer-head .customer-role span {
    background-size: 20px;
}

.header-links .customer-head .customer-role span.connect {
    font-size: 0;
    background-image: url(../images/connect/LOGO%20CONNECT%20ALB.png), linear-gradient(to right, rgba(28, 28, 64, 1) 0%, rgba(181, 31, 42, 1) 80%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%, 100%;
    height: 30px;
    width: 67%;
    position: relative;
    padding: 10px;
    border-radius: 30px;
    top: -3px;
}

.customer-role-head {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px !important;
}

/* freeshipping cart */
.animated-progress {
    width: 98%;
    height: 10px;
    border-radius: 5px;
    margin: 20px 1%;
    background-color: #ddd;
    overflow: hidden;
    position: relative;
    margin-top: 0;
}

.animated-progress span {
    height: 100%;
    display: block;
    width: 0;
    color: #fffbfb;
    line-height: 30px;
    position: absolute;
    text-align: end;
    padding-right: 5px;
}

.progress-blue span {
    background: #d62929;
    background: linear-gradient(90deg, rgba(214, 41, 41, 1) 0%, rgba(149, 28, 28, 1) 50%);
}

.counter-value {
    font-size: 30px;
    color: #b51f29;
    font-weight: 400;
}

.reward-points-earning {
    font-weight: 500;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    display: block;
}

.free-shipping-over {
    background-color: #f9f9f9;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
    padding: 5px;
    border: 2px dashed #e9ebee;
    border-radius: 10px;
}

.free-shipping-over-text {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    color: #222;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 12px;
}

.overview .environmental-tax,
.variant-overview .environmental-tax {
    width: 100%;
    padding: 10px;
    padding-left: 0;
    font-weight: 700;
    color: green;
}

.compare-products {
    position: absolute;
    top: 0px;
    right: 0;
    background-color: #f5f5f5;
    border-radius: 20px !important;
    margin-top: -5px !important;
    margin-right: -5px !important;
}

.compare-products .button-2 {
    background-color: #f5f5f5 !important;
    color: #666 !important;
    padding: 4px 10px 5px 35px;
    font-size: 12px;
}

.compare-products .button-2.button-2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
    font-size: 20px;
    position: absolute;
    top: 1px;
    left: 15px;
    color: #666;
    line-height: 27px;
    transition: all 300ms linear;
    font-size: 14px;
}

.html-product-details-page .bar-notification-container {
    position: fixed;
    top: 50%;
    left: unset;
    right: 20px;
    z-index: 1000;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
    width: 120px;
    border-radius: 20px;
    display: inline-block;
    background-color: #fff;
    background-position: center top;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
}

.compare-list .bar-notification.success {
    border-radius: 10px;
    padding-right: 10px;
    background-color: #fff;
    color: #000;
    font-family: "Euclid-Circular", sans-serif;

    font-size: 12px !important;
    letter-spacing: 0.5px;
    color: #333;
    font-weight: 500;
    line-height: 20px;
}

.compare-list .bar-notification {
    position: unset;
}

.compare-list .content {
    display: inline-block !important;
    width: 100% !important;
}

.compare-list .bar-notification .content a {
    margin: 0 0px 0 0;
    background: #b51f29;
    padding: 5px 5px;
    border-radius: 25px;
    color: #fff;
    width: 100%;
    margin: 10px auto;
    display: inline-block;
    margin-top: 0;
    text-decoration: none;
}

.compare-list .bar-notification .content {
    margin: 0 !important;
}

.compare-list .bar-notification.success a {
    position: relative;
    padding-left: 30px;
}

.compare-list .bar-notification {
    padding: 10px 10px 0px 10px !important;
}

.compare-list .bar-notification.success a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 13px;
    position: absolute;
    top: 3px;
    left: 10px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.compare-list img.compare-image {
    width: 100%;
    filter: blur(0);
    -webkit-filter: blur(0);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    border-radius: 10px;
}

.compare-products-page .clear-list {
    border-radius: 20px;
    background-color: #f18e01;
    padding: 5px 10px;
    text-transform: initial;
    font-size: 13px;
    color: #fff !important;
    font-weight: 500;
}

.compare-products-table {
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    font-size: 13px !important;
}

.compare-products-table td {
    border: 0;
    background-color: transparent;
}

.compare-products-table tr:nth-child(odd) {
    background-color: #f5f5f5;
    border-radius: 10px;
}

.compare-products-table td {
    padding: 10px;
}

.compare-products-table td label {
    font-size: 13px;
    font-weight: 700;
    color: #000;
}

.compare-products-table td {
    color: #777;
    font-size: 12px;
}

.compare-products-table .product-name td a {
    color: #000;
}

.compare-products-table .product-price td {
    color: #b51f29;
    font-weight: 700;
}

.compare-products-table td.empty {
    background-color: #fff;
}

.html-opc-page .free-shipping-over {
    display: none;
}

.cart.total-discount {
    position: relative;
    padding: 10px !important;
    padding-left: 40px !important;
    background: #fff;
    padding-top: 10px !important;
    width: max-content;
    margin: auto;
    border-radius: 20px;
    margin-top: 10px !important;
    background-color: #4bb07a;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.cart.total-discount:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 13px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.old-price-cart {
    color: #b51f29;
}

.html-shopping-cart-page .use-reward-points input {
    z-index: 0;
    opacity: 0;
}

.html-shopping-cart-page .order-summary-content .use-reward-points {
    position: relative;
    background-color: transparent !important;
    color: #1b1f27 !important;
    width: max-content;
    padding: 0 !important;
    padding-right: 50px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    border-radius: 20px;
    margin: 10px auto !important;
    max-width: 100%;
    background-image: none !important;

    text-align: left;
}

.html-shopping-cart-page .order-summary-content .use-reward-points label[for="useRewardPoints"] {
    color: #1b1f27 !important;
    padding: 10px 20px !important;
    padding-left: 50px !important;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    border-radius: 20px;
    padding-right: 50px !important;
    background-image: url(../images/logo_payment/puncte-fidelitate.png?v=1.00);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 40px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    display: block;
}

.html-shopping-cart-page .use-reward-points input:checked + label[for="useRewardPoints"] {
    background-color: #1b1f27 !important;
    color: #fff !important;
}

.use-reward-points {
    position: relative;
    background-color: #1b1f27;
    width: max-content;
    padding: 7px 20px;
    padding-right: 50px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    border-radius: 20px;
    margin: 10px auto;
    max-width: 100%;
    background-image: url(../images/coins.png);
    background-repeat: no-repeat;
    background-position: center left 15px;
    background-size: 25px;
}

/* .use-reward-points:before {
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   content: "\f51e";
   font-size: 20px;
   position: absolute;
   top: 50%;
   left: 13px;
   transform: translateY(-50%);
   color: #fff;
   line-height: 27px;
   transition: all 300ms linear;
   z-index: 9;
} */
.html-opc-page .payment-methods.item-list .item input:checked + label {
    background-color: #f5f5f5 !important;
    background-image: url(../images/coins.png);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 25px;
}

.product-subtotal {
    color: #333;
}

.shopping-cart-page .no-data {
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 20px;
    color: #444;
    letter-spacing: 1px;
    font-weight: 500;
}

.compare-products-page .no-data {
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 20px;
    color: #444;
    letter-spacing: 1px;
    font-weight: 500;
}

/* estimate shipping */

.product-estimate-shipping .shipping-title {
    font-size: 14px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
    justify-content: center;
    letter-spacing: 0.5px;
    color: #000;
}

.estimated-delivery {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.product-estimate-shipping {
    position: relative;
    margin-top: 20px;
    padding: 10px;
    padding-left: 50px;
    border: 1px solid #eee;
    width: max-content;
    border-radius: 10px;
    background-color: #f5f5f5;
    max-width: 100%;
}

.product-estimate-shipping:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 13px;
    color: #f18e01;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
}

.estimate-shipping-popup {
    border-radius: 10px;
}

.estimate-shipping-popup strong {
    color: #000;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.estimate-shipping-row-item.shipping-header-item {
    letter-spacing: 0.5px;
    font-size: 13px;
}

.estimate-shipping-popup input,
.estimate-shipping-popup select {
    border-radius: 20px;
}

.estimate-shipping-row-item.shipping-item {
    font-size: 13px;
    letter-spacing: 0.5px;
}

.estimate-shipping-row.shipping-option.active {
    color: #777;
    font-weight: 500;
    font-size: 12px;
}

.apply-shipping-button {
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 30px;
}

#open-estimate-shipping-popup {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    margin: 10px 0;

    padding: 10px;
    color: #777;
    border-radius: 30px;
    font-size: 13px;
    letter-spacing: 0.2px;

    position: relative;
    padding-left: 40px;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    border: 1px dashed #b51f29;
}

#open-estimate-shipping-popup:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 15px;
    color: #b51f29;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
}

.html-checkout-page #open-estimate-shipping-popup {
    display: none;
}

select {
    background-color: #fff;
}

#reviewNotification {
    right: 10px;
    bottom: 85px;
    z-index: 9999;
}

/* comments blog */
.comment-info {
    background-color: #e9ebee;
}

.comment-info .username {
    color: #b51f29;
    background-color: transparent;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 900;
}

.comment-time {
    background-color: #fff;
    font-size: 13px !important;
    font-weight: 700;
    color: #000;
}

.comment-body {
    background-color: #fff;
    font-size: 13px !important;
    border-top: 1px solid #eee;
    margin-left: 10px;
}

.comment-content,
.comment-list .comment:last-child {
    border: 0;
}

.comment.blog-comment {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 10px;
}

.comment-info {
    background-color: #e9ebee;
    border-radius: 10px;
    position: relative;
}

.comment-info .user-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.comment-list .title strong {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    color: #1b1f27;
    letter-spacing: 1px;
}

/* elastic search */

.search-box.store-search-box-elastic input.search-box-text {
    width: 90%;
    border: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.search-box {
    max-width: 100%;
    width: 50%;
}

.search-box.store-search-box-elastic .ui-autocomplete {
    width: calc(100% - 1px) !important;
    top: 50px !important;
    z-index: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 20px;
}

.search-box.store-search-box-elastic .ui-autocomplete h3 {
    border-top: 1px solid transparent !important;
    background-color: #fff !important;
    text-align: left !important;
    color: #000 !important;
}

.search-box.store-search-box-elastic .ui-autocomplete li h3 {
    font-size: 14px;
    padding: 5px 10px !important;
    letter-spacing: 0.5px;
    pointer-events: none;
    border: 1px solid transparent !important;
    font-weight: 700 !important;
}

.search-box.store-search-box-elastic .ui-autocomplete.ui-autocomplete li {
    border: 0 !important;
}

.search-box.store-search-box-elastic .ui-autocomplete a {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 10px !important;
    padding-left: 40px !important;
    position: relative;
}

.search-box.store-search-box-elastic .ui-autocomplete a:hover {
    padding-left: 40px !important;
}

.search-box.store-search-box-elastic .ui-autocomplete a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    font-size: 13px;
    position: absolute;
    top: 13px;
    left: 15px;
    color: #ccc;
}

.search-box.store-search-box-elastic .ui-autocomplete .ui-menu-item[role="presentation"] a {
    font-weight: 700 !important;
    color: #b51f29 !important;
}

.search-box.store-search-box-elastic .ui-autocomplete .ui-menu-item[role="presentation"] a:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    content: "\f837";
    font-size: 13px;
    position: absolute;
    top: 13px;
    left: 15px;
    color: #b51f29;
}

.search-box.store-search-box-elastic .ui-autocomplete a b {
    color: #b51f29;
}

.search-box.store-search-box-elastic .ui-menu .ui-state-focus,
.search-box.store-search-box-elastic .ui-menu .ui-state-active {
    margin: 0;
}

.search-box.store-search-box-elastic .ui-autocomplete img {
    display: none !important;
}

.search-box.store-search-box-elastic .ui-autocomplete:hover h3 {
    border: 1px solid transparent !important;
    font-weight: 700 !important;
    font-size: 14px;
    padding: 5px 10px !important;
    letter-spacing: 0.5px;
    color: #000;
}

.search-box.store-search-box-elastic .ui-autocomplete a:hover {
    font-size: 13px;
    letter-spacing: 0.5px;
    border: 0 !important;
    padding-left: 40px !important;
}

.search-box.store-search-box-elastic .elastic-search-box .search-box-button,
.search-box.store-search-box-elastic .elastic-search-box input.search-box-text {
    z-index: 10;
    position: relative;
}

.elastic-search-box.active,
.elastic-search-box.active .search-box-button {
    border: 0 !important;
}

/* simple search */
.simple-search .search-box-button,
.simple-search input.search-box-text {
    z-index: 99;
    position: relative;
}

.simple-search.active .search-box-button,
.simple-search.active input.search-box-text {
    border: 0 !important;
}

.with-caregory-search-enabled .simple-search.active .search-box-button {
    border-bottom: 2px solid #ddd !important;
    border-left: 2px solid #ddd !important;
}

.with-caregory-search-enabled .simple-search.active input.search-box-text {
    border-bottom: 2px solid #ddd !important;
}

.simple-store-search.store-search-box-elastic .ui-autocomplete {
    width: calc(100% - 5px) !important;
}

@media (max-width: 1000px) {
    .search-box {
        max-width: 100%;
        width: 100%;
    }

    .search-box.store-search-box-elastic .ui-autocomplete {
        width: calc(100% - 41px) !important;
        top: 28px !important;
        z-index: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding-top: 20px;
    }

    .search-box.store-search-box-elastic .elastic-search-box input.search-box-text {
        width: 90%;
    }

    .header-lower .search-box.store-search-box-elastic .search-box-button {
        border-left: 0;
    }
}

@media (max-width: 520px) {
    .html-shopping-cart-page .order-summary-content .use-reward-points label[for="useRewardPoints"] {
        line-height: 20px !important;
    }

    .popup-notification {
        position: fixed;
        right: 20px;
        bottom: 50px;
        z-index: 1060;
        max-width: 250px !important;
        background-color: #fff;

        box-shadow: 0 8px 18px 19px rgba(0, 0, 0, 0.1) !important;
        padding: 20px 10px !important;
        border-radius: 10px;
        font-size: 0;
        letter-spacing: 0;
        margin-right: -360px;
        transition: all 0.15s linear;
    }

    .popup-notification .close {
        position: absolute;
        top: 6px !important;
        right: 6px !important;
        display: block;
        font-size: 14px !important;
        background-color: transparent;
        color: #fff !important;
        transition: all 0.15s linear;
        background: #b41f29 !important;
        width: 20px !important;
        height: 20px !important;
        text-align: center;
        border-radius: 10px;
    }

    .popup-notification .body {
        font-size: 12px !important;
    }

    .ajax-cart-button-wrapper .product-box-add-to-cart-button {
        width: max-content !important;
        color: #fff !important;
        background-color: #b51f29 !important;
        border-radius: 30px;
        height: 24px !important;
        font-weight: 500;
        letter-spacing: 0.5px;
        padding: 0 10px;
    }

    .ajaxCart .productAddedToCartWindowImage img {
        display: none;
    }

    .search-box.store-search-box-elastic input.search-box-text {
        width: 89% !important;
    }

    .search-box.store-search-box-elastic .ui-autocomplete {
        width: calc(100% - 13px) !important;
    }

    .simple-store-search.store-search-box-elastic .ui-autocomplete {
        width: calc(100% - 17px) !important;
    }
}

@media (max-width: 320px) {
    .search-box.store-search-box-elastic .ui-autocomplete {
        max-height: 400px;
        overflow: auto;
    }
}

/* custom form */
.custom-form {
    margin-top: 40px;
}

.custom-form .button-1 {
    border: 0;
    padding: 10px 20px;
    background-color: #b51f29;
    color: #fff;
    border-radius: 20px;
    padding-left: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    text-transform: uppercase;
}

.custom-form .button-1:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1d8";
    font-size: 15px;
    position: absolute;
    top: 5px;
    left: 20px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

.custom-form form {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 10px 20px;
    margin-top: 10px;
}

.custom-form .form-fields {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: none;
}

.custom-form .fieldset {
    margin-bottom: 10px;
}

.custom-form h3 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
}

.custom-form .result.success {
    color: #4bb07a;
    font-weight: 500;
    padding: 10px;
}

.custom-form .inputs input[type="text"] {
    border-radius: 20px !important;
}

.html-checkout-page .attributes {
    background-color: #fff;
    font-size: 11px;
    margin-bottom: 0;
    color: #b51f29;
    max-width: 250px;
    margin: auto;
}

.html-back-in-stock-subscription-list-page .data-table th,
.html-back-in-stock-subscription-list-page .data-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent;
    background-color: #b51f29;
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.html-back-in-stock-subscription-list-page .data-table td,
.html-back-in-stock-subscription-list-page .data-table td {
    min-width: 50px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent #eee #eee;
    background-color: #fff;
    padding: 15px;
    letter-spacing: 0.5px;
    font-size: 12px;
}

#choose-locker-method {
    width: 100%;
    border-radius: 20px;
}

.group-toggle-button:hover,
.group-toggle-button.selected,
.choose-from-list,
.group-toggle-button {
    border-radius: 20px;
    margin: 0 5px;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.group-toggle-button:hover,
.group-toggle-button.selected {
    background-color: #b51f29 !important;
    border: 1px solid #b51f29 !important;
    color: #fff;
}

.mfp-wrap {
    z-index: 999999 !important;
}

@media (max-width: 768px) {
    .html-opc-page .mfp-content {
        height: 80% !important;
        width: 95% !important;
    }

    .group-toggle-button:hover,
    .group-toggle-button.selected,
    .choose-from-list,
    .group-toggle-button {
        margin: 5px;
    }
}

#lockers-map {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.map-error-container {
    border-radius: 10px;
    background-color: #b51f29;
}

/* use saved card for payment */
.payment-method-info section.content {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    background-color: #f5f5f5;
    padding: 5px 10px;
}

.payment-method-info .card-header h3 {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #000;
    padding: 5px 0;
    padding-bottom: 35px;
    background-image: url(/Themes/BarberStore/Content/images/credit-cards.png);
    background-position: left bottom 10px;
    background-repeat: no-repeat;
    background-size: 150px;
}

.payment-method-info .card-header h3 i {
    display: none;
}

.payment-method-info td {
    color: #777;
}

.payment-method-info .card {
    padding: 5px 0;
    text-align: left;
}

.html-opc-page .payment-method-info .card strong {
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #666;
    font-size: 12px;
}

.html-opc-page .payment-method-info .card strong:nth-child(2) {
    font-weight: 700;
    color: #000;
    font-size: 13px;
}

.html-opc-page .payment-method-info label {
    cursor: pointer;
    width: 100%;
    color: #666;
    font-size: 12px;
    padding: 8px 20px;
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: 30px;
    display: block;
    background-color: #fff;
    position: relative;
    padding-left: 50px;
    transition: all 300ms linear;
}

.html-opc-page .payment-method-info label:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f09d";
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 15px;
    color: #b51f29;
    line-height: 27px;
    transition: all 300ms linear;
    transform: translateY(-50%);
}

.html-opc-page .payment-method-info input {
    display: none;
}

.html-opc-page .payment-method-info input:checked + label {
    background-color: #54b481;
    width: 100%;
    display: block;
    border-radius: 30px;
    border: 1px solid transparent;
    color: #fff;
}

.html-opc-page .payment-method-info input:checked + label strong,
.html-opc-page .payment-method-info input:checked + label strong:nth-child(2),
.html-opc-page .payment-method-info input:checked + label:before {
    color: #fff;
}

.html-opc-page .inputs.filter-addresses {
    padding: 10px;
    margin: 0;
}

.html-opc-page .inputs.filter-addresses [data-filter-addresses] {
    width: 100%;
    border-radius: 10px;
}

/* sub-categories-carousel */
.sub-categories-carousel .slick-slider {
    padding: 0;
}

.sub-categories-carousel .nop-jcarousel .carousel-title {
    font-size: 30px !important;
    padding: 0 !important;
    position: relative;
}

.sub-categories-carousel .nop-jcarousel {
    margin-bottom: 20px !important;
}

.sub-categories-carousel {
    display: inline-block;
    width: 100%;

    margin-top: -50px !important;
}

.sub-categories-carousel .slick-next,
.sub-categories-carousel .slick-prev {
    top: 102px !important;
    background-color: rgba(255, 255, 255, 0.5) !important;

    width: 25px;
    height: 25px;
}

.sub-categories-carousel .slick-next:hover,
.sub-categories-carousel .slick-prev:hover {
    background-color: #fff !important;
}

.sub-categories-carousel .slick-prev {
    left: 4px !important;
    right: unset !important;
}

.sub-categories-carousel .slick-next {
    right: 2px !important;
}

.sub-categories-carousel .sub-category-grid .title a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
}

.sub-categories-carousel .slick-next:before,
.sub-categories-carousel .slick-prev:before {
    font-size: 15px !important;
    color: #b51f29 !important;
}

.sub-categories-carousel .slick-dots {
    display: none !important;
}

@media all and (max-width: 1366px) and (min-width: 1001px) {
   	.cart td.product-picture img {
   	    width: 100%;
   	}

   	.cart .product {
   	    display: grid;
   	    max-width: 230px;
   	}

   	.text-testimonials h4 {
   	    color: #fff;
   	    font-size: 12px;
   	}

   	.cart td.subtotal {
   	    font-size: 12px
   	}

    .sub-categories-carousel .slick-dots {
        display: inline-block !important;
    }

    .sub-categories-carousel .slick-dots .slick-active button {
        border-radius: 5px;
        background-color: #b51f29 !important;
        width: 25px !important;
    }

    .sub-categories-carousel .slick-dots button {
        border-radius: 50%;
        background-color: #fff !important;
        width: 10px !important;
        height: 10px !important;
        transition: width 0.5s;
    }

    .sub-categories-carousel .slick-dots {
        margin-top: 10px !important;
    }

    .sub-categories-carousel {
        padding: 0 !important;
    }

    .sub-categories-carousel .slick-list {
        padding-right: 90px !important;
    }
}

@media (max-width: 1000px) {
    .sub-categories-carousel .slick-list {
        max-width: 100% !important;
    }

    .sub-categories-carousel .carousel-title {
        max-width: 100% !important;
    }

    .sub-categories-carousel {
        padding: 0 !important;
    }

    .sub-categories-carousel {
        padding: 0 !important;
    }

    .sub-categories-carousel .slick-next,
    .sub-categories-carousel .slick-prev {
        display: none !important;
    }

    .sub-categories-carousel .nop-jcarousel.has-navigation {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .sub-categories-carousel .slick-next,
    .sub-categories-carousel .slick-prev {
        display: none !important;
    }

    .sub-categories-carousel .nop-jcarousel.has-navigation {
        padding: 0;
    }

    .sub-categories-carousel .sub-category-grid {
        background-color: transparent;
        box-shadow: none;
    }

    .sub-categories-carousel .sub-category-grid .title a:before {
        content: none;
    }

    .sub-categories-carousel .sub-category-grid .item-box {
        border: 0;
        border-radius: 10px;
    }

    .sub-categories-carousel .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .sub-categories-carousel .sub-category-grid .title a {
        padding: 0 !important;
        text-align: center !important;
    }

    .sub-categories-carousel .nop-jcarousel {
        margin-bottom: 0px !important;
    }
}

/* reviews number to show */
div#updateTargetId .product-review-list .product-review-item {
    display: none !important;
}

div#updateTargetId .product-review-list .product-review-item:nth-child(-n + 3) {
    display: block !important;
}

div#updateTargetId .product-review-list .product-review-item.show-all-review {
    display: block !important;
}

#shipping-product-day {
    position: relative;
    padding: 10px 5px;

    width: auto;
    display: table;
    letter-spacing: 0.5px;
    border-radius: 30px;
    color: #444;
    font-weight: 500;
    font-size: 13px;
	padding-left: 0;
    margin: 10px 0;
}
.html-product-details-page .sku{
	margin-top: 5px !important;
}
#shipping-product-day i {
    color: #b51f29;
    margin-right: 5px;
    font-size: 18px;
    vertical-align: middle;
    letter-spacing: 1px;
}

.bar-notification.success {
    border-radius: 20px;
}

.bar-notification .close {
    border-radius: 50%;
}

/* checkout */
.html-opc-page .new-address .inputs .option-list input[type="radio"],
.html-account-page .edit-address .inputs .option-list input[type="radio"] {
    display: none;
}

.html-opc-page .new-address .inputs .option-list label,
.html-account-page .edit-address .inputs .option-list label {
    margin: 0 !important;
    line-height: 25px;
    text-align: center !important;
    cursor: pointer;
    padding: 5px 10px !important;
    border-radius: 20px !important;
}

.html-opc-page .new-address .inputs .option-list li,
.html-account-page .edit-address .inputs .option-list li {
    padding: 0 !important;
}

.html-opc-page .new-address .inputs .option-list li,
.html-account-page .edit-address .inputs .option-list li {
    border-radius: 30px !important;
    border: 1px solid #ddd !important;
}

.select2-container--default .select2-selection--single {
    height: 36px;
    border: 1px solid #ddd;
    padding: 4px;
    vertical-align: middle;
    border-radius: 20px !important;
}

.html-opc-page .new-address .inputs span,
.html-account-page .edit-address .inputs span {
    font-family: "Euclid-Circular", sans-serif !important;
    font-size: 13px;
}

.html-opc-page .new-address .inputs .option-list input[type="radio"]:checked + label,
.html-account-page .edit-address .inputs input[type="radio"]:checked + label {
    color: #fff;
    background-color: #1b1f27;
}

.html-account-page .edit-address .inputs .option-list,
.html-account-page .edit-address .inputs div,
.html-account-page .edit-address .inputs,
.html-account-page .edit-address .inputs span {
    float: left;
    width: 100%;
}

.html-opc-page .new-address .inputs .option-list input[type="number"],
.html-account-page .new-address .inputs .option-list input[type="number"] {
    height: 36px;
    border: 1px solid #ddd;
    padding: 4px;
    vertical-align: middle;
    border-radius: 20px !important;
}

.html-account-page .edit-address .inputs span.required {
    position: absolute;
    right: -2px !important;
    top: 40px;
    text-align: left !important;
    width: auto !important;
}

.html-account-page .edit-address .inputs span {
    width: 100% !important;
    text-align: left;
}

.html-account-page .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: unset !important;
    right: 15px !important;
}

.html-account-page .edit-address .inputs div {
    float: left;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.html-account-page #Address_LoadCompanyDataButton {
    position: absolute;
    top: 35px;
    right: 0;
}

.html-account-page .address-edit-page .inputs input#Address_VatNumber {
    width: calc(100% - 150px) !important;
}

.button-1.save-address-button {
    width: max-content !important;
    padding: 10px 5px !important;
    width: 130px;
}

#ShippingAddress_Address_VatNumber {
    width: 100% !important;
}

.html-opc-page .new-address .inputs div {
    width: 100%;
}

.html-opc-page .select2-container {
    width: 100% !important;
}

.html-account-page .address-edit-page .inputs input {
    width: 100%;
}

.html-account-page .edit-address .inputs span {
    width: 100% !important;
}

.html-account-page .group-inputs {
    width: 100%;
    max-width: 100%;
    display: table;
    margin: auto;
}

.cursor {
    display: none;
}

@media (max-width: 520px) {
    .cart.total-discount {
        width: 100%;
    }

    .html-opc-page .section .section-body {
        padding: 20px 10px !important;
    }

    .html-opc-page .page-body {
        width: 98% !important;
    }

    .html-opc-page .opc {
        width: 100% !important;
    }

    .html-opc-page .new-address .inputs .option-list label {
        font-size: 12px !important;
    }

    .html-opc-page .edit-address {
        padding: 20px 10px !important;
    }

    .html-opc-page .new-address .inputs div {
        max-width: 100% !important;
    }

    /* menu navigation concept */
    .cursor {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 53px;
        width: 65px;
        background: #e9ebee;
        border-radius: 0 0 100% 100%;
        z-index: 1;

        left: 50%;
        transform: translateX(-50%);
    }

    .cursor svg:last-child {
        left: calc(100% - 1px);
    }

    .cursor svg {
        position: absolute;
        top: 0;
        fill: #e9ebee;
    }

    .cursor svg:first-child {
        right: calc(100% - 1px);
        transform: scaleX(-1);
    }

    #topcartlink {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        top: -10px;
        background: #b51f29;
        width: 55px !important;
        height: 55px;
        border-radius: 50%;
        padding: 0 !important;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 5px, rgba(0, 0, 0, 0.12) 0px -2px 1px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
            rgba(0, 0, 0, 0.17) 0px 2px 3px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }

    #topcartlink:active {
        background-color: #cb232e;
    }

    #topcartlink a {
        height: 60px;
    }

    #topcartlink:before,
    #topcartlink span {
        color: #fff;
        width: 100%;
    }

    #topcartlink:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "";
        /* content: "\f291"; */
        font-size: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 30px;
        width: 30px;
        background-image: url(../images/shopping-cart-icon.svg);
        background-position: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
    }

    #topcartlink .cart-label,
    #topcartlink .cart-qty {
        display: none;
    }

    #topcartlink .cart-qty {
        width: 17px;
        height: 17px;
        border: 1.5px solid #fff;
        display: flex !important;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        color: #b51f29 !important;
        font-weight: 700 !important;
        letter-spacing: 0;
    }

    .cart-qty {
        top: 8px !important;
        left: unset !important;
        right: -2px;
    }

    .header-links ul {
        font-size: 0;
        display: inline-block;
        /* align-items: center; */
        /* justify-content: space-between; */
        width: 100%;
    }

    .header-links ul li#home,
    .header-links ul li#search {
        float: left;
    }

    .header-links ul li {
        border-right: 0;
    }
}

.order-details-page .actions button {
    border-radius: 20px;
}

.cancel-order-popup .content textarea {
    border-radius: 10px;
    background-color: #f9f9f9;
}

.cancel-order-popup .content label {
    font-size: 13px;
    padding-bottom: 10px;
}

.cancel-order-popup h2 {
    font-size: 14px;
}

.cancel-order-popup-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
    width: 90%;
    max-width: 500px;
    border-radius: 10px;
}

.order-details-page .actions button {
    min-width: 130px !important;
    font-size: 13px;
    margin: 5px;
    border: none;
    background-color: #aaa;
    background-image: none;
    padding: 10px 5px !important;
    font-size: 13px !important;
    color: #fff;
}

.order-details-page .actions {
    margin: 30px 0 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*shipemnt progress bar */
.shipment-details-area .items {
    background-color: transparent !important;
    box-shadow: none;
}

.shipment-details-area {
    padding: 20px 10px;
    background-color: #fff !important;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    border-radius: 10px;
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
    font-size: 13px;
}

.shipment-details-area a {
    font-weight: 700;
    color: #b51f29 !important;
}

.shipment-details-area .events {
    border: 1px solid #ddd !important;
    box-shadow: none;
    background-color: #f9f9f9 !important;
}

.shipment-details-area .events .event.completed strong,
.shipment-details-area .events .event.completed storng {
    font-size: 0;
}

.shipment-details-area .events .event .icon {
    border-radius: 50%;
    border: 1px solid #dedede !important;
}

.shipment-details-area .events .event:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shipment-details-area .events .event:first-child .progress .fill {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shipment-details-area .events .event.completed .progress .fill,
.shipment-details-area .events .event .progress .fill {
    background-color: #b51f29 !important;
}

.shipment-details-area .events .event:first-child .progress {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shipment-details-area .events .event:nth-child(5) .progress .fill {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.shipment-details-area .events .event:nth-child(5) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.shipment-details-area .events .event:nth-child(5) .progress {
    border-right: 1px solid #eee;
    border-radius: 10px;
}

.shipment-details-area .events .event:last-child.progress {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.shipment-details-area .events .event .icon {
    position: relative;
}

.shipment-details-area .events .event:first-child .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translate(-50%, -50%);
    content: "\f543";
    font-size: 20px;
}

.shipment-details-area .events .event:nth-child(2) .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translate(-50%, -50%);
    content: "\f4de";
    font-size: 20px;
}

.shipment-details-area .events .event:nth-child(3) .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translate(-50%, -50%);
    content: "\f494";
    font-size: 20px;
}

.shipment-details-area .events .event:nth-child(4) .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translate(-50%, -50%);
    content: "\f48b";
    font-size: 20px;
}

.shipment-details-area .events .event:nth-child(5) .icon:after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translate(-50%, -50%);
    content: "\f46c";
    font-size: 20px;
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
    margin: 0 0 5px;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

.html-reward-points-page .data-table td em,
.html-order-details-page .data-table td em {
    font-style: normal;
}

.html-order-details-page .data-table td {
    border-color: transparent transparent #eee !important;
    background-color: transparent;
}

.html-order-details-page .data-table td {
    padding: 5px !important;
}

.html-order-details-page .data-table tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}

.html-order-details-page .data-table td .attributes {
    margin-bottom: 0;
}

.master-order-details {
    width: 400px;
    display: block;
    flex-direction: column;
    align-items: center;
    float: right;
}

.order-details-page .section.options,
.order-details-page .totals.section {
    width: 100% !important;
    max-width: 100% !important;
}

.shipment-details-area .events {
    margin-top: 50px !important;
}

.shipment-details-area > div {
    box-shadow: none;
}

@media (max-width: 1000px) {
    .html-order-details-page .data-table a {
        background-color: transparent;
    }

    .order-details-page .data-table tr {
        margin-bottom: 10px !important;
    }

    .shipment-details-area .events .event .title time {
        display: table !important;
        line-height: 22px;
    }

    .shipment-details-area .events .event .title time {
        height: auto;
    }

    .master-order-details {
        float: none;
        margin: auto;
    }
}

@media (max-width: 768px) {
    .shipment-details-area {
        display: inline-block !important;
    }

    .shipment-details-area .info {
        width: 100% !important;
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .shipment-details-area .items {
        flex-grow: 1;
        margin-left: 5px;
        max-width: 100% !important;
        margin: auto !important;
    }

    .shipment-details-area .events {
        display: block !important;
        width: 300px !important;
        text-align: center;
    }

    .shipment-details-area .events .event {
        width: calc(100% - 20px) !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 120px;
        margin-left: 20px;
    }

    .shipment-details-area .events .event .progress {
        width: 10px !important;
        height: 120px !important;
    }

    .shipment-details-area .events .event {
        display: flex !important;
        position: relative !important;
        align-items: flex-start !important;
    }

    .shipment-details-area .events .progress {
        position: absolute !important;
        left: -20px;
        top: -20px;
    }

    .shipment-details-area .events .event:first-child .progress .fill {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        width: 10px !important;
    }

    .shipment-details-area .events .event:first-child .progress {
        border: 0 !important;
        border-top: 1px solid #ddd;
    }

    .shipment-details-area .events .event:nth-child(5) .progress .fill {
        border: 0 !important;
        border-radius: 0;
        width: 10px !important;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .shipment-details-area .events .event .progress {
        border: 0 !important;
    }

    .shipment-details-area .events .event.completed .icon {
        color: #b51f29;
    }

    .shipment-details-area .events .event .progress .fill {
        background-color: #fff !important;
    }

    .shipment-details-area .events .event .title {
        margin-top: 20px;
        text-align: left !important;
    }
}

@media (max-width: 375px) {
    .counter .benefits-box a {
        height: 60px;
        line-height: 15px;
    }
}

@media (min-width: 521px) and (max-width: 1000px) {
    .header-links #search {
        position: absolute;
        left: 20%;
        top: 0;
    }

    .header-links #topcartlink {
        position: absolute;
        left: 40%;
        top: 0;
    }
}

.html-opc-page .pickup-in-store {
    text-align: left;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.html-opc-page .pickup-in-store .item {
    width: 48%;
    margin: 1%;
}

.html-opc-page .pickup-in-store.item-list .item {
    margin-bottom: 0 !important;
}

.html-opc-page .pickup-in-store.item-list hr.item {
    width: 0;
    display: none;
}

.html-opc-page .new-address {
    border-top: 0 !important;
}

.html-opc-page .pickup-in-store.item-list .item input:checked + label {
    margin: -1px;
    margin-bottom: -12px;
    padding-bottom: 19px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 101%;
}

.html-opc-page .edit-address {
    background-color: transparent;
}

.html-opc-page .pickup-in-store-section {
    background-color: #f5f5f5 !important;
    width: 98.8%;
    display: inline-block;
    padding: 10px;
    margin: 0px 1.2%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.html-opc-page .available-pickup-locations.item-list .item input:checked + label {
    background-color: #fff;
}

.shipping-option {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}

.html-opc-page .pickup-in-store .item input:checked + label::before {
    content: none !important;
}

.html-opc-page .shipping-address .section-body {
    padding: 30px 10px !important;
}

.html-opc-page .item-list .item input[data-provider-system-name="EcomDigital.Shipping.Sameday"] + label {
    background-color: #fff;
    border-radius: 10px;
}

.previous-product a,
.next-product a {
    font-family: "Euclid-Circular", sans-serif !important;
}

.html-opc-page .shipping-option {
    background-color: #f5f5f5;
    width: 98%;
    margin: 0px 1%;
}

.html-opc-page .shipping-option .item-list .item input:checked + label,
.html-opc-page .item-list .item input[name="PickupPointId"]:checked + label {
    background-color: #fff;
    border-radius: 10px;
}

.html-opc-page .item-list .item input[name="PickupPointId"] + label {
    background-color: #fff;
    border-radius: 10px;
}

.html-opc-page .shipping-option .available-addresses.item-list,
.html-opc-page .shipping-option .new-address {
    padding: 10px;
}

.html-opc-page .available-addresses.item-list .addresses-list {
    max-height: 295px;
    overflow: auto;
    padding: 0 10px;
}

.html-opc-page .available-addresses.item-list .no-results {
    text-align: center;
    display: block;
}

.html-opc-page .available-addresses.item-list .addresses-list + button {
    margin-top: 10px !important;
}

.html-opc-page .shipping-option .item-list .item label {
    background-color: #fff;
    border-radius: 10px !important;
}

.html-opc-page .pickup-in-store.item-list .item label {
    position: relative;
    padding-left: 50px;
}

.html-opc-page .pickup-in-store.item-list .item:first-child label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    background-image: url(../../../../../../Themes/BarberStore/Content/images/eazybox.png);
    font-size: 25px;
    position: absolute;
    top: 20px;
    transform: translateY(-40%);
    left: 10px;
    color: #ccc;
      height: 31px;
    width: 26px;
    background-size: 24px;
    background-repeat: no-repeat;
    filter: grayscale(1);
}

.html-opc-page .pickup-in-store.item-list .item:last-child label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f48b";
    font-size: 25px;
    position: absolute;
    top: 20px;
    transform: translateY(-40%);
    left: 10px;
    color: #ccc;
}

.html-opc-page .pickup-in-store.item-list .item:first-child input:checked + label::after,
.html-opc-page .pickup-in-store.item-list .item:last-child input:checked + label::after {
    color: #b51f29;
	filter: grayscale(0);
}

.html-opc-page .inputs input[type="number"] {
    height: 36px;
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: middle;
    border-radius: 20px;
    width: 100% !important;
}

.html-opc-page .inputs input[type="number"]#ShippingAddress_Address_VatNumber {
    position: relative;
    padding-left: 40px;
}

.html-opc-page .new-address .inputs label[for="ShippingAddress_Address_VatNumber"]::after {
    font-family: "Euclid-Circular", sans-serif !important;
    position: absolute;
    top: 26px;
    left: 5px;
    width: 27px;
    height: 27px;
    content: "RO";
    background-color: #e9ebee;
    font-size: 12px;
    z-index: 9;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    border-radius: 50% !important;
}

.html-opc-page .pickup-in-store.item-list .item label {
    height: 46px;
    line-height: 36px;
}

.html-opc-page .pickup-in-store.item-list .item input:checked + label {
    margin: -1px;
    margin-bottom: -22px;
    padding-bottom: 35px;
    width: 101%;
    height: 69px;
}

@media (max-width: 1365px) and (min-width: 1001px) {
    .html-opc-page .opc .opc-input {
        width: 50% !important;
    }

    .html-opc-page .opc .opc-summary {
        width: 50% !important;
    }
}

@media (max-width: 520px) {
    .html-opc-page .item-list .item label .details,
    .html-opc-page .shipping-option .item-list .item label {
        text-align: left;
    }

    .cart td.product {
        text-align: center !important;
    }

    .cart .product a {
        max-width: 100%;
    }

    .html-opc-page .pickup-in-store.item-list .item input:checked + label {
        width: 102%;
    }

    .shipping-method .name {
        text-align: left;
    }

    .html-opc-page .section.shipping-method .section-body,
    .html-opc-page .section.payment-method .section-body {
        padding: 20px 15px !important;
    }

    .html-opc-page .pickup-in-store.item-list .item label {
        display: flex;
        align-items: center;

        line-height: 16px;
    }

    .html-opc-page .pickup-in-store.item-list .item input:checked + label {
        display: flex;
        align-items: center;

        line-height: 16px;
    }
}

.section.products {
    width: 100%;
}

.shopping-cart-page .no-data {
    position: relative;
}

.shopping-cart-page .checkout-attributes li {
    position: relative;
}

/* tooltip checkout atttributes */
.shopping-cart-page .checkout-attributes li .tooltip.Asigurare,
.shopping-cart-page .checkout-attributes li .tooltip-toggle.Asigurare {
    display: none;
}

.shopping-cart-page .checkout-attributes ul.option-list > li:first-child .tooltip-toggle.Asigurare,
.shopping-cart-page .checkout-attributes ul.option-list > li:first-child .tooltip.Asigurare {
    display: block;
}

/* ----- */

.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img {
    border-radius: 10px;
}

.block-recently-viewed-products img {
    border-radius: 10px;
}

/* elastic */
.html-search-page .products-wrapper {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.13);
    padding: 20px;
}

.html-search-page .search-suggestion {
    background-color: #f4f4f4;
    padding: 5px;
    border-radius: 10px;
    margin: 0 5px !important;
    font-weight: 600;
    color: #b51f29 !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.html-search-page .search-suggestion:hover {
    background-color: #b51f29;
    color: #fff !important;
}

.html-search-page .products-wrapper h3 {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    line-height: 35px;
}

.html-search-page .no-result {
    position: relative;
    padding-left: 30px;

    display: inline-block;
}

.html-search-page .no-result:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #b51f29;
}

.html-search-page .item-box {
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all 300ms linear;
    border: 2px solid #eee;
}

.html-search-page .item-box:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* select 2 */
.html-opc-page .new-address .inputs input,
.html-opc-page .new-address .inputs select,
.html-opc-page .new-address .inputs textarea {
    width: 100% !important;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #b51f29 !important;
    color: #fff !important;
}

.select2-dropdown {
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    border-top: 1px solid #ddd !important;

    padding: 0 5px !important;
    padding-bottom: 10px !important;
    top: 3px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #b51f29 !important;
    color: white !important;
    width: 98% !important;
    margin: auto !important;
    border-radius: 20px !important;
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #b51f29 !important;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #b51f29 !important;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #b51f29 !important;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #b51f29 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd !important;
    border-radius: 30px !important;
    background: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    border-radius: 20px !important;
    width: 98% !important;
    margin: auto !important;
}

.select2-results__option[aria-selected] {
    cursor: pointer !important;
    width: 98% !important;
    margin: auto !important;
    padding-left: 15px;
}

.payment-method .use-reward-points {
    margin: 0;

    width: 100%;
}

.html-checkout-page .inputs .option-list {
    display: inline-block;
    max-width: 100%;
}

.card-body b {
    color: #000;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 5px;
}

.cart-total .earn-reward-points {
    font-style: normal !important;
    color: #4bb07a;
    font-weight: 500;
}

/* different billing adresss */

.bill-to-different-address {
    margin: 0;
    border: 1px solid #eee;
    border-radius: 20px;
    width: 98%;
    margin: auto;
    margin-top: 5px;
}

.html-opc-page .bill-to-different-address .item {
    border-radius: 20px !important;
}

.html-opc-page .bill-to-different-address .item input {
    opacity: 0 !important;
    position: relative;
    margin: 0 !important;
    width: 0 !important;
}

.bill-to-different-address .item label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f15c";
    font-size: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    color: #ccc;
    border-radius: 20px;
}

.bill-to-different-address .item label {
    padding-left: 40px !important;
}

.bill-to-different-address.item-list .item input:checked + label {
    background-color: #54b481 !important;
}

.html-opc-page .bill-to-different-address.item-list .item input:checked + label {
    background-color: #54b481;
    width: 100%;
    display: block;
    border-radius: 20px;
    border: 0 !important;
    color: #fff !important;
}

.bill-to-different-address.item-list .item input:checked + label::after {
    color: #fff !important;
}

.html-opc-page .section.billing-address .section-body {
    border: 2px solid #9fd5b8;
}

.opc-spinner-wrapper {
    top: 50% !important;
    left: 50% !important;
    width: calc(100% + 20px) !important;
    height: calc(100% + 20px) !important;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background-color: #fff !important;
}

.html-shopping-cart-page .nop-jcarousel .carousel-title strong {
    font-size: 16px;
}

/*new style checkout  */

.html-opc-page .shipping-methods.item-list .item label,
.html-opc-page .shipping-methods.item-list .item input:checked + label,
.html-opc-page .payment-methods.item-list .item label,
.html-opc-page .payment-methods.item-list .item input:checked + label {
    padding-left: 50px;
    min-height: 50px;
    display: flex !important;
}

.pickup-in-store.item-list {
    position: relative;
}

.html-opc-page .pickup-in-store.item-list .item:last-child {
    position: absolute;
    left: 0;
    top: -25px;
}

.html-opc-page .pickup-in-store.item-list .item:first-child {
    position: absolute;
    right: 0;
    top: -25px;
}

.html-opc-page .pickup-in-store.item-list {
    padding-top: 25px;
}

.html-opc-page .item-list .item input:checked ~ label::before,
.html-opc-page .item-list .item input:checked ~ label .item-info:before,
.html-opc-page .item-list .item input:checked ~ label .name:before {
    content: none !important;
}

.html-opc-page .item-list .item input:checked ~ label,
.html-opc-page .item-list .item input:checked ~ label .item-info,
.html-opc-page .item-list .item input:checked ~ label .name,
.html-opc-page .item-list .item input:checked ~ label .price {
    color: #b51f29 !important;
}

.html-opc-page .section.billing-address .section-body {
    border: 2px solid transparent;
}

.html-opc-page .shipping-methods.item-list .item label[for="ShippingMethod_Fan Courier"] {
    background: url(../images/shipment-logo/logo-fan.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}

.html-opc-page .shipping-methods.item-list .item label[for="ShippingMethod_Urgent Cargus"] {
    background: url(../images/shipment-logo/logo-cargus.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}

.html-opc-page .shipping-methods.item-list .item label[for="ShippingMethod_Sameday"] {
    background: url(../images/shipment-logo/logo-sameday.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 35px;
}
.html-opc-page .shipping-methods.item-list .item label[for="ShippingMethod_GLS"] {
    background: url(../images/shipment-logo/gls.webp);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.html-opc-page .shipping-methods.item-list .item label[for="ShippingMethod_DPD"] {
    background: url(../images/shipment-logo/logo-dpd.svg);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}

.html-opc-page .shipping-methods.item-list .item input:checked + label,
.html-opc-page .payment-methods.item-list .item input:checked + label {
    background-color: #f5f5f5 !important;
}

.html-opc-page .payment-methods.item-list .item input[data-payment-viewcomponent-name="PaymentCashOnDelivery"] + label {
    background: url(../images/logo_payment/plata-ramburs.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}

.html-opc-page .payment-methods.item-list .item input[data-payment-viewcomponent-name="CheckMoneyOrder"] + label {
    background: url(../images/logo_payment/ordin-de-plata.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}

.html-opc-page .payment-methods.item-list .item input[data-payment-viewcomponent-name="PaymentMobilPay"] + label {
    background: url(../images/logo_payment/plata-card.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.html-opc-page .payment-methods.item-list .item input[value="EcomDigital.Shipping.Sameday"]+label {
    background: url(../images/logo_sd.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
	
}
.html-opc-page .payment-methods.item-list .item input[value="EcomDigital.Payments.Tbi"] + label {
    background: url(../images/logo_payment/Logo-tbi-bank.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.html-opc-page .payment-methods.item-list .item input[data-payment-viewcomponent-name="StripeDirectPayment"] + label {
    background: url(../images/logo_payment/plata-stripe.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.html-opc-page .payment-methods.item-list .item.use-reward-points,
.html-opc-page .payment-methods.item-list .item.use-reward-points input:checked + label{
    background: url(../images/logo_payment/puncte-fidelitate.png?v=1.00);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.select2-hidden-accessible {
    left: 0 !important;
}

/* end checkout */

.search-box input.search-box-text {
    width: 90%;
    border: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.html-opc-page .available-pickup-locations.item-list .item input + label[for="PickupPointId_2"] {
    background-image: url(../images/store/store-timisoara.ico);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 30px;
}

.html-opc-page .available-pickup-locations.item-list .item input + label[for="PickupPointId_1"] {
    background-image: url(../images/store/store-bucuresti.ico);
    background-repeat: no-repeat;
    background-position: center left 7px;
    background-size: 35px;
}

.html-opc-page .available-pickup-locations.item-list .item input + label[for="PickupPointId_2"],
.html-opc-page .available-pickup-locations.item-list .item input + label[for="PickupPointId_1"] {
    padding-left: 50px;
}

/* cetner subcategories items */
.sub-categories-carousel .slick-track {
    margin: auto !important;
}

.sub-categories-carousel .slick-initialized .slick-slide {
    display: inline-block !important;
}

/* last n product */

.availability .last-five {
    background: rgba(249, 199, 38, 1);
    background: linear-gradient(90deg, rgba(249, 199, 38, 1) 100%, rgba(181, 31, 41, 1) 100%);
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
}

.availability .last-four {
    background: rgba(249, 199, 38, 1);
    background: linear-gradient(90deg, rgba(249, 199, 38, 1) 75%, rgba(181, 31, 41, 1) 100%);
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
}

.availability .last-three {
    background: rgba(249, 199, 38, 1);
    background: linear-gradient(90deg, rgba(249, 199, 38, 1) 50%, rgba(181, 31, 41, 1) 75%);
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
}

.availability .last-two {
    background: rgba(249, 199, 38, 1);
    background: linear-gradient(90deg, rgba(249, 199, 38, 1) 25%, rgba(181, 31, 41, 1) 50%);
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
}

.availability .last {
    background: rgba(249, 199, 38, 1);
    background: linear-gradient(90deg, rgba(249, 199, 38, 1) 0%, rgba(181, 31, 41, 1) 25%);
    font-weight: 500;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
}

.availability .in-stock {
    background-color: rgba(0, 153, 0, 1);
    color: rgba(255, 255, 255, 1);
    text-transform: lowercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.5px;
    border-radius: 20px;
    padding: 3px 10px;
    display: inline-block;
}

.availability .in-stock span,
.availability .last span,
.availability .last-two span,
.availability .last-three span,
.availability .last-four span,
.availability .last-five span {
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
}

.navbar-product .availability .in-stock,
.navbar-product .availability .last span,
.navbar-product .navbar-product .availability .last-two span,
.navbar-product .availability .last-three span,
.navbar-product .availability .last-four span,
.navbar-product .availability .last-five span {
    display: none;
}

/* service  */
.html-service-sheet-page input[type="checkbox"] {
    display: none;
}

.html-service-sheet-page input[type="checkbox"]:checked + label {
    background-color: #b51f29 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    padding-left: 30px;
}

.html-service-sheet-page input[type="checkbox"]:checked + label:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    font-size: 15px;
    position: absolute;
    top: 3px;
    left: 10px;
    color: #fff;
    line-height: 27px;
    transition: all 300ms linear;
}

/* Modificari flyout cartt */
.delete-flyout-cart-item {
    font-size: 0 !important;
    position: absolute !important;
    width: 15px !important;
    top: 5px;
    right: 0;
    height: 15px;

    z-index: 9999;
    border-radius: 50%;
}

.mini-shopping-cart .item {
    position: relative;
}

.delete-flyout-cart-item:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #b51f29;
    cursor: pointer;
}

.mini-shopping-cart .product .name {
    padding-right: 22px;
}

.wrapper-quantity {
    border-radius: 15px;
    border: 1px solid #f5f5f5;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin: 0;
}

.higher-qty,
.lower-qty {
    padding: 0 7px;
    cursor: pointer;
    font-weight: 400;
    color: #888;
    font-size: 18px;
    background-color: #f5f5f5;
}

.higher-qty {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lower-qty {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.quantity-input {
    width: 20px !important;
    display: inline-block;
    text-align: center;
    color: #000;
}

.unit-price {
    margin-right: 10px;
    float: left;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 60px;
    font-size: 11.5px !important;
}

.mini-shopping-cart .name a {
    color: #333;
    letter-spacing: 0;
    font-size: 11.5px;
}

/* image elastic search  */
.search-box.store-search-box-elastic .ui-autocomplete .Product img {
    display: inline-block !important;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.search-box.store-search-box-elastic .ui-autocomplete .Product .content {
    width: calc(100% - 40px);
}

.search-box.store-search-box-elastic .ui-autocomplete .Product a,
.search-box.store-search-box-elastic .ui-autocomplete .Product a:hover {
    padding-left: 10px !important;
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
}

.search-box.store-search-box-elastic .ui-autocomplete .Product a:before {
    content: none;
}

.popup-notification .close {
    position: absolute;
    top: 6px !important;
    right: 6px !important;
    display: block;
    font-size: 14px !important;
    background-color: transparent;
    color: #fff !important;
    transition: all 0.15s linear;
    background: #b41f29 !important;
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    border-radius: 10px;
}
/* homepage banners sales */
.section-banners {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.section-banners .slider-wrapper,
.section-banners .slider-wrapper:first-child {
    margin: 1% 0.5% !important;
}
.section-banners .picture-slide img {
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
    .section-banners .slider-wrapper,
    .section-banners .slider-wrapper:first-child {
        margin: 1% 1% !important;
    }
    .section-banners {
        flex-wrap: wrap;
    }
    .section-banners .slider-wrapper:last-child {
        order: 3;
        flex: 1 1 46%;
    }
    .section-banners .slider-wrapper:first-child {
        order: 2;
        flex: 1 1 46%;
    }
    .section-banners .slider-wrapper {
        order: 1;
        flex: 1 1 100%;
    }
}
/* Oney Paymant */
#oney-installments {
    width: 100%;
    max-width: 300px;
    display: flex;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}
#oney-installments > .row > .col > .row {
    width: auto;
    float: left;
    margin-right: 10px;
}

#oney-installments > .row > .col > .row img {
    width: 40px;
    margin-top: 10px;
}
#oney-installments > .row > .col label {
    font-size: 12px;
}
#installment_simulations .col > .row > img[alt="oney-logo"]:first-child {
    width: 190px;
}
#installment_simulations img[alt="low-cost-installments"] {
    width: 270px;
    margin-bottom: 40px;
}
.ui-dialog[aria-describedby="oney-installments-box"] {
    width: 90% !important;
    max-width: 500px;
}
#installment_simulations {
    padding: 20px 10px;
}
#installment_simulations .row {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
#installment_simulations .row > .col-md img[alt="oney-logo"],
#installment_simulations .row > img[alt="oney-logo"] {
    width: 50px;
    margin-right: 10px;
    margin-top: 5px;
}
#installment_simulations .col label {
    font-size: 13px;
}
#installment_simulations .col > label:last-child {
    color: #000;
    font-weight: 500;
}

#oney-pedagogic {
    color: #81c344;
    padding: 10px;
    border: 1px solid #81c344;
    border-radius: 5px;
    margin-top: 30px;
    display: block;
    width: max-content;
}
#oney-installments-box {
    overflow: auto;
    max-height: 550px !important;
}
#installment_details .row > .col > img[alt="oney-logo"] {
    width: 190px;
    image-rendering: -webkit-optimize-contrast;
    margin-top: 30px;
}

#installment_details img[alt="low-cost-installments"] {
    width: 250px;
    display: block;
    margin-top: 10px;
    margin-bottom: 40px;
    image-rendering: -webkit-optimize-contrast;
}
#installment_details .row .col:nth-child(2) img {
    width: 31.33% !important;
    margin: 1%;
    margin-bottom: 30px;
    height: auto !important;
    float: left;
    image-rendering: -webkit-optimize-contrast;
}
#installment_details .col {
    width: 100%;
    display: inline-block;
}
#installment_details .col p {
    font-size: 13px;
    letter-spacing: 0.5px;
    padding: 10px;
    color: #333;
}
#installment_details .col ul {
    margin-left: 40px;
}
#installment_details .col ul li {
    position: relative;
    list-style-type: disc;
    color: #000;
    font-size: 13px;
}

#installment_details ul li::marker {
    color: #80c545;
}

#oney-installments-box::-webkit-scrollbar-thumb {
    background-color: #80c545;
    margin: 2px;
}
@media (max-width: 1000px) {
    #oney-installments {
        margin: auto;
    }
}
@media (max-width: 768px) {
    #oney-installments-box {
        overflow: auto;
        max-height: 465px !important;
    }
    #installment_details .row > .col > img[alt="oney-logo"],
    #installment_details img[alt="low-cost-installments"] {
        margin: 10px auto;
        text-align: center;
        display: block;
    }
    #installment_details .row .col:nth-child(2) img {
        width: 60% !important;
        margin: 1% 20%;
        margin-bottom: 30px;
        height: auto !important;
        float: none;
        image-rendering: -webkit-optimize-contrast;
    }
}
.html-opc-page .payment-methods.item-list .item input[data-payment-viewcomponent-name="PaymentOney"] + label {
    background: url(../images/logo_payment/oney.png);
    background-repeat: no-repeat;
    background-position: center left 5px;
    background-size: 40px;
}
.html-opc-page .payment-method-info .oney-installment-content label:before {
    content: none;
}

.html-opc-page .payment-method-info .oney-installment-content label {
    color: #000;
    padding-bottom: 0;
    width: max-content;
    padding-top: 5px !important;
    margin-left: 14px;
    margin-right: 0;
    text-align: center;
    line-height: 21px;
    font-size: 12px !important;
    border-radius: 20px;
    padding-left: 10px;
    border: 0;
}
.html-opc-page .payment-method-info .oney-installment-content label strong {
    color: #555;
    letter-spacing: 1.5px;
}

.html-opc-page .payment-method-info .oney-installment-element {
    background-color: #fff;
    padding: 15px;
    padding-top: 40px;
    margin-bottom: 20px;
    border-radius: 10px;
    position: relative;
    width: 98%;
    float: left;
    margin: 1%;
}

.html-opc-page .payment-method-info .oney-installment-element input {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: 20px;
    cursor: pointer;
}
.html-opc-page .payment-method-info .oney-installment-list {
    display: inline-block;
}
.html-opc-page .payment-method-info .oney-installment-element:first-child {
    background-image: url(../images/oney-3x.webp) !important;
    background-repeat: no-repeat !important;
    background-position-x: 40px !important;
    background-position-y: 17px !important;
    background-size: 85px !important;
    image-rendering: -webkit-optimize-contrast;
}

.html-opc-page .payment-method-info .oney-installment-element:nth-child(2) {
    background-image: url(../images/oney-4x.webp);
    background-repeat: no-repeat;
    background-position-x: 40px;
    background-position-y: 17px;
    background-size: 85px;
    image-rendering: -webkit-optimize-contrast;
}
.oney-subtotal-label {
    background: none !important;
    font-weight: 400 !important;
    color: #777 !important;
    margin-top: -7px;
    width: 100%;
    text-align: left;
}
.html-opc-page .payment-method-info .oney-installment-content span {
    font-weight: 400 !important;
    color: #111;
}
.html-opc-page .payment-method-info .oney-installment-content span.oney-installment-span-value {
    color: #000;
    font-size: 14px;
    margin-left: 30px;
    font-weight: 500 !important;
    letter-spacing: 1px;
}

.oney-installment-element input[type="radio"] {
    accent-color: green;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

@media (max-width: 768px) {
    .html-opc-page .payment-method-info .oney-installment-list {
        display: flex;
        flex-direction: column;
    }
    .html-opc-page .payment-method-info .oney-installment-element {
        width: 100%;
        margin: 10px 0;
    }
}

/* video plugin */
#VideoContainer{
    width: 100% !important;
} 
#VideoContainer.ui-dialog-content{
    padding: 0 !important;
}
.ui-dialog[aria-describedby="VideoContainer"]{
     width: 90% !important;
     max-width: 800px !important;
}
#VideoContainer {
    overflow: hidden;
    width: 100%;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 16/9;
    /* No clicking/hover effects */
    pointer-events: none;
        border: 10px solid #fff;
}

#VideoContainer iframe {
    /* Extend it beyond the viewport... */
       width: 303%;
    height: 104%;
    margin-left: -102%;
    border: 0;
    border: 0;
}
.ui-dialog[aria-describedby="VideoContainer"] .ui-dialog-titlebar {
       position: absolute;
       z-index: 99999;
       right: 15px;
       top: 15px;
     border-radius: 50%;
     height: 35px;
     width: 35px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.ui-dialog[aria-describedby="VideoContainer"] .ui-dialog-titlebar button {
   border-radius: 50% ;
       top: 50% !important;
       left: 50%;
       transform: translate(-50%, -50%);

}
@media (max-width: 520px){
    #VideoContainer{
        pointer-events: initial;
    }
    .attributes dl {
        overflow: visible;
        position: relative;
        display: inline-block;
        width: 200px;
    }

    .attributes dl p:first-child {
        display: block;
        position: absolute;
        right: 45px;
    }

    .attributes dl p:nth-child(2) {
        display: block;
        position: absolute;
        right: 82px;
    }
    .attributes dl p i{
        position: relative !important;
        left: unset !important;
    }
    html:lang(en) .attributes dt {
        
        width: max-content;
        margin: auto;
        margin-left: 40px;
    }
    [data-tooltip]:before {
        position: absolute;
        bottom: 86%;
        left: -178%;
    }
    [data-tooltip]:after {
        position: absolute;
        bottom: 85%;
        left: 0;
        margin: 0;
    }
    .gifts .item-box .select-gift-button:before {
        content: "\2713";
        display: inline-block;
        margin: 8px 5px 0 -12px !important;
        font-weight: bold;
        visibility: hidden;
        position: absolute !important;
    }
}

/* caz umanitar */
.checkout-attributes .Doneaza ul {
    display: flex;
}

.checkout-attributes .Doneaza ul li i.tooltip-toggle,
.checkout-attributes .Doneaza ul li:first-child .tooltip {
    display: none !important;
}

.checkout-attributes .Doneaza dt label {
    padding-right: 20px;
    position: relative;
    margin-top: 20px;
    display: block;
	width: max-content;
}

.checkout-attributes .Doneaza dt label:before {
    content: "🙏🏻";
    position: absolute;
    right: 0;
    top: 0;
    
}
.special-link{
        margin-top: 0px;
        display: block;
        width: 100%;
        padding-bottom: 10px;
        font-size: 12px;
        color: #B51F29 !important;
        font-weight: bold;
        padding-left: 5px;
        z-index: 999;
}
@media(max-width: 520px){
	.widget-info-buisness .html-widget p.image{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
    .checkout-attributes .Doneaza dt label {
      
        display: block;
        width: max-content;
        margin: 10px auto;
    }
}

.widget-info-buisness .html-widget p.text{
padding: 10px;
border-top:2px solid #303745;

color: #fff;

font-size: 12px;
display: inline-block;
text-align: left;
letter-spacing: 0.5px;
margin-top: 20px;
font-weight: 300;
}
.widget-info-buisness .html-widget p{
	font-size: 12px;
}

.footer-upper{
    padding-bottom: 10px;
}
.return-request-page .attributes{
    display: none !important;
}
.return-request-page .unit-price,
.return-request-page .cart td.unit-price,
.return-request-page .data-table td.unit-price {
    width: 150px !important;
    height: auto;
    padding: 20px;
	margin: 0;
	float: none !important;
	display: table-cell !important;
	    font-size: 13.5px !important;
		text-align: left;
}
.return-request-page .shipping-info{
margin-top: 0;
}
.html-shopping-cart-page .shopping-cart-page .cart-options .checkout-attributes li.Asigurare.colet i.second,
.html-shopping-cart-page .shopping-cart-page .cart-options .checkout-attributes li.Asigurare.colet .tooltip.second{
 display: none !important;
}
.html-shopping-cart-page .shopping-cart-page .cart-options .checkout-attributes li.Deschidere.colet i.first,
.html-shopping-cart-page .shopping-cart-page .cart-options .checkout-attributes li.Deschidere.colet .tooltip.first{
 display: none !important;
}
.html-shopping-cart-page .shopping-cart-page .cart-options .checkout-attributes li.Deschidere.colet .tooltip.second{
	top: -105px !important;
}
.html-recently-added-products-page  .ajaxCart .product-grid .item-box {
	width: 95% !important;
}
@media(max-width:520px){
	.return-request-page .unit-price,
.return-request-page .cart td.unit-price,
.return-request-page .data-table td.unit-price {
	float: left !important;
}
}

/* manufacturer Group */

.manufacturer-grid .item-grid{
  
}
.title-manufacturerGroup{
    font-size: 24px;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    color: #000;
    position: relative;
    z-index: 1;
    padding-top: 100px;
    margin-top: -40px;
    margin-bottom: 25px;
    width: calc(100% - 50px);
}
.title-manufacturerGroup strong{
    background-color: #B51F29;
    z-index: 1;
     padding: 5px 10px;
     position: relative;
     color: #fff;
     border-radius: 6px;
     font-weight: 600;
}
.title-manufacturerGroup:before{
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 15px;
    left: 50px;
    background-color: #d1d1d1;
   
}
.nav.navbar-nav{
    background: #fff;
    padding: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    /* border-radius: 20px; */
    position: relative;
    top: 40px;
    z-index: 99999;
    border-radius: 6px;
}

.nav.navbar-nav li{
    display: inline-block;
}
.nav.navbar-nav a{
    color: #B51F29;
    padding: 2px 7px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    display: inline-block;
    font-size: 16px;
 
}

.nav.navbar-nav a.active{
    color: #fff;
  -webkit-transform: scale(1.4); /* Chrome, Safari, Opera */
    transform: scale(1.4);
    background-color: #B51F29;
    border-radius: 4px;
}
@media(min-width: 1001px){
    .nav.navbar-nav a:hover{
    color: #fff;
  -webkit-transform: scale(1.4); /* Chrome, Safari, Opera */
    transform: scale(1.4);
    background-color: #B51F29;
    border-radius: 4px;
}
.html-manufacturer-list-page .item-box {
    width: 12.6%;
    margin: 0 0.75% 1.5%;
}
.nav.navbar-nav.fixed{
    position: fixed;
    top: 42px;
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;
    border-radius: 0;
}
.fixed{
    webkit-animation-name: fadeInHeader;
    animation-name: fadeInHeader;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
	}
	
	@-webkit-keyframes fadeInHeader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInHeader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.html-manufacturer-list-page .fixed-header-menu{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15) !important;
}

}
@media(max-width: 1000px){
    .title-manufacturerGroup {
    padding-top: 95px !important;
}
.nav.navbar-nav a {
    font-size: 12px;
}
.html-manufacturer-list-page .manufacturer-list-page,
.html-manufacturer-list-page .newsletter-content,
.html-manufacturer-list-page .footer{
    width: calc(100% - 50px);
    margin-right: 60px;
}
.nav.navbar-nav{
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
        height: calc(100vh - 140px);
}
.nav.navbar-nav li{
    margin-bottom: 3px;
}

.title-manufacturerGroup strong {

    float: left;
}
.title-manufacturerGroup{
    width: 100%;
}
.title-manufacturerGroup:before {
    content: "";
    width: calc(100% - 50px);
}
.html-manufacturer-list-page .master-wrapper-content{
 width: 100%;
}
.html-manufacturer-list-page .item-grid{
padding: 0 2%;
}
.nav.navbar-nav{
    border-radius: 0;
    top: 50px;
}
.nav.navbar-nav {
    border-radius: 0;
    top: 73px;
}
.title-manufacturerGroup{
    padding-top: 155px;
}
}
@media(max-width: 320px){
    .nav.navbar-nav li {
     margin-bottom: 0;

}
.nav.navbar-nav{
    overflow-y: scroll;
    width: 60px;
}
.html-manufacturer-list-page .manufacturer-list-page,
.html-manufacturer-list-page .newsletter-content,
.html-manufacturer-list-page .footer{
    width: calc(100% - 60px);
    margin-right: 60px;
}
.widget-info-buisness img{
    width: 100% !important;
}
}
#closeReviewNotification{
	color: #fff !important;
}

/* dots anywhereslider */
.anywhere-slider .slick-dots{
    text-align: right !important;
}
.anywhere-slider .slick-dots button{
    border-radius: 50%;
    border: 2px solid #1B1F27 !important;
}

.anywhere-slider .slick-active button{
    border: 2px solid #B51F29 !important;
    background-color: #B51F29 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    
}
.anywhere-slider .slick-dots button:hover{
   -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
@media(max-width: 1000px){
    .anywhere-slider .slick-dots{
    text-align: center !important;
}
}
.html-opc-page .order-summary-content .discount{
	font-size: 13px !important;
	font-weight: 500 !important;
	    color: #111 !important;
}
.html-opc-page .order-summary-content .discount b{
	    color: #b51f29 !important;
		font-weight: 500 !important;
		    font-size: 14px !important;
}
/* #app-link{
	background: linear-gradient(to left,#000000,#b51f29);
	border-radius: 15px;
	bottom: 90px;
	color: white;
	font-weight: 500;
	font-family: 'Euclid-Circular', sans-serif;
	height: 30px !important;
	left: 0px;
	letter-spacing: 1px;
	margin: auto;
	padding-top: 6px;
	position: fixed;
	right: 0px;
	text-align: center;
	text-transform: uppercase;
	width: 200px;
	z-index: 9999999999999;
} */

#app-link {
    background: linear-gradient(to left, #000000, #b51f29);
    border-radius: 15px;
    bottom: 90px;
    color: white;
    font-weight: 500;
    font-family: 'Euclid-Circular', sans-serif;
    height: 30px !important;
    left: 0px;
    letter-spacing: 1px;
    margin: auto;
    padding-top: 6px;
    position: fixed;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
    width: max-content;
    padding-left: 10px;
    padding-right: 40px;
    z-index: 999999999;
    animation: app 3.5s;
}
#app-link-duster {
    bottom: 90px;
    color: white;
    font-weight: 500;
    font-family: 'Euclid-Circular', sans-serif;
    letter-spacing: 1px;
    margin: auto;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    text-transform: uppercase;
    max-width: 420px;
    width: 96%;
    z-index: 999999999;
    animation: app 3.5s;
}

#app-link-duster i {
    position: absolute;
    top: 55%;
    left: 3%;
    transform: translateY(-50%);
    background-color: #DCDCDC;
    height: 30px;
    width: 20px;
    color: #000;
    text-align: center;
    z-index: 999999;
}

#app-link-duster svg {
    width: 100%;
}

#app-link-duster a {
    display: inline-block;
    z-index: 9999;
    position: relative;
}
@keyframes app {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#app-link i {
    width: 30px;
    height: 30px;
    background-color: #B51F29;
    background-color: transparent;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #fff;
    position: absolute;
    top: 0;
    right: 0;

}

/* order completed mero info */
.mero-container {
    z-index: 9999;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    width: calc(100% - 20px);
    padding: 20px 10px;
    max-width: 500px;
    margin: 30px auto;
    text-align: center;
    line-height: 24px;
}

.mero-container img {
    display: block;
    margin: 20px auto;
    margin-bottom: 30px;
}

.mero-container strong {
    font-size: 16px;
    text-align: center;
    color: #000;
}

.mero-container p {
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
}

.mero-container p strong {
    font-size: 14px;
}

.mero-container p strong.text-special {
    font-size: 17px;
}

.mero-container a {
    position: relative;
    color: #fff;
    background-color: #080DE0;
    border: 0;
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 15px auto 0;
    padding: 8px 10px;
    text-transform: capitalize;
    border-radius: 30px;
    transition: all 300ms linear;
}

.mero-container a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #fff;

}

.mero-container a:hover {
    transform: translateY(-5px);
}
/*  ONEY PAYMENT & TBI PAYMENT  */
.installment-payments {
    display: flex;
       flex-wrap: wrap;
}

.installment-payments .html-widget {
    width: 100%;
}

#tbi-payments {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px;
    order: 2;
    text-align: left;

}
.tbi-description{
    font-size: 12px;
    padding-left: 10px;
    line-height: 18px;
    text-align: left;
}

strong.tbi-info {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}
#tbi-payments,
#oney-installments {
    width: 48%;
    margin: 1%;
}


#tbi-box h4{
    margin: 10px 0;
    color: #000;
    font-weight: 500;
    font-size: 18px;
    width: 100%;
    max-width: 100%;
    line-height: 20px;
    padding-left: 10px;
}

#tbi-box .rate{
    border-top: 1px solid #ddd;
    padding: 10px 15px;


}
#tbi-box p{
    position: relative;
    color: #000;
    font-size: 13px !important;
    font-weight: 400;
    padding: 2px;
}

#tbi-box p:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    font-size: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    color: #FF6503;
}

.html-opc-page #tbi-payments {
    display: inline-block;
    max-width: 100% !important;
    width: 100%;
}

.html-opc-page #tbi-payments img{
    margin-bottom: 10px !important
}

.html-opc-page #tbi-box p{
    padding: 5px;
}
@media (max-width: 1000px) {
    .installment-payments{
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }
    #tbi-payments {
        margin: auto;
    }

    #tbi-payments, #oney-installments{
        width: 100%;
    }
}

/* Cookies consent */
.cc-banner.cc-bottom{
    padding: 2% 8% !important;
    font-family: 'Euclid-Circular', sans-serif;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    color: #333 !important;
    z-index: 999999999 !important;
}
.cc-banner.cc-bottom b{
    color: #000 !important;
}

a.cc-link {
    color: #B51F29 !important;
    font-weight: 700 !important;
}
@media(max-width: 768px){
    .cc-window.cc-floating {
        box-shadow: 0 0 20px rgba(0, 0, 0, .15);
        color: #333 !important;
        z-index: 99999999999999999999 !important;
    }
    .cc-window .cc-message {
        font-size: 14px;
        font-family: 'Euclid-Circular', sans-serif;
    }
}

/* Meniu mobile tabs */
@media(max-width: 1000px) {
    .main-menu .sidebar-menu .tab-nav {
        display: inline-block !important;
        border: 0 !important;
        width: max-content !important;
        padding:0 !important;
    }

    .main-menu .sidebar-menu .tab-nav a{
        color: #777 !important;
    }
    .main-menu .sidebar-menu .tab-nav.active a{
        color: #cb232e !important;
        position: relative;

    }

    .main-menu .sidebar-menu .tab-nav{
        padding: 0 10px !important;
    }
    .main-menu .sidebar-menu .tab-nav a:after{
        border-bottom: 2px solid #cb232e;
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 0;
        transition: width 0.3s;
    }
    .main-menu .sidebar-menu .tab-nav.active a:after {

        width: 100%;

    }
    .main-menu aside .mega-menu-responsive.sidebar-menu.tabs-menu{
        border-top: 0 !important;
    }
    .main-menu .sidebar-menu.tabs-menu .mobile-show a span{
        padding: 0 !important;
        margin: 0 !important;
    }
    .main-menu .sidebar-menu.tabs-menu .tab-nav a{
        padding: 10px 0 !important;
    }
    .main-menu .sidebar-menu.tabs-menu li.category-item,
    .main-menu .sidebar-menu.tabs-menu li.menu-item{
        display: none !important;
        animation: fadeDisplay 1s ease;
    }

    @-webkit-keyframes fadeDisplay {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeDisplay {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }
    .main-menu .sidebar-menu li.category-item.active,
    .main-menu .sidebar-menu li.menu-item.active {
        display: block !important;
    }

    .main-menu .sidebar-menu.tabs-menu .menu-header.mobile-show::before,
    .main-menu .sidebar-menu.tabs-menu .category-header.mobile-show::before
    {
        display: none;
    }
    .mega-menu-responsive.tabs-menu> li.category-item.active,
    .mega-menu-responsive.tabs-menu > li.menu-item.active{
        border-top: 1px solid #eee !important;
        border-bottom: 0 !important;
    }


    .mega-menu-responsive.tabs-menu > li.menu-item.active:last-child{
        border-bottom: 1px solid #eee !important;
    }



    .mega-menu-responsive.sidebar-menu li.aparatura {
        background-image: url(../images/icons-menu/aparatura.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.piepteni-si-perii {
        background-image: url(../images/icons-menu/piepteni-perii.svg);
        background-size: 23px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.foarfeci {
        background-image: url(../images/icons-menu/foarfeci.svg);
        background-size: 27px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.ingrijirea-parului {
        background-image: url(../images/icons-menu/ingrijirea-parului.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }
    .mega-menu-responsive.sidebar-menu li.ingrijirea-corpului {
        background-image: url(../images/icons-menu/ingrijirea-corpului.png);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }
    .mega-menu-responsive.sidebar-menu li.produse-barba-si-mustata {
        background-image: url(../images/icons-menu/barba-mustata.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.barbierit {
        background-image: url(../images/icons-menu/barbierit.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.accesorii-frizerie {
        background-image: url(../images/icons-menu/accesorii-frizerie.svg);
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: left 2px center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.consumabile {
        background-image: url(../images/icons-menu/consumabile.svg);
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.curatenie-salon {
        background-image: url(../images/icons-menu/curatenie-salon.svg);
        background-size: 22px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.dezinfectie {
        background-image: url(../images/icons-menu/dezinfectie.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.mobilier-frizerie {
        background-image: url(../images/icons-menu/mobilier-frizerie.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.cadouri-pentru-barbati {
        background-image: url(../images/icons-menu/cadouri-barbati.svg);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: left 3px center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.tratamente-faciale {
        background-image: url(../images/icons-menu/tratamente-faciale.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.reduceri-de-pret {
        background-image: url(../images/icons-menu/reduceri-de-pret.svg);
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: left 2px center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.pachete-promo-pret {
        background-image: url(../images/icons-menu/pachete-promo.svg);
        background-size: 25px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

    .mega-menu-responsive.sidebar-menu li.sales-item {
        color: #000;
        background-image: url(../images/icons-menu/sales-of-the-week.svg);
        background-size: 35px;
        background-repeat: no-repeat;
        background-position: left -2px center;
        border-left: 10px solid transparent !important;
        font-weight: 700 !important;
    }

    .mega-menu-responsive.sidebar-menu li.cosmetica {
        background-image: url(../../../../images/uploaded/iconite/ceara.png);
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: left center;
        border-left: 10px solid transparent !important;
    }

}

/*filters defoult nop*/
.product-filter + .product-filter{
    margin: 0;
}

.product-filters .filtersTitlePanel {
    height: auto;
    border: none;
    background-color: #1b1f27;
    padding: 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.product-filters .filtersTitlePanel span {

    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.product-filters .filtersTitlePanel:before {
    font-family: 'font awesome 5 free';
    font-weight: 900;
    content: "\f0b0";
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #fff;
}

.product-filter .filter-content{
    padding: 0;
}
.product-filter .filter-content,
.product-filter .group{
    display: block;
    position: relative;
    float: none;
    width: auto;
    transition: all 300ms linear;
    border-bottom: 1px solid #eee;
}

.product-filter .filter-content:last-child{
    border: 0;
}

.product-filter.product-manufacturer-filter .group{
    border: 0 !important;
}
.product-filter .group {
    padding: 0 15px 20px !important;
}

.product-filter.product-manufacturer-filter .name-filter{
    padding: 20px 15px 15px;
}

.product-filter .group .name-filter{
padding-bottom: 15px;
}

.product-filter.price-range-filter{
    padding: 15px 15px !important;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 25px !important;
}

.product-filter.price-range-filter .name-filter {
    padding-bottom: 15px;
}

.product-filter .group .item{
    padding-left: 0;
}

.product-filter .name-filter strong{
    display: block;
    position: relative;
    z-index: 1;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    letter-spacing: .5px;
}

.product-filter .group .item input{
    display: none;
}
.product-filter .group .item label{
    position: relative;
    display: block;
    padding: 3px 0 6px 25px;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: .5px;
    color: #777;
}
.product-filter .group .item label:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.product-filter .group .item input:checked+label:after {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    top: 4px;
    left: 1px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    color: #b51f29;
}

.product-filter .group .item input:disabled + label:before {
    opacity:0.5;
    background-color: #ccc;
}

.product-filter .group .item + .item{
    padding-top: 0;
}

.product-filter .ui-state-default, .ui-widget-content .ui-state-default,
.product-filter .ui-widget-header .ui-state-default, .ui-button,
html .product-filter .ui-button.ui-state-disabled:hover,
html .product-filter .ui-button.ui-state-disabled:active{
    border-radius: 50%;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
    width: 13px !important;
    height: 13px !important;
    top: -4px;
}

.product-filter .ui-slider-horizontal {
    height: 5px;
}

.product-filter .ui-widget.ui-widget-content{
    border: 0
}

.product-filter .ui-slider .ui-slider-range{
    background-color: #B51F29;
}

.products-wrapper .no-result{
    padding: 10px;
    position: relative;
    color: #B51F29;
    font-weight: 600;
    margin-bottom: 20px;
}

.products-wrapper .no-result:before{
    font-family: 'font awesome 5 free';
    font-weight: 900;
    content: "\f071";
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    color: #B51F29;
}
@media(max-width: 1000px) {
    .product-filters .filtersTitle{
        display: none;
    }

    .product-filters  .filtersTitlePanel:before{
        content: none;
    }

    .product-filters .filtersTitlePanel {
        background-color: #1b1f27;
        padding: 0;

    }
    .filters-wrapper{
        max-height: 100vh !important;
        overflow-y: auto;
    }

    .filters-wrapper::-webkit-scrollbar {
        width: 0;
    }
    .product-filters.open .close-filters {
        background-color: #b51f29;
        pointer-events: auto;
        cursor: pointer;
    }

    .product-filters .close-filters {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 40px;
        height: 50px;
        background-color: transparent;
        transition: .7s ease;
        pointer-events: none;
    }

    .product-filters .close-filters span {
        display: block;
        position: absolute;
        top: 24px;
        left: 0;
        right: 0;
        width: 17px;
        height: 1px;
        margin: auto;
        opacity: 0;
        background-color: #fff;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: .7s ease;
    }
    .open .close-filters span:nth-child(1) {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 1;
    }

    .open .close-filters span:nth-child(2) {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 1;
    }
    .product-filters {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1070;
        width: 320px;
        height: 100%;
        background-color: #fff;
        transition: all .7s ease;
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
        padding-bottom: 30px;
    }


    .product-filters.open {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }
}

/* bug mega-menu */
.concurs-pagina{
    position: relative !important;
}
.concurs-pagina:before {
    position: absolute !important;
    right: 0 !important;
    top: 0px !important;
    left: unset !important;
    bottom: unset !important;
}

.html-home-page .mega-menu.sidebar-menu .item-show.reduceri-de-pret{
    padding-bottom: 10px !important;
    border-bottom: 0 !important;
}

/* Banner Checkout */
  .banner-checkout {
    margin-bottom: 30px;
    display: flex;
    align-items: stretch;
    gap: 10px;
  }
  .banner-checkout .box-checkout {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 10px 10px 20px 10px;
  }
  .banner-checkout img {
    margin-top: 20px;
  }
  .banner-checkout td {
    padding: 20px;
    background: #FFFFFF;
    border: 10px solid #F2F2F7;
    border-radius: 8px;
  }
  .banner-checkout p {
    text-align: center;
    width: 98%;
    max-width: 300px;
    margin: 10px auto;
    padding-bottom: 10px;
    font-size: 13px;
    
    overflow: auto;
  }
  .banner-checkout a {
    padding: 7px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: block;
    width: max-content;
    font-size: 13px;
    transition: all 0.4s ease-in-out;
  }
  .banner-checkout a:hover {
    scale: 1.05;
  }
  .banner-checkout strong {
    color: #1B1F27;
  }
  .html-order-completed-page .master-wrapper-content,
  .html-order-completed-page .order-completed-page{
    max-width: 980px;
    margin: 20px auto;
    box-shadow: none;
  }
  .html-order-completed-page .buttons,
  .html-order-completed-page .page-title,
  .html-order-completed-page .section,
  .html-order-completed-page .section .title{
    margin: 0 !important;
  }
  @media(max-width: 780px){
    .banner-checkout{
        flex-direction: column;
    }
  }
  .message-campaign{
    width: 100%;
    max-width: 300px;
    display: inline-block;
    padding: 10px 0;
    color: red;
    font-weight: 500;
  }

  /* Christmas sale globe */
  .overlay {
    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     z-index: 999;
 }


 .christmas-sale-globe {
     display: none;
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 10px;
     z-index: 1000;
     text-align: center;
     width: 100%;
     max-width: 700px;
     height: max-content;
   
 }
 .popup-content
{
     width: 100%;
     max-width: 700px;
     height: max-content;
display: flex;
align-items: center;
justify-content: center;
}
 .popup-content img{
  width: 98% !important;
     max-width: 600px;
 }


 .close-popup {
    position: absolute;
    top: -5px;
    left: 50%;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background: #f9f9f9;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-radius: 50%;
    color: #000000;
    z-index: 9999999;

}

.popup-content:before {
    content: "";
    content: none;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 1px;
    height: 100px;
    z-index: -1;


}

.close-popup:hover {
    color: #FC730C;
}


 #countdownWrapper {
     position: relative;
     width: 40px;
     height: 40px;
     margin: auto;
     display: none;
 }


 #countdown {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 18px;
     color: #fff;
    
 }

.mega-menu li.tag{
    position: relative;
}

.mega-menu li.tag:before{
    position: absolute;
    top: 0;
    right: 0;
    content: "WOW";
    padding: 2px 5px;
    background-color: #B51F29;
    color: #fff;
    font-size: 9px;
    border-radius: 10px;
   
}
.mega-menu-responsive > li.tag{
    position: relative;
}
.mega-menu-responsive > li.tag:after{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    content: "WOW";
    padding: 2px 5px;
    background-color: #B51F29;
    color: #fff;
    font-size: 9px;
    border-radius: 10px;
   
}
.list-attachments{
    text-align: left;
}
.file-attachments{
	border: 1px solid #eee;
	padding: 10px;
	    border-radius: 10px;
	width: max-content;
    text-align: left;
	margin-bottom: 0 !important;
}
.file-attachments .title {
    font-size: 14px!important;
}
.file-attachments ul li:before {
    font-size: 16px !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%);
}
.file-attachments .title {
    margin: 0 0 5px !important;
	text-align: left !important;
}
.overview .file-attachments ul li {

    padding-left: 20px !important;
}
.file-attachments ul li a.attachmentLink{
	    font-size: 13px !important;
}
.attachments-content {
     box-shadow: none !important;
     padding: 0 !important;
}
.overview .file-attachments ul li {
    display: flex;
	align-items: center;
	}
.file-attachments ul li a.attachmentLinkImg{
	width: 70px !important;
	    margin-top: 4px !important;
}
@media(max-width: 1000px){
	.list-attachments{
	margin: auto;
	width: 100% !important;
  }
  .overview .file-attachments ul li {
    padding-left: 20px !important;
    display: flex;
	}
}

.mega-menu>li.next-up-badge >a:after{
    content: "SHOW";
    position: absolute;
    top: 2px;
    right: 5px;
    padding: 2px 5px;
    border-radius: 10px;
    background-color: #B51F29;
    color: #fff;
    font-size: 9px;
}

.mega-menu-responsive .mobile-show.next-up-badge::after{
    content: "SHOW";
    position: absolute;
    top: 8px;
    left: 160px;
    padding: 2px 5px;
    border-radius: 10px;
    background-color: #B51F29;
    color: #fff;
    font-size: 10px;
}

.mega-menu-responsive .mobile-show.easter-badge::after{
    content: "NEW";
    position: absolute;
    top: 8px;
    left: 160px;
    padding: 2px 5px;
    border-radius: 10px;
    background-color: #B51F29;
    color: #fff;
    font-size: 10px;
}
.mega-menu>li.easter-badge >a:after{
    content: "NEW";
    position: absolute;
    top: 2px;
    right: 5px;
    padding: 2px 5px;
    border-radius: 10px;
    background-color: #B51F29;
    color: #fff;
    font-size: 9px;
}
#tbi-payments .wrapper-payment {
    display: flex;
    align-items: center;
    color: #818EA0;
    margin-bottom: 10px;
    border-radius: 8px;
    max-width: 100%;
}
#tbi-payments .wrapper-payment strong {
    color: #1B1F27;
    width: 100%;
    display: inline-block;
    cursor: pointer;
}
#tbi-payments .wrapper-payment img {
    padding-right: 5px;
}

.from-tbi-payment {
    color: #FF6600;
    padding-top: 5px;
    font-weight: 600;
}

.tbi-description {
    padding: 5px;
}

.tbi-button {
    width: 50px;
    height: 45px;
    background-color: rgba(255, 102, 0, 0.2);
    color: #FF6600;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    letter-spacing: 0;
    border: 1px solid rgba(255, 102, 0, 0.4);
}

.ui-dialog[aria-describedby=tbi-box] {
    width: 90% !important;
    max-width: 750px;
    border-radius: 10px;
}

.installments-tbi .installments-header-description {
    display: flex;
    align-items: center;
    background-color: rgba(255, 102, 0, 0.3);
    padding: 10px;
    border: 1px solid rgba(255, 102, 0, 0.4);
    border-radius: 10px;
}

#smallest-rate {
    font-style: normal;
}

.installments-tbi .installments-header-description h4 {
    margin-left: 10px;
    text-transform: uppercase;
    color: #1B1F27;
    font-size: 13px;
    letter-spacing: 0.1em;
}
.installments-tbi .installments-container-header, .installments-tbi .installments-solution {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 20px 0;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E9EBEE;
    color: #1B1F27;
    flex-wrap: wrap;
}
.installments-tbi .installments-container-header {
    text-transform: uppercase;
}
.installments-tbi .installments-solution {
    border-bottom: 0;
}
.installments-tbi .installments-container-header > *, .installments-tbi .installments-solution > * {
    width: 20%;
    text-align: center;
    font-size: 13px;
}
.installments-tbi .installments-solution-title {
    color: #FF6600;
}
.installments-tbi .installments-header-title, .installments-tbi .installments-solution-title {
    text-align: left;
}
.installments-tbi .installments-header-months, .installments-tbi .installments-select-container {
    text-align: right;
}
.installments-tbi .installments-amount {
    color: #FF6600;
    font-size: 16px;
}

.installments-total #total {
    font-size: 16px;
}

.installments-insurance #insurance, .installments-insurance .input-group-addon {
    font-size: 15px;
    color: #818EA0;
}

.installments-tbi .installments-select-container select {
    border: 1px solid #E9EBEE !important;
    border-radius: 5px;
    color: #1B1F27;
}
.installments-tbi .installments-select-container select:focus {
    color: #1B1F27;
}
.html-opc-page .installments-tbi .installments-container-header > *,
.html-opc-page .installments-tbi .installments-solution > *{
font-size: 11px;
}
.html-opc-page .installments-insurance #insurance,
.html-opc-page .installments-insurance .input-group-addon,
.html-opc-page .installments-total #insurance,
.html-opc-page .installments-total .input-group-addon,
.installments-total #total,
.installments-amount *
{
    font-size: 12px !important;
}
.html-opc-page #tbi-payments img{
    margin-bottom: 0 !important;
}

@media (max-width: 520px) {
    #tbi-payments, #oney-installments {
        max-width: 100%;
    }
    .installments-tbi .installments-body {
        display: flex;
        flex-direction: row;
    }
    .installments-tbi .installments-container-header, .installments-tbi .installments-solution {
        width: 50%;
        flex-direction: column;
        flex-wrap: unset;
        border-bottom: 0;
    }
    .installments-tbi .installments-container-header > *, .installments-tbi .installments-solution > * {
        width: 100%;
        text-align: center !important;
        height: 40px;
        display: flex;
        align-items: center;
        padding-bottom: 0;
        justify-content: center;
        border-bottom: 1px solid #E9EBEE;
        border-radius: 0;
    }
}
@media (min-width: 1001px){
    .nop-jcarousel .item-box .details .buttons{
             padding-left: 5px;
     }
    .nop-jcarousel .item-box .details .prices{
            padding-right: 5px;
     }
}
@media(max-width: 520px){
    #reviewNotification,
    .html-widget .navbar{
         display: none !important;
    }
    }

    /* short video carousel */

.shorts-wrapper{
    background: #B51F29;
    padding: 50px 0;

}

.header-title-shorts{
    font-size: 30px;
    padding: 30px 10px 25px;
    border: 0;
    text-align: center;
}
.header-title-shorts strong{
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.shorts-wrapper .jCarouselMainWrapper .slick-next, .shorts-wrapper .jCarouselMainWrapper .slick-prev{

    top: 50% !important;
    transform: translateY(-50%) !important;
}

.shorts-wrapper .jCarouselMainWrapper .slick-next{
    right: 0 !important;
}
 .shorts-wrapper .jCarouselMainWrapper .slick-prev {
     left: 0 !important;
    }
.yt-thumb {
    position: relative;
    max-width: 360px;
    aspect-ratio: 9 / 16;
    cursor: pointer;
    width: 95% !important;
    overflow: hidden;
    margin: 0 2.5% !important;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    transition: all 300ms linear;
}

.yt-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    padding:  1rem;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.youtube-short-container{
    position: relative;
}

.youtube-short-container:before {
    content:"";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.html-opc-page .payment-methods .item[data-payment-name="TbiCheckout"],
.html-opc-page .payment-methods .item[data-payment-name="PaymentOney"]  {
  display: none  !important;
  }


/* prp price */
.overview .customer-role-tier-prices .tier-price .old-price,
.variant-overview .customer-role-tier-prices .tier-price .old-price{
    font-size: 14px !important;
    text-decoration: none;
    position: relative;
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 5px;
}

.overview .customer-role-tier-prices .tier-price .old-price em,
.variant-overview .customer-role-tier-prices .tier-price .old-price em{
    text-decoration: none;
    font-style: normal;
}

.overview .customer-role-tier-prices .tier-price .old-price i,
.variant-overview .customer-role-tier-prices .tier-price .old-price i{
    text-decoration: line-through;
    font-style: normal;
}

.overview .customer-role-tier-prices .tier-price .old-price i.fa-info-circle,
.variant-overview .customer-role-tier-prices .tier-price .old-price i.fa-info-circle{
    text-decoration: line-through;
}

.overview .customer-role-tier-prices .tier-price .old-price i.fa-info-circle,
.variant-overview .customer-role-tier-prices .tier-price .old-price i.fa-info-circle {
    text-decoration: none;
}
.overview .info-prp [data-tooltip]:before {
    left: 15px;
    bottom:3px;
    margin: 0;
}

.overview .info-prp [data-tooltip]:after{
    display: none
}

.item-box .old-price{
    text-decoration: none;
    font-size: 12px !important;
    margin-right: 0 !important;
}

.item-box .old-price em{
    text-decoration: none;
    font-style: normal;
}

.item-box .old-price i {
    text-decoration: line-through;
    font-style: normal;
}

.navbar-product .prices .old-product-price{
    text-decoration: none;
}
.navbar-product .prices .old-product-price em,
.navbar-product .prices .old-product-price i{
    font-style: normal;
}

.navbar-product .prices .old-product-price i{
    text-decoration: line-through;
}

.navbar-product .prices .old-product-price i.fa-info-circle{
    text-decoration: none;
}

.navbar-product .prices .old-product-price span{
    display: flex;
    align-items: center;
    font-size: 12px !important;
    gap: 5px;
}
.navbar-product .prices .old-product-price i.fa-info-circle{
    display: none;
}