/* input(1386,19): run-time error CSS1035: Expected colon, found '.'
input(1414,1): run-time error CSS1019: Unexpected token, found '}'
input(3620,15): run-time error CSS1030: Expected identifier, found '.'
input(3620,37): run-time error CSS1025: Expected comma or open brace, found ')'
input(3624,15): run-time error CSS1030: Expected identifier, found '.'
input(3624,37): run-time error CSS1025: Expected comma or open brace, found ')'
input(3628,35): run-time error CSS1030: Expected identifier, found '.'
input(3628,57): run-time error CSS1025: Expected comma or open brace, found ')'
input(4745,20): run-time error CSS1035: Expected colon, found 'select'
input(4759,26): run-time error CSS1035: Expected colon, found 'select'
input(4998,18): run-time error CSS1035: Expected colon, found '{'
input(5036,11): run-time error CSS1035: Expected colon, found '{'
input(5051,14): run-time error CSS1035: Expected colon, found '.'
input(5063,14): run-time error CSS1035: Expected colon, found '.'
input(6039,19): run-time error CSS1035: Expected colon, found '.'
input(6085,22): run-time error CSS1035: Expected colon, found '.'
input(6297,35): run-time error CSS1030: Expected identifier, found '.'
input(6297,52): run-time error CSS1025: Expected comma or open brace, found ')'
input(6323,8): run-time error CSS1030: Expected identifier, found '.'
input(6323,40): run-time error CSS1025: Expected comma or open brace, found ')' */
:root {
    --white: #FFFFFF;
    --black: #BB0B4F;
    --black1: #3C3C3B;
    --dark: #279DA9;
    --dark-secondary: #595959;
    --light: #00324B;
    --light-secondary: #BB0B4F;
    --darken: #00324B;
    --darken-secondary: #BB0B4F;
    --lighten: #E5E5E5;
    --background: #279da91a;
    --background-light: #F0F0F0;
    --light-gray: #EEEEEE;
    --dark-pink: #BB0B4F;
    --background-lights: #F9F9F9;
    --box-light: #BB0B4F;
    --gray1: #B9B9B9;
    --gray2: #495057;
    --gray3: #777777;
    --gray4: #555555;
    --yellow: #FBBA00;
    --blue: #66AFE9;
    --green: #008000;
    --red: #ff0000;
    --light-gray2: #dddddd;
    --light-gray3: #D3D3D3;
    --border-color: #D9D7D7;
    --black2: #1d1d1d;
    --background-black: #2f2f2f;
    --background-panel: #f7f7f7;
    --table-blue: #0374bc45;
    --warning-default: #ff0000;
    --warning-option-2: #ffa500;
    --add-to-cart-button: #25d037;

    --main-category-title: #279DA9;
    --sublist-category-title: #279DA9;
    --list-category-title: #595959;

    --square-corners: 0px;
    --small-rounded-corners: 5px;
    --medium-rounded-corners: 10px;
    --large-rounded-corners: 15px;

    --rounded-corners: var(--square-corners);
    --font-family: 'Open Sans';

    --product-information-bar: 150px;
    --header-bar: 0px;

    --background-gallery-overlay: #0374bcd9;
    --border-width-default: 1px;
    --border-width-option-2: 2px;
    --border-width-option-3: 3px;

    --checkout-step-line: var(--dark);
}


/*********** FONT **********/

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-MediumItalic.eot');
    src: url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-MediumItalic.woff') format('woff'),
    url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
    url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
    url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
    url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/OpenSans-Regular.woff') format('woff'),
    url('../fonts/OpenSans-Regular.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiBold.woff') format('woff'),
    url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
    url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*********** COMMON STYLE **********/
script {
    display: none !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    font-size: 14px;
    overflow-x: hidden;
}

a:hover,
a:focus,
a:active {
    color: var(--darken);
}

.hidden-row {
    display: none;
}

.row {
    margin: 0 -12.5px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0 12.5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: var(--dark-secondary);
    -webkit-box-shadow: 0 0 0 30px transparent inset;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
    display: none;
}

select {
    padding: 0 25px 0 10px !important;
    border: var(--border-width-default) solid var(--border-color);
    font-size: 16px;
    background: var(--white) url(../images/select.svg) center right 10px no-repeat;
    background-size: 12px;
    color: var(--dark-secondary);
    text-transform: capitalize;
    height: 42px;
    border-radius: var(--rounded-corners) !important;
}

select.form-control,
select {
    border-radius: 0;
}

textarea {
    resize: none;
    width: 100%;
    max-width: 100%;
    height: 100px;
}

.form-control,
.form-control:focus {
    border-color: var(--dark);
}

.form-control:focus,
.dimerce-form .returning-wrapper a:hover,
.message-error,
.pager .first-page a:hover::before,
.pager .last-page a:hover::before,
.pager .previous-page a:hover::before,
.pager .next-page a:hover::before,
.product-reviews-page .page-title a:hover {
    color: var(--dark-secondary);
}

.full-background {
    position: relative;
}

.full-background::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    margin-left: calc(-1 * ((100vw - 100%) / 2));
    left: 0;
    top: 0;
    z-index: -1;
}

.btn, button, a,
.search-box-button,
.header-icon,
input,
.account-box span,
.pager .previous-page,
.pager .next-page,
.footer-lower .footer-block .nav span,
.pager .next-page::before,
.icon-remove,
body .qq-upload-button,
a::after,
a::before,
.btn-primary,
.btn-default,
.btn-secondary,
.btn-tertiary,
.icon-add-cart,
.icon-remove,
.checkout-page .method-list li label,
.product-reviews-page .vote,
.item-box .product-item,
.checkout-page .icons-title::after {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.btn-primary,
.btn-default:hover {
    background-color: var(--darken);
    color: var(--white);
    border-color: transparent;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.btn-default,
.btn-secondary {
    background-color: var(--light-secondary);
    border-color: transparent;
    color: var(--white);
}

.btn-secondary,
header a:not([href]):not([tabindex]):focus,
header a:not([href]):not([tabindex]):hover,
.btn-secondary:hover,
.pager .previous-page a,
.pager .next-page a,
.pager .first-page a,
.pager .last-page a {
    background-color: var(--lighten);
    border: none;
}

.btn-secondary {
    color: var(--dark);
}

.btn-secondary:hover,
.dimerce-form .forgot-password a:hover,
.data-table a:hover,
.my-product-reviews-list-page .review-info .user a:hover,
.pager .individual-page a:hover,
.product-reviews-page .vote:hover {
    color: var(--darken);
}

button:focus,
button:active {
    outline: none;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: none !important;
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: unset;
    background-color: unset;
    border-color: unset;
}

th {
    font-weight: normal;
    padding: 0 12.5px 10px;
}

.outline-btn,
.outlines-btn {
    padding: 0px 25px;
    font-weight: 700;
    height: 40px;
    background: var(--background-lights);
    color: var(--darken);
    font-size: 16px;
    line-height: 22px;
}

.outline-btn {
    border: var(--border-width-default) solid var(--darken);
}

.outline-btn:hover,
.outlines-btn:hover,
.checkout-page .method-list li label:hover {
    background: var(--dark);
    color: var(--white);
}

.outlines-btn {
    border: var(--border-width-default) solid var(--darken);
}

#back-to-top {
    position: fixed;
    cursor: pointer;
    font-size: 30px;
    color: var(--dark);
    height: 50px;
    width: 50px;
    background-color: var(--lighten);
    box-shadow: 0 5px 10px #39393942;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
}

#back-to-top.show {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.ui-dialog {
    z-index: 9999;
}

/*********** HEADER **********/
.header-top.full-background::before {
    background-color: var(--light);
}

.header-links ul {
    display: flex;
}

.search-box {
    position: relative;
}

.header-links .ui-autocomplete {
    font-family: 'Open Sans';
    display: block;
    width: 100% !important;
}

.header-top p {
    color: var(--white);
    font-weight: bold;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-links li {
    vertical-align: middle;
}

.header-icon,
.file-attachments,
.products-buttons .btn,
.product-buy-information,
.full-description,
.item-grid .item-box .product-item,
.item-grid .item-box .sub-category-item,
.next-page a,
#back-to-top,
.manufacturer-item .picture,
.product-sorting select,
.product-page-size select,
.product-viewmode a,
.read-more,
.wishlist-content tr:first-child,
.wishlist-content tr:last-child,
.product-specs-box button,
.account-box-wrap,
.flyout-cart,
.flyout-cart input[type="button"],
.flyout-cart .picture img,
#checkout-step-confirm-order .table-wrapper,
.product-unit-price select,
.totals,
#confirm-order-buttons-container .btn,
.checkout-icon-progress div,
.form-fields input,
.form-fields button,
.form-fields select,
.new-address-next-step-button,
.product-navigation-bar-item,
.add-to-cart-button,
.product-box-add-to-cart-button,
.table-wrapper .units select,
.update-cart-button,
.continue-shopping-button,
.checkout-button,
.modal-content-hotList-header,
.select-hotlist,
.product-details-page .description,
.product-details-page .description button,
.productsQuantityTextBox,
.product-variant-list .alert,
.units select,
.add-to-cart-panel select {
    border-radius: var(--rounded-corners) !important;

}

.category-filter-part .block .filter-title,
.category-filter-part .block .title,
.product-specs-box .title,
.ui-dialog-titlebar {
    border-top-left-radius: var(--rounded-corners) !important;
    border-top-right-radius: var(--rounded-corners) !important;
}

.category-filter-part .block .filter-content,
.category-filter-part .block .listbox,
.product-specs-box .table-wrapper,
.product-specs-box,
.top-menu {
    border-bottom-left-radius: var(--rounded-corners) !important;
    border-bottom-right-radius: var(--rounded-corners) !important;
}

.search-box-text,
.newsletter-subscribe-text,
.qty-input-group button:first-child,
.coupon-code .discount-coupon-code {
    border-top-left-radius: var(--rounded-corners) !important;
    border-bottom-left-radius: var(--rounded-corners) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.search-box-button,
.newsletter-subscribe-button,
.qty-input-group button:last-child,
.qty-input-group button.plus,
.coupon-code .btn {
    border-top-right-radius: var(--rounded-corners) !important;
    border-bottom-right-radius: var(--rounded-corners) !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.ui-dialog-titlebar,
.modal-content-hotList {
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit !important;
    border-bottom-left-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
}

.search-box .search-box-text {
    float: left;
    border: var(--border-width-default) solid var(--lighten);
    border-right: 0;
}

.product-specs-box.more-specs .title {
    border-top-left-radius: var(--rounded-corners) !important;
    border-top-right-radius: var(--rounded-corners) !important;
    padding-bottom: 1rem;
}

.product-specs-box td.spec-name {
    font-weight: bold;
}

.product-specs-box.more-specs .table-wrapper,
.product-specs-box.more-specs .table-wrapper .specs-more-less.btn-active {
    border-bottom-left-radius: var(--rounded-corners) !important;
    border-bottom-right-radius: var(--rounded-corners) !important;
}

.search-box-button,
.header-icon {
    border: none;
    padding: 0;
    cursor: pointer;
}

.header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header-icon .cart-qty {
    position: absolute;
    right: 5px;
    font-size: 11px;
    top: 5px;
    color: var(--dark);
    background-color: var(--white);
    border-radius: 50%;
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    min-height: 14px;
    min-width: 14px;
    line-height: 14px;
    padding: 0 3px;
}

.account-box a,
.account-box span {
    font-weight: bold;
    text-transform: capitalize;
}

.account-box a:hover,
.account-box span:hover {
    color: var(--darken);
}

.account-box a,
.account-box span,
.header-selectors-wrapper > div {
    display: block;
    padding: 10px 20px;
}

.header-selectors-wrapper {
    padding: 10px 0;
}

/*********** SIDEBAR **********/


.html-account-page .block,
.html-account-page .block .listbox,
.html-order-details-page .block,
.html-order-details-page .block .listbox {
    height: auto;
}

.block .title {
    cursor: pointer;
    background-color: var(--lighten);
    padding: 15px 40px 15px 15px;
    color: var(--dark-secondary);
    font-size: 18px;
    line-height: 24px;
    position: relative;
}

.block .title::before {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    right: 15px;
    transform: translate(0%, -50%);
}

.block .listbox {
    border: var(--border-width-default) solid var(--lighten);
    padding: 15px;
}

.block .list a,
.username-not-available-status {
    display: block;
}

.block .list li:not(:last-child) a {
    margin-bottom: 15px;
}

.block .list .active > a,
.block .list a:hover {
    color: var(--black);
}

.side-2 .block + .block {
    margin-top: 15px;
}

.block .view-all a {
    margin-top: 15px;
    padding: 10px 20px;
    font-weight: bold;
}

.block a.product-picture {
    display: inline-block;
    margin-right: 10px;
    width: 25%;
    vertical-align: middle;
}

.block a.product-name {
    width: calc((100% - 25%) - 15px);
    display: inline-block;
    vertical-align: middle;
}

.block .tags li a,
.product-tags-all-page li a {
    color: var(--dark-secondary);
}

.block .tags li a:hover,
.product-tags-all-page li a:hover {
    color: var(--black);
}

/*********** POPULAR PRODUCT'S **********/

.blog-description h2,
.account-page .title h2,
.reward-points-page .title h2,
.checkout-page .use-reward-points,
.custom-topic-block .details-title {
    margin-bottom: 10px;
}

.product-reviews-page .review-title h2,
.product-reviews-page .product-review-box,
.product-reviews-page .text-body div:not(:last-child) {
    margin-bottom: 5px;
}

.item-box .details {
    background-color: var(--background);
}

.item-box .product-title {
    margin: 0 0 5px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: var(--darken);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 48px;
    min-height: 48px;
}

.item-box .product-title a:hover {
    color: var(--dark);
}

.item-box .product-rating-box,
.item-box .prices,
.item-box .qty-input-group,
.item-box .dropdown-wishlist-button,
.item-box .product-box-add-to-cart-button,
.compare-button,
.wishlist-button,
.compare-button2,
.wishlist-button2 {
    margin-bottom: 5px;
}


.item-box .sku,
.item-box .stock-qty,
.item-box .gtin {
    font-size: 14px;
    color: var(--darken);
    font-weight: normal;
}

.item-box .rating,
.product-review-box .rating {
    background: url('../images/rating1.svg') repeat-x;
    width: 100px;
    height: 14px;
}

.item-box .rating div,
.product-review-box .rating div {
    background: url('../images/rating2.svg') repeat-x;
    height: 14px;
}

.item-box .actual-price,
.blog-description h2,
.account-page .title h2,
.download-invoice h2,
.cross-sells .title,
.return-request-page .return-title h2,
.customer-info-page .info-title h2,
.reward-points-page .title h2,
.sitemap-page .entity-title h2,
.product-reviews-page .review-title h2,
.custom-topic-block .details-title {
    font-size: 26px;
    color: var(--darken);
    font-weight: 700;
    line-height: 33px;
}

.checkout-page .registration-page .register-title h2,
.checkout-page .step-title h2,
.checkout-page .sub-title h2 {
    color: var(--darken);
    font-weight: 700;
}

.dropdown-wishlist-button,
.item-box .prices,
.dimerce-form .form-fields .form-groups,
.return-form .form-groups {
    display: inline-block;
    width: 100%;
}

.dropdown-wishlist-button select {
    width: 100%;
}

.bottom-detail > .wishlist-button2,
.bottom-detail > .compare-button2,
.input-buttons + .input-buttons .wishlist-button2,
.input-buttons + .input-buttons .compare-button2,
.add-info > .wishlist-button,
.add-info > .compare-button {
    display: none;
}

.wishlist-button,
.compare-button,
.wishlist-button2,
.compare-button2 {
    min-width: 42px;
    max-width: 42px;
    height: 42px;
    margin-left: 5px;
    display: inline-block;
}

.wishlist-button .add-to-wishlist-button,
.compare-button .add-to-compare-list-button,
.wishlist-button2 .add-to-wishlist-button,
.compare-button2 .add-to-compare-list-button {
    padding: 0;
    height: 100%;
    width: 100%;
    font-size: 20px;
}

.ajax-cart-button-wrapper .qty-input-group,
.ajax-cart-button-wrapper .qty-input-group select {
    width: 100%;
}

.qty-input-group button,
.qty-input-group button:hover {
    background-color: var(--white);
    border: var(--border-width-default) solid var(--light-secondary);
}

.qty-input-group button {
    height: 42px;
    font-size: 10px;
    color: var(--light-secondary);
    line-height: 0;
    float: left;
}

.qty-input-group button.minus {
    border-right: 0;
}

.qty-input-group button.plus {
    border-left: 0;
}

.qty-input-group button:hover {
    color: var(--darken);
}

.qty-input-group input {
    border: var(--border-width-default) solid var(--light-secondary);
    background-color: var(--white);
    color: var(--darken);
    font-size: 16px;
    text-align: center;
    padding: 10px;
    overflow: hidden;
    float: left;
}

.footer-variant {
    position: sticky;
    z-index: -1;
}

.item-box .product-box-add-to-cart-button,
.variants-buttons .show-variants {
    font-size: 16px;
    border: none;
    padding: 10px 20px 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.item-box .product-box-add-to-cart-button span,
.variants-buttons .show-variants span {
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-box .product-box-add-to-cart-button {
    font-weight: bold;
}

.variants-buttons .show-variants {
    font-weight: 600;
    width: 100%;
}

.item-box .details .delivery-info {
    color: var(--darken);
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.bestsellers .title {
    font-weight: bold;
    font-size: 26px;
    color: var(--darken);
}

.bestsellers .row,
.category-page .item-grid.row {
    margin: 0 -12.5px;
}

.category-page .product-selectors {
    padding-top: 25px;
}

.bestsellers .item-box,
.category-page .item-box {
    padding: 0 12.5px;
}

.category-page .sub-category-item .title a:hover {
    color: var(--dark);
}

.category-page .sub-category-item .title,
.block .title h2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-secondary);
    line-height: 24px;
}

.category-page .sub-category-item .picture,
.reward-points-page .reward-points-overview,
.back-in-stock-subscription-list-page .description,
.custom-topic-block .page-title h1 {
    margin-bottom: 15px;
}

.account-page .page-title h1 + p,
.address-list-page .add-button,
.back-in-stock-subscription-list-page .buttons,
.wishlist-page .buttons,
.sitemap-page .page-title h1 + p {
    margin-top: 15px;
}

.category-page .picture a:before {
    padding-top: 100%;
}

.item-box .picture a img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.item-grid .item-box .product-item:hover {
    box-shadow: 0 0 14px 2px rgba(0, 0, 0, .1);
}


/*********** Product List View **********/

.bestsellers .item-box .picture .variants-buttons,
.product-grid .item-box .picture .variants-buttons,
.wishlist-page .add-to-cart input,
.wishlist-page .unit-price label,
.wishlist-page .quantity label,
.wishlist-page .subtotal label,
.update-wishlist-button,
.wishlist-add-to-cart-button {
    display: none;
}

.bestsellers .item-box .details,
.product-grid .item-box .details {
    padding: 10px;
}

.product-list .item-box .ajax-cart-button-wrapper {
    width: 100%;
}

.blogpost-page .comment-list {
    display: none;
}

.item-grid .product-item {
    overflow: hidden;
    border: 0px solid var(--background-light);
}

/*********** PRODUCT DETAILS PAGE **********/
.html-product-details-page {
    scroll-behavior: smooth;
}

.html-product-details-page #general,
.html-product-details-page .description,
.html-product-details-page .download-sample,
.html-product-details-page #relatedproducts,
.html-product-details-page #productspecifications,
.html-product-details-page #attachments {
    scroll-margin-top: calc(var(--product-information-bar) + var(--header-bar) + 30px);
}

.html-product-details-page .gallery {
    max-width: 535px;
}

.html-product-details-page .gallery .picture img,
.html-product-details-page .gallery .picture-thumbs img,
.html-product-details-page .variant-picture img {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.picture-thumbs {
    display: flex;
    flex-direction: row;
}

.product-review-box,
.product-no-reviews,
.product-review-links,
.product-details-page .prices,
.products-buttons > * {
    display: inline-block;
}

.product-review-box,
.product-review-links,
.product-no-reviews {
    vertical-align: middle;
}

.product-details-page .product-review-box {
    margin-right: 10px;
}

.manufacturers,
.additional-details,
.product-no-reviews,
.product-review-links {
    color: var(--dark-secondary);
}

.overview .attributes {
    max-width: 315px;
}

.attribute-square-container + input,
.product-details-page .item-box .product-rating-box,
.product-details-page .item-box .bottom-detail,
.product-details-page .item-box .variants-buttons,
.morecontent span,
.product-details-page .item-box .sku,
.product-details-page .item-box .stock-qty,
.product-details-page .item-box .gtin,
.specs-more-less {
    display: none;
}

.product-attribute,
.product-details-page .product-buy-information,
.product-details-page .add-to-cart-panel > *,
.product-details-page .free-shipping,
.product-details-page .delivery-date,
.overview .html-widget,
.product-details-page .description,
.product-details-page .file-attachments,
.product-details-page .product-navigation-bar,
.product-details-page .product-grid,
.product-collateral > *,
.product-details-page .product-estimate-shipping {
    margin-top: 25px;
}

.product-details-page .availability,
.back-in-stock-subscription {
    margin-top: 10px;
}

.attribute-squares .attribute-square {
    border: var(--border-width-default) solid transparent;
}

.attribute-squares .selected-value .attribute-square {
    border: var(--border-width-default) solid var(--light);
}

.attribute-squares li {
    margin: 0 10px 10px 0;
}

.product-details-page .short-description ul {
    LIST-STYLE-TYPE: disc;
    FONT-SIZE: 16px;
    FONT-FAMILY: Radnika, -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
    WHITE-SPACE: normal;
    WORD-SPACING: 0;
    LIST-STYLE-POSITION: outside;
    TEXT-TRANSFORM: none;
    FONT-WEIGHT: 400;
    COLOR: #545454;
    PADDING-BOTTOM: 0;
    FONT-STYLE: normal;
    PADDING-TOP: 0;
    PADDING-LEFT: 0;
    ORPHANS: 2;
    WIDOWS: 2;
    MARGIN: 0.87em 0 0.87em 2.18em;
    LETTER-SPACING: normal;
    LINE-HEIGHT: 1.5;
    PADDING-RIGHT: 0;
    BACKGROUND-COLOR: #fff;
    TEXT-INDENT: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    -webkit-text-stroke-width: 0;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}

.product-details-page .availability .label,
.products-buttons button,
.products-buttons a,
.product-details-page .delivery-date .label {
    font-weight: bold;
}

.product-details-page .add-to-cart-panel select,
.product-details-page .qty-input-group button,
.product-details-page .qty-input-group input,
.products-buttons button,
.products-buttons a {
    height: 45px;
}

.product-details-page .qty-input-group button {
    width: 45px;
}

.product-details-page .qty-input-group input {
    width: calc(100% - 90px);
}

.products-buttons {
    display: flex;
    flex-wrap: wrap;
}

.products-buttons > * {
    margin-top: 15px;
}

.products-buttons button,
.products-buttons a {
    vertical-align: top;
}

.product-details-page .delivery-date span,
.product-specs label {
    display: block;
}

.product-details-page .delivery-date .label,
.product-specs-box .spec-name {
    margin-bottom: 5px;
}

.product-details-page .full-description p,
.product-details-page .item-box .prices {
    margin: 0;
}

.product-details-page .item-box .details {
    padding: 0;
}

.product-details-page .item-box .details,
.product-specs-box .even {
    background-color: transparent;
}

.product-details-page .item-box .picture {
    margin-bottom: 10px;
}

.product-details-page .item-box .product-title {
    font-weight: normal;
}

.product-details-page .item-box .actual-price {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    line-height: 25px;


}

.prices .call-for-price {
    font-size: 26px;
    color: var(--darken);
    font-weight: 700;
    line-height: 33px;
}

.product-specs-box {
    position: relative;
}

.product-specs-box.more-specs {
    padding-bottom: 100px;
}

.product-specs-box .title,
.product-specs-box .odd,
.product-reviews-page .product-review-item {
    background-color: var(--background);
}

.product-specs {
    transition: height 500ms;
}

.product-specs.specs-active {
    overflow: hidden;
}

.specs-more-less.btn-active {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 69%;
    left: 0;
    display: flex;
    align-items: end;
    justify-content: center;
}

.specs-more-less.more-less {
    background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, var(--background-lights) 70.37%, var(--light-gray) 100%);
}

.specs-more-less .btn-primary {
    margin-bottom: 30px;
}

button.viewBasketLink.btn-primary {
    display: none;
}

.product-tag-page .page-title h1 {
    margin-bottom: 15px;
}

.product-tag-page .products-container .item-grid {
    gap: 25px 0;
}

.product-tag-page .product-list .item-box {
    margin-bottom: 0;
}

.product-details-page .description {
    display: block;
}

.product-details-page .manufacturer-brand {
    max-width: 150px;
}

.product-navigation-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid var(--lighten);
    border-bottom: 1px solid var(--lighten);
    padding: 8px 0;
}

.product-navigation-bar > .product-navigation-bar-item {
    margin: 0;
    padding: 10px 8px;
    text-decoration: none;
}

.product-navigation-bar > .product-navigation-bar-item:hover {
    background-color: var(--background);
}

.product-navigation-bar > .product-navigation-bar-item.active {
    text-decoration: underline;
    text-decoration-color: var(--dark);
}

.product-information-bar {
    display: flex;
    position: fixed;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    padding: 10px 0;
    flex-direction: column;
    left: 0;
    gap: 1rem;
    border-bottom: 2px solid var(--dark);
    z-index: 100;
}

.product-information-bar > .product-navigation-bar {
    display: flex;
    width: 100%;
    justify-content: center;
    border-bottom: none;
    padding-bottom: 0px;
}

.product-information-bar .qty-input-group {
    display: flex;
    flex-wrap: nowrap;
}

.product-information-bar .qty-input-group input {
    width: 5rem;
}

.product-information {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 1rem;
    width: 75%;
}

.product-information > .prices {
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
}

.product-information .product-price span {
    font-size: 20px;
}

.product-information .rental-price {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.product-information .rental-price label {
    width: min-content;
}

.product-information .rental-price span {
    align-self: center;
}

.product-information > .add-to-cart > .add-to-cart-panel {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.product-information > .add-to-cart > .add-to-cart-panel > label {
    align-self: flex-end;
}

.product-information .base-price-pangv {
    display: none;
}

@media (min-width: 992px) {
    .product-information-bar.showing {
        top: calc(var(--product-information-bar) - (var(--product-information-bar) * 2));
        animation: moveDown 1s forwards;
    }
}

#relatedproducts  {
    .product-item .bottom-detail-first {
        display: none;
    }
}

/*responsive product-information-bar*/
@media (max-width: 991px) {
    .product-information-bar.showing {
        animation: movingTopToBottom .5s linear infinite;
    }

    @keyframes movingTopToBottom {
        0% {
            top: -160px;
        }
        25% {
            top: -120px;
        }
        50% {
            top: -80px;
        }
        75% {
            top: -40px;
        }
        100% {
            top: 0;
        }
    }
}

/*end responsive product-information-bar*/

.product-details-page .product-detail-left {
    display: grid;
    height: fit-content;
    grid-template-columns: 100%;
}

.product-details-page .product-detail-left .gallery {
    grid-row-start: 1;
}

.product-details-page .product-detail-left #product-navigation-bar {
    grid-row-start: 2;
}

.product-details-page .product-detail-left .description {
    display: flex;
    flex-direction: column;
    grid-row-start: 3;
}

.product-details-page .description .full ul li {
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;
}

.product-details-page .description button {
    margin-top: 1rem;
    width: fit-content;
    align-self: center;
}

.product-specs-box {
    overflow: hidden;
}

.product-variant-list td {
    vertical-align: middle;
}

.product-variant-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

#variantSpecifications, #variantCart {
    margin-bottom: 0;
}

.product-variant-filters .alert {
    display: flex;
    align-items: center;
    height: fit-content;
    margin-bottom: 0;
    padding: 0.5rem 0.75rem;
    background-color: var(--background);
    transition: background-color 0.2s ease-in-out;
}

.product-variant-filters .alert:hover {
    background-color: var(--background-light);
}

.product-variant-filters .alert .fa {
    font-size: 16px;
    padding-left: 0.5rem;
}

.product-details-page .description,
.product-details-page .product-buy-information{
    background-color: var(--background);
}

.dimerce-form .returning-wrapper p,
.dimerce-form .blog-wrapper p {
    color: var(--dark-secondary);
    margin-bottom: 0;
}

.dimerce-form .returning-wrapper a,
.view-details a {
    text-decoration: underline;
}

.blogpost-page .comment-body {
    color: var(--darken);
}

.header-logo a img {
    max-height: 65px;
    min-height: inherit;
}

/*********** FOOTER **********/
.footer {
    padding-top: 20%;
}

.footer-upper.full-background::before {
    background-color: var(--dark);
    box-shadow: 0 0 40px #39393930;
}

.footer-lower.full-background::before {
    background-color: var(--background);
}

.footer .copy-right {
    color: var(--dark-secondary);
}

.footer-upper {
    padding: 25px 0;
}

.footer-upper > .row {
    align-items: center;
}

.newsletter {
    height: 100%;
}

.footer-upper .newsletter .title {
    color: var(--white);
    padding-bottom: 5px;
}

.footer-upper .newsletter-email input[type="email"] {
    border: none;
    height: 45px;
}

.newsletter-subscribe-text::placeholder {
    font-size: 16px;
    color: var(--dark-secondary);
}

.newsletter .form-control {
    padding: 12px 10px;
}

.newsletter .newsletter-subscribe-button {
    font-size: 22px;
    height: 45px;
    width: 45px;
    padding: 0;
    color: var(--dark-secondary);
}

.newsletter .options > div,
.footer-powered-by,
.blog-page .post:first-child .post-title {
    display: inline-block;
}

.newsletter .newsletter-email .options {
    padding-top: 10px;
}

.newsletter .custom-control-label {
    color: var(--white);
    font-size: 14px;
    vertical-align: bottom;
}

.newsletter-validation, .newsletter-result {
    font-size: 16px;
    color: var(--white);
}

.footer-upper .follow-us .social li:not(:last-child) {
    margin: 0 50px 0 0;
}

.footer-upper .follow-us .social a {
    font-size: 35px;
    color: var(--white);
    display: inline-block;
    line-height: 0;
}

.footer-upper .follow-us .social a:hover {
    color: var(--white);
    opacity: 0.7;
}

.footer-lower {
    padding: 50px 0;
}

.footer-lower .footer-block .title,
.footer-upper .newsletter .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    display: inline-block;
}

.footer-lower .footer-block .title {
    padding-bottom: 15px;
    color: var(--dark-secondary);
}

.footer-lower .footer-block .nav-link,
.footer-lower .footer-block .nav .nav-item span {
    padding: 0;
    font-size: 16px;
    color: var(--dark-secondary);
    line-height: 22px;
    display: inline-block;
}

.footer-lower .footer-block .nav-link {
    white-space: normal;
    word-break: break-word;
    vertical-align: top;
}

.footer-lower .footer-block .nav-link:hover,
.footer-powered-by a:hover {
    color: var(--darken);
}

.footer-lower .footer-block {
    padding: 0 12.5px;
}

.footer-lower .row {
    margin: 0 -12.5px;
}

.footer-lower .footer-payment-list em {
    font-size: 0;
}

.footer-lower .footer-payment-list em:before {
    font-size: 30px;
}

.footer-lower .payment-link {
    display: inline-block;
    line-height: 0;
    color: var(--darken);
}

.footer-lower .payment-link:hover {
    opacity: 0.8;
}

.footer-lower .payment-item {
    display: inline-block;
}

.footer-lower .footer-disclaimer,
.footer-powered-by {
    font-size: 10px;
    line-height: 12px;
}

.footer-lower .copy-right,
.not-found-page .topic-block-body p,
.not-found-page .page-title {
    text-align: center;
}

.footer-lower .footer-block .nav-item:not(:last-child) {
    padding-bottom: 15px;
}

.footer-lower .footer-payment-list {
    padding: 0px 0 25px;
}

.footer-lower .nav .nav-item {
    white-space: nowrap;
}

.footer-lower .follow-us .nav .nav-item span {
    margin-right: 10px;
}

.footer-lower > .row {
    padding-bottom: 50px;
}

/*********** PAGE NOT FOUND **********/
.not-found-page .topic-block-body p,
.not-found-page .page-title h1,
.dimerce-form .title h1,
.blogpost-page .title h2,
.dimerce-form .page-title h1,
.dimerce-form .desc,
.blog-page .page-title h1,
.blog-page .page-title .blog-listpage-desc,
.category-page .sub-category-item .title,
.block .title h2,
.blog-description .blog-detials p:last-child,
.blogpost-page .comment label,
.account-page .page-title .description,
.account-page .page-title h1,
.return-request-page .page-title h1,
.return-request-page .return-title h2,
.customer-info-page .info-title h2,
.customer-info-page .page-title h1,
.change-password-page .field-validation-error span p,
.my-product-reviews-list-page .review-info label,
.wishlist-page .page-title h1,
.order-list-page .recurring-payments label,
.downloadable-products-page tbody label,
.downloadable-products-page .page-title h1,
.reward-points-page .page-title h1,
.reward-points-page label,
.wishlist-page .cart label,
.sitemap-page .page-title h1,
.sitemap-page .page-title p,
.checkout-page .checkout-data p,
.shipping-method label,
.payment-method label,
.checkout-page .checkout-attributes dd,
.checkout-page .checkout-attributes dl,
.order-completed-page .page-title h1,
.product-reviews-page .title h2,
.product-reviews-page .review-content label,
.html-product-reviews-page .returning-wrapper .result,
.checkout-page .page-titles h2,
.checkout-page .checkout-data .shipping-code .inputs,
.compare-products-table td label,
.custom-topic-block .about-us-detials p:last-child {
    margin-bottom: 0;
}

.not-found-page .page-title h1,
.product-buy-information .product-price {
    font-weight: bold;
    color: var(--darken);
    line-height: 33px;
    font-size: 26px;
}

.not-found-page .topic-block-title {
    display: none;
}

.page-no-found-wrap {
    text-align: center;
}

.not-found-page .page-title {
    padding-top: 30px;
}

.not-found-page .universal-carousel-wrap .item-grid {
    margin: 0 -15px;
}

.not-found-page .item-box {
    padding: 0 15px;
}

.product-reviews-page .result {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.product-reviews-page .product-review-helpfulness .result {
    margin-left: 15px;
}

/*********** COLLECTION OVERVIEW PAGE **********/
.breadcrumb {
    background-color: inherit;
    padding: 0;
}

.breadcrumb li a,
.breadcrumb li span,
.breadcrumb li strong {
    color: var(--dark-secondary);
}

.breadcrumb li a,
.breadcrumb li span,
.breadcrumb li strong {
    font-size: 16px;
    line-height: 22px;
}

.breadcrumb li a:hover {
    color: var(--darken);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    padding: 0;
    display: none;
}

.breadcrumb-item:not(:last-child)::after {
    content: "|";
    color: var(--dark-secondary);
    padding: 0 15px;
    vertical-align: top;
}

.category-page .page-title h1,
.category-description p,
.master-column-wrapper .category-help .title,
.master-column-wrapper .category-help .help-desc,
.html-checkout-page .checkout-data .select-shipping-address,
.product-tags-all-page .page-title h1 {
    margin-bottom: 0;
}

.category-page .page-title h1,
.master-column-wrapper .category-help .title,
.master-column-wrapper .category-help .sub-title,
.blog-page .page-title h1,
.blog-page .post:first-child .post-title,
.blogpost-page .page-title h1,
.account-page .page-title h1,
.return-request-page .page-title h1,
.customer-info-page .page-title h1,
.wishlist-page .page-title h1,
.downloadable-products-page .page-title h1,
.reward-points-page .page-title h1,
.checkout-page .page-title h1,
.checkout-page .page-titles h2,
.checkout-page .payment-description,
.checkout-page .method-description,
.custom-topic-block .page-title h1,
.product-tags-all-page .page-title h1 {
    color: var(--darken);
}

.category-page .page-title h1,
.master-column-wrapper .category-help .title,
.account-page .page-title h1,
.return-request-page .page-title h1,
.customer-info-page .page-title h1,
.wishlist-page .page-title h1,
.downloadable-products-page .page-title h1,
.reward-points-page .page-title h1,
.sitemap-page .page-title h1,
.compare-products-page .page-title h1,
.product-tags-all-page .page-title h1 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 800;
}

.category-page .page-title h1,
.product-tags-all-page .page-title h1 {
    padding-bottom: 15px;
}

.category-description p,
.master-column-wrapper .category-help .help-desc,
.dimerce-form .form-fields label,
.return-form .form-fields label,
.dimerce-form .form-fields input::placeholder,
.return-form .form-fields input::placeholder,
.dimerce-form .form-fields textarea::placeholder,
.return-form .form-fields textarea::placeholder,
.dimerce-form .form-fields .forgot-password,
.dimerce-form .form-fields input,
.return-form .form-fields input,
.dimerce-form .form-fields textarea,
.return-form .form-fields textarea,
.dimerce-form .desc,
.blog-page .page-title p,
.block .list a,
.blog-description p,
.blogpost-page .comment span,
.blogpost-page .comment label,
.account-page .page-title .description,
.account-page .list .account-list a,
.cart-collaterals .hint,
.account-page .list .account-list a,
.customer-info-page .email-msg,
.reward-points-page .reward-points-overview .current-balance,
.reward-points-page .reward-points-overview .min-balance,
.no-data,
.back-in-stock-subscription-list-page .description,
.downloadable-products-page tbody label,
.sitemap-page .page-title p,
.checkout-page .page-title p,
.html-checkout-page .checkout-data .email-label,
.checkout-page .single-pickup-point li,
.checkout-page #CardCode,
.checkout-page .checkout-data span,
.availability .stock span,
.product-details-page .description,
.checkout-page .tax-shipping-info,
.checkout-page .discount-code-column .discount-coupon-code,
.checkout-page .d-title h2,
.checkout-page .payment-info input,
.checkout-page .payment-info textarea,
.order-completed p,
.order-completed a,
.compare-products-table td label,
.custom-topic-block .about-us-detials p,
.blog-content-section ul li,
.blog-content-section1 ul li,
.checkout-page-address > .description,
.checkout-page .register-code-column > .description {
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-secondary);
}

.master-column-wrapper .category-help .sub-title,
.overview .product-name h1 {
    font-size: 26px;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.master-column-wrapper .category-help .title,
.dimerce-form .returning-wrapper p,
.return-form .form-groups,
.dimerce-form .form-groups,
.master-column-wrapper .category-help .help-desc:not(:last-child) {
    padding-bottom: 25px;
}

.category-page .product-selectors,
.product-tag-page .product-selectors {
    padding-bottom: 50px;
    align-items: center;
}

.category-page .product-selectors .product-span,
.product-viewmode a,
.dimerce-form .returning-wrapper p,
.dimerce-form .blog-wrapper,
.blogpost-page .comment-body,
.btn-primary,
.btn-default,
.btn-secondary,
.btn-tertiary {
    font-size: 16px;
    line-height: 22px;
}

.product-selectors .product-span {
    display: inline-block;
    padding-right: 15px;
    color: var(--dark-secondary);
}

.product-viewmode {
    text-align: right;
}

.product-page-size select {
    min-width: 100px;
}

.product-page-size div:last-child {
    padding-left: 15px;
    padding-right: 0;
}

.category-page .product-sorting select,
.category-page .product-page-size select,
.product-tag-page .product-sorting select,
.product-tag-page .product-page-size select {
    height: 45px;
}

.side-2 .product-viewmode {
    display: block;
}

.product-viewmode a {
    color: var(--light-secondary);
    font-weight: 700;
    display: inline-block;
    padding: 10px 15px;
    border: var(--border-width-default) solid var(--lighten);
    height: 45px;
}

.product-viewmode a:not([href]):not([tabindex]) {
    color: var(--light-secondary);
}

.product-viewmode a.selected:not([href]):not([tabindex]),
.product-viewmode a:hover:not([href]):not([tabindex]) {
    color: var(--dark-secondary);
}

.product-viewmode .fa-grid {
    font-family: "Font Awesome 6 Pro";
}

.product-viewmode a.selected,
.product-viewmode a:hover {
    color: var(--dark-secondary);
    border: var(--border-width-default) solid var(--dark-secondary);
}

.product-viewmode a i {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 22px;
}

.product-viewmode a:not(:last-child) {
    margin-right: 5px;
}

.pager li {
    vertical-align: middle;
}

.pager li a,
.pager li span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
}

.pager .previous-page a,
.pager .next-page a,
.pager .first-page a,
.pager .last-page a {
    position: relative;
}

.pager .current-page span,
.pager .individual-page a {
    color: var(--dark-secondary);
}

.pager .current-page span {
    font-weight: 800;
    text-decoration: underline;
}

.pager ul {
    text-align: center;
}

.pager .previous-page,
.pager .next-page,
.pager .first-page,
.pager .last-page {
    position: relative;
}

.pager .previous-page a::before,
.pager .next-page a::before,
.pager .first-page a::before,
.pager .last-page a::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    color: var(--darken);
}

.pager .previous-page a::before {
    content: "\f060";
}

.pager .first-page a::before {
    content: "\f100"
}

.pager .next-page a::before {
    content: "\f061";
}

.pager .last-page a::before {
    content: "\f101"
}

.pager .first-page a,
.pager .next-page a,
.pager .previous-page a,
.pager .last-page a {
    font-size: 0;

}

.pager .previous-page:hover::before,
.pager .next-page:hover::before {
    color: var(--dark-secondary);
}

.category-page .products-container + .category-description {
    margin-top: 25px;
}

.category-page .category-grid + .category-description {
    margin-top: 10px;
}

/*********** LOGIN PAGE **********/

.dimerce-form .returning-wrapper,
.contact-page .page-body,
.blogpost-page .blog-wrapper {
    padding: 25px;
}

.contact-page .page-body,
.account-page .order-item,
.account-page .request-item,
.address-list-page .address-list .address-item,
.my-product-reviews-list-page .product-review-item,
.sitemap-page .entity-body {
    background-color: var(--background);
}

.dimerce-form .returning-wrapper,
.dimerce-form .blog-wrapper {
    background-color: var(--light-gray);
    box-shadow: 0 4px 16px #38383839;
}

.dimerce-form .returning-wrapper {
    margin: 50px auto 0;
}

.dimerce-form .title h1,
.blogpost-page .title h2,
.blog-page .post:first-child .post-title,
.product-details-page .description .title,
.product-details-page .product-grid .title,
.product-specs-box .title {
    font-weight: bolder;
    font-size: 26px;
    line-height: 33px;
    padding-bottom: 10px;
}

.dimerce-form .returning-wrapper a,
.dimerce-form .title,
.dimerce-form .page-title h1,
.overview .product-name h1,
.product-details-page .description .title,
.product-details-page .product-grid .title,
.product-specs-box .title,
.product-reviews-page .user label,
.compare-products-page .page-title h1 {
    color: var(--darken);
}

.dimerce-form .form-fields label {
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 0;
    display: block;
    margin-bottom: 0;
}

.dimerce-form .form-fields input:not([type=checkbox]):not([type=radio]),
.dimerce-form .form-fields select,
.dimerce-form .form-fields textarea,
.checkout-page .discount-code-column .coupon-code {
    width: 100%;
    padding: 8px;
}

.dimerce-form .form-fields input:not([type=checkbox]):not([type=radio]) {
    height: 40px;
}

.dimerce-form .form-fields input:not([type=checkbox]):not([type=radio]),
.dimerce-form .form-fields textarea,
.dimerce-form .form-fields select,
.return-form .form-fields textarea,
.address-select.dropdown.ui.fluid.search.selection,
.method-list input[type="radio"]:checked + label,
.return-form .form-fields input:not([type=checkbox]):not([type=radio]) {
    border: var(--border-width-default) solid var(--dark);
    max-width: 100%;
    border-radius: var(--rounded-corners);
}

.dimerce-form .form-fields label.custom-control-label,
.checkout-page .custom-control-label,
.filtersPanel .custom-control-label,
.left-register-form .form-fields .custom-control-label {
    font-weight: normal;
    padding-bottom: 0;
    vertical-align: middle;
    display: inline-block;
    word-break: break-all;
    margin-left: 10px;
}

.dimerce-form .forgot-password a {
    color: var(--dark-secondary);
}

.custom-control {
    padding-left: 22px;
}

.custom-checkbox .custom-control-label.remember::after,
.custom-checkbox .custom-control-label.remember::before {
    height: 24px;
    width: 24px;
    border: var(--border-width-default) solid var(--darken);
}

.checkout-page .custom-checkbox .custom-control-label::after,
.checkout-page .custom-checkbox .custom-control-label::before {
    height: 24px;
    width: 24px;
}

.dimerce-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label.remember::after {
    color: var(--darken);
}

.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before,
.custom-radio .custom-control-label::before {
    height: 22px;
    width: 22px;
    border: var(--border-width-default) solid var(--light-secondary);
    background-color: transparent;
}

.custom-radio .custom-control-label::before {
    top: 3px;
}

.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before {
    top: 1px;
}

.custom-checkbox .custom-control-label::after,
.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after,
.custom-radio .custom-control-label::after,
.custom-radio .custom-control-label::before {
    border-radius: 50%;
    background-image: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--light-secondary);
    height: 12px;
    width: 12px;
    top: 8px;
    left: 5px;
}

.dimerce-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.wishlist-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.dimerce-filter .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.checkout-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
}

.dimerce-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.wishlist-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.checkout-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.dimerce-filter .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
.filtersPanel .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: inherit;
    color: var(--light-secondary);
}

.html-category-page .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
    color: transparent;
}

.category-filter-part .close-filters > span {
    display: none;
}

.list li > .sublist > .nav-item {
    padding-left: 15px;
}

#StockAvailability-Availability label::after {
    display: none;
}

#StockAvailability-Availability .custom-control {
    padding-left: 0;
}

.dimerce-form .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.attribute-squares .selected-value .attribute-square-container {
    background-color: #d4d4d4;
}

.date-picker-wrapper select:not(:last-child) {
    margin-right: 10px;
}

.date-picker-wrapper {
    display: flex;
}

.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-default {
    border: none;
    padding: 0px 25px;
    font-weight: 700;
    height: 40px;
}

.field-validation-error,
.change-password-page .field-validation-error span p {
    padding-top: 5px;
}

.message-error,
.field-validation-error {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
}

.message-error,
.dimerce-form .result {
    margin-bottom: 15px;
}

.result {
    width: 100%;
}

.dimerce-form .forgot-password a,
.data-table a:hover {
    text-decoration: none;
}

.product-reviews-page .title h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 33px;
    padding-bottom: 25px;
}

/*********** FORGOT PASSWORD PAGE **********/
.dimerce-form .required {
    /*margin-left: 10px;*/
    color: var(--darken);
}

/*********** CONTACT US PAGE **********/

.dimerce-form .page-title h1,
.blog-page .page-title h1,
.blogpost-page .page-title h1,
.custom-topic-block .page-title h1 {
    font-size: 40px;
    line-height: 55px;
    font-weight: 900;
}

.contact-page .page-title h1 {
    padding-bottom: 15px;
}

.dimerce-form textarea {
    height: 100px;
}

.dimerce-form .page-title {
    margin-bottom: 50px;
}

.google-map iframe {
    height: 100%;
    width: 100%;
    border: 0;
}

.contact-page .result {
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 0;
}

.theme-selector {
    padding-top: 25px;
}

/*********** BLOG LIST PAGE **********/
.blog-page .blog-posts .row .post {
    padding: 0 12.5px;
}

.blog-page .blog-posts .post:not(:first-child) .buttons {
    display: none;
}

.blog-page .blog-posts .post:first-child img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
}

.blog-page .blog-posts .post:first-child .buttons {
    margin-top: 30px;
}

.blog-page .post .btn-primary i {
    margin-left: 7px;
}

.block .list a:before {
    display: none;
}

.block .title h2 {
    position: relative;
}

.html-blog-page .listbox {
    padding: 0;
    max-height: 320px;
}

.html-blog-page .list {
    padding: 15px;
}

.blog-category-navigation .list .category.active {
    color: red;
}

.html-blog-page .mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
    background-color: transparent !important;
}

.block-recently-viewed-products .block-recently-picture {
    display: inline-block;
    width: 75px;
}

.block-recently-viewed-products .product-name {
    width: calc(100% - 75px) !important;
}

/*********** BLOG POST PAGE **********/
.blog-description .blog-detials p:not(:last-child),
.account-page .page-title,
.return-request-page .return-title,
.return-request-page .page-title,
.customer-info-page .info-title,
.customer-info-page .page-title,
.address-list-page .address-list .address-item:not(:last-child),
.my-product-reviews-list-page .product-review-item:not(:last-child),
.downloadable-products-page .page-title,
.reward-points-page .page-title,
.wishlist-page .page-title,
.sitemap-page .page-title,
.sitemap-page .entity:not(:last-child),
.checkout-page .step-title h2,
.checkout-page .form-fields .inputs,
.checkout-page .method-list li:not(:last-child),
.product-reviews-page .product-review-item:not(:last-child),
.checkout-page .pickup-in-store,
.checkout-page .ship-to-same-address,
.compare-products-page .page-title h1,
.checkout-page .registration-page .register-title h2,
.checkout-page .registration-page .form-groups,
.checkout-page .register-code-column,
.custom-topic-block .about-us-detials p:not(:last-child) {
    margin-bottom: 25px;
}

.blog-description .row:not(:last-child),
.checkout-page .address-column,
.custom-topic-block .row:not(:last-child) {
    margin-bottom: 50px;
}

.blogpost-page .comment-info .username,
.blogpost-page .comment-time {
    background-color: var(--light-gray);
}

.comment-info .username,
.comment-time {
    padding: 12px 15px;
}

.comment-body {
    padding: 20px 15px;
}

.blogpost-page .blog-img img,
.custom-topic-block .about-us-img img {
    object-fit: cover;
    object-position: center;
}

.blogpost-page .page-body > div + div {
    margin-top: 50px;
}

.blog-page .page-body > div + div {
    margin-top: 100px;
}

.comment-list .comment {
    display: table;
    width: 100%;
    margin: 0;
}

.comment-content {
    border-left: 1px solid var(--lighten);
}

.blogpost-page .blog-comment:last-child {
    border-bottom: 1px solid var(--lighten);
}

.comment-info .username {
    text-align: center;
}

.comment-content {
    display: table-cell;
    width: 85%;
    vertical-align: top;
    text-align: left;
}

.blogs-details .blog-detilas-banner-desc .blogs-titles {
    text-transform: uppercase;
}

.blogs-titles {
    font-size: 26px;
    line-height: 33px;
    font-weight: 800;
    color: var(--darken);
    word-break: break-word;
}

.blog-detilas-banner-desc {
    max-width: 648px;
    margin: 0 auto;
}

.blogs-titles {
    margin-bottom: 10px;
}

.blog-detilas-banner-desc .desc:last-child {
    margin-top: 25px;
}

.blog-img-content-wraper .blog-content-section ul,
.blog-img-content-wraper .blog-content-section1 ul {
    list-style: none;
    padding: 0;
}

.blog-details-baner .blog-detilas-banner-desc1,
.blog-img-wraper-section,
.blog-img-wraper-section1 {
    max-width: 1095px;
    margin: 0 auto;
}

.blogs-details img {
    height: auto;
    max-width: 100%;
}

.blogs-details iframe {
    height: 100%;
    width: 100%;
}

.contact-page.dimerce-form .html-widget {
    display: flex;
    justify-content: end;
    height: 100%;
    width: 100%;
}

.blogs-details .blog-detilas-banner-img1 img {
    width: 100%;
}

.blog-page .blog-posts .post .post-title,
.blog-post {
    word-break: break-word;
}


/*********** MY ACCOUNT PAGE **********/
.block-account-navigation .list li a {
    display: flex;
    align-items: center;
    padding: 25px 25px 25px 60px;
}

.block-account-navigation .list li a i {
    font-size: 25px;
    margin-right: 10px;
}

.block-account-navigation .list li:not(:last-child) {
    border-bottom: 2px solid var(--lighten);
}

.block-account-navigation .nav-list li a::after {
    font-weight: 900;
    position: absolute;
    left: 25px;
    font-size: 20px;
    line-height: 1;
    color: var(--darken);
}

.block-account-navigation .nav-list li a::after,
.newsletter-subscribe-button i::before,
.account-page .list .account-list a::after {
    font-family: "Font Awesome 6 Pro";
}

.block-account-navigation .nav-list .customer-info a::after,
.account-page .list .customer-info a::after {
    content: "\f4fe";
}

.block-account-navigation .nav-list .customer-addresses a::after,
.account-page .list .customer-addresses a::after {
    content: "\f2bb";
}

.block-account-navigation .nav-list .customer-orders a::after,
.account-page .list .customer-orders a::after {
    content: "\f483";
}

.block-account-navigation .nav-list .return-requests a::after,
.account-page .list .return-requests a::after {
    content: "\f0e2";
}

.block-account-navigation .nav-list .downloadable-products a::after,
.account-page .list .downloadable-products a::after {
    content: "\f019";
}

.block-account-navigation .nav-list .back-in-stock-subscriptions a::after,
.account-page .list .back-in-stock-subscriptions a::after {
    content: "\f856";
}

.block-account-navigation .nav-list .reward-points a::after,
.account-page .list .reward-points a::after {
    content: "\f4b9";
}

.block-account-navigation .nav-list .customer-avatar a::after,
.account-page .list .customer-avatar a::after {
    content: "\f07b";
}

.block-account-navigation .nav-list .change-password a::after,
.account-page .list .change-password a::after {
    content: "\f084"
}

.block-account-navigation .nav-list .customer-gdpr a::after,
.account-page .list .customer-gdpr a::after {
    content: "\f552"
}

.block-account-navigation .nav-list .customer-reviews a::after,
.account-page .list .customer-reviews a::after {
    content: "\f4ad";
}

.customer-ordermanager a:after {
    content: "\f03a";
}

.customer-returnmanager a:after {
    content: "\f03a";
}

.block-account-navigation .listbox,
.order-list-page .page-body .recurring-payments {
    padding: 0;
}

.block-account-navigation .list li:not(:last-child) a {
    margin-bottom: 0;
}

.block-account-navigation .nav-list {
    display: block;
}

.account-page .list .account-list {
    background-color: var(--background);
    padding: 25px;
    text-align: center;
    position: relative;
}

.account-page .listbox a {
    padding-top: 60px;
    position: relative;
    display: block;
}

.account-page .list .account-list a::after {
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    line-height: 1;
    color: var(--darken);
}

.account-page .list .account-list a:hover::after {
    color: var(--dark-secondary);
}

.blog-category-navigation .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.blog-category-navigation .mCSB_scrollTools .mCSB_draggerContainer {
    border-left: 2px solid var(--lighten);
}

.blog-category-navigation .mCSB_scrollTools .mCSB_draggerRail {
    width: 15px;
}

.blog-category-navigation .mCSB_scrollTools .mCSB_dragger {
    height: 55px !important;
    min-height: 55px !important;
}

.blog-category-navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: inherit;
    border-radius: 0;
}

.blog-category-navigation .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.blog-category-navigation .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--lighten) !important;
}

/*********** MY ACCOUNT YOUR ORDER **********/

.account-page .section:not(:last-child),
.return-request-list-page .request-item:not(:last-child) {
    margin-bottom: 25px;
}

.order-list-page .info li label,
.return-request-list-page .request-item label {
    display: block;
}

.block-account-navigation .list li.active {
    background-color: var(--lighten);
}

.html-myaccount-page .block-account-navigation .list li.active {
    background-color: transparent;
}

.account-page .section,
.address-list-page .address-list .address-item,
.my-product-reviews-list-page .product-review-item,
.product-reviews-page .product-review-item {
    padding: 25px;
}

.account-page label,
.account-page span,
.return-request-list-page .details li a,
.result,
.dimerce-form em,
.customer-info-page .vat-status,
.customer-info-page .username-not-available-status,
.address-list-page .address-list .info li,
.reward-points-page .pager li,
.my-product-reviews-list-page .review-text,
.wishlist-page .tax-shipping-info,
.sitemap-page li,
.checkout-page .multiple-locations,
.checkout-page .pickup-in-store .description span,
.product-details-page .delivery-date span,
.checkout-page .pickup-in-store .description span,
.checkout-page .selected-checkout-attributes,
.product-details-page .item-box .product-title,
.product-specs-box label,
.checkout-page span.field-validation-error,
.product-reviews-page .review-text,
.product-reviews-page .user span,
.product-reviews-page .product-review-helpfulness span,
.html-product-details-page .short-description{
    font-size: 14px;
    /*line-height: 75px;*/
    color: var(--dark-secondary);
}

.account-page label,
.checkout-page .d-title h2 {
    font-weight: 700;
    margin-bottom: 5px;
}

.block .listbox li:hover a,
.block .listbox li:hover a:after,
.order-completed a:hover {
    color: var(--darken);
}

.order-list-page .recurring-payments tbody td,
.product-reviews-page .user label {
    font-size: 14px;
    line-height: 18px;
}

.order-list-page .recurring-payments tbody td:not(:first-child) {
    margin-top: 10px;
}

.write-review .review-rating li.first {
    margin-right: 10px;
}

.write-review .review-rating li.first,
.write-review .review-rating li.last {
    vertical-align: bottom;
}

/*********** MY ACCOUNT ORDER DETAILS PAGE **********/

.download-invoice h2,
.payment-status-method .button,
.address-list-page .address-list .info,
.my-product-reviews-list-page .product-review-box,
.my-product-reviews-list-page .review-text,
.downloadable-products-page tbody td:not(:last-child),
.sitemap-page .entity-title h2,
.checkout-page .tax-shipping-info,
.order-completed .title {
    margin-bottom: 10px;
}

.address-list-page .address-list span,
.downloadable-products-page tbody label,
.reward-points-page label,
.product-reviews-page .review-content label {
    font-weight: 700;
}

.downloadable-products-page tbody td a {
    white-space: normal;
    word-break: break-word;
}

.return-request-list-page .details li,
table thead tr {
    vertical-align: top;
}

/*********** MY ACCOUNT RETURN ORDER PRODUCT PAGE **********/

.return-form .form-fields label {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

body .qq-upload-button {
    background-color: var(--darken);
    color: var(--white);
    border-radius: var(--rounded-corners) !important;
    width: 100%;
    font-weight: 700;
    height: 40px;
    font-size: initial;
}

body .qq-upload-button:hover {
    background-color: var(--light-secondary);
}

.return-form .form-groups > * {
    width: 100%;
}

.html-return-request-page .return-form .form-fields select,
.customer-info-page .form-fields select,
.address-edit-page .form-fields select {
    border: var(--border-width-default) solid var(--dark);
    color: var(--dark-secondary);
}

.html-return-request-page .return-form .form-fields select,
.return-form .form-fields textarea,
.customer-info-page .fieldset .form-fields select,
.address-edit-page .fieldset .form-fields select,
.left-register-form .form-fields select {
    height: 40px;
}

.left-register-form .form-fields select {
    width: 100%;
    border: var(--border-width-default) solid var(--dark);
}

.return-form .form-fields textarea {
    line-height: 15px;
    resize: none;
}

.html-return-request-page tbody tr:not(:last-child) {
    border-bottom: 0;
}

/*********** MY ACCOUNT CUSTOMER INFO PAGE **********/

.customer-info-page .check-username-availability-button,
.checkout-page .multiple-locations,
.html-product-details-page .short-description {
    margin-top: 5px;
}

.username-not-available-status,
.customer-info-page .vat-status,
.customer-info-page .vat-note {
    padding-top: 5px;
}

.customer-info-page .custom-radio .gender-val,
.address-edit-page .custom-radio label {
    font-weight: normal;
    padding-bottom: 0;
}

.customer-info-page .gender div:not(:last-child),
.custom-attributes ul.option-list li:not(:last-child) {
    margin-right: 15px;
}

.customer-info-page .gender-val::before {
    background-color: var(--lighten);
}

.gender > *,
.my-product-reviews-list-page .review-info label {
    display: inline-block;
}

.customer-info-page .email-msg,
.checkout-page .email-label {
    padding-bottom: 5px;
    display: block;
}

.customer-info-page .page-title.address-title,
.reward-points-page .pager,
.my-product-reviews-list-page .pager,
.checkout-page .pay-easy-with,
.checkout-page .edit-address {
    margin-top: 25px;
}

.checkout-attributes .dimerce-form .form-fields input:not([type=checkbox]):not([type=radio]),
.checkout-attributes .dimerce-form .form-fields select,
.checkout-attributes .dimerce-form .form-fields textarea,
.checkout-attributes .checkout-page .text-prompt,
.checkout-attributes .checkout-page .discount-code-column .coupon-code {
    width: 100%;
    border-color: var(--border-color);
}


/*********** MY ACCOUNT ADDRESS LIST PAGE **********/

.address-list-page .address-list .info li:not(:last-child),
.checkout-page .page-title h1,
.checkout-page .custom-checkbox,
.checkout-page .single-pickup-point li:not(:last-child) {
    margin-bottom: 5px;
}

.address-list-page .address-list .buttons input:not(:last-child) {
    margin-right: 15px;
}

.address-edit-page .account-title,
.address-edit-page .sub-title {
    display: none;
}

.address-edit-page .form-label-group {
    margin-bottom: 25px;
}

/*********** MY ACCOUNT CHANGE PASSWORD **********/
.change-password-page .message-error {
    text-align: left;
}

.change-password-page .result {
    padding-bottom: 15px;
}

/*********** MY ACCOUNT REWARD POINT **********/

.reward-points-page .reward-points-overview > div + div,
.wishlist-page .tax-shipping-info,
.checkout-page .selected-checkout-attributes {
    margin-top: 10px;
}

.page-title {
    white-space: normal;
    word-break: break-word;
    padding-bottom: 15px;
}

/*********** MY ACCOUNT BACK STOCK **********/

.back-in-stock-subscription-list-page .product {
    padding-left: 0;
}

/*********** WISHLIST PAGE **********/

.cart tbody .message-error {
    padding-bottom: 0;
    margin-top: 10px;
}

.cart .product-unit-price span {
    display: inline-block;
}

/*********** SITEMAP PAGE **********/

.sitemap-page ul {
    column-rule: 2px solid var(--light);
}

.sitemap-page .entity-body {
    padding: 25px;
}

.sitemap-page li {
    margin-bottom: 15px;
    white-space: normal;
    word-break: break-all;
}

/*********** ONEPAGE CHECKOUT **********/
.checkout-page .cart input{
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-secondary);
}

.checkout-page .cart .sku span,
.checkout-page .cart .unit-price.checkbox-units-prices span,
.checkout-page .cart .units span {
    font-size: 14px;
    color: var(--dark-secondary);
}

.checkout-page .cart .cart-button span:hover i{
    color: var(--darken);
}

.checkout-page .cart .cart-button span{
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.checkout-page .delivery-options .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
}

.checkout-page .delivery-options p {
    margin-bottom: 5px;
    color: var(--dark-secondary);
}

.checkout-page .delivery-options p:not(:first-child) {
    font-size: 16px;
    line-height: 22px;
}

.checkout-page .totals-wrap .checkout-buttons {
    text-align: right;
}

.checkout-button {
    padding: 7px 27px;
    font-weight: bold;
}

.checkout-page .pay-easy-with {
    text-align: right;
}

.checkout-page .section.ship-to-same-address.dimerce-form {
    margin-top: 25px;
}

.checkout-page .cart .cart-button {
    display: inline-block;
}

.checkout-page .checkout-data .page-title {
    padding-bottom: 25px;
}

.checkout-page .page-title p a {
    color: var(--dark);
    text-decoration: underline;
    font-weight: 600;
}

.checkout-page .page-title p a:hover {
    color: var(--darken);
}

.checkout-page .form-fields .inputs,
.checkout-page select {
    width: 100%;
    margin-bottom: 0;
}

.checkout-page select {
    height: 40px;
    padding: 8px !important;
}

.checkout-page .checkout-data .shipping-code {
    width: 100%;
    display: inline-block;
}

.checkout-page .select-shipping-address label,
.checkout-page .select-pickup-points label,
.checkout-page .select-billing-address label {
    margin-bottom: 5px;
    width: 100%;
    font-weight: 700;
}

.checkout-page .checkout-data .buttons {
    margin-top: 25px;
}

.checkout-page #confirm-order-buttons-container {
    text-align: right;
}

.checkout-page .page-title h1,
.checkout-page .page-titles h2 {
    font-weight: 800;
    word-break: break-word;
}

.checkout-page .method-list li:not(:last-child) {
    margin-bottom: 8px;
}

.checkout-page .method-list li label {
    padding: 8px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-radius: var(--rounded-corners);
    background: var(--white);
}

.checkout-page .method-list .method-name > span,
.checkout-page .method-list .method-name > span > span {
    display: block;
    color: var(--darken);
}

.checkout-page .method-list .method-name > span > span {
    font-size: 14px;
}

.checkout-page .method-list li:hover .method-description,
.checkout-page .method-list li:hover .payment-description,
.method-list input[type="radio"]:checked + label > span,
.method-list input[type="radio"]:checked + label > span > span {
    color: var(--darken);
}

.checkout-page .method-list li label:hover .methods,
.checkout-page .method-list .method-name:hover > span,
.checkout-page .method-list .method-name:hover > span > span {
    color: var(--white);
}

.checkout-page .method-list li input[type="radio"] {
    display: none;
}

.checkout-page .method-list .method-name label {
    color: var(--darken);
}

.checkout-page .message-error {
    margin-top: 10px;
    margin-bottom: 0;
}

.checkout-page .message-error li:not(:last-child) {
    margin-bottom: 5px;
}

.checkout-page .payment-info table td {
    display: block;
    width: 100%;
    padding: 0;
}

.checkout-page .payment-info table td label {
    width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.checkout-page .payment-info table tr:not(:last-child) {
    margin-bottom: 25px;
    display: block;
}

.checkout-page #ExpireMonth,
.checkout-page #ExpireYear {
    width: auto;
}

.checkout-page .payment-info tbody {
    padding: 25px;
    display: block;
}

.checkout-page .payment-info tbody tr {
    padding: 0;
    border-bottom: 0;
}

.checkout-page #CardCode {
    padding: 9px 17px;
}

.checkout-page .cart .cart-remove-button {
    vertical-align: middle;
    text-align: center;
}

.checkout-page .cart-remove-button i {
    color: var(--dark-pink);
    cursor: pointer;
}

.checkout-page .cart .quantity .qty-input,
.checkout-page .cart .quantity .qty-dropdown {
    padding: 5px 7px;
}

.checkout-page .totals {
    background-color: var(--background);
}

.checkout-page .discount-code-column .apply-discount-coupon-code-button,
.checkout-page .discount-code-column .apply-gift-card-coupon-code-button {
    padding: 9px 24px;
    width: 118px;
    border: none;
    height: auto;
}

.checkout-page .discount-code-column .discount-coupon-code,
.checkout-page .discount-code-column .gift-card-coupon-code {
    width: calc(100% - 118px)
}

.checkout-page .cart-collaterals .message-failure,
.checkout-page .cart-collaterals .message-success,
.checkout-page .cart-collaterals .current-code {
    padding: 0;
}

.checkout-page .remove-discount-button,
.checkout-page .remove-gift-card-button,
.checkout-page .terms-of-service input,
.checkout-page .selector input {
    border: 0;
    color: var(--darken);
    height: auto;
}

.checkout-page .discount-code-column form > div:not(:last-child) {
    margin-bottom: 15px;
}

.checkout-page .cart-total .cart-total-right {
    min-width: 150px;
}

.checkout-page .cart-collaterals .current-code {
    margin-top: 5px;
}

.checkout-page .terms-of-service {
    justify-content: inherit;
}

.checkout-page .terms-service {
    padding-top: 25px;
    background-color: var(--white);
}

.checkout-page .terms-service a {
    color: var(--darken);
}

.checkout-page .terms-service a:hover {
    color: var(--dark-secondary);
}

.html-checkout-page .confirm-order-next-step-button {
    border: 0;
    height: 40px;
}

.checkout-page .img-help-sections > div {
    align-self: stretch;
}

.html-checkout-page .confirm-order-next-step-button.disabled,
.html-checkout-page .confirm-order-next-step-button:disabled {
    background-color: var(--light-secondary);
}

.checkout-page .cart-total td,
.block-vendor-navigation .nav-item .nav-link {
    padding: 0;
}

.checkout-page .email-label,
.checkout-page .postcode .field-validation-error {
    white-space: break-spaces;
    word-break: break-all;
}

.checkout-page .page-body.checkout-data,
.checkout-page .cart-total label {
    margin-bottom: 0;
}

.html-checkout-page .btn-primary.disabled, .html-checkout-page .btn-primary:disabled {
    background-color: var(--light-secondary);
}

.checkout-page .payment-info input,
.checkout-page .payment-info textarea {
    padding: 10px 12px;
}

.checkout-page .field-validation-error {
    display: block;
}

.checkout-page .center-2 .checkoutpage-act {
    padding: 16px;
}

.checkout-page .page-title,
.checkout-page .center-2 .page-titles {
    padding: 0 16px;
}

.product-reviews-page .vote {
    padding: 0 5px;
}

.order-completed-page .page-title.complete-order-title {
    padding: 0;
}

.field-validation-error,
.field-validation-error span,
.field-validation-valid {
    color: #FF0000 !important;
}

.email-a-friend-page .result {
    margin-bottom: 0;
    padding: 0;
    border-color: transparent;
    background-color: transparent;
}

.html-category-page .product-list .item-box .productQuantityTextBox,
.html-category-page .product-list .item-box .productQuantityDropdown {
    height: 42px;
    width: 100%;
}

.product-reviews-page .message-error {
    padding: 0;
}

.category-filter-section {
    display: none;
}

.html-checkout-page .qty-input-group .qty-input {
    border: var(--border-width-default) solid var(--light-secondary);
    height: 42px;
}

.html-checkout-page .payment-description {
    word-break: break-all;
}

.checkout-page .registration-page .custom-control-input {
    height: auto;
}

.checkout-page .registration-page .custom-control-input:focus {
    outline: none;
    box-shadow: none;
}

.checkout-page .registration-page .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.checkout-page .field-validation-error ul li,
.checkout-page .field-validation-error > span > p {
    color: #ff0000;
    font-size: 14px;
    line-height: 22px;
}

.checkout-page .field-validation-error > span > p {
    margin-bottom: 10px;
}

.checkout-page .shipping-code .inputs > label {
    word-break: break-all;
    overflow: hidden;
}

.manufacturer-item .title {
    margin-bottom: 0 !important;
    margin-top: 10px;
    text-align: center;
}

.manufacturer-item .picture a {
    position: relative;
}

.manufacturer-item .picture a:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.manufacturer-item .picture a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

table th {
    word-break: normal;
    /*vertical-align: top !important;*/
}

.checkout-icon-progress {
    display: flex;
}

.icon-progress-list {
    background-color: var(--light-gray);
    padding: 10px;
    position: relative;
}

.icon-progress-list:not(:last-child)::after {
    content: "";
    height: 3px;
    background-color: var(--gray1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.checkout-page .center-2 .icons-title,
.checkout-page .center-2 .checkoutpage-act,
.checkout-page .center-2 .accordian-wrap {
    position: relative;
}

.checkout-page .center-2 .icons-title::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    left: 0;
    padding-right: 10px;
}

.checkout-page .center-2 .icons-title-register::before {
    content: "\f2b9";
}

.checkout-page .center-2 .adress-titles::before {
    content: "\f2bb";
}

.checkout-page .center-2 .icons-title-shipping::before {
    content: "\f48b";
}

.checkout-page .center-2 .icons-title-shipping-timeslot::before {
    content: "\f017";
}

.checkout-page .center-2 .icons-title-payment::before {
    content: "\f788";
}

.checkout-page .center-2 .icons-title-checkoutAttr::before {
    content: "\f03a";
}

.checkout-page .center-2 .icons-title {
    cursor: pointer;
    display: flex;
}

.checkout-page .icons-title.active::after {
    transform: rotate(180deg);
}

body:not(:has(.register-code-column)) .icons-title-register::after {
    display: none;
}

body:not(:has(.register-code-column)) .checkout-page-address .checkoutpage-act + .checkoutpage-act {
    padding-top: 0;
}

.html-checkout-page body:not(:has(.register-code-column)) .checkout-page-address .adress-titles {
    margin-top: 0;
}

.checkout-page .checkout-attributes .inputs {
    margin-bottom: 0;
}

.checkout-page .checkout-attributes .inputs + .checkout-datas {
    margin-bottom: 8px;
}

.checkout-page .checkout-attributes .inputs + .checkout-datas:last-child {
    margin-bottom: 0;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.checkout-page .checkout-page-info .page-title {
    padding-bottom: 0;
    z-index: 2;
}

.checkout-page-address .checkoutpage-act {
    display: block !important;
}

.checkout-page .checkout-page-info .description a {
    color: var(--dark);
    text-decoration: underline;
    font-weight: 600;
}

.checkout-page .checkout-page-info .description a:hover {
    color: var(--darken);
}

.checkout-page .checkout-float-title label {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black1);
    word-break: break-word;
}

.checkout-float-wraper .form-groups {
    position: relative;
}

.html-checkout-page .center-2 .checkout-float-wraper .form-groups select.form-control:not(:placeholder-shown) {
    padding: 12px;
    padding-right: 25px;
}

.html-checkout-page .center-2 .checkout-float-wraper .form-groups .form-control {
    border: var(--border-width-default) solid var(--dark);
    border-radius: var(--rounded-corners) !important;
    font-size: 16px;
    color: var(--gray4);
    padding: 8px;
}

.checkout-float-wraper .form-groups .floating-label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    border: var(--border-width-default) solid transparent;
    border-radius: 0;
    transition: all .1s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    font-weight: normal;
}

.checkout-float-wraper .form-groups .floating-label > span,
.checkout-float-wraper .form-groups .floating-label {
    color: var(--gray2);
}

.checkout-float-wraper .form-groups > label {
    padding: 12px;
}

.checkout-float-wraper .form-groups .form-control:not(:placeholder-shown) ~ .floating-label {
    padding-top: calc(0.75rem / 3);
    padding-bottom: calc(0.75rem / 3);
    font-size: 12px;
    color: var(--gray3);
}

.checkout-float-wraper .form-groups .form-control:not(:placeholder-shown) ~ .floating-label > span {
    font-size: 12px;
    line-height: inherit;
    color: var(--gray3);
}

.checkout-page .checkout-float-wraper .form-groups .form-control:focus,
.checkout-page .checkout-data .checkout-page-checoutattributes .checkout-datas .textbox:focus {
    border-color: var(--blue);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.60);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0 8px rgba(102, 175, 233, 0.60);
}

.checkout-float-wraper .field-validation-error {
    padding-top: 0;
}

.checkout-float-wraper .field-validation-error > span {
    font-size: 13px;
}

.checkout-page .dimerce-form .form-groups,
.checkout-page .registration-page .form-groups {
    padding-bottom: 16px;
    margin-bottom: 0;
}

.checkout-page .dimerce-form .form-fields input:not([type=checkbox]):not([type=radio]) {
    padding: 8px;
}

.checkout-page .dimerce-form .form-fields .checkout-float-title label {
    padding-bottom: 0;
}

.checkout-page .center-2 select.form-control:not([size]):not([multiple]) {
    height: 40px;
}

.checkout-float-wraper .form-groups select + .floating-label {
    display: none;
}

.registration-page .crt-btn.custom-checkbox + .create-account-password {
    margin-top: 15px;
}

.html-checkout-page .btn-primary.green {
    background-color: var(--green);
    color: var(--white);
}

.checkout-page .sub-title {
    word-break: break-word;
}

.checkout-page .cart .cart-remove-button {
    margin-right: 15px;
    width: 15px;
}

.page.checkout-page.universal-checkout-page h4,
.page.checkout-page.universal-checkout-page h5 {
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
}

div#opc-order-total, div#opc-order-budget {
    float: right;
}

.checkout-page .checkout-progress-title span {
    font-size: inherit;
    color: inherit;
}

.selected-checkout-attributes {
    display: none !important;
}

table .product-details > *:not(:first-child) span {
    line-height: 22px !important;
}

/*********** COMPARE PRODUCTS PAGE **********/
.html-compare-products-page table tbody tr:first-child td {
    padding-top: 20px;
}

.html-compare-products-page table tbody tr:last-child td {
    padding-bottom: 20px;
}

.compare-products-page .product-names a {
    font-weight: bold;
}

.compare-products-page .clear-list-btn {
    display: inline-block;
    width: 100%;
}

.compare-products-page .clear-list {
    color: var(--white);
    margin-bottom: 15px;
    padding: 9px 24px;
    font-weight: normal;
}

.compare-products-page .compare-products-table td {
    padding: 16px;
}

.compare-products-page .compare-products-table .remove-button {
    background-color: transparent;
}

.item-box .picture a {
    display: -webkit-box;
}

.vat-note em {
    margin-bottom: 5px;
    display: block;
    color: var(--dark-secondary);
    white-space: normal;
}

.html-category-page .block .listbox,
.custom-scrollbar .block .listbox {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.html-category-page .block .listbox ul,
.custom-scrollbar .block .listbox ul {
    padding: 15px;
}

.custom-scrollbar .mCSB_inside > .mCSB_container {
    margin-right: 15px;
}

.html-category-page .priceRangeFilterPanel7Spikes .listbox {
    padding: 15px;
}

.html-category-page .mCSB_scrollTools .mCSB_dragger,
.custom-scrollbar .mCSB_scrollTools .mCSB_dragger {
    background-color: var(--lighten);
    height: 55px !important;
}

.html-category-page .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail,
.custom-scrollbar .mCSB_scrollTools .mCSB_draggerContainer .mCSB_draggerRail {
    width: 15px;
    background-color: transparent;
    border-radius: 0;
}

.html-category-page .mCSB_scrollTools .mCSB_draggerContainer,
.custom-scrollbar .mCSB_scrollTools .mCSB_draggerContainer {
    border-left: 2px solid var(--lighten);
}

.html-category-page .block .listbox .sublist {
    padding: 0;
}

.html-category-page .block-popular-tags .view-all a {
    margin-top: 0;
}

.html-category-page .block-popular-tags .view-all {
    padding: 0 15px 15px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 0;
}

/*********** ABOUT US PAGE **********/

.custom-topic-block .page-title .desc {
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-secondary);
    margin-bottom: 0;
}

.custom-topic-block .page-title {
    margin-bottom: 50px;
}

/*style for mega menu*/
ul.mega-menu.header-bottom-right {
    position: unset !important;
    z-index: 5 !important;
    border-top: unset !important;
    border-bottom: unset !important;
    color: unset !important;
    text-align: right !important;
    margin: unset !important;
    font-size: unset !important;
}

@media (min-width: 992px) {
    .mega-menu > li > a:before, .mega-menu > li > span:before {
        content: unset !important;
    }

    .mega-menu .header-bottom-right li, .mega-menu a {
        -webkit-transition: unset !important;
        -moz-transition: unset !important;
        -o-transition: unset !important;
        transition: unset !important;
    }

    .header-bottom-right li:not(:first-child) {
        margin-left: 30px !important;
    }

    .mega-menu > li > a, .mega-menu > li > span {
        position: unset !important;
        display: inline-block !important;
        font-size: unset !important;
        line-height: unset !important;
        padding: 11px 0 !important;
    }

    .mega-menu > li:hover > a, .mega-menu > li:hover > span {
        color: var(--lighten) !important;
        cursor: pointer !important;
    }

    .mega-menu .sublist li {
        margin-left: unset !important;
    }

    .mega-menu .sublist-wrap {
        padding: 10px !important;
    }
}

@media (max-width: 991px) {
    .mega-menu-responsive {
        width: unset !important;
        margin: unset !important;
        border-top: 15px solid var(--light) !important;
    }

    .header-bottom.full-background .menu-title {
        display: none !important;
    }

    .mega-menu-responsive > li > a, .mega-menu-responsive > li > span {
        display: block !important;
        min-height: unset !important;
        padding: 14px 30px !important;
        font-size: 15px !important;
        color: var(--darken) !important;
        border-bottom: 2px solid var(--light) !important;
        border-top: unset !important;
    }

    .mega-menu-responsive > li {
        background-color: var(--light-gray) !important;
    }

    .mega-menu-responsive .plus-button {
        background: unset !important;
    }

    .mega-menu-responsive .sublist-wrap .has-sublist::before {
        content: "" !important;
    }

    .mega-menu-responsive .plus-button::before {
        content: "\f054" !important;
        font-family: fontawesome !important;
        position: absolute !important;
        top: 20px !important;
        right: 15px !important;
        color: #000000 !important;
        font-size: 20px !important;
        line-height: 0.63 !important;
    }

    .mega-menu-responsive .plus-button.close::before {
        content: "\f107" !important;
        font-family: fontawesome !important;
        position: absolute !important;
        top: 20px !important;
        right: 15px !important;
        color: #000000 !important;
        font-size: 24px !important;
        line-height: 0.63 !important;
    }

    .parent-menu .category-list:not(:last-child) a {
        border-bottom: 1px solid var(--light);
    }

    .parent-menu .category-list a i {
        background: var(--background) transparent;
    }
}

.add-to-cart-panel-top .desktop-widget {
    display: flex;
    margin-left: inherit;
    grid-column-gap: 5px;
    margin-right: 0;
    flex: none;
}

.category-item.card-block h2.sub-title {
    margin: auto !important;
    text-align: center;
}

.item-box .picture a {
    max-width: 200px;
    margin: auto;
}

/*end style for mega menu*/


/*style whatsapp icon*/
a.fa.fa-whatsapp.float {
    color: #25d366;
    background-color: unset;
    font-size: xxx-large;
    box-shadow: unset;
}

@media (max-width: 991px) {
    a.fa.fa-whatsapp.float {
        margin-bottom: 100px;
    }
}

/*end style whatsapp icon*/

.enter-address .edit-address {
    margin: 0;
    padding: 16px 0 0;
}

.product-quantity_productBox {
    border-radius: var(--rounded-corners) !important;
    font-weight: 600;
    -webkit-align-items: center;
    display: flex !important;
    padding-left: 2px;
    padding-right: 2px;
    height: 42px;
    margin-bottom: 5px;
    background-color: var(--white);
    max-width: unset !important;
    border: var(--border-width-default) solid var(--border-color);
}

.product-quantity_productBox .quantity-down {
    cursor: pointer;
    width: 25px;
    line-height: 38px;
    text-align: center;
}

.product-quantity_productBox .quantity-up {
    cursor: pointer;
    width: 25px;
    line-height: 38px;
    text-align: center;
}

.unit-selector {
    border-radius: var(--rounded-corners) !important;
    font-weight: normal;
    font-family: inherit;
    color: #495057;
    font-size: 13px;
    cursor: pointer;
    background-color: var(--white);
    border: var(--border-width-default) solid var(--border-color) !important;
    width: 100%;
    height: 42px !important;
    max-height: unset !important;
    line-height: 40px !important;
    margin-bottom: 5px;
}

.quantity-button {
    cursor: pointer;
}

.product-quentity .qty-input, .product-quantity_productBox .qty-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: var(--border-width-default) solid var(--border-color);
    font-weight: 600 !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 1 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: var(--darken);
    height: 42px !important;
    width: 100% !important;
    max-height: unset;
}

/* Variant Table Style */
div#variantTable_wrapper {
    width: 100%;
    margin-bottom: 30px;
}

#variantTable tfoot {
    display: table-header-group;
}

table#variantTable .preselectedSkuClass td {
    background-color: var(--light-gray3);
}

th.variant-quantity {
    /*display: none;*/
    min-width: 120px;
}

th.table-variant-name, th.table-variant-name select {
    max-width: 200px;
}

#variantTable .list-attributes-selector {
    width: 100px;
    max-width: 100px;
    margin-right: 5px;
}

#variantTable .qty-input-group {
    width: 100px;
    max-width: 100px;
    margin-left: 0;
    margin-bottom: 0;
    background-color: var(--white);
    border: var(--border-width-default) solid var(--light-secondary);
    border-radius: var(--rounded-corners) !important;
    height: 42px;
    margin-right: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
}

#variantTable .unit-selector {
    max-width: unset;
    text-align-last: left;
    padding: 0 10px;
}

.product-details-page #variantTable_wrapper label {
    padding-right: unset;
    width: unset;
}

.product-variant-list .dataTables_wrapper .dataTables_filter {
    margin-right: 15px;
}


#variantTable_wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#variantTable_wrapper::-webkit-scrollbar {
    width: 6px;
    height: 12px;
    background-color: #F5F5F5;
}

#variantTable_wrapper::-webkit-scrollbar-thumb {
    background-color: var(--light);
}

.contact-page .page-title p {
    clear: both;
}

.first-fixed-column {
    border-left: 4px solid rgba(0, 0, 0, 0.3);
}

th.first-fixed-column {
    min-width: 60px;
}

th.second-fixed-column {
    min-width: 60px;
}

.dataTables_wrapper .dataTables_filter input {
    height: 42px;
    border-radius: var(--rounded-corners) !important;
    border: var(--border-width-default) solid var(--dark) !important;
}

.dataTables_scroll {
    padding-top: 5px;
}

.product-variant-list .products-buttons {
    float: right;
    margin-right: 15px;
    z-index: 1;
    position: relative;
}

.product-variant-list .products-buttons .qty-input-group input {
    float: right;
    width: 130px;
}

@media (min-width: 650px) {
    .product-variant-list .products-buttons {
        margin-bottom: -42px;
    }
}

@media (max-width: 991px) {
    .product-variant-list thead {
        display: table-header-group;
    }

    .product-variant-list tbody {
        display: table-row-group;
    }

    .product-variant-list tbody tr {
        display: table-row;
    }

    #variantTable .qty-input-group {
        max-width: 150px;
    }
}

.dataTables_length select {
    margin-top: 3px;
    margin-left: 20px;
    height: 37px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: var(--rounded-corners) !important;
}

.product-variant-list .dataTables_wrapper .dataTables_filter {
    margin-right: 15px;
    margin-left: 15px;
    float: left;
}

table.dataTable tbody td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#variantTable .qty-input-group .product-quantity_productBox {
    max-width: unset;
    width: 100%;
    background: white;
    margin-bottom: 0;
}

.productBox-ezBase-section .row {
    margin-top: 15px;
}

.product-variant-list .products-buttons > * {
    margin-top: 0;
    margin-bottom: 0;
}

.productBox-ezBase-section .row div#variantTable_wrapper {
    margin-bottom: 0;
}

#variantTable .qty-input-group .quantity-button {
    width: 30px;
    padding: 0 5px;
    cursor: pointer;
    border: none;
    height: auto;
    border-radius: var(--rounded-corners) !important;
}

/*productBox ezBase style section*/
.productBox-ezBase-section {
    display: none;
    margin: auto;
    position: absolute;
    top: 100%;
    border: var(--border-width-default) solid var(--light-secondary);
    background-color: white;
    padding: 0 0 15px 0;
    border-radius: 10px;
    z-index: 2;
    text-align: left;
    min-height: 200px;
    overflow: hidden;
}

.productBox-ezBase-section div#variantTable_info {
    padding-left: 15px;
}

table.productBox-ez-base-table {
    border: solid 0px transparent;
    padding: 15px 5px 15px 5px;
    font-size: 15px;
    white-space: nowrap;
    min-width: 621px;
}

.productBox-ez-base-table th {
    border: none;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    color: #083e6d;
    vertical-align: bottom;
    white-space: break-spaces;
}

.productBox-ez-base-table thead {
    position: sticky;
    top: 0px;
    background: white;
}

.productBox-ez-base-table .first-tr th {
    padding-top: 12px;
}

.productBox-ez-base-table thead tr {
    box-shadow: inset 0 0 0 #083e6d, inset 0 -2px 0 #083e6d;
}

.productBox-ez-base-table td {
    padding: 8px 3px 8px 3px;
    font-size: 14px;
    border: none;
    border-bottom: solid 1px #083e6d;
    min-width: 50px;
    display: table-cell;
    height: 45px;
}

.productBox-ez-base-table-td-price {
    color: #083e6d;
    font-weight: 500;
}

.productBox-ezBase-addToCart .cart-btn {
    float: right;
    margin-top: 15px;
}

.productBox-ez-base-table .wherehouse-btn a {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 0 0 8px !important;
    margin: 0;
    color: #000;
    font-weight: 600;
    font-size: 0;
    display: unset;
    border-radius: 30px;
    text-transform: inherit;
    border: none;
    width: 100%;
    transition: unset;
    background-image: unset;
    background-color: unset;
}

.productBox-ez-base-table .wherehouse-btn {
    margin-right: unset;
    padding-top: unset;
}

table.productBox-ez-base-table tr:hover {
    border-color: #083e6d;
    border-style: solid;
    border-width: 1px;
    background: linear-gradient(0deg, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 50%);
}

table.productBox-ez-base-table tbody > tr:hover {
    border-top: none !important;
}

table.productBox-ez-base-table thead tr:hover {
    border-color: #083e6d;
    border-style: unset;
    border-width: unset;
}

th.productBox-ez-base-table-thead-td-hide {
    width: 75px;
    min-width: 50px;
    padding: 0;
}

th.productBox-ez-base-table-thead-td-cart-qty {
    float: right;
    display: flex;
    margin-right: -70px;
    padding-bottom: 2px;
    min-width: 148px;
    max-width: 148px;
}

.productBox-ez-base-table .wherehouse-btn a i {
    vertical-align: middle;
    font-size: 20px;
    color: #083e6d;
}

.productBox-ez-base-table .wherehouse-btn a i:hover {
    font-size: 23px;
}

.productBox-ez-base-table .wherehouse-btn a:hover {
    color: #fff;
    background: unset !important;
    border-color: unset !important;
}

.productBox-ez-Base-addToCart .cart-btn {

}

.productBox-ez-Base-addToCart a {
    font-size: 0;
    width: auto;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
}

.productBox-ezBase-section::-webkit-scrollbar-track, .dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    margin: 10px 0;
}

.productBox-ezBase-section::-webkit-scrollbar, .dataTables_scrollBody::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: transparent;
}

.productBox-ezBase-section::-webkit-scrollbar-thumb, .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: var(--light-secondary);
}

.productBox-th-attribute0, .productBox-th-attribute1 {
    min-width: 85px;
    max-width: 85px;
}

.productBox-th-attribute2 {
    min-width: 50px;
}

td.productBox-td-attribute {
    padding: 0 10px;
}

.pro-variant .variantButtonClass {
    padding: 5px 0;
}

@media (max-width: 1024px) {
    .productBox-ez-base-table-td-hide-show {
        display: table-cell;
        padding: unset !important;
        text-align: center;
    }

    th.productBox-ez-base-table-thead-td-hide {
        border-bottom: solid 2px #083e6d;
    }
}

@media (max-width: 1100px) {
    .productBox-ezBase-section {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .productBox-ezBase-section {
        /*right: -19px;*/
        max-width: 91vw;
        width: 91vw;
        overflow: auto;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.productBoxEzBaseSectionShowHide {
    display: block;
    overflow-y: auto;
    /*max-height: 500px;*/
}


.productBox-ezBase-section-arrow {
    display: none;
    width: 10px;
    height: 10px;
    border-top: 8px solid var(--light-secondary);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin: 0 auto;
}

.productBox-ezBase-section-arrow-ShowHide {
    display: block;
}

.productBox-ez-base-pro-variant {
    padding: 5px 0;
}

.productBox-ez-base-table .AddProductToHotListModalClass {
    visibility: hidden;
    position: fixed;
    z-index: 9999;
    padding-top: 25%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.productBox-ez-base-table .modal-content-hotList-header {
    background-color: #FEFEFE;
    margin: auto;
    padding: 0 !important;
    width: 400px;
}

.productBox-ez-base-table .modal-content-hotList {
    background-color: #FEFEFE;
    padding: 20px;
    width: fit-content;
    max-width: 400px;
}

.productBox-ez-base-table .ui-dialog-titlebar button.close-modal-hotlist {
    position: unset;
    overflow: hidden;
    width: unset !important;
    height: fit-content !important;
    margin: 0 !important;
    border-radius: 0;
    padding: 0 !important;
    background: none !important;
    color: #e31c18 !important;
    top: 0 !important;
    right: 0 !important;
    border: var(--border-width-default) solid transparent !important;
    float: right !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.productBox-ez-base-table input.btn.btn-1.hotlist-pop-up {
    border-radius: 44px !important;
    max-width: fit-content;
    background-position-y: center;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    font-weight: 600;
    border: var(--border-width-default) solid transparent;
    padding: 0 22px;
    width: auto !important;
}

.productBox-ez-base-table-td-Selectors > div > div {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 200px;
    gap: 5px;
}

.productBox-ez-Base-qty-div {
    border: var(--border-width-default) solid;
    width: 80px;
    height: 33px;
    border-radius: 30px;
    margin-right: -25px;
    padding-left: 5px;
}

.productBox-ez-Base-qty-div label {
    margin: 9px 5px;
}

.variant-table-availability {
    max-width: 160px;
}

.variant-table-availability select {
    max-width: 150px;
}

.productBox-ezBase-section-overlay {
    display: none;
    position: absolute;
    border: var(--border-width-default) solid var(--light-secondary);
    background-color: white;
    border-radius: 10px;
    z-index: 5;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.9;
    text-align: center;
    padding: 20px;
}

.productPage-ezBase-section-overlay {
    position: absolute;
    border: var(--border-width-default) solid var(--light-secondary);
    background-color: white;
    border-radius: 10px;
    z-index: 5;
    min-width: 100%;
    min-height: 100%;
    opacity: 0.9;
    text-align: center;
    padding: 20px;
}

div#variant-loading-img {
    background: url(../images/loading.gif) center center no-repeat;
    background-size: 49px;
    height: 100%;
    z-index: 20;
    display: block;
    min-height: 100px;
}

.productBox-ezBase-section-overlay-RightShowHide {
    display: block;
    right: -35px;
}

.productBox-ezBase-section-overlay-ShowHide {
    display: block;
}

.product-ez-table-available, #variantTable .product-quantity_productBox.product-ez-table-available .qty-input {
    border: 1px solid var(--green) !important;
}

.product-ez-table-not-available, #variantTable .product-quantity_productBox.product-ez-table-not-available .qty-input {
    border: 1px solid var(--red) !important;
}

.product-variant-list table.dataTable thead > tr > th.sorting:before,
.product-variant-list table.dataTable thead > tr > th.sorting:after {
    display: block !important;
}

table.dataTable#variantTable thead > tr > th.sorting:before,
table.dataTable#variantTable thead > tr > th.sorting:after {
    display: none !important;
}

/*end productBox ezBase style section*/

.wishlist-button .add-to-wishlist-button,
.compare-button .add-to-compare-list-button,
.wishlist-button2 .add-to-wishlist-button,
.compare-button2 .add-to-compare-list-button {
    border-radius: var(--rounded-corners) !important;
}

/*Category style DO-3038*/

.side-2 .product-viewmode {
    display: block;
    text-align: left;
}

.category-page .product-selectors, .product-tag-page .product-selectors, .manufacturer-page .product-selectors {
    padding-bottom: 50px;
    align-items: center;
    display: none;
}

#SortOn {
    .filtersSortOn select {
        padding: 0 25px 0 10px !important;
        border: var(--border-width-default) solid var(--lighten);
        font-size: 16px;
        background-size: 12px;
        color: var(--dark-secondary);
        text-transform: capitalize;
        height: 42px;
        border-radius: var(--rounded-corners) !important;
        width: 100%;
    }
}

#ShowProduct {
    .filtersShowProducts select {
        padding: 0 25px 0 10px !important;
        margin-top: 75px;
        border: var(--border-width-default) solid var(--lighten);
        font-size: 16px;
        background-size: 12px;
        color: var(--dark-secondary);
        text-transform: capitalize;
        height: 42px;
        border-radius: var(--rounded-corners) !important;
        background: var(--white) url(../images/select.svg) center right 8px no-repeat;
    }

    .title {
        margin-top: 75px;
        font-weight: 600;
    }
}

.pager .previous-page {
    margin-right: 15px !important;
}

.pager .next-page {
    margin-left: 15px !important;
}

.pager .previous-page a, .pager .next-page a, .pager .first-page a, .pager .last-page a {
    min-width: 50px;
    height: 50px;
    border-radius: 10px;
}

.block .title{
    cursor:pointer;
    background-color:var(--lighten);
    padding:15px 40px 15px 65px;
    color:var(--dark-secondary);
    font-size:18px;
    line-height:24px;
    position:relative;
    font-weight:700 !important;
    transition:transform .3s ease-in-out;
    display:flex;
    align-items:center;
}

.block .title::before{
    font-weight:900;
    display:inline-block;
    transition:transform .3s ease-in-out;
    margin-right:8px;
    transform:rotate(90deg);
}

.block .title.open::before{
    transform:rotate(0deg);
}

.block .title .clearfilter{
    position:absolute;
    right:5rem;
    top:50%;
    transform:translateY(-50%);
    font-size:14px;
    color:var(--primary);
    cursor:pointer;
    order:unset;
}

button.remove_select_btn {
    padding: 10px;
    border-radius: 10px;
    background-color: white;
    border: var(--border-width-default) solid var(--lighten);
    width: max-content;
    cursor: pointer;
}

.close-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    color: var(--white);
}

.fas.fa-angle-down {
    transition: transform 0.3s ease;
    transform: rotate(90deg);
}

.fas.fa-angle-down.rotated {
    transform: rotate(0deg);
}

/*End category style-css*/

/*checkout page css*/
.title span {
    position: unset;
}

.checkout-page .side-2 {
    height: auto !important;
}

@media (max-width: 991px) {
    .html-checkout-page .master-column-wrapper .side-2, .html-checkout-page .page-body.checkout-data {
        margin-bottom: 100px;
    }
}

.checkkvk-number span.kvk-note {
    display: block;
}

.step-icon::before {
    content: "\f111";
    font-family: 'Font Awesome 6 pro';
    position: absolute;
    font-size: 20px;
    top: 50%;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--light-gray2);
    z-index: 1;
    right: -4px;
    border: 5px solid var(--white);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, calc(-50% - 10px));
}

.checkout-step.completed .step-icon::before,
.checkout-page-info.completed .step-icon::before {
    color: white;
    background-color: var(--checkout-step-line);
    content: "\f058";
    font-size: 26px;
    opacity: 1;
    height: 39px;
    width: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 10px solid var(--white);
    right: -9px;
    font-weight: 300;
}

.step-line {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: var(--gray1);
    z-index: 0;
    right: 9px;
    opacity: 0.5;
}

.step-line.completed {
    background-color: var(--checkout-step-line);
    opacity: 1;
}

.checkout-page .center-2 > div {
    position: relative;
    padding-right: 48px;
    min-height: 100px;
    padding-bottom: 24px;
}

.checkout-page .center-2 > div:last-child {
    padding-bottom: 0;
}

.checkout-page .center-2 > div.disable {
    opacity: 0.5;
}

.checkout-step-card {
    background: var(--background);
    border-radius: var(--rounded-corners);
    padding-top: 16px;
    padding-bottom: 0;
}

.checkout-step.active .checkout-step-card {
    border-radius: var(--rounded-corners);
    border: var(--border-width-option-2) solid var(--border-color);
    box-shadow: 0 8px 10px #0000002B;
}

.checkout-step.completed .step-line,
.checkout-page-info.completed .step-line {
    background-color: var(--checkout-step-line);;
}

.checkout-step.completed .page-titles,
.checkout-page-info.completed .page-titles {
    color: var(--green);
}

.ui.selection.active.dropdown .menu {
    border-color: var(--dark);
}

.checkout-page-address .checkout-data .buttons {
    margin-top: 0;
}

/* end checkout page css*/

/* Icon download css at my-account-page */
.fa-download:before {
    content: "\f019";
    position: absolute !important;
    left: 39px;
    font-size: 20px;
    line-height: 4;
}

li.customer-downloads {
    display: flex;
}

.block-account-navigation .list li a {
    display: flex;
    align-items: center;
    padding: 25px 25px 25px 60px;
    line-height: 41px;
}

.block-account-navigation .nav-list .customer-downloads a::after, .account-page .list .customer-downloads a::after {
    content: "\f019";
}

.page.account-page {
    .description {
        text-align: center !important;
        position: absolute !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        top: 36px !important;
    }
}

/* end-icon css*/

/*warehouse-css*/
#productwarehouseinventory {
    background-color: #fafafa;
    padding: 20px 30px 0;
    border-radius: 15px;
    -webkit-box-shadow: 5px 5px 17px -17px #000000;
    box-shadow: 5px 5px 17px -17px #000000;
    display: flex;
    flex-direction: column;
}

.title {
    font-size: 26px;
    line-height: 33px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.blok {
    background-color: white;
    border: var(--border-width-default) solid #e3e3e3;
    padding: 10px;
    border-radius: 10px;

    .name {
        font-weight: bold;
    }
}

button.btn-readmore.btn {
    background-color: black;
    color: white;
    border-radius: 10px !important;
    align-self: center;
    margin: 15px;
    font-weight: 700;
}

.Instock {
    .fa-sharp.fa-solid.fa-circle {
        color: #27a934;
        padding-right: 5px;
    }

    .number {
        color: #27a934;
        font-weight: bolder;
    }
}

.Outstock {
    .fa-sharp.fa-solid.fa-circle {
        color: #d9d7d7;
        padding-right: 5px;
    }
}

/*End-warehouse-css*/

/*Readmore button for locations-css*/
.hidden-block {
    display: none;
}

/*Readmore button-css */

/*Gallery css*/

.text-page-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1920px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

@media (max-width: 480px) {
    .text-page-gallery {
        grid-template-columns: 1fr 1fr;
    }
}

.text-page-gallery-image {
    margin: 10px;
}

.text-page-gallery-image img {
    width: 100%;
    height: 100%;
    max-width: 300px;
    max-height: 300px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: var(--rounded-corners);
}

.text-page-gallery-image img:hover {
    opacity: 0.5;
    transition: ease-out;
    transition-duration: 0.2s;
}


input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled {
    opacity: .60;
    pointer-events: none;
}

/*new version voor text gallery page*/
.text-page-gallery {
    display: flex;
    max-width: 1920px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.text-page-gallery-image {
    position: relative;
    margin: 10px;
}

.text-page-gallery-image img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: var(--rounded-corners);
}

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: var(--background-gallery-overlay);
    border-radius: var(--rounded-corners);
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.text-overlay p {
    padding: 15px;
    text-align: center
}

.text-page-gallery-image:hover .text-overlay {
    opacity: 1;
}

/*End-Gallery-css*/

/* Read more button for description in product detail page  */
.product-details-page .description button {
    display: none;
}

/*End-Read more button css*/

/* my account section left css*/
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after {
    display: none !important;
}

.category-filter-part .block .filter-content, .category-filter-part .block .listbox, .product-specs-box .table-wrapper, .product-specs-box, .top-menu {
    border-radius: 0 !important;
}

/* end my account section left css*/

/* order manager table css*/
.page-content-orders table.dataTable.display tbody tr.even > .sorting_1, .page-content-orders table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: var(--sky-blue) !important;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: unset !important;
}

.page-content-orders table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: var(--white2) !important;
}

table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
    box-shadow: unset !important;
}

button.btn-light-primary {
    background-color: var(--darken);
    color: var(--white);
    padding: 5px 25px;
    border-radius: var(--rounded-corners) !important;
}

/* end order manager table css*/
.product-information-bar > .product-navigation-bar {
    display: flex;
    width: 100%;
    justify-content: center;
    border-bottom: none;
    padding-bottom: 0px;
    text-align: center;
}

/*Responsive product detail page*/
@media only screen and (max-width: 1000px) {

    .product-details-page section {
        padding-top: unset !important;
    }

    .product-details-page .product-navigation-bar {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        border-top: var(--border-width-default) solid var(--lighten);
        border-bottom: var(--border-width-default) solid var(--lighten);
        padding: 8px 0;
        flex-direction: column;
    }

    .product-details-page .col-12.col-lg-6.col-xl-7 {
        order: 1;
    }

    .product-details-page .product-detail-left {
        order: 2;
    }

    .product-details-page .product-detail-left .product-navigation-bar {
        grid-row-start: 1;
    }

    .product-details-page .product-detail-left .description {
        display: flex;
        flex-direction: column;
        grid-row-start: 2;
    }

    .product-details-page .description, .product-details-page .product-buy-information{
        background-color: var(--background);
        padding: 15px;
    }

    .product-details-page .products-buttons .btn-default, .products-buttons .btn-secondary {
        padding: 0;
    }

    .product-details-page .btn-primary, .btn-secondary, .btn-tertiary, .btn-default {
        border: none;
        font-weight: 700;
        height: 40px;
        width: max-content;
    }
}

/* end responsive product detail page*/

/* start universal carousel CSS*/
.slick-slider.uni-carsl.Manufacturer .items {
    min-width: unset;
}

.slick-slider {
    user-select: unset;
    -webkit-touch-callout: unset;
}

.uni-carsl.Product.slick-slider .item-box.col-xl-3 {
    max-width: 33.333333%;
}

.uni-carsl.Product {
    display: none;
}

.uni-carsl.Product.slick-slider {
    display: block;
}

/* end universal carousel CSS*/

/* begin price layout for productBox in search*/
.store-search-box .prices .groupedProductPrice .price.without-vat {
    line-height: 33px;
    font-size: 26px;
    font-weight: 700;
}

.store-search-box .prices .groupedProductPrice .price.with-vat {
    font-size: 14px;
    line-height: normal;
}

.store-search-box .prices .groupedProductPrice .price-and-weight .base-price-pangv.base-price-pangv-search {
    font-size: 14px !important;
    font-weight: normal;
}

.store-search-box .prices .groupedProductPrice .price-and-weight {
    margin-top: 5px;
}

/* end price layout for productBox in search*/


/*css drop down*/

.productsPageSizeDropDown {
    width: auto !important;
}

/*end css drop down*/

/* Openingtijden css*/

.OpeningTime {
    width: 50%;
    padding-top: 25px;
}


.OpeningTime h2 {
    font-size: 2rem;
    padding-left: 15px;
}

.OpeningTime table td:first-child, table th:first-child {
    padding-left: 20px;
    font-weight: bold;
}

.OpeningTime tbody {
    background-color: unset;
}

.OpeningTime table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100% !important;
}

.OpeningTime td, th {
    text-align: left;
    padding: 8px;
}

.OpeningTime tr:nth-child(even) {
    background-color: unset;
}

@media (max-width: 991px) {
    .OpeningTime {
        width: 100%;
    }

    .OpeningTime tbody tr:not(:last-child) {
        border-bottom: unset;
    }

    .OpeningTime tbody tr {
        display: flex !important;
        padding: 0 !important;
    }
}

/* HTML-widget 4-diensten css*/

.html-widget-4diensten {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.html-widget-4diensten-element {
    padding: 16px;
    width: auto;
    max-width: 300px;
    min-width: 50px;
    position: relative;
}

.html-widget-4diensten-element img {
    padding-bottom: 16px;
    max-width: 100%;
}

/* end HTML-widget 4-diensten css*/

/*menu titles css*/
.child-menu .main-title {
    color: var(--main-category-title);
}

.child-menu .main-title, .child-menu .title, .child-menu .category-description {
    padding: 0 16px;
    font-weight: bolder;
}

.child-menu .title {
    color: var(--sublist-category-title);
    margin-bottom: 15px;
}

.child-menu .listbox li a {
    font-size: 17px;
    line-height: 18px;
    color: var(--list-category-title);
    font-weight: normal;
    display: inline-block;
    width: 100%;
}

.child-menu .listbox li a:hover {
    background-color: var(--darken);
    color: var(--white);
}

@media only screen and (max-width: 1000px) {
    .child-menu .main-title {
        color: var(--dark);
        font-size: larger;
    }

    .child-menu .title {
        color: var(--sublist-category-title);
        margin-bottom: 0;
    }

    .child-menu .main-title, .child-menu .title, .child-menu .category-description {
        font-weight: bolder;
    }

    .sublist-wrap .title {
        padding: 16px 45px 16px 30px;
    }

    .child-menu .title {
        font-size: 16px;
    }
}

/*end menu titles css*/

/* Search frame and category borders */
@media (min-width: 992px) {
    .search-box .search-box-text {
        border: var(--border-width-option-2) var(--dark) solid;
        border-right: 0;
    }

    .search-box-button {
        background: var(--dark);
    }

    .fa-magnifying-glass {
        color: var(--lighten);
    }

    .fa-magnifying-glass:hover {
        color: var(--darken);
    }

    .btn-secondary:hover i.fa-solid.fa-magnifying-glass {
        color: var(--dark);
    }

    .nav-item a:hover {
        color: var(--dark);
    }

    .btn-secondary.search-box-button {
        border: var(--border-width-option-2) solid var(--dark);
        transition: none;
        border-left: none;
    }
}

#mCSB_1, .html-category-page .block .listbox {
    max-height: none;
}

.item-grid .item-box .sub-category-item {
    border: var(--border-width-option-2) solid var(--lighten);
}

.sub-category-item.card-block .title {
    background-color: var(--lighten);
    padding-top: 10px;
    padding-left: 10px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* end Search frame and category borders */

/* Speedfilter css for dimercetheme*/
.fns-speedfilters input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    margin: -6px;
    font: inherit;
    width: 1.5em;
    height: 1.5em;
    border: 0.15em solid var(--dark);
    border-radius: 0.15em;
    transform: translateY(1.1em);
    display: grid;
    place-content: center;
    color: var(--dark);
}

.fns-speedfilters input[type="checkbox"]::before {
    content: "";
    width: 1em;
    height: 1em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em;
    background-color: CanvasText;
}

.fns-speedfilters input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.fns-speedfilters .filter-data-block p.filter-item-unselected {
    background: unset;
    color: #333333;
    padding-left: 25px;
    font-size: 15px;
}

.fns-speedfilters .filter-data-block p.filter-item-selected {
    background: unset;
    padding-left: 25px;
    color: #B80705;
    font-size: 15px;
}

.fns-speedfilters .filter-data-block p.filter-item-disabled-unselected {
    background: unset;
    color: #9D9D9A;
    padding-left: 25px;
}

.fns-speedfilters .filter-data-block p.filter-item-disabled-selected {
    background: unset;
    color: #9D9D9A;
    padding-left: 15px;
}

.fns-speedfilters .price-range-filter-block {
}

.fns-speedfilters .filter-data-block a.filter-item-selected {
    display: contents;
}

.fns-speedfilters .filter-data-block a.filter-item-unselected {
    display: contents;
}

.fns-speedfilters .price-range-filter-block .price-range-selected-block {
    overflow: hidden;
    width: 100%;
    color: var(--dark);
    font-size: 15px;
    margin-top: 10px;
}

.filter-data-block {
    border: var(--border-width-default) solid var(--lighten);
    border-radius: 0 0 var(--rounded-corners) var(--rounded-corners);
}

.fns-speedfilters .filter-data-block li {
    padding: 0 10px !important;
}

/*Font-size and color for price range in speedfilter*/
.fns-speedfilters .price-range-info-block {
    font-size: 15px;
    padding-bottom: 5px;
    color: var(--black2);
}

.fns-speedfilters span#fns-selected-pricemin {
    font-size: 15px;
    color: var(--dark);
}

.fns-speedfilters span#fns-selected-pricemax {
    font-size: 15px;
    color: var(--dark);
}

.fns-speedfilters .filter-block {
    border-radius: 0 0 10px 10px;
}

/*end font-size and color for price range in speedfilter*/

/* End speedfilter css for dimercetheme*/

/* start budgets css for Dimerce theme*/

#budgetwidgetview.account-budget.block {
    border-top-left-radius: var(--rounded-corners) !important;
    border-top-right-radius: var(--rounded-corners) !important;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: unset;
}

.account-budget .account-budget-footer {
    padding: 15px;
    border: var(--border-width-default) solid var(--lighten);
    border-bottom-left-radius: var(--rounded-corners);
    border-bottom-right-radius: var(--rounded-corners);
}

.account-budget .account-budget-body .listbox ul.list li {
    font-size: 12px;
    color: var(--darken);
    padding-bottom: 8px;
    font-weight: 600;
}

.account-budget .account-budget-body .listbox ul.list li.grand-total {
    font-size: 14px;
    padding: 0 0 15px 0;
    font-weight: 600;
}

.account-budget .account-budget-body .listbox ul.list li:last-child {
    padding-bottom: 0;
}

.account-budget .account-budget-body .listbox ul.list li .label {
    display: inline-block;
}

.account-budget .account-budget-body .listbox ul.list > li span:last-child {
    text-align: end;
}

.account-budget .account-budget-footer p {
    margin: 0;
    line-height: 26px;
    color: #cccbcb;
    font-size: 10px;
    font-weight: 600;
    padding: 0 18px;
}

.account-budget .account-budget-header .title {
    display: grid;
    grid-template-columns: 12fr 11fr 0fr;
    padding: 15px;
    row-gap: 10px;
    overflow-wrap: anywhere;
}

.account-budget .account-budget-header .title .budget-date {
    align-self: center;
    text-align: end;
    padding-right: 10px;
}

.account-budget .account-budget-header .title .budget-date p {
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 0;
}

.budgetValidation.notValid, .budgetValidation.valid {
    padding: 15px;
    border: var(--border-width-default) solid var(--lighten);
    border-radius: var(--rounded-corners);
}

#budgetwidgetview li.amountleft.grand-total {
    border-top: var(--border-width-default) solid var(--light);
    margin-top: 7px;
    padding-top: 5px;
}

.assortment-budget-name span.label {
    font-size: 12px;
}

.assortment-budget-name {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 15px;
}

.account-budget .account-budget-body .listbox ul.list > li {
    grid-template-columns: 5fr 5fr;
    display: grid;
}

.my-assortment .hidden {
    display: none !important;
}

.notValid {
    color: red !important;
}

.account-budget.block .title::before {
    content: none;
}

.slideshow-container ul.customer-info.last {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 5px;
    padding: unset;
}

#budgetwidgetview .account-budget-body .slideshow-container ul.customer-info.last ul {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 5px;
    padding: 0;
}

#budgetwidgetview .account-budget-body .listbox {
    padding: 15px;
}

#budgetwidgetview .listbox .slideshow-container ul.list {
    padding: 0;
}

#budgetwidgetview .account-budget-body .listbox ul {
    padding: 0;
}

/* End budgets css for Dimerce theme*/

/* start img product detail page*/
img.product-picture-mobile {
    display: none;
}

/* end img product detail page*/

/*start product details page attachments */

.file-attachments {
    background-color: var(--background) !important;
}

.file-attachments li {
    display: list-item;
    list-style-type: disc;
    margin-left: 1.5em;
}

.file-attachments ul li a {
    display: unset !important;
    color: var(--dark);
    word-break: break-all;
}

.file-attachments .title strong {
    color: var(--darken) !important;
}

/* end product details page attachments */

/*eye icon posistion for password*/
.login-register-wrap i.fa-solid.eye-icon {
    position: relative;
    top: -32px;
    right: 15px;
    float: right;
    font-size: 18px;
    width: 25px;
    text-align: center;
}

/* end eye icon posistion for password*/

.custom-control.custom-checkbox.accept-privacy-policy.account-accept-privacy-policy {
    margin-bottom: 15px;
}

a.viewmode-icon.list {
    float: right;
}

.productselectionTable-scroll {
    max-height: 77vh !important;
    overflow: auto;
}

/*begin Datepicker section In universal checkout*/
.checkout-page #opc-shipping-timeslot .method-list li:not(:last-child) {
    margin-bottom: 0;
}

.datepicker-button-timeslot {
    width: 100%;
}

.ui-datepicker table td {
    min-width: auto;
}

.ui-datepicker table td:last-child,
.ui-datepicker table td:first-child,
.ui-datepicker table th:last-child,
.ui-datepicker table th:first-child {
    padding: 0;
}

.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default {
    border: none;
    text-align: center;
}

.ui-datepicker {
    margin-top: 10px;
    z-index: 1000;
}

.ui-datepicker .ui-datepicker-title {
    color: var(--black);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-color: var(--black) !important;
}

.datepicker-button-timeslot {
    text-align: left;
}

button#datepicker-button-timeslot {
    padding: 8px;
    font-weight: 700;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-radius: var(--rounded-corners);
    background: var(--white);
    font-size: 16px;
}

button#datepicker-button-timeslot:checked + label {
    background: var(--dark);
    color: var(--white);
}

button#datepicker-button-timeslot:hover {
    background: var(--dark);
    color: var(--white);
}

button#datepicker-button-timeslot i.fas.fa-calendar-alt {
    font-size: 20px;
}

button#datepicker-button-timeslot.selected {
    border: var(--border-width-default) solid var(--dark);
}

/*end Datepicker section In universal checkout*/

/*selected price type info*/
.price-type-info.pl-1 {
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
    font-size: 16px;
}

.price-type-info-data {
    position: absolute;
    bottom: 100%;
    transform: translateX(-70%);
    background-color: var(--darken);
    color: #fff;
    text-align: left;
    padding: 10px;
    border-radius: var(--rounded-corners);;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.price-type-info:hover .price-type-info-data, .price-type-info .fa-info-circle:hover .price-type-info-data {
    visibility: visible;
    opacity: 1;
}

/*end selected price type info*/


/* manufacturer section slider arrows css*/
.universal-carousel .slick-arrow {
    background: unset;
    border: unset;
}

.universal-carousel .slick-slider button.slick-arrow::before {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    white-space: nowrap;
    font-family: "Font Awesome 6 pro";
    font-size: 25px;
    font-weight: bolder;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    top: 50%;
    padding: 0 15px;
    z-index: 1;
}

.universal-carousel .slick-slider button.slick-arrow:first-child::before {
    content: "\f053";
    left: -49px;
}

.universal-carousel .slick-slider button.slick-arrow:last-child::before {
    content: "\f054";
    right: -49px;
}

.universal-carousel .slick-slider button.slick-arrow:first-child:hover:before {
    left: -75px;
}

.universal-carousel .slick-slider button.slick-arrow:last-child:hover:before {
    right: -75px;
}

@media only screen and (max-width: 991px) {
    .universal-carousel .slick-slider button.slick-arrow:first-child::before {
        left: -10px;
    }

    .universal-carousel .slick-slider button.slick-arrow:last-child::before {
        right: -10px;
    }

    .universal-carousel .slick-slider button.slick-arrow:first-child:hover:before {
        left: -15px;
    }

    .universal-carousel .slick-slider button.slick-arrow:last-child:hover:before {
        right: -15px;
    }
}

/*productboxes css*/
.input-buttons {
    display: flex;
}

#variantTable .product-quantity_productBox .qty-input {
    width: 100% !important;
    border: var(--border-width-default) solid var(--border-color);
    border-radius: 0 !important;
    height: 42px;
}

.product-quantity_productBox .quantity-button {
    cursor: pointer;
    font-size: 20px;
    padding: 8px;
    color: var(--lighten4);
}

#relatedproducts .item-box .input-buttons {
    display: none;
}

@media only screen and (max-width: 767px) {
    .product-details-page .add-to-cart-panel{
        grid-template-columns: 100%;
    }
}

.item-box .input-buttons div.productUnitSelector, .item-box .input-buttons .unit-selector {
    width: 100%;
}

.item-box .input-buttons .unit-selector {
    max-width: unset;
}

.bottom-detail-first .attributes dl, .bottom-detail-first .attributes dd {
    margin-bottom: 0;
}

.bottom-detail-first .attributes dl {
    margin-bottom: 5px;
}

.bottom-detail-first .attributes dd, .bottom-detail-first .attributes dd select {
    float: none;
}

.also-purchased-products-grid {
    .product-item .bottom-detail-first {
        display: none;
    }
}

.category-page  .product-grid .product-item {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: stretch;
    height: 100%;
    box-sizing: border-box;
    border-radius: var(--rounded-corners) !important;
}

.product-details-page .add-to-cart .btn-primary {
    background: var(--add-to-cart-button);
    width: 100%;
}

/* End productboxes css*/
.product-details-page .compare-products {
    margin-left: 5px;
}

.add-to-cart-panel-top .product-section {
    display: flex;
    margin-left: inherit;
    grid-column-gap: 5px;
    margin-right: 0;
    flex: none;
}

.item-box .bottom-detail .input-buttons p.unit-selector {
    margin-bottom: 5px !important;
    max-width: unset;
}

.compare-products span {
    display: none;
}
.add-to-wishlist span {
    display: none;
}

.product-section {
    .add-to-wishlist .btn-default {
        padding: 10px;
    }

    .compare-products .btn-default {
        padding: 10px;
    }
    .products-buttons {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        top: -44px;
    }
}

.fa-fire:before {
    font-size: 20px;
}

.add-to-cart-panel-top {
    display: flex;
    column-gap: 10px;
}

.add-to-cart-panel-top .quantity input {
    min-width: 75px;
}

.add-to-cart-panel-top div.unitselectors {
    display: none;
}

.add-to-cart-panel-top .selectors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 10px;
    flex: auto;
}

/* Mobile layout: Show only when screen width is below 990px */
@media (max-width: 480px) {
    .add-to-cart-panel .mobile-only {
        display: block;
    }
    .add-to-cart-panel .desktop-only {
        display: none;
    }

    .add-to-cart-panel-top .product-section {
        grid-column-gap: unset;
    }
}

/* Desktop layout: Show only when screen width is above 990px */
@media (min-width: 481px) {
    /* Hide mobile layout by default, show it on small screens */
    .add-to-cart-panel .mobile-only {
        display: none;
    }
    /* Hide desktop layout by default, show it on large screens */
    .add-to-cart-panel .desktop-only {
        display: flex;
    }
}

.add-to-cart-panel-reference {
    border: 2px solid var(--background-light) !important;
    border-radius: 0 10px 10px 10px !important;
    margin-bottom: 8px !important;
    text-align-last: left !important;
    padding-left: 10px;
    margin-top: 10px;
    height: 42px;
}

.add-to-cart-panel-top .product-section > div {
    display: contents;
}

.product-section.row:after {
    content: none;
}

.addToHotlist-btn a i, .wherehouse-btn a i {
    font-size: 24px;
}

.item-box .productBox-hotlists-div .add-to-warehouse-button:hover,
.variants-warehouse-hotlists-div .add-to-warehouse-button:hover{
    background-color: var(--darken);
    color: var(--white);
    border-color: transparent;
}

#variantTable .variants-warehouse-hotlists-div {
    margin-bottom: -5px;
    width: auto;
}

#variantTable .variants-warehouse-hotlists-div .wherehouse-btn {
    margin-left: 2.5px;
}

#variantTable .variants-warehouse-hotlists-div .addToHotlist-btn {
    margin-left: 10px;
}

.product-collateral .variantTable > tbody > tr > td:last-child  > div{
    display: flex;
}

/*begin warehouse layout*/
button.btn-3.btn-fit-content {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 25px;
    height: 45px;
    color: #000;
    border: none;
    background-color: var(--background-light);
    display: inline-block;
}
button.btn-3.btn-fit-content:hover{
    background-color: var(--darken);
    color: var(--white);
    transition: .3s ease-out;
}
#warehouseListGrid thead tr th{
    word-break: unset;
    align-content: center;
}

td.warehouse-edit, td.warehouse-delete {
    text-align: left;
    cursor: pointer;
}

#warehouseListGrid_wrapper select{
    margin-left: unset;
}

.variants-warehouse-hotlists-div .add-to-warehouse-button {
    margin-left: 5px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    border-color: transparent;
    display: block;
    align-content: center;
    height: 42px;
    margin-bottom: 5px;
    background: var(--white);
    border: 2px solid var(--background-light);
    border-radius: var(--rounded-corners-theme-2);
    color: var(--dark) !important;
}

.variants-warehouse-hotlists-div .add-to-warehouse-button i {
    vertical-align: middle;
    font-size: 18px;
    color: var(--dark);
}

.variants-warehouse-hotlists-div .addToHotlist{
    margin: inherit;
    margin-bottom: 5px;
    width: 45px;
}
/*end warehouse layout*/


/*category filter css*/

/* Initially hide sublists */
.block-category-navigation .sublist {
    display: none;
}

/* When the sublist has the 'active' class, it becomes visible */
.sublist.active {
    display: block;
}

/* Styling for the chevron icon */
.chevron-icon {
    transition: transform 0.3s ease;
    left: 90%;
    position: relative;
}

.nav-item .chevron-icon {
    transform: rotate(0deg);
}

.nav-item.active .chevron-icon {
    transform: rotate(-90deg);
}

.nav-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 8px;
    border-radius: 5px;
}

.category-item a:hover {
    background-color: var(--dark);
    color: var(--white) !important;
}

@media (max-width: 991px) {
    .title.has-sublist:not(:has(+ .listbox > .list))::before {
        content: none;
    }
}


.category-page .page-body .category-description {
    display: none;
}

.btn.btn-primary.configurator
{
    margin-bottom: 5px;
    width: 100%;
}

#configurator-spinner{
    bottom: 50%;
    left: 40%;
    color: var(--dark);
    z-index: 1;
    width: 4rem;
    height: 4rem;
    position: absolute;
}

li:has(.filter-item-disabled-unselected) {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    text-decoration: line-through;

    .filter-item-unselected input[type="checkbox"] {
        border: 0.15em solid var(--dark-gray3);
    }
}

/* General styles for tables, backgrounds, global buttons, etc. */

/* Common buttons (if actually used site-wide, not just cart) */
/*.common-buttons {
    padding-top: 15px;
}*/

/* Table body background */
tbody {
    background-color: var(--background);
}

/* Global table, data-table, and forum-table headings */
table th,
.data-table th,
.forum-table th,
table td,
.data-table td,
.forum-table td {
    font-size: 16px;
    line-height: 22px;
    color: var(--dark-secondary);
}

table th,
.data-table th,
.forum-table th {
    font-weight: normal;
    padding: 0 12.5px 10px;
}

/* General product links in data tables (excluding .cart) */
.data-table .info a {
    font-weight: bold;
    color: var(--darken);
}

.data-table .info a:hover {
    color: var(--dark);
}

/* Global scrollbar styling for .table-wrapper */
.table-wrapper::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: transparent;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--dark);
}

.table-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px var(--light);
    background-color: #F5F5F5;
    margin: 10px 0;
}

.header-sticky-part.disable-fixed-header {
    z-index: unset;
}

.sizeButtonsDiv {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    margin-bottom: 10px;
}

.sizeButtonsDiv #downloadSizeForm {
    text-align: center;
}

.sizeButton {
    min-width: 150px;
    max-width: 150px;
    margin: auto;
    border-radius: 40px !important;
}

/* Product reviews page (likely separate from cart) */
.product-reviews-page .product-review-list {
    margin-top: 50px;
}

/* Highlight product name, price, subtotal in cart rows */
table .product-name,
tbody .unit-price,
tbody .subtotal {
    font-weight: bold;
}

/* Ensure these are block-level in the cart context */
table .product-name,
table .stock-qty span,
table .unit-price span,
table .subtotal > * {
    display: block;
    word-break: break-all;
}

table .product-name:hover {
    color: var(--dark);
}