@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(../Poppins/Poppins-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(../Poppins/Poppins-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    font-style: normal;
    font-weight: 400;
    src: url(../Poppins/Poppins-SemiBold.ttf);
    font-display: swap;
}

:root {
    --card-body: #F6F6F6;
    --card-header-dark: #e6e6e6;
    --custom-light-gray: #CCCCCC;
    --custom-light-gray2: #999999;
    --primary-color: #B10505;
    --buttonBackground: #ccc;
    --buttonText: #fff;
    --buttonBackgroundHover: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    --hyperlink-color: #221abb;
    --dark-color: #3F3A38;
}

.master-wrapper-page {
    position: relative
}

.ws-text-normal {
    font-size: 14px;
}

.ws-text-menu {
    font-size: 18px;
}

.ws-title {
    font-size: 22px;
    font-weight: 400;
}

.ws-sub-title {
    font-size: 16px;
}

.ws-text-small {
    font-size: 13px;
}

.ws-primary-color {
    color: #B10505;
}

.text-green {
    color: #83bb17 !important;
}

*, a:active {
    outline: 0
}

*, .avatar-page .page-title, .blog-page .page-title, .forum-edit-page .inputs.reversed, .home-page-category-grid .picture, .login-page .new-wrapper .topic-block, .login-page .returning-wrapper, .news-list-page .page-title, .opc .section.order-summary, .sub-category-grid .picture, .ui-dialog-content .topic-block p, html {
    margin: 0
}

*, a {
    text-decoration: none
}

.master-column-wrapper, .master-wrapper-content {
    z-index: 0;
    position: relative
}

.block .list a:before, .follow-us .social a {
    background-size: contain;
    background-repeat: no-repeat
}

*, .product-filter .group li.color-item a {
    padding: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    scroll-behavior: smooth;
}

ol, ul {
    list-style: none
}

dl, ol, ul {
    margin: auto;
    padding-left: initial
}

a img {
    border: none;
    opacity: .99
}



/* For Chrome, Edge, and Safari */
/*::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #B10505;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }*/



.sublist {
    scrollbar-width: thin;
}

/* For Firefox */
html {
    scrollbar-color: #B10505 #f1f1f1;
}


input[type=button]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


input[type=password], input[type=text], input[type=number], input[type=email], select, textarea {
    border: 1px solid #ddd;
    padding: 8px 10px;
    vertical-align: middle;
    border-radius: 5px;
}

input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.overview .qty-label, .ui-datepicker-header a span, .ui-dialog-titlebar button span, .ui-helper-hidden-accessible, .variant-overview .qty-label, script {
    display: none !important
}

body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
    font: 14px Poppins,sans-serif;
    color: #000
}

.avatar-page .info, .comment-time span, .downloadable-products-page table td, .external-auth-association, .latest-posts .topic-data, .login-page .new-wrapper .topic-block-body strong, .order-details-page .total-info, .overview .value, .private-messages-page td.subject a, .product-tags-list a:hover, .reward-points-history table td, .sitemap-page a, .topic-post .post-time span, .variant-overview .value, h1, h2, h3, h4, h5, h6 {
    color: #444
}

a {
    cursor: pointer;
    color: #000
}

table {
    border-collapse: collapse;
    width: 100%
}

.cart-collaterals .shipping select, input[type=password], input[type=text], input[type=number], select {
    height: 40px;
}

textarea {
    min-height: 150px
}

input, select, textarea {
    font-size: 14px !important;
    font-family: Poppins,sans-serif;
    color: #000
}

select {
    width: 100%;
    height: 40px;
    padding: 6px
}

    input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus {
        border-color: #ccc;
        color: #444
    }

.d-sample a, .overview .prices > div > span, .variant-overview .prices > div > span, input[type=checkbox], input[type=checkbox] + *, input[type=radio], input[type=radio] + *, label, label + * {
    vertical-align: middle
}

.button-1, .button-2, .order-progress li.active-step a, .terms-of-service label, button, input[type=button], input[type=submit] {
    cursor: pointer
}

.createAccount .fieldset, .header-selectors-wrapper > div:last-child, .master-wrapper-content, .points-rules {
    margin: auto
}

.blog-page .post:after, .cart-footer:after, .comment-list .comment:after, .forums-header:after, .inputs:after, .item-grid:after, .master-column-wrapper:after, .page-body:after, .page-title:after, .page:after, .product-essential:after, .product-filter .available-items:after, .product-selectors:after, .product-variant-line:after, .search-box form:after, .side-2:after, .topic-post:after {
    content: "";
    display: block;
    clear: both
}

.block .listbox, .block a.product-picture, .block a.product-picture:before, .compare-products-table .full-description td, .contentWrapper:hover img, .flyout-cart, .forum-table td.latest-post, .forum-table td.posts, .forum-table td.replies, .forum-table td.topics, .forum-table td.views, .forum-table td.votes, .forum-table th.latest-post, .forum-table th.posts, .forum-table th.replies, .forum-table th.topics, .forum-table th.views, .forum-table th.votes, .forums-main-page .pager, .html-home-page .FooterCertifications, .item-box .description, .link-rss, .login-page .external-authentication .title, .opc .back-link small, .product-filter .group li.color-item:before, .quickViewWrapper .picture-thumbs, .sitemap-page a:empty, .topic-actions.lower .actions {
    display: none
}

.cart-footer, .center-1, .home-page .topic-block, .login-page .new-wrapper {
    margin: 0 0 20px
}

.page {
    min-height: 200px;
}

.checkout-page .address-item ul, .login-page .text, .page-title, .product-specs-box, .profile-info-box .stats, .topic-post .user-stats {
    margin: 0 0 15px
}

    .page-title h1 {
        font-size: 22px; /* 25px; */
        font-weight: 400;
        color: #B10505;
        margin-bottom: 0
    }

.authLink div, .inlineFields .field, .topCart div {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    text-align: center
}

.shoppingcart-pagetitle > * {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}

.cart-total td:first-child, .center-1 .page-title, .center-1 .title, .forum-table .forum-details, .forum-table .topic-details, .opc .payment-info .info tr, .orderReviewWrapper .cart-total tr.lastRow td, .productContactFormWrapper .inputs label {
    text-align: left
}

.account-page .table-wrapper, .blog-page .post, .buttons, .change-password-page .fieldset, .checkout-page .section, .contact-vendor, .forum-page .forum-info, .login-page .customer-blocks, .news-items .news-item, .opc .section, .private-message-view-page .view-message, .private-messages-page .pager, .private-messages-page .table-wrapper, .profile-info-box .user-details, .search-input .fieldset, .sitemap-page .entity, .wishlist-content .table-wrapper, .write-review .fieldset {
    margin: 0 0 15px
}

.link-rss {
    width: 24px;
    height: 24px;
    background: url(../images/rss.png) center no-repeat;
    font-size: 0 !important
}

.category-description ul, .full-description ul, .manufacturer-description ul, .post-body ul, .topic-block ul, .topic-page ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc
}

.category-description ol, .full-description ol, .manufacturer-description ol, .post-body ol, .topic-block ol, .topic-page ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal
}

.category-description p, .full-description p, .manufacturer-description p, .news-body p, .post-body p, .topic-page p {
    margin-bottom: 15px;
    text-align: left
}



.fieldset .title, .section .title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #444;
    border-bottom: 3px solid #B10505;
}

    .fieldset .title strong, .section .title strong {
        display: inline-block;
        background-color: #8A8989;
        padding: 10px 20px;
        font-size: 16px;
        color: #fff;
        /*text-transform: uppercase;*/
        border-radius: 5px 5px 0 0;
    }

.form-fields {
    position: relative;
    background-color: #f5f5f5;
    padding: 30px 15px;
    border-radius: 5px;
}

.popup-window .topic-page, .searchSideBar .form-fields {
    padding: 15px
}

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 0
}

.forums-table-section .forum-description, .forums-table-section .forum-title, .forums-table-section .latest-post div, .forums-table-section .topic-starter, .forums-table-section .topic-title, .order-completed .details div, .searchSideBar .inputs {
    margin: 5px 0
}

.searchSideBar .filterColumn {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

    .cart-total tr.lastRow, .searchSideBar .filterColumn.last {
        border: none
    }

        .cart-total tr.lastRow td {
            padding: 0;
        }


.dummyPlaceOrder.rightSide, .filterWrapper .buttons, .orderSummaryWrraper .cartTableWrapper {
    margin-bottom: 15px
}

.OrderReviewBody .WireTransferInfo p, .searchSideBar .filterColumn label:first-child, .ui-dialog-content .back-in-stock-subscription-page .tooltip {
    margin-bottom: 10px
}

.inputs label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px
}

.searchSideBar .inputs label {
    width: auto;
    margin: 0 0 0 10px;
    display: inline-block
}

.login-page .inputs label {
    display: inline-block;
    width: auto;
    text-align: left;
    font-weight: 700;
    margin-bottom: 5px
}

.login-page .inputs input[type=password], .login-page .inputs input[type=text], .payment-info .info td input[type=text] {
    width: 100% !important
}

.forgot-password, .indicates {
    font-size: 14px;
    text-align: right
}

.inputs input[type=password], .inputs input[type=text], .inputs input[type=email], .inputs select, .inputs textarea {
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    border-radius: 5px;
}


.inputs.custom-attributes, .login-page .returning-wrapper .inputs.reversed, .move-topic-page label {
    white-space: normal
}

.inputs .option-list {
    display: inline-block;
    max-width: 95%;
    vertical-align: middle
}

    .inputs .option-list li {
        display: inline-block;
        margin: 5px;
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 8px 10px
    }

    .inputs .option-list label {
        display: inline-block;
        width: auto !important;
        margin: 0 0 0 5px
    }

.accept-privacy-policy, .address-list-page .add-button, .header-logo, .inputs.reversed, .wishlist-content .tax-shipping-info {
    margin: 0 0 20px;
    text-align: center
}

.registerPage .accept-privacy-policy {
    text-align: end
}

.required {
    margin: auto;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #B10505;
    display: inline-block;
    height: auto;
    margin-left: 5px;
}

.field-validation-error, .message-error, .password-error, .poll-vote-error, .username-not-available-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #e4434b;
    margin-top: 5px
}

.field-validation-valid, .username-available-status {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #4cb17c
}

.captcha-box {
    text-align: center;
    line-height: 0
}


    .captcha-box > div {
        display: inline-block;
        max-width: 100%;
    }

    .captcha-box input {
        height: auto
    }

.table-wrapper {
    overflow-x: auto
}

.data-table th, .forum-table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #666;
    background-color: #8a8989;
    padding: 10px;
    white-space: nowrap;
    font-weight: 400;
    color: #fff
}

table.cart th {
    background-color: #8a8989; /* #333; */
    padding: 10px;
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    border-left: 0 !important;
    border-right: 0 !important;
}

table.cart td {
    border-left: 0 !important;
    border-right: 0 !important;
}

.compare-products-table td:first-child, .forum-table td.image {
    min-width: 0
}

.data-table td, .forum-table td {
    min-width: 50px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    color: #444;
    vertical-align: middle
}

.forum-table td {
    min-width: 90px;
    padding: 10px
}

.cart a, .data-table a, .forum-table a {
    font-weight: 400;
    color: #B10505
}

    .add-more-external-records a:hover, .block .view-all a:hover, .blog-page .tags a:hover, .blogpost-page .tags a:hover, .cart .product .edit-item a:hover, .cart a:hover, .data-table a:hover, .eu-cookie-bar-notification a:hover, .external-auth-association a:hover, .footer-powered-by a:hover, .footer-tax-shipping a:hover, .forum-table a:hover, .item-box .tax-shipping-info a:hover, .official-website > a, .order-completed .details a:hover, .order-details-page .download a:hover, .order-details-page .tax-shipping-info a:hover, .overview .tax-shipping-info a:hover, .overview .value a:hover, .product-no-reviews a, .product-review-links a, .return-request-list-page a:hover, .shopping-cart-page .checkout-attributes a:hover, .shopping-cart-page .tax-shipping-info a:hover, .topic-block a, .topic-page a, .topic-post .post-actions .post-link-button:hover, .variant-overview .tax-shipping-info a:hover, .variant-overview .value a:hover, .wishlist-content .tax-shipping-info a:hover {
        text-decoration: underline
    }

.cart .product a, .data-table .info a, .data-table .product a, .data-table em a, .latest-posts .topic-title a, .private-message-view-page .message-head span, .wishlist-page .share-info a {
    font-weight: 700;
    color: #444
}

.block .list a:hover, .breadcrumb li strong.current-item, .fraud-note a, .order-completed .details a, .product-list .item-box .manufacturer a, .product-share-button, #more-qty:hover, #bulk-request:hover {
    color: #B10505
}

/*.cart .product a:hover, .data-table .info a:hover, .data-table .product a:hover, .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:hover {
    color: #4ab2f1;
    text-decoration: none
}*/

.block .view-all, .cart .product .edit-item, .data-table div.download, .footer-powered-by, .theme-selector, .ui-dialog-content .topic-block {
    margin: 10px 0 0
}

    .cart .product .edit-item a, .email-a-friend-page .title h2, .order-details-page .download a, .order-details-page .order-overview .order-total strong {
        font-weight: 400;
        color: #4ab2f1
    }

.cart .add-to-cart, .cart .remove-from-cart, .data-table .order, .data-table .select-boxes {
    text-align: center;
    width: auto !important
}

.cart td.unit-price, .data-table td.unit-price, .forums-table-section .latest-post, .private-messages-page td.date, .recurring-payments table td {
    white-space: nowrap
}

.cart td.quantity input {
    width: 70px;
    text-align: center
}

.cart td.subtotal, .data-table td.total {
    white-space: nowrap;
    color: #B10505
}

    .cart td.subtotal .discount {
        font-style: italic;
        color: #4ab2f1
    }

.bar-notification {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: .95
}

    .bar-notification.success {
        background-color: #4bb07a
    }

    .bar-notification.error {
        background-color: #e4444c
    }

    .bar-notification .content {
        margin: 0 10px 0 0
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline
        }

    .bar-notification .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 32px;
        margin: 7px;
        background: url(../images/close.png) center no-repeat #fff;
        cursor: pointer
    }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #444
}

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url(../images/loading.gif) center no-repeat
}

.please-wait {
    background: url(../images/ajax-loader-small.gif) no-repeat;
    padding-left: 20px;
    font-size: 14px
}

.ui-dialog {
    max-width: 90%;
    /* border: 1px solid #ddd; */
    box-shadow: 0 0 2px rgba(0,0,0,.15);
    overflow: hidden;
    /*background-color: #fff;*/
    border-radius: 0;
    padding: 0;
    font: 14px Poppins,sans-serif;
    z-index: 999999;
    border-radius: 5px;
}

    .ui-dialog:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.5);
        z-index: -1
    }

.ui-dialog-titlebar {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-width: 0 0 1px;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: 400;
    cursor: auto !important
}

    .ui-dialog-titlebar > span {
        float: left;
        /* font-size: 18px; */
        margin: 0 !important;
        text-transform: capitalize;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        overflow: hidden;
        font-size: 0;
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0;
        background: url(../images/boom__close.svg) center no-repeat !important;
        background-size: 15px !important;
        padding: 0 !important
    }

.ui-dialog-content {
    height: auto !important;
    padding: 10px;
    line-height: 20px;
    background-color: #fff;
    word-break: break-word
}

.ui-dialog-buttonpane button {
    border: 0;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    padding: 5px 20px;
    color: #fff;
    border-radius: 5px;
    text-transform: capitalize
}

.ui-dialog-buttonpane {
    background-color: #fff;
    text-align: center;
    padding: 15px
}

.ui-dialog-content .page {
    min-height: 0
}

.login-page .new-wrapper .button-1, .overview .prices > div, .product-review-item .review-info, .ui-dialog-content .page-title, .variant-overview .prices > div {
    margin: 0 0 5px
}

    .ui-dialog-content .page-title h1 {
        font-size: 20px;
        line-height: normal
    }

#success-content .button-wrapper, .add-more-external-records, .checkout-page .pickup-in-store, .forums-main-page .topic-block p, .home-page-polls, .method-table .method_radio, .news-list-homepage .view-all, .payment-info .info p, .private-messages-page th.select, .search-input .buttons, .select-pickup-point, .topic-password, .ui-dialog-content .back-in-stock-subscription-page, .wishlist-page .share-info, .write-review .review-rating {
    text-align: center
}

    .ui-dialog-content .back-in-stock-subscription-page .button-1 {
        border: none;
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase
    }


.ui-dialog-content .topic-html-content-body {
    max-height: 200px;
    overflow-y: scroll
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 320px;
    height: 180px;
    margin: -90px 0 0 -160px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,.15);
    background-color: #fff;
    padding: 20px;
    text-align: center
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 5px 0 10px;
        border: none;
        background-color: #4ab2f1;
        padding: 8px 12px;
        font-size: 14px;
        color: #fff
    }

    .blog-page .tags a, .blogpost-page .tags a, .eu-cookie-bar-notification a {
        display: block;
        color: #4ab2f1
    }

.admin-header-links {
    background-color: #333;
    text-align: center;
    color: #eee;
    border-bottom: 1px solid #ddd;
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: 700;
        color: #fff
    }

    .addtobom-form-wrapper .inputs.reversed .label-wrapper, .admin-header-links .impersonate, .advanced-search .price-range, .breadcrumb li, .buttonWrapper .request-for-purposal, .buttonWrapper .showbomlistpopupbtn, .gender, .overview .availability .back-in-stock-subscription, .search-results .icons *, .share-button > div, .topic-post .post-actions > div, .variant-overview .availability .back-in-stock-subscription, td.buttonWrapper {
        display: inline-block
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666
            }

.header {
    position: relative;
    margin: auto;
    z-index: 1002;
    text-align: center
}

.header-upper {
    position: relative;
    z-index: 1;
    background-color: #B10505; /*#f0f0f0*/
    color: #fff;
}

.header-selectors-wrapper > div {
    display: block;
    width: 50%;
    vertical-align: middle
}

.header-selectors-wrapper select {
    width: 100%;
    background-color: transparent;
    border: none
}

.language-list {
    max-width: 100%;
    font-size: 0
}

    .language-list li {
        display: inline-block;
        margin: 0 1px;
        vertical-align: middle
    }

    .language-list a {
        display: block;
        position: relative;
        width: 24px;
        height: 32px;
        line-height: 0
    }

    .language-list img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }

.header-links-wrapper {
    position: relative;
}

.block .tags ul, .checkout-attributes ul, .color-squares, .header-links ul, .order-progress ul, .private-message-view-page .buttons, .private-messages-page .buttons, .product-tags-list, .sitemap-page ul, .wishlist-content .buttons {
    font-size: 0
}

.header-links li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    vertical-align: middle
}

    .header-links li i {
        font-size: 20px;
    }

.header-links a, .header-links span {
    display: inline-block;
    font-size: 14px
}

    .add-more-external-records a, .address-list-page .button-2:hover, .block .tags li a:hover, .blog-posts .buttons .read-comments:hover, .breadcrumb a:hover, .comment-info a.username:hover, .compare-products-table .product-name td a:hover, .compare-products-table .remove-button:hover, .external-auth-association a, .filtered-items .item, .forum-search-box .advanced a:hover, .forums-table-section-title a:hover, .header-links a:hover, .item-box .tax-shipping-info a, .latest-posts .topic-title a:hover, .login-page .returning-wrapper .inputs.reversed a:hover, .news-list-homepage .view-all a:hover, .news-title:hover, .opc .back-link a:hover, .order-details-page .tax-shipping-info a, .order-list-page .button-2:hover, .overview .tax-shipping-info a, .overview .value a, .post-title:hover, .private-messages-page td.subject a.pm-unread, .product-filter .group li a:hover, .product-review-links a:hover, .product-reviews-page h1 a, .product-tags-all-page li a:hover, .return-request-list-page a, .sitemap-page a:hover, .topic-post .post-actions .delete-post-button:hover, .topic-post .post-actions .edit-post-button:hover, .topic-post a.username:hover, .variant-overview .tax-shipping-info a, .variant-overview .value a, .vendor-grid .title a:hover, .wishlist-page .share-info a:hover {
        color: #B10505
    }

.header-lower {
    position: relative;
    /* z-index: 0; */
    padding: 20px 0
}

.header-logo a {
    display: inline-block;
    max-width: 100%;
    line-height: 0
}

    .header-logo a img {
        max-width: 100%;
        opacity: 1
    }

.search-box {
    max-width: 680px;
    position: relative;
    clear: both;
    z-index: 10;
}

    .search-box form {
        display: flex;
        position: relative
    }

    .search-box input.search-box-text {
        float: left;
        width: 100%;
        height: 58px;
        border-radius: 30px;
        padding-left: 20px;
        z-index: 9999999;
    }

    .search-box .search-box-button {
        position: absolute;
        border-radius: 100%;
        background-color: #B10505;
        border: 0;
        width: 38px;
        height: 38px !important;
        transform: translateY(-50%);
        top: 50%;
        right: 15px;
        z-index: 9999999;
    }

.suggestionBtn {
    position: absolute;
    border-radius: 100%;
    border: 0;
    width: 38px;
    height: 38px !important;
    transform: translateY(-50%);
    top: 50%;
    right: 60px;
    z-index: 9999999999;
}

.search-box .search-box-button:hover {
    background-color: #bb2739
}



/*.search-box .ui-autocomplete-loading {
    background: url(../images/ajax-loader-small.gif) right center no-repeat #fff
}*/
/*.ui-autocomplete {
    width: 285px !important;
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    border-radius: 0;
    padding: 0;
    font: 14px Poppins,sans-serif
}

    .ui-autocomplete li {
        border-top: 1px solid #ddd
    }

        .checkout-page .cart-footer, .product-selectors:first-child, .ui-autocomplete li:first-child {
            border-top: none
        }

    .ui-autocomplete a {
        display: block;
        font-size: 14px;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: 0 0 !important;
        padding: 15px !important;
        line-height: normal !important;
        color: #777 !important
    }

        .ui-autocomplete a.ui-state-focus, .ui-autocomplete a:hover {
            background-color: #f6f6f6 !important
        }
    */
.ui-autocomplete img {
    display: none;
    min-width: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.footer {
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: auto
}

.footer-upper {
    margin: auto;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    background-color: #333333;
    padding-top: 1.5rem;
}

.footer-block {
    margin: 1px auto;
    text-align: left;
    font-size: 14px
}

    .footer-block .title {
        margin: 0 0 1px;
        /* background: url(../images/toggle-white.png) right center no-repeat #333; */
        padding: 10px 15px;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        /* text-align: center; */
    }

    .footer-block .list {
        /* display: none; */
        margin: 0 0 10px;
        /* background-color: #fff; */
        padding: 10px 0;
        color: #fff;
    }



        .footer-block .list:not(.contacts) a {
            display: block;
            line-height: 20px;
            color: #fff;
        }

        .footer-block .list a:hover, .item-box .product-title a:hover {
            color: #B10505
        }

.follow-us .social ul {
    margin: 15px 0;
    font-size: 0;
    text-align: left
}

.follow-us .social li, .gender span {
    display: inline-block;
    margin: 0 5px
}
/*
.follow-us .social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-position: center
}

.follow-us .social .facebook a {
    background-image: url(../images/footerIcons/footer__facebook.png)
}

.follow-us .social .twitter a {
    background-image: url(../images/footerIcons/footer__twitter.svg)
}

.follow-us .social .rss a {
    background-image: url(../images/footerIcons/footer__rss.png);
    width: 25px
}

.follow-us .social .youtube a {
    background-image: url(../images/footerIcons/footer__youtube.png)
}

.follow-us .social .google-plus a {
    background-image: url(../images/icons/google.svg)
}

.follow-us .social .linkedin a {
    background-image: url(../images/footerIcons/footer__linkedin.png)
}

.follow-us .social .tiktok a {
    background-image: url(../images/footerIcons/footer__ticktok.png)
}

.follow-us .social .instagram a {
    background-image: url(../images/footerIcons/footer__instagram.svg)
}
*/

.newsletter-email {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.newsletter-subscribe .options {
    text-align: left;
    padding: 10px 0
}

    .newsletter-subscribe .options span {
        margin-right: 10px
    }

    .newsletter-subscribe .options .subscribe label, .newsletter-subscribe .options .unsubscribe label {
        color: #fff;
        margin-left: 5px
    }

.newsletter-email input[type=text] {
    float: left;
    width: 180px;
    height: 36px;
    margin: 0 -1px 0 0
}

.newsletter-email .newsletter-subscribe-text {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    height: 58px !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.newsletter-subscribe-button {
    height: 58px;
    border: none;
    background-color: #3F3A38;
    padding: 0 40px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

    .newsletter-subscribe-button:hover {
        background-color: #b10505
    }

.newsletter .subtitle {
    color: #fff;
    text-align: left;
    font-size: 14px
}

    .newsletter .subtitle span {
        color: #b10505
    }

.newsletter-email .options {
    clear: both;
    padding: 10px 0 0
}

.newsletter-result {
    margin-top: 25px;
}

.newsletter-result, .newsletter-validation {
    width: 100%;
    overflow: hidden;
    line-height: 28px;
    color: #fff;
}

.footer-lower {
    margin: auto;
    overflow: hidden;
    padding: 20px 0;
    font-size: 12px;
    background-color: #121212;
}

.footer-powered-by a, .footer-tax-shipping a {
    font-weight: 700;
    color: #4ab2f1
}

.block .title strong, .cart-collaterals .title strong, .comment-list .title strong, .home-page-polls .title strong, .login-page .title strong, .poll strong, .product-collateral .title strong, .product-filter .filter-title strong, .product-review-item .review-info label, .product-reviews-page .title strong {
    font-weight: 400;
    font-size: 16px;
}

.theme-selector select {
    width: 170px
}

.block {
    min-height: 50px;
    margin: auto;
    text-align: left
}

    .block .title {
        position: relative;
        font-size: 16px;
        color: #fff;
        cursor: pointer;
        background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
        /*background-color: #B10505;*/
        padding: 10px 15px;
        border-radius: 5px 5px 0 0;
    }

    .block .list li {
        padding: 10px 0 10px 10px;
        border-bottom: 1px solid #ccc
    }

        .block .list li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .block .list li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

    .block .list a {
        display: inline-block;
        position: relative;
        font-size: 14px;
        color: #444;
        -webkit-transition: .1s;
        transition: .1s;
        margin: inherit
    }

    /* .block .list a:before {
            content: "";
            position: absolute;
            transform: translateY(-50%);
            top: 50%;
            left: -20px;
            width: 15px;
            height: 15px;
            background-image: url(../images/icons/listicon.webp);
            background-position: center center
        }*/

    .block .list .active > a {
        color: #B10505;
        font-weight: 700
    }

    .block .list .sublist {
        margin: 10px 10px 0;
    }

    .avatar-page .button-1, .block .sublist a, .certficateWrapper .logoWrapper p, .private-message-send-page span, .recurring-payments .button-2 {
        font-size: 14px
    }

.listbox .view-all {
    padding: 10px 0 10px 0;
    text-align: end
}

.view-all a {
    display: inline-block;
    font-size: 14px;
    color: #B10505;
}

.block .tags {
    margin: 5px 0 10px
}

    .block .tags li, .product-tags-all-page li {
        display: inline-block;
        position: relative;
        margin: 0 10px;
        overflow: hidden;
        font-size: 17px !important
    }

        .block .tags li a, .product-tags-all-page li a {
            float: left;
            line-height: 30px;
            color: #444
        }

.poll strong {
    display: block;
    margin: 10px 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    color: #444;
    text-transform: uppercase
}

.poll .buttons input, .remove-filter a {
    background-color: #aaa;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase
}

.poll-options, .poll-results {
    margin: 10px 0 15px;
    overflow: hidden;
    font-size: 14px;
    color: #444
}

    .cart-collaterals .shipping-results li, .pager, .poll-options li, .poll-results li, .search-results .availablity .product-title, .search-results .no-result, .search-results .warning, .shopping-cart-page .page-title {
        margin: 10px 0
    }

.cart-collaterals .shipping-results li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}

.poll-options li > input {
    margin: 0 5px 0 0;
    cursor: pointer
}

.poll-options li > label {
    display: inline-block;
    font-size: 16px;
    cursor: pointer
}

.poll .buttons input {
    border: none;
    font-size: 13px;
    color: #fff
}

    .poll .buttons input:hover {
        background-color: #bbb
    }

.poll-total-votes {
    display: block;
    margin: 10px 0 0;
    font-weight: 700;
    font-style: italic;
    color: #444
}

.home-page-polls .title {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 30px;
    padding: 0 0 15px
}

.home-page-polls li, .order-progress li {
    display: inline-block;
    margin: 10px
}

.active-discussions-page .forums-table-section-body, .breadcrumb, .cart-footer .total-info, .checkout-attributes dd, .home-page-category-grid, .new-comment .form-fields, .overview .additional-details, .overview .manufacturers, .product-reviews-page .message-error, .product-reviews-page .result, .sub-category-grid, .variant-overview .additional-details, .vendor-grid, .wishlist-content {
    margin: 0 0 20px
}

    .breadcrumb ul {
        font-size: 0;
        margin: 0 0 auto
    }

    .breadcrumb li * {
        display: inline-block;
        margin: 0 2px;
        font-size: 14px;
        line-height: 32px;
        font-weight: 700
    }

    .breadcrumb li a:after {
        content: '\203A';
        padding: 0 5px 0 10px;
        font-size: larger;
        color: #aaa;
    }

    .breadcrumb li span.delimiter {
        display: none;
    }

.category-description, .manufacturer-description, .vendor-description {
    margin: 0 0 25px;
    line-height: 22px
}

.contact-vendor .button-2 {
    border: none;
    background-color: #4ab2f1;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.product-selectors {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

    .product-selectors > div {
        display: inline-block;
        margin: 5px
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 16px
    }

    .product-selectors select {
        margin: 0 8px
    }

    .product-selectors .product-viewmode {
        display: none;
        font-size: 0
    }

.product-filters {
    display: table;
    width: 100%
}

.account-page .message-error, .attribute-data, .attributes dd, .avatar-page .image, .avatar-page .message-error, .cart-collaterals .hint, .gallery .picture-wrapper, .giftcard div, .login-page .message-error, .new-comment .notifications, .opc .back-link, .overview .add-to-cart, .payment-info .info td:first-child, .product-filter, .product-filter .group, .productContactFormWrapper .inputs, .registration-page .message-error, .variant-overview .add-to-cart {
    margin: 0 0 10px
}

    .product-filter .filter-title {
        margin: 0 0 10px;
        background-color: #f6f6f6;
        padding: 10px;
        font-size: 17px;
        color: #444
    }

    .product-filter .filter-content {
        padding: 10px;
        color: #444
    }

    .product-filter .group li, .search-no-result-text p {
        font-size: 14px
    }

.search-no-result-text p {
    margin-bottom: 0
}

.product-filter .group li a, .product-filter .group li strong {
    display: inline-block;
    padding: 5px 0
}

.product-filter .group li.item {
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 0 0 15px
}

    .product-filter .group li.item:before {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ddd
    }

.product-filter .group li.color-item {
    padding: 0;
    display: inline-block
}

.filtered-items .title {
    margin: 0 0 5px;
    font-style: italic
}

#productCategory, .remove-filter {
    margin: 15px 0
}

    .remove-filter a {
        display: inline-block;
        font-size: 13px;
        color: #fff
    }

        .checkout-login:hover, #check-availability-button:hover, .avatar-page .button-2:hover, .cart-collaterals .button-2:hover, .order-details-page .actions input:hover, .order-details-page .page-title a:hover, .profile-info-box .pm-button:hover, .remove-filter a:hover, .shopping-cart-page .common-buttons input:hover, .topic-post .pm-button:hover, .vendorinfo-page .button-2:hover, .wishlist-content .email-a-friend-wishlist-button:hover, .estimate-shipping-button:hover {
            background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
            color: #fff;
        }

.item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover, .overview .button-2:hover, .pager li a:hover, .variant-overview .button-2:hover {
    background-color: #ddd
}

.item-box {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    text-align: left
}

.product-grid .item-box {
    border: 1px solid #aaa7a7 !important;
    border-radius: 5px;
    padding: 10px;
    position: relative
}

.homepage-news-grid .item-box {
    border: 1px solid #aaa7a7 !important;
    border-radius: 5px;
    padding: 10px;
    position: relative
}

.prices span.actual-price,
.item-box .actual-price a {
    color: #e21d27;
    font-size: 12px
}

.item-box .picture {
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
    margin: 0 0 20px
}

    .item-box .picture a {
        display: block;
        position: relative;
        max-height: 160px
    }

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

        .item-box .picture a img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto auto 0;
            -webkit-transition: .3s;
            transition: .3s;
            -webkit-transform: translateZ(0) scale(1,1);
            max-width: 125px
        }

.item-box:hover .picture a img {
    opacity: .85
}

.item-box .partNumber {
    text-align: center;
    color: #878787;
    font-size: 14px;
    font-weight: 700
}

.item-box .proManufacturer {
    text-align: center;
    margin-bottom: 15px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-box .product-title {
    margin: 0;
    overflow: hidden
}

    .item-box .product-title a {
        display: block;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.product-title-wrapper .quick-view-button {
    margin-left: 20px;
    color: #B10505 !important
}

.product-title-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    /*margin-bottom: 5px;*/
}

.item-box .product-rating-box {
    display: inline-block;
    margin: 0 0 10px
}

.item-box .rating {
    background: url(../images/rating1.png) repeat-x;
    width: 95px;
    height: 14px
}

    .item-box .rating div {
        background: url(../images/rating2.png) repeat-x;
        height: 14px
    }

.item-box .description a {
    display: block;
    overflow: hidden
}

.item-box .prices {
    margin: 0 0 10px;
    overflow: hidden;
    background-color: #dedede;
    display: inline-block;
    padding: 5px 7px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 10px
}

.overview .product-name, .product-essential {
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd
}

.item-box .old-price {
    margin: 0 5px 0 0;
    font-size: 16px;
    color: #aaa;
    text-decoration: line-through
}

.item-box .actual-price, .return-request-list-page label {
    margin: 0 5px 0 0
}

.item-box .buttons {
    margin: 0;
    font-size: 0
}

.item-box input[type=button] {
    display: inline-block;
    height: 40px;
    border: none;
    vertical-align: middle
}

.item-box .product-box-add-to-cart-button {
    width: 60%;
    background-color: #4ab2f1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {
    width: 20%;
    border-left: 1px solid #fff !important;
    background-color: #eaeaea;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0
}

.item-box .add-to-compare-list-button, .overview .add-to-compare-list-button {
    background-image: url(../images/compare-button.png)
}

.item-box .add-to-wishlist-button, .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {
    background-image: url(../images/wishlist-button.png)
}

.home-page-category-grid .title, .sub-category-grid .title {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s
}

.itemWrapper .item .team-overlay, .itemWrapper .item:hover .team-overlay {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.home-page-category-grid .title a, .sub-category-grid .title a {
    display: block;
    padding: 0 0 15px
}

.home-page-category-grid .picture a:before, .sub-category-grid .picture a:before {
    padding-top: 65%
}

.product-grid .title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #000;
    text-align: left;
    font-weight: 700
}

.homepage-news-grid .title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #000;
    text-align: left;
    font-weight: 700
}

.manufacturer-grid .title, .vendor-grid .title {
    margin: 0 0 15px;
    text-align: center;
    /*font-size: 16px*/
}

.manufacturer-grid .picture, .vendor-grid .picture {
    border: 1px solid #ddd
}

.pager ul {
    text-align: center;
    font-size: 0
}

.pager li {
    display: inline-block;
    margin: 0 5px 5px;
    vertical-align: top
}

    .pager li a, .pager li span {
        display: block;
        min-width: 35px;
        height: 35px;
        border: 1px solid #ddd;
        background-color: #eee;
        padding: 8px;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        border-radius: 5px;
    }

        .pager li a:hover, .pager li span {
            border-color: transparent
        }

    .pager li span {
        background-color: #B10505;
        color: #fff
    }

    .pager li.first-page *, .pager li.last-page *, .pager li.next-page *, .pager li.previous-page * {
        background-position: center;
        background-repeat: no-repeat;
        font-size: 0;
        color: #fff
    }

    .pager li.previous-page * {
        background-image: url(../images/prev.png)
    }

    .pager li.next-page * {
        background-image: url(../images/next.png)
    }

    .pager li.first-page * {
        background-image: url(../images/first.png)
    }

    .pager li.last-page * {
        background-image: url(../images/last.png)
    }

.forum-breadcrumb, .product-essential, .product-review-item {
    margin: 0 0 40px
}

.gallery {
    margin: 0 auto 15px;
}

    .gallery .picture:not(.multiple) {
        position: relative;
        max-width: 100%;
        margin: 0 auto 10px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .gallery .picture:not(.multiple):before {
            content: "";
            display: block;
            padding-top: 100%
        }

        .gallery .picture:not(.multiple) img {
            width: 250px !important
        }

    .comment-info .avatar img, .compare-products-table .picture img, .gallery .picture img, .gallery .picture-thumbs img, .profile-info-box .avatar img, .topic-post .avatar img, .variant-picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0
    }

        .gallery .picture-thumbs a {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 100px;
            overflow: hidden
        }

.overview {
    position: relative;
    margin: 20px 0
}

    .overview .discontinued-product {
        background: #f3f3f3;
        margin: 0 0 20px
    }

        .overview .discontinued-product h4 {
            display: inline-block;
            font-size: 14px;
            padding: 17px 17px 17px 40px;
            background: url(../images/discontinued-product-icon.png) 13px center no-repeat;
            color: #de444c
        }

    .overview .product-name, .password-recovery-page .tooltip, .reward-points-overview, .topic-block, .variant-overview .add-to-wishlist {
        margin: 0 0 25px
    }

        .active-discussions-page .forums-table-section-title strong, .forum-page .forum-name h1, .forum-topic-page .topic-name h1, .overview .product-name h1, .topic-block-title h2 {
            font-size: 30px;
            font-weight: 400
        }

    .overview .short-description {
        margin: 0 0 25px;
        line-height: 22px;
        color: #666
    }

.product-no-reviews, .product-reviews-overview {
    margin: 0 0 25px;
    color: #444
}

.product-review-box {
    display: inline-block;
    margin: 0 0 8px
}

    .product-review-box .rating {
        width: 95px;
        height: 14px;
        background: url(../images/rating1.png) repeat-x
    }

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

.overview-buttons {
    margin: 0 0 25px;
    font-size: 0
}

    .overview-buttons div {
        width: 80%;
        margin: 0 auto 3px
    }

.overview .button-2, .variant-overview .button-2 {
    display: block;
    width: 100%;
    border: none;
    background-color: #eaeaea;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 12px 15px 12px 40px;
    text-align: left;
    font-size: 14px;
    color: #666
}

.overview .email-a-friend-button, .overview .subscribe-button, .variant-overview .subscribe-button {
    background-image: url(../images/email-button.png)
}

.overview .download-sample-button, .variant-overview .download-sample-button {
    background-image: url(../images/download-button.png)
}

.overview .additional-details div, .variant-overview .additional-details div {
    margin: 0 0 8px
}

.overview .delivery, .variant-overview .delivery {
    margin: 25px 0;
    overflow: hidden
}

.overview .free-shipping, .variant-overview .free-shipping {
    display: inline-block;
    margin: 0 0 10px;
    background: url(../images/shipping.png) left center no-repeat;
    padding: 2px 0 2px 28px;
    font-weight: 700;
    color: #444
}

.overview .min-qty-notification {
    margin: 10px 0;
    color: #444
}

.overview .download-sample, .variant-overview .download-sample {
    display: inline-block;
    margin: 0 0 25px
}

.overview .prices, .variant-overview .prices {
    margin: 0 0 10px;
    overflow: hidden
}

.overview .non-discounted-price, .overview .old-product-price, .variant-overview .non-discounted-price, .variant-overview .old-product-price {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.overview .product-price, .variant-overview .product-price {
    font-size: 20px;
    font-weight: 700;
    color: #444
}

.customer-entered-price, .giftcard {
    margin: 0 0 20px;
    overflow: hidden
}

    .customer-entered-price .price-input label {
        display: block;
        margin: 0 0 5px;
        font-weight: 700;
        color: #444
    }

    .customer-entered-price .price-input input {
        width: 170px;
        text-align: center
    }

    .customer-entered-price .price-range {
        margin: 5px 0 0;
        color: #777
    }

.tier-prices .item-price {
    color: #c00
}

.overview .add-to-cart-panel, .variant-overview .add-to-cart-panel {
    display: inline-block;
    position: relative;
    margin-top: 15px
}

    .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * {
        float: left
    }

.overview .qty-input, .variant-overview .qty-input {
    width: 100px;
    height: 43px;
    padding: 0 12px;
    text-align: left;
    font-size: 14px;
    color: #444;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    height: 43px;
    border: none;
    padding: 0 24px;
    font-size: 14px;
    color: #fff;
    /*text-transform: uppercase;*/
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-transform: capitalize
}

.full-description {
    clear: both;
    line-height: 24px
}

.news-list-homepage, .product-collateral {
    margin: 0 0 75px
}

    .product-collateral .title, .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 16px;
        color: #444
    }

.product-variant-line {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px
}

.variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden
}

.dummyPlaceOrder, .method-table .method_image img, .quickViewPopup .cart-collaterals, .share-copylink .product-share-link, .variant-overview {
    width: 100%
}

    .variant-overview .variant-name {
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 700;
        color: #4ab2f1
    }

    .latest-posts .topic-body, .variant-overview .variant-description {
        margin: 0 0 15px;
        line-height: 22px
    }

    .variant-overview .add-to-wishlist-button {
        display: inline-block;
        width: auto
    }

.product-specs-box td {
    border: 1px solid #ddd;
    padding: 10px
}

.blog-page .tags li, .blogpost-page .tags li, .product-tags-list li {
    display: inline-block;
    font-size: 14px
}

    .product-tags-list li.separator {
        margin: 0 5px 0 3px
    }

.product-tags-list a {
    display: inline-block;
    line-height: 24px
}

.address-edit-page .message-error, .apply-vendor-page .message-error, .apply-vendor-page .result, .attributes, .change-password-page .message-error, .change-password-page .result, .contact-page .message-error, .contact-page .result, .email-a-friend-page .message-error, .email-a-friend-page .result, .enter-address .message-error, .forum-edit-page .message-error, .private-message-send-page .message-error, .shopping-cart-page .message-error, .wishlist-content .message-error {
    margin: 20px 0
}

    .attributes dl {
        overflow: hidden;
        padding: 0 2px
    }

    .attribute-label, .attributes dt {
        display: block;
        margin: 0 0 5px;
        white-space: nowrap;
        font-weight: 700;
        color: #444
    }

    .attributes li {
        margin: 8px 0 12px
    }

    .attributes select {
        width: auto;
        min-width: 100px;
        max-width: 100%
    }

    .attributes .option-list label {
        margin: 0 5px
    }

    .attributes .datepicker {
        width: 280px;
        text-align: center;
        color: #444
    }

.ui-datepicker {
    width: 280px;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    background-color: #fff;
    text-align: center;
    border: none;
    border-radius: 0;
    padding: 0;
    font: 14px Poppins,sans-serif;
    color: #777
}

.color-squares .selected-value .color-container, .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .order-details-page .actions input:first-child, .private-messages .buttons .button-1, .ui-datepicker-header {
    background-color: #4ab2f1
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    color: #fff;
    border: none;
    border-radius: 0;
    background-image: none;
    padding: 0 !important;
    font-weight: 400
}

    .ui-datepicker-header a {
        position: absolute;
        z-index: 1;
        line-height: 32px;
        font-size: 0;
        top: 0 !important;
        width: 32px !important;
        height: 32px !important;
        border: none !important
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url(../images/calendar-prev.png) center no-repeat
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url(../images/calendar-next.png) center no-repeat
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 32px !important
}

.ui-datepicker-calendar {
    margin: 0 !important;
    font-size: 14px !important
}

    .ui-datepicker-calendar th {
        background-color: #eee
    }

    .ui-datepicker-calendar td, .ui-datepicker-calendar th {
        width: 14.285%;
        border: 1px solid #ddd;
        padding: 0
    }

        .ui-datepicker-calendar td a, .ui-datepicker-calendar th span {
            display: block;
            min-height: 32px;
            line-height: 32px;
            color: #444
        }

        .ui-datepicker-calendar td a {
            border: none !important;
            background: 0 0 !important;
            padding: 0;
            text-align: center;
            color: #444 !important
        }

    .ui-datepicker-calendar .ui-state-active {
        outline: #4ab2f1 solid 2px;
        font-weight: 700;
        color: #4ab2f1 !important
    }

.color-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    text-align: center
}

.color-squares .color-container {
    display: block;
    position: relative;
    z-index: 0;
    padding: 1px
}

.color-squares label {
    display: block;
    margin: 0 !important;
    overflow: hidden
}

.color-squares .color {
    display: table !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #444 !important;
    cursor: pointer
}

.tooltip-container:after, .tooltip-container:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    content: ''
}

.color-squares li input {
    position: relative;
    z-index: -1;
    margin: -32px 0 0
}

.tooltip-container {
    position: absolute;
    width: 200px;
    color: #000;
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    visibility: hidden;
    border-radius: 5px
}

    .tooltip-container:before {
        margin-left: -7px;
        border-bottom: 7px solid #eee;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent
    }

    .tooltip-container:after {
        margin-left: -6px;
        border-bottom: 6px solid #fff;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent
    }

.color-squares li:hover .tooltip-container {
    visibility: visible;
    margin-left: -83px;
    margin-top: 5px;
    z-index: 999
}

.tooltip-container .tooltip-header {
    background-color: #f6f6f6;
    height: 25px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 198px;
    font-size: 14px;
    border-bottom: 1px solid #eee
}

.tooltip-container .tooltip-body {
    margin: 5px
}

    .tooltip-container .tooltip-body img {
        border: 0 #fff;
        width: 190px
    }

.giftcard label {
    display: block;
    margin: 0 auto 5px;
    font-weight: 700;
    color: #444
}

.giftcard input, .giftcard textarea {
    width: 350px;
    max-width: 100%
}

.giftcard textarea {
    height: 150px
}

.product-reviews-page h1 a:after, .product-reviews-page h1 a:before {
    content: "''"
}

.product-reviews-page .title {
    margin: 0 0 20px;
    font-size: 16px;
    color: #444
}

.forums-table-section, .write-review {
    margin: 0 0 60px
}

    .write-review .review-rating label {
        display: block;
        margin: 0 0 5px;
        font-size: 14px
    }

    .write-review .review-rating ul {
        font-size: 0;
        vertical-align: middle
    }

    .write-review .review-rating li {
        display: inline-block;
        margin: 0 5px;
        cursor: default;
        vertical-align: middle;
        font-size: 14px;
        height: 17px
    }

        .external-auth-errors, .write-review .review-rating li.first {
            color: #e4444c
        }

        .write-review .review-rating li.rating-options {
            padding-top: 2px
        }

            .write-review .review-rating li.rating-options input {
                vertical-align: baseline
            }

        .write-review .review-rating li.last {
            color: #4cb17c
        }

    .write-review .captcha-box {
        margin: 15px 0 0
    }

    .write-review .button-1 {
        border: none;
        padding: 10px 30px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
        border-radius: 5px;
        text-transform: capitalize
    }

.cart-collaterals .coupon-code, .product-review-list, .profile-info-box {
    overflow: hidden
}

.product-review-item .review-item-head {
    border-top: 1px solid #ddd;
    overflow: hidden;
    background-color: #f6f6f6;
    padding: 10px
}

.product-review-item .review-title {
    line-height: 20px;
    font-size: 14px;
    color: #444
}

.product-review-item .product-review-box {
    margin: 3px 0 0
}

.product-review-item .review-content {
    padding: 20px 10px
}

.product-review-item .review-text {
    margin: 0 0 15px;
    line-height: 22px;
    color: #444
}

.product-review-helpfulness .vote, .product-review-item .review-info a {
    display: inline-block;
    padding: 0 5px;
    color: #4ab2f1;
    cursor: pointer
}

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic
}

.date-of-birth select + select, .product-review-helpfulness .result {
    margin: 0 0 0 10px
}

.wishlist-content .product-content {
    min-width: 300px;
    text-align: left
}

.shopping-cart-page .checkout-attributes a, .shopping-cart-page .tax-shipping-info a, .wishlist-content .tax-shipping-info a {
    color: #4ab3f1
}

.wishlist-content .button-2 {
    display: block;
    width: 250px;
    margin: 0 auto 3px;
    border: none;
    padding: 10px 25px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff
}

.wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button {
    background-color: #4ab2f1;
    text-transform: uppercase
}

.wishlist-content .email-a-friend-wishlist-button {
    background-color: #aaa
}

.wishlist-page .share-info span {
    display: block;
    margin: 0 0 5px
}

.compare-products-page .no-data, .shopping-cart-page .no-data, .wishlist-page .no-data {
    margin: 25px 0 0
}

.compare-products-page {
    position: relative;
    overflow: hidden
}

    .compare-products-page .clear-list {
        display: inline-block;
        margin: 0 0 20px;
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase
    }

    .compare-products-page .table-wrapper {
        margin: 0 0 30px;
        padding: 0 0 1px
    }

.compare-products-table td {
    min-width: 150px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px;
    text-align: left;
    vertical-align: top;
    color: #444
}

    .compare-products-table td label {
        font-weight: 400;
        color: #777
    }

.compare-products-table .remove-button {
    display: inline-block;
    border: none;
    background: url(../images/remove.png) left center no-repeat;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #666
}

.compare-products-table .picture {
    display: block;
    position: relative;
    max-width: 200px;
    height: 200px;
    overflow: hidden
}

.compare-products-table .product-name td, .order-details-area .title strong, .order-review-data .title strong, .shipment-details-area .title strong {
    font-weight: 700;
    font-size: 16px;
}

.comment-body, .compare-products-table .short-description td {
    line-height: 22px
}

.topic-block-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px
}

.topic-block-body {
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}

.topic-page .page-body {
    text-align: left;
    line-height: 22px
}



.enter-password-title {
    margin: 0 0 20px;
    color: #444
}

.enter-password-form {
    display: inline-block;
    overflow: hidden
}

    .enter-password-form input[type=password] {
        float: left;
        width: 200px;
        height: 40px;
        margin: 0 -1px 0 0
    }

    .enter-password-form input[type=submit] {
        float: left;
        width: auto;
        min-width: 86px;
        height: 40px;
        border: none;
        background-color: #4ab2f1;
        padding: 0 15px;
        color: #fff;
        text-transform: uppercase
    }

.apply-vendor-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1 {
    min-width: 140px;
    border: none;
    padding: 10px 30px;
    text-align: center;
    /*font-size: 14px;*/
    color: #fff;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-radius: 5px;
    text-transform: capitalize
}

.apply-vendor-page .title, .contact-page .topic-block, .email-a-friend-page .title {
    margin: 25px 0
}

.gender span > * {
    display: inline !important;
    margin: 0 5px;
    line-height: 32px
}

.date-of-birth select {
    width: 31%;
    max-width: 126px
}

#check-availability-button {
    margin: 10px 0 0;
    border: none;
    background-color: #888;
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.accept-privacy-policy > * {
    display: inline-block;
    line-height: 32px
}

.accept-privacy-policy span {
    color: #4ab2f1;
    cursor: pointer
}

.account-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .registration-page .button-1, .registration-result-page .button-1, .return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    padding: 8px 15px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}

.w-100.rvp.button-1.rfq__productBtn {
    text-align: left;
}

.registration-result-page .result {
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 16px
}

.customer-info-page .vat-status {
    margin: 0 5px;
    font-size: 14px
}

.customer-info-page .vat-note, .registration-page .vat-note {
    display: block;
    font-size: 14px;
    margin-top: 5px
}

.login-page .title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #444;
    text-align: left;
    padding: 0
}

.login-page .register-block .text {
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
    padding: 20px;
    font-size: 14px
}

.login-page .register-block .register-button {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin-bottom: 0
}

.buttonRow {
    margin-top: 32px
}

.login-page .returning-wrapper .form-fields {
    background-color: #f6f6f6;
    padding: 20px
}

.login-page .returning-wrapper .inputs.reversed * {
    display: inline-block;
    width: auto;
    margin: 5px;
    font-size: 14px;
    color: #444
}

.login-page .captcha-box {
    margin: -15px 0 20px
}


.external-authentication {
    margin: 0 0 50px;
    overflow: hidden;
    text-align: center
}

    .external-authentication .buttons {
        margin: 0 0 30px;
        border-top: 1px solid #e6e6e6;
        padding: 30px
    }

.checkout-page .pickup-in-store .selector, .checkout-page .ship-to-same-address .selector, .password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: 700;
    color: #444
}


.account-page .description {
    margin: 0 0 25px;
    padding: 0 10px
}

.address-list-page .info, .order-list-page .info {
    margin: 0 0 10px;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 26px;
    color: #444;
    border-radius: 5px;
}

    .address-list-page .info .name, .checkout-page .address-item li.name, .order-list-page .info .name {
        font-size: 16px;
        font-weight: 700
    }

.address-list-page .button-2, .order-list-page .button-2 {
    display: inline-block;
    margin: 0 0 0 10px;
    border: none;
    font-size: 12px;
    color: #444;
    background-color: transparent;
}

.edit-address-button {
    /* background: url(../images/edit.png) left center no-repeat; */
}

.cancel-recurring-order-button, .delete-address-button {
    /* background: url(../images/remove.png) left center no-repeat; */
}

.return-items-button {
    /* background: url(../images/return.png) left center no-repeat; */
}

.order-details-button {
    /* background: url(../images/details.png) left center no-repeat; */
}

.address-edit-page .edit-address {
    margin: 0 0 30px;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px
}

.recurring-payments table td:first-child {
    min-width: 120px;
    white-space: normal
}

.return-request-list-page .details {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 20px;
    line-height: 22px;
    color: #444
}

.return-request-list-page .comments div {
    margin: 10px 0 0;
    font-size: 14px;
    font-style: italic;
    color: #444
}

.reward-points-history table td:first-child {
    min-width: 120px
}

.avatar-page .page-body {
    margin: 0 0 30px;
    overflow: hidden;
    background-color: #f9f9f9;
    padding: 30px 25px
}

.avatar-page .image img, .infoBox {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.avatar-page .button-2, .vendorinfo-page .button-2 {
    border: none;
    background-color: #888;
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.vendorinfo-page .vendor-picture {
    width: 400px;
    margin: 0 auto
}

    .vendorinfo-page .vendor-picture * {
        display: block;
        margin-top: 15px
    }

.order-progress {
    margin: 0 0 20px;
    background-color: #f6f6f6;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
}

    .order-progress a {
        display: block;
        min-width: 70px;
        font-size: 14px;
        color: #444
    }

        .order-progress a:before {
            content: "";
            display: block;
            width: 40px;
            height: 40px;
            margin: 0 auto 15px;
            border: 1px solid #bbb;
            border-radius: 5px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 20px;
            background-image: url("/Themes/Winsource_Sea/Content/images/order-progress-1.png");
        }

    .order-progress .cartStep a:before {
        background-image: url(../images/cart__icons/cart__grey.png)
    }

    .order-progress .addressStep a:before {
        background-image: url(../images/cart__icons/address__grey.png)
    }

    .order-progress .shippingStep a:before {
        background-image: url(../images/cart__icons/shipping__grey.png)
    }

    .order-progress .paymentStep a:before {
        background-image: url(../images/cart__icons/payment__grey.png)
    }

    .order-progress .confirmStep a:before {
        background-image: url(../images/cart__icons/confirm__grey.png)
    }

    .order-progress .completeStep a:before {
        background-image: url(../images/cart__icons/complete__grey.png)
    }

    .order-progress .cartStep.current-step a:before {
        background-image: url(../images/cart__icons/cart__active.png)
    }

    .order-progress .addressStep.current-step a:before {
        background-image: url(../images/cart__icons/address__active.png)
    }

    .order-progress .shippingStep.current-step a:before {
        background-image: url(../images/cart__icons/shipping__active.png)
    }

    .order-progress .paymentStep.current-step a:before {
        background-image: url(../images/cart__icons/payment__active.png)
    }

    .order-progress .confirmStep.current-step a:before {
        background-image: url(../images/cart__icons/confirm__active.png)
    }

    .order-progress li.current-step a:before {
        border-color: #B10505;
        background-image: url("/Themes/Winsource_Sea/Content/images/order-progress-red.png");
    }

    .order-progress li.inactive-step a {
        opacity: .3;
        cursor: default
    }

.shoppingcart-pagetitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center
}

.shopping-cart-page td .message-error {
    margin: 10px 0 0;
    text-align: left
}

.shopping-cart-page .tax-shipping-info {
    margin: 20px 0;
    text-align: center
}

.shopping-cart-page .common-buttons {
    padding: 15px;
    font-size: 0
}

    .shopping-cart-page .common-buttons input {
        border-radius: 5px;
        display: inline-block;
        min-width: 180px;
        border: none;
        padding: 10px 20px;
        font-size: 14px;
        background-color: #fff;
        text-transform: capitalize;
    }

.checkout-attributes dt {
    margin: 0 0 5px;
    font-weight: 700
}

.checkout-attributes input[type=text], .checkout-attributes select {
    min-width: 170px
}

.checkout-attributes li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 14px
}

.checkout-attributes .color-squares li {
    border: none;
    padding: 0;
    line-height: 0
}

.checkout-attributes li label {
    display: inline-block;
    margin: 0 0 0 5px
}

.selected-checkout-attributes {
    margin: 30px 0;
    color: #444
}

    .selected-checkout-attributes.remarks {
        background-color: #f4f4f4;
        display: inline-block;
        padding: 10px 20px !important;
        border-radius: 5px;
    }

    .selected-checkout-attributes br {
        content: "";
        display: block;
        margin: 3px
    }

.cart-total td {
    /*width: 50%;*/
    text-align: right;
    background-color: transparent;
}

.cart-total tr.lastRow td {
    background-color: transparent;
    text-align: left;
    border: none
}

    .cart-total tr.lastRow td p {
        margin: auto;
        font-size: 12px
    }

.cart-total .giftcard-remaining {
    display: block;
    font-style: italic
}

.cart-total .earn-reward-points {
    font-style: italic
}

.min-amount-warning {
    margin: 0 0 20px;
    padding: 0 30px;
    color: #e4434b
}

.terms-of-service {
    margin: 0 0 10px;
    padding: 0
}

    .terms-of-service a {
        margin: 0 0 0 3px;
        color: #B10505
    }

.category-item, .checkout-buttons .checkout-buttons {
    padding: 0 10px
}

.checkout-buttons .checkout-button {
    width: 100%;
    display: inline-block;
    min-width: 160px;
    border: none;
    padding: 10px 20px 10px 30px;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    position: relative;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-radius: 5px
}

.checkout-button#checkout .secureImage {
    width: 15px;
    position: relative;
    vertical-align: baseline;
    margin-right: 5px
}

.checkout-login {
    border: 0;
    background-color: #aaa;
    display: block;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
    /*font-size: 16px;
    text-transform: uppercase*/
}

.cart-footer .addon-buttons {
    margin: 20px 0 0;
    padding: 0 10px
}

.cart-collaterals .button-2 {
    display: inline-block;
    border: none;
    background-color: #aaa;
    padding: 10px 15px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px
}

.cart-collaterals .title {
    margin: 0 0 5px;
    font-size: 16px;
    color: #B10505
}

.cart-collaterals .coupon-code input[type=text] {
    /*float: left;
    margin: 0 -1px 0 0;
    border-radius: 5px 0 0 5px;*/
    height: 36px;
    width: 100%;
}

.cart-collaterals .coupon-code input[type=submit] {
    /*float: left;
    padding: 0;
    border-radius: 0 5px 5px 0;*/
    width: 100%;
    /* height: 36px; */
}

.cart-collaterals .message-failure {
    margin: 5px 0 0;
    font-size: 12px;
    color: #e4434b
}

.cart-collaterals .message-success {
    margin: 5px 0 0;
    font-size: 12px;
    color: #4cb17c
}

.cart-collaterals .current-code {
    margin: 5px 0 0;
    color: #4cb17c
}

.remove-discount-button, .remove-gift-card-button {
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    background: url(../images/close.png) center no-repeat #fff;
    cursor: pointer
}

.cart-collaterals .shipping-results li strong {
    display: block;
    margin: 0 0 5px;
    color: #444
}

.cart-collaterals .shipping-results .shipping-logo {
    min-width: 50px;
}

.order-completed .title {
    text-align: center;
    background-color: #B10505;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
}

.checkout-page .cart-options {
    min-height: 60px;
    overflow: hidden
}

.checkout-page .total-info {
    margin: 0;
    border-bottom: none
}

.checkout-page .button-1 {
    display: inline-block;
    min-width: 140px;
    border: none;
    padding: 10px 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-radius: 5px;
    white-space: normal;
}

.checkout-page .address-item {
    max-width: 100%;
    margin: 0 auto 20px;
    border: 1px solid #ccc;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
}

    .checkout-page .address-item li {
        padding: 5px 0
    }

.enter-address .edit-address {
    margin: 0 0 30px;
    padding: 20px 15px
}

.checkout-page .ship-to-same-address {
    /* padding: 30px 0; */
    /* text-align: center; */
}

.checkout-page .pickup-points-map {
    min-width: 400px;
    min-height: 350px;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px
}

.shipping-method .method-list {
    margin: 0 auto 30px;
    overflow: hidden;
    font-size: 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .payment-method .method-list li, .shipping-method .method-list li {
        margin: 10px 0;
        padding: 5px
    }

        .payment-method .method-list li label, .shipping-method .method-list li label {
            font-size: 13px;
            margin-left: 10px
        }

.shipping-details, .shipping-logo {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.payment-logo img {
    width: 100px
}

.shipping-method .method-description {
    margin: 5px 0 0
}

.payment-method .use-reward-points {
    text-align: center;
    color: #444;
    padding: 15px 0
}

.reward-point-wrapper {
    align-items: center
}

.reward-point-logo {
    width: auto !important
}


.payment-method .payment-logo label {
    display: block;
    font-size: 0 !important
}

.payment-info .info {
    padding: 30px 15px;
    color: #444
}

    .payment-info .info tr {
        display: block;
        margin: 0 0 15px;
        font-size: 0
    }

    .payment-info .info td {
        display: inline-block;
        width: 100% !important;
        max-width: 400px !important;
        font-size: 14px
    }

        .payment-info .info td:only-child {
            width: 100% !important;
            max-width: 100% !important
        }

        .payment-info .info td input[name=CardCode] {
            width: 65px !important
        }

        .payment-info .info td select {
            min-width: 70px
        }

.confirm-order .buttons, .search-results {
    padding: 10px 0
}

.confirm-order .button-1 {
    font-size: 16px
}

.order-details-area > div, .order-review-data > div, .shipment-details-area > div {
    width: 350px;
    max-width: 100%;
    margin: 0 auto 40px;
    background-color: #f9f9f9;
    padding: 20px;
    color: #444
}

.order-details-area li, .order-review-data li, .shipment-details-area li {
    padding: 3px 0
}

.order-details-area .title, .order-review-data .title, .shipment-details-area .title {
    margin: 20px 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: 700
}

    .order-details-area .title:first-child, .order-review-data .title:first-child, .shipment-details-area .title:first-child {
        margin-top: 0
    }

.JEDEC img, .below-tierprice, .order-details-area .side-list-wrap, .order-review-data .side-list-wrap, .shipment-details-area .side-list-wrap {
    margin-top: 20px
}

.order-completed .details {
    text-align: center;
    color: #444;
    margin-top: 15px
}

    .order-completed .details strong {
        font-weight: 400;
        text-transform: uppercase
    }

.opc .step-title {
    margin: 0 0 1px;
    overflow: hidden;
    background-color: #f6f6f6
}

.opc .allow .step-title {
    background-color: #4ab2f1;
    cursor: pointer
}

.opc .step-title .number, .opc .step-title .title {
    float: left;
    min-height: 40px;
    padding: 10px 15px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400
}

.opc .allow .step-title .number, .opc .allow .step-title .title {
    color: #fff;
    cursor: pointer
}

.opc .step-title .number {
    width: 42px;
    border-right: 1px solid #fff;
    text-align: center
}

.opc .step {
    margin: 10px 0;
    padding: 30px 15px;
    text-align: center
}

.opc .section > label {
    display: block;
    margin: 0 0 10px
}

.opc input[type=text], .opc select {
    max-width: 100%
}

.fraud-note p:not(.title), .opc .buttons {
    margin-bottom: 0
}

.opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -15px;
    background: url(../images/back-button.png) left center no-repeat;
    padding: 0 0 0 18px;
    color: #444
}

.opc .buttons .please-wait {
    display: block;
    margin: 10px 0 0;
    background: 0 0
}

.opc .section.pickup-in-store, .opc .section.ship-to-same-address {
    margin: 0 0 30px;
    padding: 0
}

.order-details-page .page-title {
    border-bottom: none
}

    .order-details-page .page-title h1 {
        margin: 0 0 30px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 10px
    }

    .order-details-page .page-title a, .order-details-page .repost .button-2 {
        border: none;
        color: #fff;
        background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
        display: inline-block;
        text-transform: capitalize
    }

    .order-details-page .page-title a {
        margin: 5px 0;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 5px
    }

.order-details-page .order-overview {
    margin: 0 0 20px;
    background-color: #eee;
    padding: 10px;
    line-height: 20px;
    border-radius: 5px;
}

    .order-details-page .order-overview .order-number {
        margin: 0 0 10px;
        text-transform: uppercase
    }

.order-details-page .repost .button-2 {
    margin: 10px 0;
    padding: 10px 15px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px
}

.user-agreement-page .terms-of-agreement {
    margin: 0 0 20px;
    padding: 20px;
    text-align: center
}

.search-input .button-1, .user-agreement-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.order-details-page .tax-shipping-info, .topic-post .post-info {
    margin: 30px 0
}

.order-details-page .actions {
    margin: 30px 0 0;
    /*font-size: 0*/
}

    .order-details-page .actions input {
        display: inline-block;
        min-width: 165px;
        border: none;
        padding: 10px 20px;
        font-size: 14px;
        color: #fff;
        background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
        border-radius: 5px;
        text-transform: capitalize
    }

.comment-info .avatar img, .topic-post .avatar img {
    border: 2px solid #cedbe1 !important
}

.button-2 {
    margin-left: 0
}

.search-input .form-fields {
    padding: 30px 15px 10px
}

.search-input input + label {
    display: inline;
    margin: 0 0 0 5px
}

.advanced-search {
    margin: 30px 0 0
}

    .advanced-search .price-range input {
        width: 80px;
        margin: 3px
    }

.sitemap-page .description {
    margin: 0 0 30px;
    text-align: center
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: center
}

    .sitemap-page .entity-title h2 {
        font-size: 20px;
        font-weight: 400;
        color: #444
    }

.sitemap-page .entity-body {
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    text-align: center
}

.sitemap-page li {
    display: inline-block;
    position: relative;
    margin: 0 8px;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px
}

    .sitemap-page li:before {
        content: "";
        position: absolute;
        top: 23px;
        left: 0;
        width: 5px;
        height: 5px;
        background-color: #ddd
    }

.block-blog-archive .number {
    display: block;
    color: #444;
    cursor: auto
}

.block-blog-archive .sublist {
    margin: 5px 0 5px 15px
}

.block-blog-archive li.month {
    padding: 3px 0 3px 15px
}

.news-title, .post-title {
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #444;
    margin-bottom: 15px;
    display: block;
    text-align: left;
}

.news-date, .post-date {
    display: block;
    margin: 0 0 15px;
    background-color: #dedede;
    padding: 10px;
    font-style: italic;
    color: #444;
    border-radius: 5px;
}

.news-body, .post-body {
    margin: 0 0 20px;
    line-height: 22px
}

.blog-page .tags, .blogpost-page .tags {
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0 10px
}

    .blog-page .tags label, .blogpost-page .tags label {
        display: inline-block;
        margin: 0 3px 3px 0;
        font-weight: 700;
        color: #444
    }

    .blog-page .tags ul, .blogpost-page .tags ul {
        display: inline-block;
        margin: 0 0 3px 3px;
        font-size: 0
    }

    .blog-page .tags li.separator, .blogpost-page .tags li.separator {
        margin: 0 8px 0 0
    }

.blog-posts .buttons, .news-items .buttons {
    margin: 0;
    text-align: left !important
}

    .blog-posts .buttons .read-comments {
        display: block;
        margin: 0 0 15px;
        font-weight: 700;
        color: #444
    }

    .blog-posts .buttons .read-more, .news-items .buttons .read-more {
        font-size: 12px;
        background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
        border-radius: 5px;
        padding: 8px 10px;
        text-align: center;
        color: #fff;
        display: block;
        text-transform: capitalize
    }

.new-comment {
    margin: 50px 0 60px
}

    .new-comment .result {
        color: #690
    }

    .new-comment .button-1 {
        border: none;
        background-color: #4ab2f1;
        padding: 10px 30px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase
    }

.news-list-homepage .title, .topic-post:last-child {
    border-bottom: 1px solid #ddd
}

.comment-list {
    margin: 0 0 100px
}

    .comment-list .title {
        margin: 0 0 15px;
        padding: 0 10px;
        font-size: 16px;
        color: #444
    }

    .comment-list .comment {
        margin: 0 0 40px;
        border-top: 1px solid #ddd
    }

.comment-info {
    width: 150px;
    margin: 20px auto
}

    .comment-info .username, .topic-post .username {
        display: block;
        margin: 0 0 -1px;
        border: 1px solid #ddd;
        background-color: #f6f6f6;
        padding: 11px 0;
        font-weight: 700;
        color: #444
    }

    .comment-info .avatar, .profile-info-box .avatar, .topic-post .avatar {
        position: relative;
        width: 150px;
        height: 150px;
        border: 1px solid #ddd;
        overflow: hidden
    }

.comment-time {
    margin: 0 0 15px;
    font-size: 13px;
    font-weight: 700
}

.comment-title {
    margin: 0 0 15px;
    font-size: 16px;
    color: #444
}

.news-list-homepage .title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border: 0;
    margin-bottom: 15px
}

.news-list-homepage .view-all a {
    color: #444;
    text-decoration: underline
}

.forums-main-page .topic-block {
    margin: 0 0 35px;
    text-align: center
}

.forums-header {
    margin: 0 0 50px;
    overflow: hidden
}

    .forums-header .current-time {
        margin: 0 0 15px;
        color: #444
    }

.forum-search-box .basic {
    overflow: hidden;
    margin: 0 0 10px
}

.forum-search-box .advanced a {
    line-height: 22px;
    color: #444;
    text-decoration: underline
}

.forum-search-page .no-result, .forum-search-page .search-error {
    margin: 0 0 15px;
    text-align: center;
    color: #e4434b
}

.forums-table-section + .pager {
    margin: -30px 0 30px
}

.forums-table-section-title {
    margin: 0 0 15px;
    padding: 0 10px
}

    .forums-table-section-title a, .forums-table-section-title strong {
        font-size: 22px;
        font-weight: 400;
        color: #444
    }

.forums-table-section .image div {
    width: 38px;
    height: 32px;
    margin: auto;
    background: url(../images/topic-type1.png) center no-repeat
}

    .forums-table-section .image div.sticky {
        background: url(../images/topic-type2.png) center no-repeat
    }

    .forums-table-section .image div.announcement {
        background: url(../images/topic-type3.png) center no-repeat
    }

.forums-table-section .forum-title a, .forums-table-section .topic-title a {
    font-size: 16px;
    font-weight: 700;
    color: #444
}

.forums-table-section .topic-title span {
    display: block;
    color: #777
}

.forums-table-section .latest-post label {
    color: #777
}

.forums-table-section .view-all {
    margin: 30px 0 0;
    padding: 0 10px
}

    .forums-table-section .view-all a {
        background-color: #4ab2f1;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase
    }

.active-discussions-page .forums-table-section-title, .forum-page .forum-name, .forum-topic-page .topic-name {
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 10px 10px
}

.forum-actions, .topic-actions {
    margin: 0 0 30px;
    font-size: 0
}

    .forum-actions .actions a, .topic-actions .actions a {
        display: inline-block;
        margin: 1px;
        padding: 10px 10px 10px 33px;
        font-size: 14px
    }

    .forum-actions .actions .new-topic {
        background: url(../images/new.png) left center no-repeat #eee
    }

    .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum, .topic-actions .watch-topic-button {
        background: url(../images/watch.png) left center no-repeat #eee
    }

    .forum-actions .actions a:hover, .topic-actions .actions a:hover {
        background-color: #e6e6e6
    }

    .forum-actions .pager.upper, .topic-actions .pager.upper {
        display: none;
        margin: 0
    }

    .topic-actions .reply-topic-button {
        background: url(../images/reply.png) left center no-repeat #eee
    }

    .topic-actions .move-topic-button {
        background: url(../images/move.png) left center no-repeat #eee
    }

    .topic-actions .edit-topic-button {
        background: url(../images/edit_.png) left center no-repeat #eee
    }

    .topic-actions .delete-topic-button {
        background: url(../images/remove_.png) left center no-repeat #eee
    }

.topic-post {
    margin: 0 0 30px;
    border-top: 1px solid #ddd
}

    .topic-post .user-info {
        width: 150px;
        margin: 0 auto 15px
    }

    .topic-post .user-stats li {
        display: inline-block;
        margin: 0 10px
    }

    .profile-info-box .profile-stats span, .topic-post .user-stats span {
        margin: 0 0 0 3px;
        font-weight: 700;
        color: #444
    }

    .profile-info-box .pm-button, .topic-post .pm-button {
        display: inline-block;
        border: none;
        background-color: #888;
        padding: 10px 20px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase
    }

    .topic-post .post-time {
        margin: 0 0 15px;
        background-color: #f6f6f6;
        padding: 10px 15px;
        font-size: 13px;
        font-weight: 700
    }

    .topic-post .post-actions {
        margin: 0 0 15px;
        font-size: 0
    }

        .topic-post .post-actions a {
            display: inline-block;
            margin: 1px 5px;
            font-size: 14px
        }

        .topic-post .post-actions .delete-post-button, .topic-post .post-actions .edit-post-button {
            padding: 10px 10px 10px 33px
        }

        .topic-post .post-actions .edit-post-button {
            background: url(../images/edit_.png) left center no-repeat
        }

        .topic-post .post-actions .delete-post-button {
            background: url(../images/remove_.png) left center no-repeat
        }

        .topic-post .post-actions .post-link-button {
            padding: 10px;
            font-weight: 700;
            color: #4ab2f1
        }

        .topic-post .post-actions .quote-post-button {
            background-color: #888;
            padding: 10px 20px;
            color: #fff
        }

            .topic-post .post-actions .quote-post-button:hover {
                background-color: #999;
                color: #fff
            }

    .topic-post .post-text {
        padding: 0 10px 20px;
        line-height: 22px;
        color: #444;
        margin-bottom: 0
    }

    .topic-post .post-vote {
        text-align: center;
        display: table;
        margin: 0 auto 20px
    }

    .latest-posts .user-posted-image, .topic-post .user-posted-image {
        max-width: 100%;
        height: auto
    }

    .latest-posts .quote, .topic-post .quote {
        margin: 10px 0;
        border: 1px dashed #ccc;
        background-color: #f9f9f9;
        padding: 10px;
        color: #777
    }

    .topic-post .signature {
        border-top: 1px solid #ddd;
        padding: 20px;
        font-size: 13px;
        font-style: italic;
        clear: both
    }

    .topic-post .post-vote span.vote {
        cursor: pointer;
        display: block;
        width: 40px;
        height: 24px
    }

    .topic-post .post-vote span.up {
        background: url(../images/vote-up.png) 50% 50% no-repeat
    }

    .topic-post .post-vote span.vote.up.selected {
        background: url(../images/vote-up-selected.png) 50% 50% no-repeat
    }

    .topic-post .post-vote span.down {
        background: url(../images/vote-down.png) 50% 50% no-repeat
    }

    .topic-post .post-vote span.vote.down.selected {
        background: url(../images/vote-down-selected.png) 50% 50% no-repeat
    }

    .topic-post .vote-count-post {
        display: block;
        font-size: 160%
    }

.forum-edit-page .inputs strong {
    display: inline-block;
    max-width: 400px;
    font-size: 22px;
    font-weight: 400;
    color: #444;
    white-space: normal
}

.category-item h2, .search-results .item-box .description, .sub-category-item .title a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.forum-edit-page .inputs .topic-subject {
    font-size: 17px
}

.forum-edit-page .inputs.reversed label {
    width: auto;
    margin: 5px;
    font-size: 14px;
    white-space: normal
}

.forum-edit-page .toolbar, .private-message-send-page .toolbar {
    max-width: 400px;
    margin: 20px auto;
    background-color: #ddd;
    padding: 10px
}

    .forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button {
        margin: 0 2px 0 0;
        border: 1px solid #cec6b5;
        padding: 2px
    }

        .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:hover {
            border: 1px solid #333
        }

.forum-edit-page textarea, .private-message-send-page textarea {
    display: block;
    margin: auto
}

.forum-edit-page .buttons input, .move-topic-page .buttons input, .private-messages .buttons input {
    min-width: 140px;
    border: none;
    background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

    .forum-edit-page .buttons input:hover, .move-topic-page .buttons input:hover, .private-messages .buttons input:hover {
        background-color: #888
    }

.private-message-send-page a {
    font-size: 14px;
    color: #4ab2f1
}

.ui-tabs {
    border: none;
    border-radius: 0;
    background: 0 0;
    padding: 0;
    font: 14px Poppins,sans-serif;
    color: #777
}

.ui-tabs-nav, .ui-tabs-nav li, .ui-tabs-panel {
    padding: 0 !important
}

.ui-tabs-nav {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    font-size: 0;
    margin: 0 0 30px !important;
    border-width: 0 0 1px;
    border-radius: 0;
    background: 0 0;
    line-height: normal;
    font-weight: 400;
    color: #444
}

.latest-posts, .profile-info-box {
    line-height: normal;
    font-family: Poppins,sans-serif;
    color: #777;
    font-size: 14px
}

.ui-tabs-nav li {
    float: none !important;
    margin: 0 0 -1px !important;
    border: none !important;
    border-radius: 0;
    background: 0 0 !important
}

    .ui-tabs-nav li a {
        display: block;
        border: 1px solid #ddd;
        text-align: center;
        font-size: 18px;
        color: #444;
        float: none !important;
        padding: 12px 24px !important
    }

    .ui-tabs-nav li.ui-state-active a {
        background-color: #eee;
        color: #4ab2f1
    }

.private-messages-page td.from, .private-messages-page td.subject, .private-messages-page td.to {
    min-width: 150px
}

.private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2, .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2 {
    display: block;
    width: 250px;
    margin: 0 auto 3px;
    font-size: 14px
}

.private-message-view-page .message-head {
    margin: 0 0 20px;
    line-height: 22px
}

.private-message-view-page .message-body {
    border-top: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 30px 20px;
    line-height: 22px;
    text-align: left
}

.private-message-view-page .back-pm-button {
    text-transform: capitalize !important
}

.profile-info-box .avatar {
    margin: 0 auto 15px
}

.latest-posts .topic {
    margin: 0 0 35px
}

.latest-posts .topic-title {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    background: #f6f6f6;
    padding: 10px;
    font-size: 16px
}

pre {
    white-space: normal;
    word-wrap: break-word
}

.csharpcode {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #fff;
    padding: 10px;
    font-family: courier new,Courier,monospace;
    color: #000
}

#topcartlink .icon .cart-qty, .header-links .wishlist .wishlist-qty {
    position: absolute;
    background-color: #b10505;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    color: #fff;
    line-height: normal;
    text-align: center
}

.csharpcode .rem {
    color: green
}

.csharpcode .kwrd {
    color: #00f
}

.csharpcode .str {
    color: #006080
}

.csharpcode .op {
    color: #00c
}

.csharpcode .preproc {
    color: #c63
}

.csharpcode .asp {
    background-color: #ff0
}

.csharpcode .html {
    color: maroon
}

.csharpcode .attr {
    color: red
}

.csharpcode .alt {
    width: 100%;
    margin: 0;
    background-color: #f6f6f6
}

.csharpcode .lnum {
    color: #666
}

.headerLinks li {
    display: inline-block;
}

    .headerLinks li a {
        display: block;
        position: relative;
        padding: 9px 0;
    }

    .header-selectors-wrapper a, .headerLinks li a {
        color: #fff;
    }



    .headerLinks li:first-child {
        margin-left: 0
    }

        .headerLinks li:first-child a:after {
            content: none
        }

.headerLinks {
    padding: 11px 0
}

    .headerLinks li a img, .share-copy-wrapper a i {
        margin-right: 5px;
    }

.header-selectors-wrapper {
    padding: 18px 0
}

.attributeWrapper, .authLink, .topCart {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

    .authLink a, .topCart span {
        line-height: normal
    }

        .topCart span.totals {
            white-space: nowrap;
        }

.header-links img {
    width: 30px;
}

#topcartlink .icon, .availabilityWrapper, .createAccount .inputs, .header-links .wishlist, .team-staff {
    position: relative
}

    .header-links .wishlist .wishlist-qty {
        right: -10px;
        top: -10px;
    }

    #topcartlink .icon .cart-qty {
        right: 0px;
        overflow: hidden;
        text-align: center;
        top: -10px;
    }

.menuWrapper {
    background-color: #8a8989;
    margin-bottom: 20px;
    /*task 7010 needed this for minishopping cart popup preview*/
    z-index: -1;
    position: relative;
}

.html-category-page .menuWrapper {
    margin: auto
}

.theme-custom {
    margin: -20px 0 0 !important
}


.serviceSection .title {
    text-align: left;
    font-size: 16px;
}

.itemWrapper .item {
    position: relative;
}

    .itemWrapper .item a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10
    }

    .itemWrapper .item img {
        width: 100%;
        display: block
    }

    .itemWrapper .item .team-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: 0 0;
        width: 100%;
        height: 0%;
        overlay: 0;
        visibility: hidden;
        transition: 0s ease-in-out
    }

    .itemWrapper .item:hover .team-overlay {
        background-color: rgba(245, 245, 245, 0.8);
        opacity: .2;
        height: 100%;
        visibility: visible;
        overlay: 1;
        transition: 0s ease-in-out
    }

    .itemWrapper .item .team-info {
        padding: 18px;
        background: #efeff1;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .itemWrapper .item:hover .team-info {
        background: #d82132
    }

    .itemWrapper .item .team-info h4 {
        font-size: 14px;
        margin: 5px 0 0;
        font-weight: 600;
        color: #000;
        text-align: center;
        padding-top: 20px;
        position: relative;
        min-height: 52px
    }

        .itemWrapper .item .team-info h4:before {
            content: "";
            font-size: 18px;
            width: 26px;
            height: 2px;
            margin: 0 auto;
            display: table;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background: #999
        }

    .itemWrapper .item:hover .team-info h4:before {
        content: "";
        background: #fff
    }

    .itemWrapper .item .team-info p {
        font-size: 13px;
        font-weight: 400;
        color: #999;
        text-align: center;
        line-height: 18px;
        margin: 0
    }

    .itemWrapper .item:hover .team-info h4, .itemWrapper .item:hover .team-info p {
        color: #fff
    }

.category-item .picture {
    text-align: center;
    margin-bottom: 20px
}

    .category-item .picture a {
        color: #B10505;
        font-size: 14px;
        border: 1px solid #c03;
        border-radius: 125px;
        min-height: 125px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 125px;
        align-items: center;
        margin: auto;
    }

    .category-item .picture img {
        margin: auto;
        padding: 10px;
        max-width: 100px;
        vertical-align: middle;
        display: inline-block;
    }

.category-item h2 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.category-item .homepage-category-description {
    text-align: center;
    max-height: 88px;
    overflow: hidden
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0 3px
}

    .slick-dots li button:before {
        background-color: #cccccc;
        width: 15px;
        height: 15px;
        font-size: 0;
        opacity: 1;
        border-radius: 15px;
        line-height: normal
    }

    .slick-dots li.slick-active button:before {
        background-color: #B10505;
        opacity: 1;
        width: 50px
    }

    .slick-dots li.slick-active button {
        width: 50px;
        height: 15px
    }

    .slick-dots li button {
        width: 15px;
        padding: 0;
        margin: auto;
        height: 15px
    }

.relatedProductList .slick-dots li.slick-active button:before, .relatedProductList .slick-dots li.slick-active button {
    width: 15px
}

.category-container .title, .manufacturer-grid .title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

    .category-container .title h2, .manufacturer-grid .title h2 {
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        font-size: 16px;
        font-weight: 700;
        text-align: left
    }

    .category-container .title a, .manufacturer-grid .title a {
        text-align: right;
        color: #df1c24
    }

.manufacturer-grid-wrapper .manufacturer-item {
    text-align: center;
    margin-bottom: 1rem;
}

    .manufacturer-grid-wrapper .manufacturer-item img {
        margin: auto;
        padding: 10px;
        max-width: 100px;
        vertical-align: middle;
        display: inline-block;
    }

.viewAll {
    position: relative;
    padding-right: 30px
}

    .viewAll:before {
        content: "";
        display: block;
        width: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/icons/viewMore.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%
    }

.viewDetails {
    text-align: center;
    padding-top: 10px
}

a.viewDetailBtn {
    color: #e13139;
    font-size: 14px
}

.buttons .requestForQuote {
    font-size: 12px;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-radius: 5px;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    display: block !important;
    width: 100%;
    height: auto !important;
    /*text-transform: capitalize*/
}

.buttons .btn2 {
    margin-left: 5px
}

.bestsellersGrid .slick-dots {
    bottom: -25px !important
}

.homePageProductGrid .item-box, .relatedProductList .item-box, .topSellingProductList .item-box, .bestsellersGrid .item-box {
    margin-right: 15px;
    margin-bottom: 0;
}


.newsletter {
    background-color: #B10505;
    padding: 50px 0
}

    .newsletter .title {
        color: #fff;
        font-size: 16px;
        text-align: left
    }

.infoBox .infoHeader h1, .product-specs-box .title, .sharing .title {
    font-size: 16px;
    font-weight: 700
}

.footerLogo img {
    max-width: 250px
}

.footerLogo {
    padding: 20px 0
}

/*.contacts .phone {
    background: url(../images/footerIcons/footer__phone.png) left center no-repeat;
    background-size: 25px
}

.contacts .fax {
    background: url(../images/footerIcons/footer__fax.png) left center no-repeat;
    background-size: 25px
}

.contacts .email {
    background: url(../images/footerIcons/footer__mail.png) left center no-repeat;
    background-size: 25px
}

.contacts .skype {
    background: url(../images/footerIcons/footer__skype.png) left center no-repeat;
    background-size: 25px
}

.contacts .customerReviews {
    background: url(../images/footerIcons/footer__reviews.png) left center no-repeat;
    background-size: 25px
}

.contacts .winsource-group {
    background: url(../images/footerIcons/footer__website.png) left center no-repeat;
    background-size: 25px
}

.contacts li {
    padding: 10px 40px !important;
}*/

.contacts li a {
    color: #fff;
}

.infoBox .infoHeader {
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
}

    .infoBox .infoHeader h1 {
        color: #fff;
        margin: 0;
    }

.titleProduct {
    display: flex;
    justify-content: space-between;
}

    .titleProduct a {
        font-size: 15px;
        /* font-weight: 700; */
        color: #fff;
        /* text-decoration: underline; */
        /* font-style: italic; */
        display: flex;
        align-items: center;
        line-height: normal;
    }

        .titleProduct a img {
            width: 16px;
            margin-right: 5px;
        }

.infoBox .infoBody {
    padding: 10px 15px;
    position: relative;
}

.productUpperTable td, .productUpperTable th {
    padding: 7px 0;
    text-align: left
}

.productUpperTable tr td:first-child {
    width: 180px;
}

.d-sample img {
    width: 23px
}

.add-to-compare-list-button {
    border: 0;
    background-color: transparent;
    text-decoration: underline
}

.email-a-friend-button {
    border: 0;
    padding: 8px 20px;
    background-color: #aaa;
    border-radius: 5px !important;
    font-size: 13px;
}

.product-details-page .email-a-friend-quote {
    display: inline-block;
}

.product-details-page .email-a-friend-button {
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    color: #fff;
    /*text-transform: capitalize*/
}

.register-button {
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    color: #fff;
    border: 0;
    padding: 8px 13px;
    border-radius: 5px !important;
    /*text-transform: capitalize*/
}

.showbomlistpopupbtn {
    border: 0;
    background-color: #aaa;
    padding: 8px 10px;
    font-size: 13px;
    border-radius: 5px !important;
    color: #fff;
    margin-top: 5px;
}

.product-specs-box > .title {
    /* background-color: #B10505; */
    /* padding: 10px 15px; */
    /* color: #fff; */
    margin-bottom: 15px
}

.product-specs-box table td, .product-specs-box table th, .shippingInfoTable td, .shippingInfoTable th {
    padding: 5px;
    text-align: left
}

.product-specs-box .full-description {
    background-color: #f2f2f2;
    border-radius: 5px;
}

.full-description .readMore {
    background-color: #B10505;
    text-align: center
}

    .full-description .readMore a {
        color: #fff;
        display: block
    }

.full-description .content {
    padding: 10px 15px;
}

    .full-description .content.short {
        height: 120px;
        overflow: hidden
    }

.addtocartSection {
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 5px;
}

.sharing {
    margin: auto !important
}

    .sharing .hint {
        font-size: 14px;
        font-weight: 700
    }

.share-copylink {
    margin-top: 10px
}

.button-2.product-share-button-ok {
    border: none;
    background: #B10505;
    padding: 10px 40px;
    font: 700 10px/10px eurostile;
    color: #fff;
    border-radius: 15px;
    margin-top: 10px
}

.MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill .2s cubic-bezier(.4,0,.2,1);
    flex-shrink: 0;
    user-select: none
}

.k-edit-buttons.k-actions-end button {
    margin-left: 10px
}

#share-buttons img {
    width: 20px
}

.shareWrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
}

.shareWrapper {
}

    .shareWrapper .shareButton {
        flex: 1;
        text-align: end;
    }

.orderGuide {
    border: none;
    padding: 3px 15px;
    color: #fff;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    border-radius: 20px;
}

#bulk-request, .downloadDropdown:hover .dropdown-content, .search-results .item-box .buttons, .search-results .item-box .description {
    display: block
}

.productContactFormWrapper label, productcontactformwrapper inputs, productcontactformwrapper textarea {
    width: 100%;
    margin: auto;
    text-align: left
}

.productContactFormWrapper label {
    display: inline-block;
    width: auto
}

div#contact-us-form {
    background-color: #f2f2f2;
}

.fraud-note {
    /*text-align: center;*/
    padding: 15px 15px 25px;
    background-color: #faebd7;
    border-radius: 5px;
    margin: 15px auto
}

    .fraud-note > h3 {
        text-decoration: underline;
        color: #B10505;
        margin-bottom: 6px
    }

    .fraud-note .title {
        text-align: center;
        text-decoration: underline;
        color: #B10505;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 700
    }

.FooterCertifications {
    padding: 15px 0
}

a.productBox.ecadIcon {
    overflow: hidden;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
}

    a.productBox.ecadIcon img {
        height: 30px;
    }

.share-copy-wrapper {
    text-align: right;
    display: block;
}

    .share-copy-wrapper a {
        color: #B10505;
        margin-left: 10px
    }

.downloadDropdown {
    position: static;
    display: inline-block
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 1;
    width: 135px
}

    .dropdown-content a:first-child {
        padding-top: 10px
    }

    .dropdown-content a {
        color: #000;
        padding-bottom: 10px;
        text-decoration: none;
        display: block;
        text-align: left;
        margin: auto;
        padding-left: 10px
    }

.estimate-shipping-button {
    border-radius: 5px;
    display: inline-block;
    min-width: 180px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    background-color: #aaa;
    color: #fff;
    /*background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));*/
    margin-top: 15px;
    text-transform: capitalize;
}

.covid-19-info {
    background: #B10505;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

    .covid-19-info p {
        line-height: 1.5;
        text-align: center;
        margin-bottom: .2rem
    }

.terms-of-service * {
    display: inline
}

.method-table {
    border: 1px solid #dee2e6;
    margin-bottom: 20px
}

    .method-table td {
        padding: .75rem;
        vertical-align: middle
    }

    .method-table th {
        border: 1px solid #dee2e6;
        vertical-align: middle;
        padding: 20px 0;
        text-align: center;
        background-color: #8a8989 !important;
        color: #fff;
        font-size: 15px;
        font-weight: normal;
    }

    .method-table tbody tr:nth-of-type(odd) {
        background-color: #f6f6f6
    }

    .method-table .method_price {
        font-weight: 700;
        font-size: 14px
    }

        .method-table .method_price span.free {
            color: #83bb17
        }

.paymentStep a.disabled {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: .2
}

.OrderReviewcard h4 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 10px;
}


.paypalOrder .OrderReviewBody {
    border-radius: 5px;
}

.OrderReviewcard .OrderReviewBody li.title {
    border: 0;
    text-align: left;
    margin-bottom: 10px;
    font-weight: 700;
    padding-left: 0;
    font-size: 14px;
}

.OrderReviewcard .OrderReviewBody > div ul li {
    margin-bottom: 5px;
    /* font-size: 12px; */
}

.orderReviewLeft .checkout-attributes, .orderReviewLeft textarea#checkout_attribute_3 {
    width: 100% !important;
    float: none;
    max-width: initial
}

textarea#checkout_attribute_3 {
    min-height: 65px !important;
    background-color: #fff;
    width: 530px !important
}

.attributeWrapper > div {
    flex: 1;
    position: relative
}

.orderReviewRight .total-info .cart-total td, .orderReviewRight .total-info .cart-total td label {
    background-color: #fff;
    color: initial
}

.button-1.search-button, .search-results .item-box .buttons input {
    padding: 8px 20px;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%))
}

.orderReviewRight .total-info .cart-total .order-total td, .orderReviewRight .total-info .cart-total .order-total td label {
    background-color: #B10505;
    color: #fff
}

.OrderReviewBody .WireTransferInfo p b {
    /* color: #B10505; */
    display: block
}

.button-1.search-button {
    border: 0;
    color: #fff;
    border-radius: 5px;
    width: 100%
}

.icons .rohs img {
    width: 50px
}

.quickViewWrapper .gallery .picture:before, .search-results .item-box .picture a:before {
    padding-top: 60%
}

.search-results .item-box .product-title a {
    font-size: 14px;
    font-weight: 700;
    text-align: left
}

.search-results .item-box .manufacturer a {
    font-size: 14px;
    font-weight: 700;
    color: #B10505
}

.search-results .details {
    width: 100% !important;
    margin-bottom: 0 !important
}

.search-results .item-box .buttons input {
    border: 0;
    color: #fff;
    border-radius: 5px;
    width: 60%
}

.search-results .item-box {
    background-color: #f9f9f9f9;
    margin: auto !important;
    padding-bottom: 15px
}

.search-no-result-box {
    border: 2px solid #B10505;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 24px;
    position: relative
}

.search-no-result-box-shipping-method {
    border: 2px solid #B10505;
    border-radius: 5px;
    margin-bottom: 24px;
    position: relative
}

.search-exclamation-mark {
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    min-width: 50px;
    color: #fff;
    font-weight: 700;
    float: left;
    font-size: 1.3rem;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap
}

.search-no-result-text {
    padding: 5px 5px 5px 60px;
    background-color: #F6F6F6;
    border-radius: 5px;
}

    .search-no-result-text a {
        /*color: #B10505;*/
        font-weight: 700;
        /*new changes*/
        color: #1b75d0;
        font-style: italic;
        text-decoration: underline;
    }

.regularItem {
    right: -15px;
    cursor: pointer;
    text-align: right;
    position: relative;
    margin-bottom: 10px;
}

.createAccount .inputs label {
    width: 140px
}

.freeShippingText p {
    margin: auto;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    background-color: #B10505;
    border-radius: 5px;
}

.freeShippingText {
    margin: 0 0 auto;
    position: absolute;
    right: -15px;
    transform: translateY(-50%);
    top: 50%
}

.sub-category-item {
    border: 1px solid #cccccc;
    padding: 10px;
    border-radius: 5px;
}

    .sub-category-item .title {
        background-color: #dedede;
        padding: 10px;
        border-radius: 5px;
    }

        .sub-category-item .title a {
            font-size: 14px;
            padding: 0;
            text-align: left
        }

.mfp-auto-cursor .mfp-inline-holder .mfp-content {
    background: #fff;
    max-width: 400px;
    /* padding: 20px; */
    border-radius: 5px;
}

.mfp-content .cart-collaterals {
    width: auto;
    margin: auto;
    padding: 0
}

.mfp-content .inputs label {
    display: block;
    width: 100%;
    text-align: left
}

.cart-collaterals .shipping-results {
    background-color: #F0F0F0;
    padding: 0 10px;
    border-radius: 5px;
}

.shipping-logo img {
    height: auto;
    width: auto;
    max-width: 50px;
    max-height: 50px
}

.modal-header {
    background-color: #fff;
    padding: 10px;
    position: relative;
    border: 0
}

    .modal-header * {
        font-size: 16px
    }

.addtobom-form-wrapper .inputs {
    margin-bottom: 15px !important;
    text-align: left
}

    .addtobom-form-wrapper .inputs input[type=text], .addtobom-form-wrapper .inputs select {
        display: block;
        width: 100%
    }

    .addtobom-form-wrapper .inputs.reversed .label-wrapper label {
        width: auto;
        margin-left: 10px;
        margin-bottom: 0
    }

    .addtobom-form-wrapper .inputs .label-wrapper label {
        width: auto;
        margin: 0 0 5px
    }

.addtobom-form-wrapper .button-wrapper {
    margin-top: 20px;
    text-align: center
}

#success-content .button-1, .addtobom-form-wrapper .button-1 {
    border: none;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    padding: 8px 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-transform: capitalize
}

#success-content .successText {
    text-align: center;
    margin-bottom: 15px;
    color: green
}

#productManufacturer, #productName {
    font-size: 13px;
    font-weight: 700
}

.k-pager-wrap .k-link.k-state-selected, .k-window-titlebar.k-header {
    background-color: #B10505 !important
}

/*.k-window-title, .productAddedToCartWindowTitle {
    color: #fff !important
}*/

#pageWrapper .ajaxCart .k-window-titlebar.k-header .k-window-actions a {
    background-image: url(../images/close_white.png) !important
}

.productAddedToCartWindowDescription strong {
    color: #B10505 !important
}

.ajaxCart .productAddedToCartWindowCheckout {
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%)) !important;
    border-radius: 5px
}

.productAddedToCartWindowImage {
    height: auto !important;
    width: 120px !important
}

.productAddedToCartWindowSummary a {
    color: initial !important
}

.quickViewPopup .mfp-content {
    max-width: 1000px !important
}

.productSpecification_title {
    margin: 0 0 10px;
    color: #B10505;
    font-size: 20px
}

.ELCINA img, .productSpecification {
    /* margin-top: 30px; */
}

.quick-view .prices-table.custom {
    display: table
}

.quick-view .prices-row.custom {
    display: table-row;
    width: auto;
    float: none
}

    .quick-view .prices-row.custom > div {
        display: table-cell
    }

.modal-footer button {
    font-size: 12px
}

.d-sample span {
    display: inline-flex;
}

.k-pager-wrap, .k-toolbar {
    background-color: transparent !important
}

.k-header {
    background-color: #fff !important;
}

.k-filter-row th, .k-grid-header th.k-header {
    padding: 10px !important
}

.filter-section button {
    margin-right: 5px;
    /* padding: 5px 20px !important; */
}

.contentWrapper a {
    display: flex;
    height: 80px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

    .contentWrapper a img {
        max-width: 100%;
        max-height: 100%;
    }

.certficateWrapper .topImage {
    height: 300px;
    overflow: hidden;
    width: 100%;
    background-image: url(../images/certificateHeader.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border-radius: 5px
}

.certficateWrapper .headerTextWrapper {
    background-color: #000;
    color: #fff;
    width: 400px;
    padding: 40px;
    margin: -125px 0 0 90px;
    border-radius: 5px
}

    .certficateWrapper .headerTextWrapper .subHeading {
        font-size: 16px;
        color: #B10505;
        margin-bottom: 15px
    }

    .certficateWrapper .headerTextWrapper .heading {
        font-size: 22px;
        color: #B10505;
        margin-bottom: 50px
    }

    .certficateWrapper .headerTextWrapper .text {
        font-size: 14px
    }

.certficateWrapper .logoWrapper {
    text-align: center;
    margin-top: 75px
}

    .certficateWrapper .logoWrapper h2 {
        margin-bottom: 10px;
        font-size: 16px;
        text-transform: uppercase
    }

.certficateWrapper .contentWrapper {
    background-color: #fafafa;
    padding: 30px;
    border: 1px solid #efefef;
    height: 350px;
    overflow: hidden;
    border-radius: 5px
}

.contentWrapper img, .manufacturer-page .page-title .titleImage {
    /* width: 80px; */
}

.contentWrapper {
    padding: 20px;
    vertical-align: top;
    margin-top: 50px
}

    .contentWrapper .title {
        font-size: 16px;
        font-weight: 700;
        margin-top: 30px;
        margin-bottom: 15px;
        text-align: center
    }

    .contentWrapper:hover img.hover {
        display: inline-block !important
    }


.twoBlock > div {
    width: 250px;
    display: inline-block;
    margin: 20px;
    position: relative;
    vertical-align: top
}



trackingsearch {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

.trackingSearch .searchTerm {
    border-right: none;
    padding: 5px;
    outline: 0;
    /*text-align: center;*/
    color: grey;
    height: 37px
}

.trackingSearch .searchButton {
    width: 70px;
    height: 37px;
    background: #B10505;
    text-align: center;
    color: #fff;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 20px;
    border: none;
    position: relative
}

.freepartSuccess #next-success, .trackingSearch .ofline-label, .trackingSearch .search-label, input#btnBrowse {
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%)) !important;
    color: #fff
}

.trackingSearch .search-label {
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    padding: 5px 10px
}

.trackingSearch .ofline-label {
    text-align: center;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    font-size: 18px;
    padding: 4px 10px
}

.login-page .external-authentication {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*width: 75%;*/
    margin: auto;
    gap: 15px
}

    /*.login-page .external-authentication > div {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }*/

    .login-page .external-authentication .buttons {
        border: none;
        margin: auto;
        padding: 0;
        text-align: initial
    }

.quick-view-button {
    font-size: 12px !important
}

.total-info {
    border-radius: 5px;
}

    .total-info .title {
        font-size: 16px;
        border-bottom: 1px solid #CCCCCC;
        margin-bottom: 15px;
        color: #000000;
        font-weight: bold;
        text-align: left;
        padding: 0;
    }

.cart-total tr.order-total {
    border-top: 1px solid #CCCCCC;
}

.orderReviewWrapper .total-info {
    background-color: transparent
}

.manufacturerTitleTable td {
    vertical-align: middle !important
}

    .manufacturerTitleTable td:last-child {
        text-align: left
    }

.rfpSearch .home-page-filters-wrapper {
    margin: auto;
    box-shadow: none;
    background-color: transparent;
    padding: initial
}

.rfpSearch .home-page-filters {
    width: 100%;
    transform: none;
    padding: 0;
    display: flex
}

input.home-page-filter-input-search {
    height: 46px;
    border: 1px solid #B10505;
    background-color: #f5f5f5;
    width: 80%;
    border-radius: 5px 0 0 5px;
}

.rfpSearch .home-page-filter-button {
    float: none
}

.home-page-filter-button .search-button {
    position: relative;
    border: 0;
    display: inline-block;
    height: 46px;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    vertical-align: middle;
    padding: 0 12px;
    color: #fff;
    /*text-transform: uppercase;*/
    margin-right: 41px;
    border-radius: 0 5px 5px 0;
    text-transform: capitalize
}

    .home-page-filter-button .search-button:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 40px;
        margin-left: 1px;
        background-image: url(/Themes/Winsource_Sea/Content/images/icons/search.webp),linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
    }

input#btnBrowse {
    margin-bottom: 10px;
    padding: 8px 20px;
    border: 0;
    border-radius: 5px;
    width: auto;
}

.inlineFields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.freepartSuccess {
    display: none;
    padding-top: 58px;
    width: 100%;
    height: 500px;
    background-color: #9c9c9f;
    margin-bottom: 45px
}

    .freepartSuccess .content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 50%;
        height: 75%;
        position: relative;
        border-radius: 5px;
    }

    .freepartSuccess .close {
        position: absolute;
        right: 0;
        top: 0
    }

    .freepartSuccess .close-element {
        box-shadow: inset 0 0 1px #333;
        text-align: center;
        padding-right: 5px;
        padding-left: 5px;
        color: #fff;
        background-color: #333;
        border-radius: 0 5px 0 0;
    }

    .freepartSuccess .share-text-reward {
        padding: 13px;
        font-size: 17px;
        text-align: center
    }

    .freepartSuccess .overview {
        margin: 0;
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0
    }

    .freepartSuccess #next-success {
        padding: 8px 20px;
        border: 0;
        border-radius: 5px
    }

.order-completed .title strong {
    background-color: transparent;
    padding: 0;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color: #fff
}

.order-completed {
    background-image: url('../images/thankyouBack.png');
    border-radius: 10px;
    padding: 50px;
    background-color: #F6F6F6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

    .order-completed .buttons {
        padding-bottom: 30px
    }

    .order-completed .title img {
        width: 25px;
        margin-right: 10px
    }

.createAccount .title {
    padding: 10px 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    border-radius: 5px;
    color: #fff;
    text-align: center;
}

.createAccount {
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 40px;
}


    .createAccount .form-fields, .createAccount .order-completed {
        background-color: #fff
    }

    .createAccount .buttons {
        margin: auto;
        padding-bottom: 15px
    }

    .createAccount .accept-privacy-policy {
        padding-top: 15px
    }

.paypal-buttons.paypal-buttons-context-iframe {
    max-width: 750px;
    width: 100%;
    margin: auto
}



.sendRFQBtn {
    background: var(--gradient,linear-gradient(313deg,#262626 8.79%,#707580 93.86%)) !important
}

.rfqTtitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    margin-bottom: 20px
}

    .rfqTtitle button {
        margin-left: 15px
    }

.commonbutton {
    border: none;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    /*text-transform: uppercase;*/
    border-radius: 5px !important;
    text-transform: capitalize
}

.slick-dots {
    margin: auto !important;
    position: initial;
    bottom: 0
}

.picture-thumbs-list .slick-dots {
    margin-top: 15px !important;
}

@keyframes skeleton-loading {
    0% {
        background-color: #c1cfd6
    }

    100% {
        background-color: #eff3f4
    }
}

.AjaxCartpopup {
    width: 600px !important
}

    .AjaxCartpopup .ui-dialog-content {
        padding: 0
    }

.ajaxPopRow, .contentInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.contentInner {
    align-items: center
}

    .contentInner .product {
        margin-left: 20px
    }

    .contentInner .image img {
        width: 130px;
    }

.ajaxPopRow > div {
    padding: 10px
}

.ajaxPopRow .content {
    flex-direction: column;
    flex-basis: 100%;
    flex: 2
}

.ajaxPopRow .buttons {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    background-color: #dbe0e6
}

.contentInner > div {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}

.contentInner .image {
    text-align: center
}

.ajaxPopRow .title {
    font-weight: 700;
    color: #333;
    margin: 0 0 10px
}

.ajaxPopRow .unitPrice {
    color: #B10505;
    margin-bottom: 10px;
    /* font-size: 18px; */
    font-weight: 700
}

.ajaxPopRow .qty {
    background-color: #B10505;
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    /* font-weight: 700; */
    border-radius: 5px
}

.ajaxPopRow .buttons {
    text-align: center;
    margin: 0
}

    .ajaxPopRow .buttons .cart {
        margin: auto;
        margin-bottom: 8px
    }

.ajaxPopRow .continueShoppingLink {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

.ajaxPopRow .cart a {
    padding: 5px 22px;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    color: #fff;
    box-shadow: inset 0 0 0 1px transparent;
    display: inline-block;
    margin-bottom: 0;
    display: block;
    border-radius: 5px;
    text-transform: capitalize
}

.cartItems {
    text-align: right;
    border-bottom: 1px solid #b4b4b4;
    font-weight: 700;
    /* font-size: 12px; */
    padding: 2px 0
}

.cartSub {
    text-align: right;
    /* font-size: 12px; */
    padding: 2px 0;
    margin-bottom: 15px;
    font-weight: 700
}

.header-links a.ico-account {
    white-space: nowrap
}

.footerPayment {
    display: inline-block;
    margin-right: 105px;
}

    .footerPayment li {
        display: inline-block;
        margin-right: 15px
    }

        .footerPayment li img {
            max-width: 130px;
            max-height: 50px
        }

.registerPage .fieldset {
    margin: auto;
    position: relative
}

    .registerPage .fieldset .title {
        margin: auto;
        border: 0;
        position: absolute;
        z-index: 9;
        transform: translateX(-50%);
        left: 50%;
        top: -20px;
        white-space: nowrap
    }

    .registerPage .fieldset:first-child {
        margin-top: 30px
    }

        .registerPage .fieldset:first-child .form-fields {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px
        }

    .registerPage .fieldset:nth-child(4) .form-fields {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom: 1px solid #ccc
    }

.registerPage .form-fields {
    border: 1px solid #ccc;
}

.registerPage .inputs label {
    width: auto;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
}

.registerPage .inputs input, .registerPage .inputs select {
    border-radius: 5px;
    width: 100%;
}

    .registerPage .inputs input.input-validation-error {
        /* margin-bottom: 20px; */
    }

.registerPage .inputs .field-validation-error {
    position: relative;
}

.registerSideText ul {
    list-style-type: disc;
    padding-left: 20px
}

.registerPage .inputs {
    display: block;
}

    .registerPage .inputs.newsLetter label, .registerPage .inputs.newsLetter input {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
    }

    .registerPage .inputs.newsLetter input {
        margin-left: 10px;
    }

.rightColumn.normal .block-recently-viewed-products {
    display: none
}

.rightColumn.normal .block-manufacturer-navigation {
    display: none
}

.registerSideText {
    text-align: left
}

#pro_nav_header {
    display: flex;
    justify-content: space-around;
    background-color: #B10505;
    position: sticky;
    top: 0
}

    #pro_nav_header a {
        color: #fff;
        padding: 10px 0
    }

.html-home-page .manufacturer-item a {
    color: #B10505;
    font-size: 14px;
    border: 1px solid #c03;
    border-radius: 125px;
    min-height: 125px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 125px;
    align-items: center;
    margin: auto;
}

.manufacturer-item a {
    color: #B10505;
    font-size: 14px;
    padding: 5px 0;
    display: block
}

.manufacturerWrapper {
    background-image: url(../images/manufBack.jpg);
    text-align: center;
    padding: 100px 0;
    background-position: center;
    background-size: contain;
    margin-top: -20px;
    margin-bottom: 20px
}

    .manufacturerWrapper.defaultImage {
        position: relative;
        height: 290px;
    }

        .manufacturerWrapper.defaultImage img {
            max-height: 190px;
            position: absolute;
            transform: translateX(-50%);
            left: 50%;
        }

.manufacturerTitleTable {
    margin-bottom: 0
}

    .manufacturerTitleTable td {
        padding-left: 0
    }

/*.manufacturerInfoTable td {
    background-color: #f5f5f5
}*/

.manufacturerInfoTable td p {
    word-break: break-word;
}

.go-top {
    position: fixed;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    bottom: 50px;
    right: 50px;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 5px;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    z-index: 99
}

    .go-top i {
        font-size: 45px;
    }

    /* .go-top:after {
        content: "";
        background-image: url(../images/toggle-gray.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #B10505;
        position: absolute;
        font-size: 28px;
        width: 36px;
        height: 36px;
        transform: rotate(180deg);
        border-radius: 5px
    }*/

    .go-top:hover {
        transition: all .4s linear;
        transform: scale(1.1)
    }

.quickViewPopup .mfp-content {
    padding: 0 !important
}

.quick-view .title {
    padding: 10px;
    background-color: #B10505;
    color: #fff
}

.mfp-close {
    color: #fff !important;
    opacity: 1
}

div[id^="quick-view-"] .title {
    background: transparent;
}

div[id^="quick-view-"] .mfp-close {
    color: #000 !important;
}

div[id^="quick-view-"] .below-tierprice {
    margin: 0;
}

div[id^="quick-view-"] span[id^="stock-availability-value"],
div[id^="quick-view-"] span[id^="instock-value"],
div[id^="quick-view-"] span[id^="leadtime-value"] {
    font-weight: bold;
    color: #B10505;
}

#estimate-shipping .mfp-close, #estimate-product-shipping .mfp-close, .mfp-close-btn-in .mfp-close {
    color: #000 !important
}

.quickViewWrapper .gallery {
    margin: auto
}

.quick-view .content {
    padding: 10px 20px
}

.quick-view.product-detail-wrapper .title {
    padding: 0;
    margin: 0
}

.quick-view.product-detail-wrapper .content {
    padding-bottom: 30px;
}

.sendRFQ table th, .sendRFQ table th span {
    background-color: #B10505;
    color: #fff !important
}

.sendRFQBtn img {
    width: 20px
}

#PersonalMessage::placeholder {
    /*font-weight: 700;*/
    font-size: 14px;
    /*color: #000000;*/
}

#PersonalMessage::-ms-input-placeholder {
    font-weight: 700;
    font-size: 1.5rem
}

.relatedProductList .viewDetails {
    display: none
}

.icons span.ecadIcon > a > img {
    max-height: 25px
}

.block-account-navigation .listbox ul.list li:nth-child(even) {
    background: #f8f9fa
}

.body-bg-overlay {
    background: rgba(0,0,0,.25);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

body.overlay .body-bg-overlay {
    display: block
}

body.overlay .header {
    z-index: 10
}

.html-inquiry-page .pagination ul li {
    display: inline-block;
    padding: 8px
}

    .html-inquiry-page .pagination ul li.current-page {
        color: #B10505
    }

    .html-inquiry-page .pagination ul li.previous-page a, .html-inquiry-page .pagination ul li.next-page a {
        color: #4c4c4c
    }

.html-inquiry-page .tbl-rfq thead tr td {
    background: #f5f5f5;
    font-weight: 700
}

.contactTopic .topic-block {
    background-color: #f9f9f9;
    margin: auto
}

.emptyCart {
    border: 1px solid #ddd;
    padding: 20px 0;
    border-radius: 5px;
}

.cartRfq {
    padding: 20px;
    box-shadow: 0 1.353427767753601px 4.060283184051514px 0 #0000001a;
    background-color: #eaeaea;
    border-radius: 5px;
}

    .cartRfq input, .cartRfq button, .cartRfq textarea {
        width: 100%
    }

    .cartRfq textarea {
        min-height: 125px;
    }

.contactTopic .topic-block {
    background-color: #f9f9f9;
    margin: auto
}

.dropzone {
    min-height: 125px !important;
    background-color: transparent !important;
    border: 2px dashed #999 !important
}

.needsclick {
    display: flex;
    flex-wrap: wrap
}

    .needsclick .message {
        flex: 1
    }

.popup input, .popup textarea {
    width: 100%;
    margin-bottom: 10px
}

.popup label {
    margin-bottom: 5px
}

#SearchText {
    /* display: block; */
    /* width: 100%; */
    border-radius: 5px 0px 0px 5px;
}

.cat__filterWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

    .cat__filterWrapper .inputs {
        margin-bottom: 0
    }

.category-search .search-button {
    width: auto;
}

.category-search {
    background-color: #cccccc;
    padding: 20px;
    margin-bottom: 20px
}

.cat__description {
    font-size: 14px;
}

.html-category-page .page-title {
    background-color: #f0f0f0;
    margin: 0;
    padding: 10px 0;
}

.html-category-page .breadcrumb {
    margin: 0
}

.html-category-page .page-title h1 {
    color: #58666e;
    font-size: 20px;
}

.resetButton {
    border: 1px solid #cccccc;
    background-color: #fff;
    padding: 7px 15px;
    text-align: center;
    font-size: 14px;
    color: initial;
    border-radius: 5px;
}

.category__products th {
    text-align: center;
    vertical-align: middle;
    background-color: #B10505;
    color: #fff;
    min-width: 100px;
}

    .category__products th.select {
        min-width: 70px;
    }

.category__products td.images img {
    max-width: 70px;
}

.category__products td {
    vertical-align: middle;
}

    .category__products td .description {
        overflow: hidden;
        max-height: 65px;
    }

a.datasheetLink {
    /* color: #B10505;*/
    color: #DD232D;
}

.priceBtn, .rfqButton {
    border: 0;
    background: none;
    color: #B10505;
}

.category__products td p {
    margin-bottom: 5px
}

.sub__cat {
    border-top: 3px solid #F4F4F4;
}

    .sub__cat > .row {
        list-style-position: inside
    }

    .sub__cat .list__items {
        display: list-item;
        list-style-type: disc;
        color: #B10505;
    }

        .sub__cat .list__items a {
            /* white-space: nowrap; */
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 90%;
            color: #B10505
        }

    .sub__cat .list__parent {
        border-bottom: 1px solid #dee2e6;
        font-size: 14px;
    }

.btn__wrapper {
    background-color: #F0F0F0;
    padding: 10px 10px;
    display: flex;
    justify-content: space-between;
}

.compare__btn, .download__btn {
    padding: 5px 10px;
    border: 1px solid #B10505;
    color: #B10505;
    border-radius: 5px;
}

.commonbutton.qtyBtn {
    padding: 8px 15px;
}

.fbm select {
    /* height: 39px; */
    flex: 1;
}

}

.manufacturerWrapper img {
    max-height: 90px
}

.starFade {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starGray.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.starFadeN {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starGray.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    margin-right: 5px
}

.starGlow {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starRed100.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.starGlow25 {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starRed25.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.starGlow50 {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starRed50.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.starGlow75 {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starRed75.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    cursor: pointer;
    margin-right: 5px
}

.starGlowN {
    background-image: url(/Themes/Winsource_Sea/Content/images/CompanyReview/starRed100.svg);
    min-width: 50px;
    min-height: 50px;
    display: inline-block;
    margin-right: 5px
}

.reviewHeadWrapper {
    background-color: #f0f0f0;
    margin-top: -20px;
    padding: 15px 0;
}

.reviewWrapper {
    align-items: center;
}

    .reviewWrapper .side-1-logo > img {
        width: 170px;
    }

.review-rating label {
    display: block;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px
}

.review-rating p {
    margin: 10px 0
}

.review-rating ul li {
    display: inline-block;
    vertical-align: middle
}

    .review-rating ul li label {
        position: relative;
        margin: auto;
        margin-left: 5px
    }

.addReview {
    border: 1px solid #e5e5dd;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

    .addReview > div {
        flex: 1
    }

.addReviewLink {
    color: #de1823
}

.reviewSummary {
    border: 1px solid #e5e5dd;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px
}

.ratingDetail > li {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.star-lable {
    padding: 0 5px 0 10px
}

.ratingDetail > li .progress {
    flex: 1;
    margin: 0 10px
}

.ratingDetail .progress {
    height: 10px
}

.ratingDetail .progress-bar {
    background-color: #1c1c1c;
    border-radius: 10px
}

.sortbuttons > div {
    flex: 1
}

.reviewAbout {
    border: 1px solid #e5e5dd;
    border-radius: 10px;
    padding: 20px
}

.reviewContact li {
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative
}

    .reviewContact li a {
        color: #B10505;
        text-decoration: underline
    }

    .reviewContact li:before {
        content: "";
        position: absolute;
        left: 0;
        background-repeat: no-repeat;
        background-position: center;
        height: 20px;
        width: 20px;
        background-size: 15px
    }

    .reviewContact li.email:before {
        background-image: url(/Themes/Winsource_Sea/Content/images/Email.png)
    }

    .reviewContact li.phone:before {
        background-image: url(/Themes/Winsource_Sea/Content/images/phone.png)
    }

    .reviewContact li.address:before {
        background-image: url(/Themes/Winsource_Sea/Content/images/location.png)
    }

.reviewGrid {
    margin-top: 40px
}

.reviewItem-box .associations {
    padding: 20px;
    margin-bottom: 15px;
    border-color: #e5e5dd;
}

.reviewItem {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #e5e5dd;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.reviewNameIcon span {
    display: inline-block;
    background-color: #c3c3c3;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    padding: 10px 0;
    border-radius: 30px;
    margin-right: 10px
}

.reviewItem-box .assoc-vendor {
    font-size: 14px;
    margin: auto
}

.reviewItem-box .imgDateWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: center
}

    .reviewItem-box .imgDateWrapper .assoc-image {
        flex-direction: column;
        flex-basis: 100%;
        flex: 1
    }

.reviewItem-box .assoc-image span {
    min-height: 20px;
    min-width: 20px;
    background-position: center;
    background-size: contain;
    margin: 0
}

.reviewItem-box .card-bottom-content {
    padding: 0
}

.reviewItem-box .assoc-text {
    display: block;
    width: 100%;
    float: none
}

    .reviewItem-box .assoc-text span {
        display: block;
        font-weight: 700;
        margin-bottom: 5px;
        font-size: 14px
    }

    .reviewItem-box .assoc-text .reviewDate {
        font-size: 13px;
        font-weight: 400;
        margin: auto
    }

#add-review-popup-window .modal-header {
    background-color: unset;
    border-bottom: 0
}

#add-review-popup-window .btn-close {
    margin-left: auto;
    position: relative;
    top: 10px;
    right: 10px
}

#review-form .reviewInput label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    color: #000
}

#review-form .reviewInput input, #review-form .reviewInput textarea {
    width: 98%
}

#review-form .reviewInput {
    margin-bottom: 15px
}

    #review-form .reviewInput:last-child {
        margin-bottom: 0
    }

#review-form .form-fields {
    margin: auto
}

#review-form .buttons {
    text-align: right
}

#review-form .review-rating li {
    height: auto;
    margin: auto
}

#review-form .review-rating {
    margin-bottom: 15px
}

    #review-form .review-rating label {
        flex-direction: column;
        flex-basis: 100%;
        flex: 1
    }

#review-form {
    margin-bottom: 0
}

.review-filter {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

    .review-filter .offcanvas-header {
        justify-content: center;
        position: relative
    }

        .review-filter .offcanvas-header .btn-close {
            position: absolute;
            right: 20px;
            transform: translateY(-50%);
            top: 50%;
            padding: 0;
            margin: 0;
            border: 1px solid;
            padding: 5px;
            font-size: 10px;
            font-weight: 700;
            border-radius: 100%
        }

            .review-filter .offcanvas-header .btn-close:hover {
                color: #B10505;
                border-color: #B10505
            }

.filterContent .filter {
    margin-bottom: 20px
}

    .filterContent .filter h6 {
        font-weight: 700
    }

    .filterContent .filter ul li {
        margin-bottom: 5px
    }

        .filterContent .filter ul li:hover label {
            color: #B10505
        }

        .filterContent .filter ul li label {
            margin-left: 10px
        }

foo .filterContent .filter ul li a {
    border: 1px solid;
    padding: 8px 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px
}

.filterContent .filter ul li a:hover {
    color: #B10505;
    border-color: #B10505
}

.mentionMore {
    font-weight: 700;
    color: #B10505;
    text-decoration: underline
}

.sortbuttons > div {
    flex: 1
}

.thankyou {
    max-width: 300px;
    margin-bottom: 20px
}

.applyFilter {
    position: absolute;
    bottom: var(--bs-offcanvas-padding-y);
    left: var(--bs-offcanvas-padding-y)
}

#sectionSuccess .page-title h1 {
    /* margin-top: 18px; */
    font-size: 20px;
    font-weight: bold;
}

.offcanvas-body {
    position: relative
}

.needsclick .message {
    flex: 1
}

.addRfq, .removeRfq {
    width: 24px;
    height: 24px;
    background: url(../../Content/images/icons/iconSprite.webp) -24px -48px no-repeat;
    cursor: pointer;
    display: inline-block;
    margin: auto;
    vertical-align: middle
}

.removeRfq {
    background-position: -21px -72px
}

#my-great-dropzone.dropzone {
    padding: 10px;
    border-radius: 5px;
}

    #my-great-dropzone.dropzone .dz-preview {
        min-height: auto
    }

        #my-great-dropzone.dropzone .dz-preview .dz-image {
            padding: 0;
            width: auto;
            height: 90px
        }

        #my-great-dropzone.dropzone .dz-preview.dz-image-preview {
            background-color: transparent
        }

        #my-great-dropzone.dropzone .dz-preview .dz-details {
            line-height: normal;
            padding: 15px
        }

        #my-great-dropzone.dropzone .dz-preview .dz-error-message {
            top: 100px;
            width: 260px
        }

ul.mfr-list {
    text-align: left;
}

.rfq__productBtn {
    background: none !important;
    background-color: #aaa !important;
    color: #fff;
    padding: 10px 20px !important;
    width: 100%;
}


#rfqEmail input {
    border: 1px solid #ddd;
    padding: 8px 15px;
    vertical-align: middle;
    width: 100%;
}

.feedback-btn {
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    color: #fff;
    border: none;
    padding: 8px 13px;
    border-radius: 5px !important;
    height: 43px;
}

.input-radio-background {
    margin: 0 0 15px;
    background-color: #dedede;
    padding: 10px 30px;
    border-radius: 5px;
}

.feedback-input-text-bg {
    background-color: #f5f5f5;
    border-radius: 5px;
}

img.img-rounded-corner {
    border-radius: 5px;
}

.productUpperTable .manufacturers a,
.productUpperTable .download-sample a {
    color: #B10505;
    font-weight: bold;
}

.industry-box {
    height: 100%;
    cursor: pointer;
    width: 20%;
}

    .industry-box:hover {
        background-color: rgba(245, 245, 245, 0.8);
        opacity: .2;
    }

.industry-items {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.downloadManual {
    background-color: #f0f0f0;
    padding: 20px 15px;
    border-radius: 5px;
}

    .downloadManual .manualText {
        margin-bottom: 10px;
        font-size: 14px;
    }

.manualButton {
    background-color: #343537;
    padding: 12px;
    border: 0;
    border-radius: 25px;
    color: #fff;
    position: relative;
    padding-right: 55px;
    display: inline-block;
}

    .manualButton span i {
        position: absolute;
        font-size: 16px;
        right: 0;
        transform: translateY(-50%);
        top: 50%;
        background-color: #5c5f67;
        border-radius: 100%;
        padding: 14px;
    }


.winlink__banner {
    margin-top: -20px;
    position: relative;
    margin-bottom: 20px;
}


    .winlink__banner h1 {
        z-index: 99;
        position: relative;
        color: #fff;
        font-weight: bold;
    }

.winlink__card {
    background-color: #B10505;
    padding: 20px
}

    .winlink__card h6, .winlink__card p {
        color: #fff
    }

    .winlink__card p {
        height: 150px;
        overflow: hidden
    }

#winLink__accordion .accordion-button, #winLink_faq__accordion .accordion-button {
    background-color: #F0F0F0;
    font-weight: bold;
}

#winLink__accordion .accordion-item, #winLink_faq__accordion .accordion-item {
    margin-bottom: 10px
}

.winlink_bomInfo {
    background-color: #F0F0F0;
    padding: 20px;
}

    .winlink_bomInfo a {
        color: #B10505;
        font-weight: bold;
        text-decoration: underline;
    }

/*.winlink_bomInfo p {
        height: 85px;
        overflow: hidden
    }*/

.k-window-titlebar {
    background-color: #fff !important;
    background-image: none !important;
    border: 0 !important
}

.k-window {
    border: 0 !important;
}

.k-edit-buttons {
    background-color: transparent !important;
}

/*.k-window-titlebar .k-window-action .k-icon {
    color: #fff
}
*/
div#share-buttons {
    display: inline-block;
}

.k-button-solid-primary {
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%)) !important;
}

.rfqSearch .home-page-filter-input-search {
    border-radius: 5px 0 0 5px;
}

.rfqSearch .search-button {
    border-radius: 0 4px 4px 0;
}

    .rfqSearch .search-button:after {
        border-radius: 5px;
    }

.review__logo {
    max-width: 270px
}

#ManufacturerId {
    border-radius: 5px;
}

/*.ui-dialog-content p {
    word-break: break-all;
}*/

.advantageTopic {
    position: relative;
    z-index: 99999;
}

    .advantageTopic:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #B10505;
        z-index: -1;
    }

.coreValue__topic li::marker {
    color: #B10505;
}

.registerPage {
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.accept-privacy-policy a, .terms-of-service label a {
    /*color: #221abb;*/
    font-weight: bold
}

.order-list-page .order-reminder-button {
    padding: 0;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    color: #fff;
    padding: 0 15px;
    border-radius: 5px;
}

    .order-list-page .order-reminder-button:hover {
        color: #fff
    }

.filter-section input {
    border-radius: 5px 0 0 5px !important;
}

.filter-section .add__list {
    border-radius: 0 5px 5px 0
}

.OrderReviewcard {
    margin-bottom: 15px;
}

.customer-info-page .custom-attributes div {
    display: inline-block;
    margin-right: 10px;
}

.customer-info-page .custom-attributes label {
    margin: 0;
}



.reviewScale {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    .reviewScale > div {
        margin: auto;
        padding: 0;
        text-align: center;
    }

        .reviewScale > div label {
            display: block;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .reviewScale > div input {
            display: block;
            float: none !important;
            margin-left: 0 !important;
        }

    .reviewScale .form-check-input:checked {
        border-color: #B10505;
        background-color: #B10505;
    }


/* rounding border for table of topic pages #6159 */
table:not(.table-borderless), .data-table {
    border-radius: 5px;
    overflow: hidden;
}

table:not(.table-borderless) {
    border-collapse: separate !important;
    border-spacing: 0;
    border: solid rgb(222, 226, 230) 1px;
}

    table:not(.table-borderless) td, table:not(.table-borderless) th {
        border-left: solid #fff 1px;
        border-top: solid rgb(222, 226, 230) 1px;
        border-right: none;
    }

    table:not(.table-borderless) th {
        border-top: none;
    }

    table:not(.table-borderless) tr:first-child td:first-child, table:not(.table-borderless) tr:first-child th:first-child {
        border-left: none;
    }

/* rounding border for table of topic pages #6159 */

img.manufacturer {
    max-height: 80px;
}

.category-grid .categoty-item .title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-list-page .category-grid .item-grid li {
    list-style-type: disc;
}

.category-list-page .category-grid .item-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
}

.shopping-cart-page .search-no-result-text {
    text-align: left;
    font-size: 13px;
    /* This timing applies on the way IN */
    /* A litttttle slower on the way in */
    /* Move into place */
}

table.cart {
    /*box-shadow: 0px 4px 21.4px 0px #0000001A;*/
    border-collapse: separate !important;
    border-spacing: 0 5px;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: middle;
}

    table.cart tr th:first-child {
        border-radius: 0.5rem 0 0 0.5rem;
    }

    table.cart tr th:last-child {
        border-radius: 0 0.5rem 0.5rem 0;
    }

.cart-options {
    background-color: #EAEAEA;
    border-radius: 5px;
}

.shopping-cart-page .totals, .checkout-page .totals {
    background-color: #F6F6F6;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}

.cart-total .order-total td {
    font-weight: bold !important;
    color: #000000;
    /*font-size: 16px;*/
}

.method-table td, .method-table th {
    border-left: 0 !important;
    border-right: 0 !important;
}

.payment-method .method-list td {
    vertical-align: middle;
    border-left: 0 !important;
    border-right: 0 !important;
}

.orderReview {
    border: 1px solid #EAEAEA;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 1.36px 4.09px 0px #0000001A;
}

.orderReviewEdit {
    color: #D81E25;
    font-size: 12px;
    margin-left: 15px;
    font-weight: bold;
}

/*.orderReviewWrapper .table.cart th {
    background-color: #333;
}*/

.details .product-title-wrapper a {
    border: 0;
    padding: 0;
    margin-bottom: 5px;
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
    accent-color: #D81E25;
    background-color: #D81E25;
    border-color: #D81E25;
}

.paypalButtons {
    background-color: #F6F6F6;
    border-radius: 5px;
}

a.addOrderNotes {
    color: #D41E26;
    font-weight: bold;
}

.totals .title {
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}

.estimate-shipping .title, .tax-number .title, .product-sharing .title {
    background-color: #fff;
    padding: 10px 15px;
    color: #000;
    border-radius: 5px 5px 0 0;
    position: relative;
}



.copy-share .title {
    background-color: #fff;
    color: #333;
    padding: 10px 16px;
    border-radius: 5px 5px 0 0;
    position: relative
}

#share-copy .mfp-close {
    color: #333 !important;
}

#share-copy .copy-share .title strong {
    font-weight: bold;
}

.copy-share-button {
    background-color: #B10505 !important;
    padding: 9px 15px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.estimate-shipping .hint, .estimate-shipping .shipping-options {
    padding: 0 24px
}

.estimate-shipping .estimate-shipping-result {
    padding: 10px 0 0;
}

.product-sharing .popupContent {
    padding: 10px
}

.estimate-shipping .estimate-shipping-result > div {
    padding: 10px 24px 10px 16px;
    background-color: #F0F0F0;
    border-radius: 5px;
}

.estimate-shipping .estimate-shipping-result table td, .estimate-shipping .estimate-shipping-result table th {
    background-color: transparent;
    border-bottom: 1px solid #CCCCCC;
}

.product-sharing .popupContent {
    padding: 10px
}

.title.address {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

.event-title {
    margin-top: -20px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/event__banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.event__subtitle, .content__row {
    border-bottom: 1px solid #0000001A;
}

.half__content {
    border: 1px solid #8A8989;
    border-radius: 5px;
    background-color: #F5F5F5
}

.event__table {
    vertical-align: middle;
    text-align: center;
}

    .event__table th, .event__table td {
        border-left: 0 !important;
    }

    .event__table th {
        background-color: #8a8989;
        color: #fff;
        border-color: #8a8989
    }

    .event__table td {
        background-color: #F5F5F5;
        border-color: #C7C7C7
    }


.event__note {
    background-color: #B10505;
    border-radius: 5px;
    font-size: 18px
}

.event__products {
    background-color: #B10505;
}

.newProduct__btn {
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    /*text-transform: uppercase;*/
    border-radius: 5px !important;
    background-color: transparent;
    border: 1px solid #fff;
    display: inline-block;
}

.anti__title {
    margin-top: -20px;
    background-image: url(../images/antiBanner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.anti__readMore {
    font-size: 0
}

    .anti__readMore.collapsed:after {
        content: 'Read More';
        font-size: 14px;
    }

    .anti__readMore:not(.collapsed):after {
        content: 'Read Less';
        font-size: 14px;
    }

/*.fc__theme {
    color: #B10505
}*/

.fc__theme {
    color: #B10505;
}

.link-default,
.link-default:hover {
    color: #B10505 !important;
}

.bg__theme {
    background-color: #B10505;
}

.theme__border {
    border-radius: 5px
}

.anti__card {
    border: 1px solid #F0F0F0;
    border-radius: 5px;
}

.section__who {
    background-color: #F6F6F6;
}

.serve__wrapper > div {
    border: 1px solid #CCCCCC;
}

.anti__bottom {
    background-color: #A3252A;
}

.anti__readMore {
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
}

.section__who p {
    line-height: 35px;
    font-size: 16px;
}

#address__accordion h2 button {
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    background-color: transparent;
}

#address__accordion h2 {
    border: 1px solid #ccc;
    border-radius: 5px
}

#address__accordion .accordion-item, #address__accordion .accordion-button {
    border: 0;
    box-shadow: none;
}

#address__accordion .accordion-body {
    padding: 0;
    margin-top: 10px
}

.side__banner {
    margin-top: 20px;
}


    .side__banner a img {
        border-radius: 5px
    }

.footer-info {
    color: #fff
}

.popupContent a {
    color: #B10505;
    text-decoration: underline;
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-list {
    margin-bottom: .5rem;
}

.sendRFQ table th {
    white-space: nowrap
}

.inputs.checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

    .inputs.checkbox label {
        display: inline-block;
        width: auto;
        margin-bottom: 0;
    }

.html-home-page .FooterCertifications {
    display: none !important;
}

.product-item .details .add-info .buttons input.qty-input {
    padding: 2px 5px;
}

.product-item .details .add-info .buttons a.ecadIcon {
    margin-left: 0 !important;
}

    .product-item .details .add-info .buttons a.ecadIcon img {
        /*min-width: 71px;*/
        max-height: 34px;
    }

div.footerCopyRight {
    text-align: left;
}



.cert > div > div {
    text-align: center;
    vertical-align: middle;
    height: 120px;
    background-color: #ffffff;
    box-shadow: #d6d5d5 4px 7px 9px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.manuf > div > div {
    text-align: center;
    vertical-align: middle;
    height: 120px;
    background-color: #ffffff;
    box-shadow: #d6d5d5 4px 7px 9px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.fproduct > div > div {
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    box-shadow: #d6d5d5 4px 7px 9px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

    .fproduct > div > div h3 {
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        margin-top: 0.5rem;
    }

.reward-points-history .title {
    text-align: left;
    border-color: #B10505;
    padding-left: 0;
}

.reward-points-overview {
    background-color: #B10505;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
}


.registerText {
    font-size: 13px;
}

.main-title {
    font-size: 22px;
}

.sub-title {
    font-size: 16px;
}

.alert-and-notification {
    font-size: 13px;
}

.login-main-title {
    color: #B10505;
}

.color-red {
    color: #B10505;
}

.login-unsuccessful-box {
    border: 2px solid #B10505;
    border-radius: 5px;
    position: relative;
    box-shadow: inset
}

.login-unsuccessful-text {
    padding: 5px 5px 5px 60px;
    margin: 0 0px 0 5px;
    color: black;
}

.field-validation-error {
    color: #B10505;
    text-align: left;
    white-space: break-spaces;
}

.input-validation-error {
    border: 1px solid #B10505 !important;
}

.login-button {
    margin-bottom: 8px;
}

.shippingInfoTable td.label {
    width: 180px;
}

/*.gallery .picture img {
    margin: 5px;
    width: 60% !important;
    margin: auto
}*/

.inputs.checkbox input {
    width: auto;
}

.field-validation-error {
    margin-left: 25px;
    position: relative;
}

    .field-validation-error:before {
        content: "";
        background-image: url(../images/error.svg);
        position: absolute;
        left: -20px;
        width: 15px;
        height: 15px;
        background-position: center;
        background-size: contain;
        transform: translateY(-50%);
        top: 50%;
    }

.manufacturerInfoTable {
    border: 1px solid white;
}

    .manufacturerInfoTable td {
        background-color: #f5f5f5;
        border: 1px solid white;
    }

    .manufacturerInfoTable th {
        border: 1px solid white;
    }

.table.manufacturerInfoTable,
.table.manufacturerInfoTable td,
.table.manufacturerInfoTable th {
    border-color: white !important;
}

div.ui-dialog div.free-sample {
    padding: 5px 16px;
}

#winLink__accordion .accordion-button, #winLink_faq__accordion .accordion-button {
    color: #B10505;
    box-shadow: unset;
}

.compare-products-page .page-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .compare-products-page .page-title h1 {
        flex: 1;
    }

.border__button {
    border: 1px solid #DB1C24;
    padding: 5px 10px;
    border-radius: 20px;
    color: #DB1C24;
}

.thankyouCard {
    background-color: #fff;
    padding: 0px 40px 50px 40px;
    box-shadow: 20px 17px 14.3px -8px #0000001A;
    border-radius: 10px;
    text-align: center;
}

.compare-products-page .page-title h1 {
    flex: 1;
}

/*.picture-thumbs .slick-prev, .picture-thumbs .slick-next {
    background: none !important;
    transform: translateY(-50%);
    top: 50% !important;
}*/

.slick-prev:before, .slick-next:before {
    color: #B10505 !important
}

.slick-prev:before, .slick-next:before {
    content: none
}

.picture-thumbs .slick-prev {
    left: -25px !important;
}

.picture-thumbs .slick-next {
    right: -40px !important;
}

.picture-thumbs button + .slick-list {
    margin: 0 20px;
    padding: 0 !important;
}



.primary-color {
    color: #B10505;
}

.fs-22 {
    font-size: 22px
}

.fs-16 {
    font-size: 16px
}

.full-description .content h1, .full-description .content h2 {
    font-size: 22px
}

.full-description .content h3, .full-description .content h4, .full-description .content h5, .full-description .content h6 {
    font-size: 16px
}

.full-description .content p {
    font-size: 14px
}

div.slick-button {
    background-color: #8a8989;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    height: 48px;
    margin: auto;
    opacity: 0.8;
    padding: 2px;
    width: 30px;
    z-index: 100;
    border-radius: 4px 0px 0px 4px;
}

.slick-prev {
    border-left: 4px solid rgb(204, 0, 51);
    border-top: 4px solid rgb(204, 0, 51);
    width: 16px;
    height: 16px;
    transform: rotate(-45deg);
    margin-left: 30px;
    z-index: 5;
}

.slick-next {
    border-right: 4px solid rgb(204, 0, 51);
    border-bottom: 4px solid rgb(204, 0, 51);
    width: 16px;
    height: 16px;
    transform: rotate(-45deg);
    margin-right: 45px;
    z-index: 5;
}

.slick-disabled {
    border-color: #ccc;
}

.html-winLink-page h4, .html-winLink-page h5 {
    font-size: 16px;
}

#add input {
    width: 100%;
    font-size: 12px !important;
}

.cartitem-message-error {
    color: red;
}
/*************** Cookie Consent ******************/
#wapDocCookie {
    background: #000;
    width: 100%;
    text-align: center;
    position: fixed;
    padding: 30px 0px;
    bottom: 0;
    left: 0;
    z-index: 10000;
    color: #fff;
}

    #wapDocCookie .container {
        display: flex;
        justify-content: space-between;
    }

    #wapDocCookie .left {
        width: 60%;
        text-align: left;
        line-height: 26px
    }

    #wapDocCookie .right {
        width: 35%
    }

        #wapDocCookie .right a {
            color: #fff;
            border: 1px solid #fff;
            padding: 2% 8%;
            margin: 0px 1%
        }

            #wapDocCookie .right a:hover {
                color: #333;
                background: #fff
            }

            #wapDocCookie .right a:hover {
                color: #333;
                background: #fff
            }

.closeAd {
    color: #fff;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
}

#closeAd1 {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 10px;
}

.historical_price_panel {
    width: auto;
    display: block;
    float: right;
    height: auto;
}

    .historical_price_panel .historical_price {
        float: left;
        font-size: 16px;
        font-weight: 700;
        cursor: default;
        position: relative;
        margin-right: 6px;
        color: #fff;
        margin-top: -20px;
    }

    /* Updated by xianghua on 2024.10.18 */
    .historical_price_panel .historical_price_info {
        float: right;
        font-size: 16px;
        font-weight: 700;
        cursor: default;
        position: relative;
        color: #fff;
        margin-top: -20px;
    }

        .historical_price_panel .historical_price_info:hover .tooltip {
            visibility: visible;
            opacity: 1 !important;
        }

        .historical_price_panel .historical_price_info .tooltip {
            visibility: hidden;
            width: 250px;
            background-color: #fff;
            color: #333333;
            text-align: left;
            border-radius: 3px;
            padding: 10px 5px;
            border: 1px solid #ccc;
            font-size: 13px !important;
            position: absolute;
            z-index: 1;
            right: -20px;
            top: 27px;
        }


.tracking_banner.resultSuccess {
    min-height: 500px;
}

.tracking_banner.resultSuccess {
    min-height: 500px;
}


#category-navigation .accordion-item h2 button, #recently-products .accordion-item h2 button, #manufacturer-navigation .accordion-item h2 button {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    color: #fff !important;
}

#category-navigation, #recently-products, #manufacturer-navigation {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
    background-color: #f9f9f9 !important;
    color: #B10505;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin-right: 10px;
}

    .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
        margin-right: 0;
    }

/*#grid.k-grid table colgroup > col:nth-child(5) {
    min-width: 750px !important;
}*/

.input-group button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group input, .input-group select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.view-all-link {
    color: #c03;
    text-decoration: underline;
    cursor: pointer;
    margin-left: auto;
    font-size: 0.9rem;
    padding: 0 10px;
    margin-left: auto;
    font-size: 0.9rem;
}

    .view-all-link:hover {
        color: #000;
        text-decoration: none;
    }

.accordion-button:not(.collapsed) {
    background-color: #f9f9f9 !important;
    color: #B10505;
}

.html-product-details-page .mfp-content, .html-shopping-cart-page .mfp-content {
    max-width: 50% !important;
}

.card-body-color {
    background-color: var(--card-body);
}

.card-header-color {
    background-color: var(--card-header-dark);
}

.card-shadow-right-bottom {
    box-shadow: 5px 5px 6px rgb(0 0 0 / 39%);
}

.request-for-proposal .commonbutton {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    display: block;
}

.package-tracking-info-card {
    background-color: #eee;
}

.package-tracking-trackingno-input {
    border: 15px solid white !important;
}

.package-tracking-track-btn {
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    border: 4px solid white;
    border-radius: 10px;
}

.search-result-guest {
    font-weight: 700;
    color: #1b75d0;
    font-style: italic;
    text-decoration: underline;
    margin-bottom: 5px;
    display: inline-block;
}

    .search-result-guest:hover, .search-no-result-text a:hover {
        color: #B10505;
    }

    .search-result-guest:after {
        content: ",";
    }

    .search-result-guest:last-child:after {
        content: "";
    }

.career__title {
    position: relative;
}

    .career__title span {
        background-color: #fff;
        padding: 0 60px;
    }

.view-all-link:hover {
    color: #000;
    text-decoration: none;
}

.package-tracking-info-card {
    background-color: #eee;
}

.career__title:before {
    content: "";
    display: block;
    width: 80%;
    border: 2px solid #B10505;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: -1;
}

.gallery > span {
    margin-top: 10px;
    display: block;
}

.view-all-link:hover {
    color: #000;
    text-decoration: none;
}

.package-tracking-info-card {
    background-color: #eee;
}

.package-tracking-trackingno-input {
    border: 15px solid white !important;
}

.package-tracking-track-btn {
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    padding: 8px 20px;
    text-align: center;
    color: #fff;
    border: 4px solid white;
    border-radius: 10px;
}

.html-product-details-page .mfp-content, .html-shopping-cart-page .mfp-content {
    max-width: 55% !important;
}

.productSharePopup .mfp-content {
    max-width: 35% !important;
}

.html-product-details-page .mfp-auto-cursor .mfp-inline-holder .mfp-content {
    padding: 0;
    max-width: max-content;
}

/*for alert and dialog buttons space*/
.ui-dialog-buttonpane .ui-dialog-buttonset button {
    margin-right: 10px;
}

    .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
        margin-right: 0;
    }


/* Basic styling for the menu */
#mobileMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100vh;
    background-color: #fff;
    transform: translateX(-150%);
    transition: transform 0.3s ease-in-out;
    z-index: 99999;
}

    #mobileMenu .navigation-category-image {
        display: none
    }

    #mobileMenu > .sublist {
        display: none
    }

    #mobileMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #mobileMenu a {
        display: block;
        padding: 15px 20px;
        text-decoration: none;
        border-bottom: 1px solid #d9d9d9;
        position: relative;
        display: flex;
        justify-content: space-between;
    }

        #mobileMenu a .menuIcon {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 50px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            border-left: 1px solid #d9d9d9;
        }

        #mobileMenu a:hover {
            background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
            color: #fff;
        }


.master-wrapper-page {
    position: relative;
    z-index: 1;
}

/* Show the menu when the toggle button is clicked */
.show-menu #mobileMenu {
    transform: translateX(0);
}

/* Add an overlay effect to the page content when the menu is open */
.show-menu .master-wrapper-page {
    filter: blur(5px);
    pointer-events: none;
}

/* Style for submenus */
#mobileMenu ul ul {
    display: none;
    max-height: 80vh; /* set a maximum height for the menu */
    overflow-y: auto;
}


    #mobileMenu ul ul li a {
        padding-left: 40px;
    }

.menuLogoSection {
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
}

    .menuLogoSection button {
        position: absolute;
        right: -30px;
        border: 0;
        background-color: transparent;
        font-size: 25px;
        color: #fff;
    }

/*#mobileMenu li:has(ul) > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    -ms-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    opacity: .4;
    right: 25px;
    top: 22px;
}*/
.ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
    margin-right: 0;
}

.estimateShippingContent #the-final-countdown {
    text-decoration: underline;
    color: #B10505;
}

.productUpperTable tr:first-child td {
    padding-top: 0;
}

.productUpperTable tr:last-child td {
    padding-bottom: 0;
}

.productUpperTable {
    margin-bottom: 0
}

.card-body-color {
    background-color: var(--card-body);
}

.card-header-color {
    background-color: var(--card-header-dark);
}

.card-shadow-right-bottom {
    box-shadow: 5px 5px 6px rgb(0 0 0 / 39%);
}

.hyper-link {
    color: var(--primary-color);
}
/*start task_6735*/
.cartitem-message-error {
    padding: 10px;
    color: var(--primary-color);
    border-radius: 5px;
    background-color: #f0dede;
}
/*end task_6735*/


.recentSearch, .ui-autocomplete {
    border: solid #ddd;
    border-width: 0px 1px 1px 1px;
    position: absolute;
    top: 100% !important;
    left: 0 !important;
    right: 0;
    z-index: 999999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -25px;
    padding-top: 25px;
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
}

    .recentSearch li, .ui-autocomplete li {
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        text-align: left;
        background-color: #fff;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .recentSearch li.rs_item {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .recentSearch li.rs_item:hover, .ui-autocomplete li:hover {
                background-color: #e7e7e7
            }

                .recentSearch li.rs_item:hover:before, .ui-autocomplete li:hover:before {
                    content: "";
                    width: 5px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    background-color: #B10505;
                }

        .recentSearch li:last-child, .ui-autocomplete li:last-child {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

.rs_remove {
    cursor: pointer;
}

.search-box .dropDown {
    border-bottom: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#view-toggle {
    color: var(--primary-color);
    font-weight: bold
}

.recentSearch li a i, .rs_remove {
    color: #8a8989
}
/*end task_6735*/

.suggested-result {
    padding: 20px
}

#view-toggle {
    color: var(--primary-color);
    font-weight: bold
}

.manufacturer-all {
    color: #58666e;
}

    .manufacturer-all:hover {
        color: var(--primary-color);
    }

.suggestionOff:hover a {
    color: var(--primary-color)
}

.manufacturer-all {
    color: #58666e;
}

    .manufacturer-all:hover {
        color: var(--primary-color);
    }

#sell-form label.error {
    margin-left: 25px;
    margin-top: 5px;
    font-size: 13px;
    position: relative;
}

    #sell-form label.error:before {
        content: "";
        background-image: url(../images/error.svg);
        position: absolute;
        left: -20px;
        width: 15px;
        height: 15px;
        background-position: center;
        background-size: contain;
        transform: translateY(-50%);
        top: 50%;
    }

.event-title h5 {
    font-size: 50px;
}

.event-title p {
    font-size: 25px;
}


.ws-row {
    --mo-gutter-x: 1.5rem;
    --mo-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .ws-row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

.ws-col {
    flex: 1 0 0%;
}

.ws-col-auto {
    flex: 0 0 auto;
    width: auto;
}

.ws-col-full {
    flex: 0 0 auto;
    width: 100%;
}


.topBanner {
    background-image: url(../images/browserSupport.jpeg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.browserbox {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 5px;
}


.stock-notification > .ui-dialog-titlebar {
    background-color: #fff !important;
}

    .stock-notification > .ui-dialog-titlebar > .ui-dialog-title {
        color: #000 !important;
    }

    .stock-notification > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
        /*filter: invert(100%) !important;*/
    }


.ws-row {
    --mo-gutter-x: 1.5rem;
    --mo-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .ws-row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

.ws-col {
    flex: 1 0 0%;
}

.ws-col-auto {
    flex: 0 0 auto;
    width: auto;
}


.ui-dialog-titlebar:after,
.modal-header:after,
.k-window-titlebar:after,
.estimate-shipping .title:after,
.copy-share .title:after, .product-sharing .title:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid #B10505;
    width: 97%;
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
}

.product-estimation .label___wrapper label {
    display: inline;
    text-align: left;
}

thead.fixed-header {
    position: fixed;
    top: 170px;
    margin-left: calc(var(--bs-gutter-x) * .5) !important;
    background: white;
    display: none;
    z-index: 1000;
    box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    left: 0
}

#fixedTableHeader tr th {
    text-align: center;
    vertical-align: middle;
    background-color: #B10505;
    color: #fff;
    /*min-width: 100px;*/
    padding: .5rem .5rem;
    border-left: solid rgb(222, 226, 230) 1px;
}

.random-calc:hover {
    background-color: #f1f1f1;
}

.changepassword-password-requirements {
    margin-top: -9px;
    margin-bottom: 9px;
    max-width: 432px;
}

.fixedHeader .header {
    position: sticky;
    top: 0;
    width: 100%;
    background: white;
    transition: all 0.3s ease;
    z-index: 1000;
}

    .fixedHeader .header .header-upper {
        display: none;
    }


.bom-list-page .page-title .bomlistTitile {
    color: #000000;
    font-size: 50px;
    font-weight: bold;
    font-style: italic;
}

.bom-actionWrapper .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.bom-actionItem {
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 4px;
    display: flex;
    gap: 20px;
    align-items: center;
}

    .bom-actionItem > div:first-child {
        flex: 350px;
        text-align: center;
    }

        .bom-actionItem > div:first-child div {
            white-space: nowrap;
            margin-top: 15px;
        }

.k-toolbar.k-grid-toolbar {
    flex-direction: row-reverse;
}

.k-grid-popup {
    display: none !important;
}

#grid {
    /* border: 0;*/
    background-color: #f5f5f5;
    border-radius: 4px;
}

.filterButtons button {
    padding: 0 10px;
    border: 0;
    background-color: transparent;
}

.filter-dropdown-menu button {
    width: 100%;
    text-align: left
}

.filterButtons .tagButton, .tag {
    border: 1px solid !important;
    border-radius: 15px;
    height: 23px
}

.bomBottomBtns button {
    padding: 8px 20px;
    border: 0;
    border-radius: 4px;
}

.bomBottomBtns .bom_uploadFile, .bomBottomBtns .bom_addParts, #cartEdit, .continueShop {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
    background: transparent;
}

.bomBottomBtns .bom_addToCart {
    background-color: #AAAAAA;
    color: #fff;
}

.filter-dropdown-menu li {
    border-bottom: 1px solid #8B8B8B;
    font-size: 13px;
}

.filter-dropdown-menu {
    padding: 0;
    border-color: #8B8B8B;
}

    .filter-dropdown-menu li:last-child {
        border: 0;
    }

.add__list {
    background: #fff !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.bulkAddTableHeader .label-wrapper label {
    font-weight: bold;
    margin-bottom: 15px;
}

.fileUpload > label {
    cursor: pointer;
}

#viewHistory {
    background: #fff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    background-color: transparent;
}

ul#bomTabs li button, #bomTabs {
    border: 0;
    margin-bottom: 10px;
}

    #bomTabs .nav-link.active {
        color: #B10505;
    }

    #bomTabs .nav-link {
        color: #444;
        padding: 0;
        font-size: 16px;
        margin-right: 20px;
    }

.flex-1 {
    flex: 1
}

.input-group .btn {
    padding: 8px 20px !important;
}

.k-grid .k-column-title, .k-grid-header th.k-header {
    font-weight: bold !important
}

.dropdown-toggle, .btnDownload, .tagShare {
    display: flex;
    align-items: center;
    gap: 5px;
}


#externalSearchBox {
    background-color: #AAAAAA;
    color: #fff;
    border: 0;
    padding: 10px 5px !important;
    height: 44px;
}

    #externalSearchBox::placeholder {
        color: #fff;
    }

.greyBack {
    background-color: #AAAAAA;
    border-radius: 4px;
}

.product-item .requestForQuote:not(.addtocart) {
    width: 70%;
    margin: auto;
}

.hero-section {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background-image: url(../images/yw-img1.png);
    margin-top: -20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-content h1 {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 20px;
    font-style: italic;
}

.hero-content p {
    font-size: 2rem;
    margin-bottom: 30px;
    font-style: italic;
}

.btn-join {
    background: #000;
    color: #fff;
    padding: 8px 8px 8px 20px;
    border-radius: 25px;
    display: inline-block;
    transition: all 0.3s;
    font-style: italic;
}

    .btn-join:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }

section.stepSec {
    background-color: #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    padding: 20px 50px;
    margin-top: -50px;
    margin-bottom: 100px;
}

.stepsRow {
    margin: 30px 0;
}

    .stepsRow .row {
        position: relative
    }

        .stepsRow .row:after {
            content: "";
            height: 15px;
            background-color: #B10505;
            width: 96%;
            position: absolute;
            margin: auto;
            left: 0;
            right: 0;
        }

        .stepsRow .row img {
            position: relative;
            z-index: 1;
        }

.step-badge {
    background-color: #B10505;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 15px;
    display: inline-block;
}

.stepSec .step-one, .stepSec .step-two, .stepSec .step-three {
    position: relative;
    padding-left: 15px;
}

    .stepSec .step-one:before, .stepSec .step-two:before, .stepSec .step-three:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2px;
        background-color: #B10505;
        left: 0;
    }

.prizeBox {
    background-color: #B10505;
    padding: 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

    .prizeBox:after {
        content: "";
        background-image: url(../images/yw-Weekly-Prize.svg);
        position: absolute;
        width: 150px;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: -45px;
        top: 25px;
        opacity: 0.5;
    }

.bfBox {
    background-color: #000;
    padding: 20px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}

    .bfBox:after {
        content: "";
        background-image: url(../images/yw-Black-Friday-Grand-Prize.svg);
        position: absolute;
        width: 150px;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        right: -45px;
        top: 25px;
        opacity: 0.5;
    }

.rewardSection {
    margin-bottom: 100px;
}

section.wtk {
    background-image: url(../images/yw-img2.png);
    padding: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bp {
    background-color: #333333;
    padding: 20px;
    border-radius: 6px;
}

    .bp ul {
        list-style-type: disc;
        margin-left: 15px;
    }

        .bp ul li::marker {
            color: #B10505;
            font-size: 15px;
        }

        .bp ul li {
            margin-bottom: 15px
        }

section.winner {
    background-color: #B10505;
    padding: 50px 0;
}

.tooltip-inner {
    background-color: #B10505 !important;
}

/* Arrow color (must match bg) */
.tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before {
    border-top-color: #B10505 !important;
}

.tooltip-arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #B10505 !important;
}

.orderButtons button {
    border: none;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    padding: 5px 15px;
    text-align: center;
    color: #fff;
    border-radius: 5px !important;
    text-transform: capitalize;
    font-size: 12px;
}

.order-list .card .card-header {
    color: #fff;
    background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
}

.order-list .card {
    border-color: #B10505
}

.orderButtons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: end;
}


.language-btn {
    background-color: transparent;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    border-color: #e6e6e6;
    width: 100%
}

    .language-btn img {
        margin-right: 10px
    }

    .language-btn:hover, .language-btn.active {
        background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
        color: #fff;
    }

.languageList {
    list-style-type: disc;
    margin-left: 30px;
}

.languageCancel {
    background: #8a8989;
    color: #fff;
}

.languageList li:last-child::marker {
    font-size: 0;
}

.languageList li:last-child {
    margin-top: 15px;
}

.innovation-technology {
    margin-top: -20px
}

.it_banner {
    background-image: url(../images/it_banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.it_sec1, .it_sec5, .it_sec3 {
    background-color: var(--primary-color);
    position: relative
}


.it_sec6 {
    background-color: #f2f2f2
}

.it_sec2 {
    background-image: url(../images/it_image1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.it_sec3:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-image: url(../images/it_image2.png);
    width: 40%;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.it_sec3 ul {
    list-style-type: disc;
    margin-left: 15px
}

.innovation-technology .registerPage {
    background-color: transparent;
    padding: 0;
    border: 0;
}

.it_customTabs .nav-tabs {
    justify-content: space-evenly;
}

.it_customTabs .nav-link.active {
    color: var(--primary-color);
}

.it_customTabs .nav-link.active {
    border-color: var(--primary-color) !important;
}

.it_customTabs .nav-link {
    font-size: 18px;
    border-width: 0px 0px 2px 0px;
    border-color: #d2d2d2 !important;
    flex: 1;
    padding-bottom: 15px;
    color: #000;
}

.it_customTabs .tab-pane {
    padding: 30px
}

.it_qaWrapper {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: calc(var(--bs-gutter-x) * 1);
}

    .it_qaWrapper .it_q {
        color: var(--primary-color);
        border: 1px solid;
        padding: 5px;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        position: relative
    }

        .it_qaWrapper .it_q:before {
            content: "Q";
            font-size: 16px;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
        }

    .it_qaWrapper .it_a {
        color: #000;
        border: 1px solid;
        padding: 5px;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
        position: relative
    }

        .it_qaWrapper .it_a:before {
            content: "A";
            font-size: 16px;
            position: absolute;
            transform: translate(-50%, -50%);
            top: 50%;
            left: 50%;
        }


.topMainContent .table {
    width: 100%;
    --bs-table-bg: transparent;
}

.topImageWrapper {
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: #fafafa;
    background-image: url(https://winsource.oss-cn-shenzhen.aliyuncs.com/Content/JYX/background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 5px
}

.about_topContent {
    text-align: left;
    margin: 0 auto;
    z-index: 99;
    width: 55%;
    position: relative;
    padding-top: 70px;
}

.colorWhite {
    color: #fff
}

.about_topContent h1 {
    margin: 0;
    line-height: 32px;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
}

.about_topContent p {
    font-size: 14px
}

.es-button {
    text-decoration: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    color: #ffffff;
    font-size: 14px; /* 18px; */
    border-style: solid;
    border-color: #B10505;
    border-width: 10px 20px 10px 20px;
    display: inline-block;
    background: #B10505;
    border-radius: 0px;
    font-weight: normal;
    font-style: normal;
    line-height: 22px;
    width: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px
}

.topMainContent h2 {
    margin: 0;
    line-height: 20px; /* 34px; */
    font-size: 16px; /* 24px; */
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    margin-bottom: 30px
}

.leftSide p {
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    line-height: 21px;
    color: #ffffff;
    font-size: 14px;
}

.rightSide p {
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    line-height: 21px;
    color: #ffffff;
    font-size: 14px;
}

.topMainContent {
    padding: 0;
    margin: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #B10505;
    background-image: url(https://fejzjk.stripocdn.email/content/guids/CABINET_29936052ba2cfe1a7ef446bcd25f069f/images/21871588764408797.png);
    background-repeat: no-repeat;
    background-position: center top;
    border-radius: 5px
}

    .topMainContent .table tr .leftSide, .topMainContent .table tr .rightSide {
        width: calc(100% / 2);
        vertical-align: top;
    }

.youtubeVideo {
    margin-top: 20px
}

.certificates h2 {
    margin: 0;
    line-height: 20px; /* 24px; */
    font-size: 16px; /* 20px; */
    font-style: normal;
    font-weight: bold;
    color: #333333;
}

.certificates, .serviceSection, .aboutText, .contactContent {
    width: 75%;
    margin: 0 auto;
    padding-top: 20px
}

.cert td a, .fproduct td a, .manuf td a {
    display: block;
    text-align: center;
    padding: 10px;
}

.cert tr td, .fproduct tr td, .manuf tr td {
    width: calc(100% / 3);
    vertical-align: middle;
    height: 120px;
    background-color: #ffffff;
    box-shadow: #d6d5d5 4px 7px 9px 0px;
    border-radius: 5px
}

.cert, .fproduct, .manuf {
    border-spacing: 10px;
    border-collapse: separate;
}

    .fproduct td h3 {
        margin: 0;
        line-height: 19px;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
    }


.service > div > div {
    /*background-color: #333333;*/
    padding: 20px 30px;
    border-radius: 5px;
    position: relative;
    height: 150px
}

.service > div:nth-child(1) > div:before {
    content: "";
    background-image: url(/Themes/Winsource_Sea/Content/images/ai.jpg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.service > div:nth-child(2) > div:before {
    content: "";
    background-image: url(/Themes/Winsource_Sea/Content/images/boom.jpg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.service > div:nth-child(3) > div:before {
    content: "";
    background-image: url(/Themes/Winsource_Sea/Content/images/api.jpg);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
/*.service > div:first-child > div, .service > div:last-child > div {
        background-color: #B10505
    }*/
.service h3 {
    margin: 0;
    line-height: 26px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
}

/*.service a {
        text-decoration: none;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        color: #ffffff;
        font-size: 16px;
        display: inline-block;
        border-radius: 0px;
        font-weight: normal;
        font-style: normal;
        line-height: 16px;
        width: auto;
        text-align: center;
        padding: 20px 0 10px 0;
    }*/
.aboutText h2 {
    margin: 0;
    line-height: 20px; /* 24px; */
    font-size: 16px; /* 20px; */
    font-style: normal;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px
}

.aboutText p {
    margin: 0;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    line-height: 21px;
    color: #333333;
    font-size: 14px;
}

/*.contactwrapper {
        background-color: #fafafa
    }*/

.contactContent h2 {
    margin: 0;
    line-height: 20px; /* 24px; */
    font-size: 22px; /* 20px; */
    font-style: normal;
    font-weight: bold;
    color: #333333;
}

.contact {
    margin-top: 10px;
    border-spacing: 0 10px;
    border-collapse: separate;
}

    .contact .title {
        background-color: #B10505;
        text-align: center;
        margin: 0;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        line-height: 28px;
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        width: 130px;
        border-radius: 5px
    }

    .contact .text {
        padding-left: 15px;
        margin: 0;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        line-height: 28px;
        color: #000;
        font-size: 14px;
        font-weight: bold;
    }

@media all and (max-width:991px) {
    .topMainContent .table tr .leftSide, .topMainContent .table tr .rightSide {
        display: block;
        width: 100%
    }
}

#topcartlink.empty-cart .links {
    display: none;
}

#topcartlink.empty-cart .cart-qty {
    top: -12px;
    right: -15px;
}

#topcartlink.empty-cart .topCart {
    margin-right: 15px;
    margin-left: 20px;
}

.cartTableWrapper .item-box .product-title a:hover, .cartTableWrapper .item-box .manufacturer a:hover {
    text-decoration: none
}

.fedexCard {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.html-shopping-cart-page #floatingMenu, .html-checkout-page #floatingMenu {
    display: none
}

.fedexNotes {
    background-color: #CCCCCC;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
}

    .fedexNotes h6 {
        font-weight: bold
    }

    .fedexNotes ul {
        margin-left: 40px;
        list-style-type: disc
    }

.new-year-holiday-notification {
    display: none;
    background-color: #333;
    text-align: center;
    color: #fff;
}

.top-menu-join-us {
    color: #B10505;
}

/* Task #7610 feedback: cart-summary Reward Item row */
tr.reward-item-row .reward-item-name {
    display: block;
    font-size: 11px;
    color: #555;
    font-weight: 400;
}

/* =========================================================================
   Task #7610 — Cart-summary Reward Points & Voucher boxes + popups
   All selectors are scoped to dedicated wrapper classes
   (.rewardpoints-box, .voucher-box-wrapper, .rewardPointsPopup, .voucherSelectPopup)
   so they cannot leak into other pages or components.
   ========================================================================= */

/* --- Cart-summary trigger boxes (shared layout for reward + voucher) --- */
.rewardpoints-box,
.voucher-box-wrapper {
    border: 1px dashed #c9c9c9;
    border-radius: 6px;
    padding: 10px 12px;
    background: #fdfdfd;
}

    .rewardpoints-box .rewardpoints-row,
    .voucher-box-wrapper .voucher-trigger-row {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: space-between;
    }

    .rewardpoints-box .rewardpoints-status,
    .voucher-box-wrapper .voucher-status {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        flex: 1;
        min-width: 0;
        font-size: 12px;
        line-height: 1.35;
    }

    .rewardpoints-box .rewardpoints-status-text,
    .voucher-box-wrapper .voucher-status-text {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

    .rewardpoints-box .rewardpoints-status-icon,
    .voucher-box-wrapper .voucher-status-icon {
        color: #b0b0b0;
        font-size: 14px;
        flex-shrink: 0;
        line-height: 1.3;
        margin-top: 1px;
    }

        .rewardpoints-box .rewardpoints-status-icon.applied,
        .voucher-box-wrapper .voucher-status-icon.applied {
            color: var(--primary-color, #B10505);
        }

    .rewardpoints-box .reward-points-applied-label,
    .voucher-box-wrapper .voucher-applied-label {
        color: var(--primary-color, #B10505);
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rewardpoints-box .reward-points-not-applied-label,
    .voucher-box-wrapper .voucher-not-applied-label {
        color: #555;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .rewardpoints-box .rewardpoints-helper,
    .voucher-box-wrapper .voucher-helper {
        color: #888;
        font-size: 11px;
        line-height: 1.3;
    }

    /* Compact trigger button — overrides legacy .button-2 stretching */
    .rewardpoints-box .rewardpoints-trigger-btn,
    .voucher-box-wrapper .voucher-trigger-btn {
        flex: 0 0 auto;
        align-self: center;
        min-width: 130px;
        width: auto;
        height: auto;
        padding: 8px 16px;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        line-height: 1.4;
        border-radius: 4px;
        background-color: var(--primary-color, #B10505);
        color: #fff;
        border: none;
        text-align: center;
        text-transform: capitalize;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        transition: background .15s, opacity .15s;
    }

        .rewardpoints-box .rewardpoints-trigger-btn:hover,
        .voucher-box-wrapper .voucher-trigger-btn:hover {
            background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
            color: #fff;
            text-decoration: none;
        }

    /* Clear voucher button (small × shown only when a voucher is applied) */
    .voucher-box-wrapper .voucher-clear-btn {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        margin-left: 4px;
        border-radius: 50%;
        color: #888;
        background: transparent;
        border: 1px solid #d4d4d4;
        font-size: 12px;
        cursor: pointer;
        text-decoration: none;
        transition: color .15s, border-color .15s, background .15s;
    }

        .voucher-box-wrapper .voucher-clear-btn:hover {
            color: #fff;
            background: var(--primary-color, #B10505);
            border-color: var(--primary-color, #B10505);
            text-decoration: none;
        }

/* --- Popup chrome (Magnific moves popup to <body>, so use mainClass scope) --- */
.rewardPointsPopup .mfp-content,
.voucherSelectPopup .mfp-content {
    max-width: 480px !important;
    background: #fff;
    padding: 0 !important;
    border-radius: 6px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.rewardPointsPopup .reward-points-popup,
.voucherSelectPopup .voucher-popup {
    font-family: 'Poppins', sans-serif;
    color: var(--dark-color, #3F3A38);
}

    /* Title row: leave space on the right so Magnific's close (X) button never overlaps content */
    .rewardPointsPopup .reward-points-popup > .title,
    .voucherSelectPopup .voucher-popup > .title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
        padding: 14px 56px 14px 20px;
        border-bottom: 1px solid #eee;
        margin: 0;
        font-size: 16px;
    }

        .rewardPointsPopup .reward-points-popup > .title strong,
        .voucherSelectPopup .voucher-popup > .title strong {
            color: var(--primary-color, #B10505);
            font-family: 'Poppins-SemiBold', 'Poppins', sans-serif;
            font-size: 16px;
        }

.rewardPointsPopup .reward-points-popup-balance {
    color: #555;
    font-size: 12px;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rewardPointsPopup .reward-points-balance-pill {
    display: inline-block;
    background: var(--primary-color, #B10505);
    color: #fff;
    padding: 2px 12px;
    border-radius: 12px;
    font-family: 'Poppins-SemiBold', 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.rewardPointsPopup .reward-points-popup > .content,
.voucherSelectPopup .voucher-popup > .content {
    padding: 12px 20px 18px;
}

/* Reward Points body: option list */
.rewardPointsPopup .reward-points-popup-body {
    margin: 4px 0 0;
}

.rewardPointsPopup .reward-points-option {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 4px;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

    .rewardPointsPopup .reward-points-option:last-of-type {
        border-bottom: none;
    }

    .rewardPointsPopup .reward-points-option:hover {
        background: #fafafa;
    }

    .rewardPointsPopup .reward-points-option input[type='radio'] {
        margin: 3px 0 0;
        accent-color: var(--primary-color, #B10505);
        flex-shrink: 0;
        width: 14px;
        height: 14px;
    }

.rewardPointsPopup .reward-points-custom-row {
    padding: 6px 0 4px 28px;
}

    .rewardPointsPopup .reward-points-custom-row input[type='number'] {
        width: 130px;
        height: 36px;
        padding: 6px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        margin: 0 0 4px;
    }

        .rewardPointsPopup .reward-points-custom-row input[type='number']:focus {
            outline: none;
            border-color: var(--primary-color, #B10505);
            box-shadow: 0 0 0 2px rgba(177, 5, 5, .12);
        }

.rewardPointsPopup .reward-points-custom-help {
    display: block;
    font-size: 11px;
    color: #888;
}

/* Voucher body: card grid */
.voucherSelectPopup .voucher-card-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 55vh;
    overflow-y: auto;
    padding-right: 2px;
}

.voucherSelectPopup .voucher-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 40px 12px 14px;
    margin: 0;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

    .voucherSelectPopup .voucher-card:hover {
        border-color: var(--primary-color, #B10505);
    }

.voucherSelectPopup .voucher-card-selected {
    border-color: var(--primary-color, #B10505);
    box-shadow: 0 0 0 1px var(--primary-color, #B10505) inset;
    background: #fff7f7;
}

.voucherSelectPopup .voucher-card-disabled {
    opacity: .55;
    cursor: not-allowed;
}

.voucherSelectPopup .voucher-card input[type='radio'] {
    position: absolute;
    top: 14px;
    right: 14px;
    margin: 0;
    accent-color: var(--primary-color, #B10505);
}

.voucherSelectPopup .voucher-card-amount {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color, #B10505);
    font-family: 'Poppins-SemiBold', 'Poppins', sans-serif;
    line-height: 1.2;
}

.voucherSelectPopup .voucher-card-minspend {
    font-size: 12px;
    color: #555;
}

.voucherSelectPopup .voucher-no-usable {
    color: #888;
    font-style: italic;
    font-size: 12px;
    margin: 10px 0 0;
}

/* Footer + buttons (must be re-styled here since Magnific detaches from .cart-collaterals scope) */
.rewardPointsPopup .reward-points-popup-footer,
.voucherSelectPopup .voucher-popup-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #eee;
}

    .rewardPointsPopup .reward-points-popup-footer .button-1,
    .rewardPointsPopup .reward-points-popup-footer .button-2,
    .voucherSelectPopup .voucher-popup-footer .button-1,
    .voucherSelectPopup .voucher-popup-footer .button-2 {
        display: inline-block;
        margin: 0;
        min-width: 100px;
        height: auto;
        width: auto;
        padding: 9px 18px;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        border: none;
        border-radius: 4px;
        color: #fff;
        text-transform: capitalize;
        line-height: 1.4;
        cursor: pointer;
        transition: opacity .15s, background .15s;
    }

    .rewardPointsPopup .reward-points-popup-footer .button-2,
    .voucherSelectPopup .voucher-popup-footer .button-2 {
        background-color: #999;
    }

        .rewardPointsPopup .reward-points-popup-footer .button-2:hover,
        .voucherSelectPopup .voucher-popup-footer .button-2:hover {
            background-color: #777;
        }

    .rewardPointsPopup .reward-points-popup-footer .button-1,
    .voucherSelectPopup .voucher-popup-footer .button-1 {
        background: var(--1, linear-gradient(96deg, #de1c24 6.53%, #8a272b 101.16%));
    }

        .rewardPointsPopup .reward-points-popup-footer .button-1:hover,
        .voucherSelectPopup .voucher-popup-footer .button-1:hover {
            opacity: .92;
        }

@media (max-width: 575px) {
    .rewardPointsPopup .mfp-content,
    .voucherSelectPopup .mfp-content {
        max-width: 92% !important;
    }

    .rewardpoints-box .rewardpoints-row,
    .voucher-box-wrapper .voucher-trigger-row {
        flex-wrap: wrap;
    }

    .rewardpoints-box .rewardpoints-trigger-btn,
    .voucher-box-wrapper .voucher-trigger-btn {
        width: 100%;
    }
}

/***************************************
    Stylying By Gopal Rajbanshi Start
***************************************/

.btn-primary {
    display: inline-block;
    min-width: 140px;
    border: none;
    padding: 10px 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    background: var(--1,linear-gradient(96deg,#de1c24 6.53%,#8a272b 101.16%));
    border-radius: 5px;
    white-space: normal;
}
    .btn-primary:active {
        background: var(--1,linear-gradient(96deg,#8a272b 6.53%,#de1c24 101.16%));
    }

    .btn-outline-primary {
        display: inline-block;
        border: 1px solid #B10505;
        padding: 9px 30px;
        text-align: center;
        font-size: 14px;
        color: #B10505;
        text-transform: capitalize;
        background-color: transparent;
        border-radius: 5px;
        white-space: normal;
        margin: 1px 0px !important;
    }
    
    .btn-outline-primary:focus {
        background-color: transparent;
        margin: 1px 0px !important;
        color: #B10505;
        border: 1px solid #B10505;
    }

    .btn-outline-primary:hover {
        background-color: #fce6e9;
        margin: 1px 0px !important;
        color: #B10505;
        border: 1px solid #B10505;
    }
    
    .btn-outline-primary:active {
        background-color: #f7bac3 !important;
        margin: 1px 0px !important;
        color: #B10505 !important;
        border: 1px solid #B10505 !important;
    }

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
    border: 0;
    background-color: #aaa !important;
    padding: 10px 15px;
    border-radius: 5px !important;
    color: #fff;
    font-size: 14px;
}

.ws-link {
    color: #B10505;
}

.ws-box {
    background-color: #F6F6F6;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #EAEAEA;
}

.ws-box-warning {
    background-color: #FCF4E7;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #F1EBE5;
}



.br-lt-0 {
    border-top-left-radius: 0 !important;
}

.br-rt-0 {
    border-top-right-radius: 0 !important;
}

.br-lb-0 {
    border-bottom-left-radius: 0 !important;
}

.br-rb-0 {
    border-bottom-right-radius: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}
.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}
@media (min-width: 576px) {
    .br-lb-sm-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-rb-sm-0 {
        border-bottom-right-radius: 0 !important;
    }

    .br-lt-sm-0 {
        border-top-left-radius: 0 !important;
    }

    .br-rt-sm-0 {
        border-top-right-radius: 0 !important;
    }

    .pl-sm-0 {
        padding-left: 0 !important;
    }

    .pt-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-5 {
        padding-left: 5px !important;
    }

    .pl-sm-10 {
        padding-left: 10px !important;
    }

    .pl-sm-15 {
        padding-left: 15px !important;
    }

    .pl-sm-20 {
        padding-left: 20px !important;
    }

    .pr-sm-5 {
        padding-right: 5px !important;
    }

    .pr-sm-10 {
        padding-right: 10px !important;
    }

    .pr-sm-15 {
        padding-right: 15px !important;
    }

    .pr-sm-20 {
        padding-right: 20px !important;
    }
    .mb-sm-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 768px) {
    .br-lt-md-0 {
        border-top-left-radius: 0 !important;
    }

    .br-rt-md-0 {
        border-top-right-radius: 0 !important;
    }

    .br-lb-md-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-rb-md-0 {
        border-bottom-right-radius: 0 !important;
    }

    .pl-md-0 {
        padding-left: 0 !important;
    }

    .pt-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-5 {
        padding-left: 5px !important;
    }

    .pl-md-10 {
        padding-left: 10px !important;
    }

    .pl-md-15 {
        padding-left: 15px !important;
    }

    .pl-md-20 {
        padding-left: 20px !important;
    }

    .pr-md-5 {
        padding-right: 5px !important;
    }

    .pr-md-10 {
        padding-right: 10px !important;
    }

    .pr-md-15 {
        padding-right: 15px !important;
    }

    .pr-md-20 {
        padding-right: 20px !important;
    }

    .mb-md-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 992px) {
    .br-lt-lg-0 {
        border-top-left-radius: 0 !important;
    }

    .br-rt-lg-0 {
        border-top-right-radius: 0 !important;
    }

    .br-lb-lg-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-rb-lg-0 {
        border-bottom-right-radius: 0 !important;
    }

    .pl-lg-0 {
        padding-left: 0 !important;
    }

    .pt-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-5 {
        padding-left: 5px !important;
    }

    .pl-lg-10 {
        padding-left: 10px !important;
    }

    .pl-lg-15 {
        padding-left: 15px !important;
    }

    .pl-lg-20 {
        padding-left: 20px !important;
    }

    .pr-lg-5 {
        padding-right: 5px !important;
    }

    .pr-lg-10 {
        padding-right: 10px !important;
    }

    .pr-lg-15 {
        padding-right: 15px !important;
    }

    .pr-lg-20 {
        padding-right: 20px !important;
    }

    .mb-lg-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 1200px) {
    .br-lt-xl-0 {
        border-top-left-radius: 0 !important;
    }

    .br-rt-xl-0 {
        border-top-right-radius: 0 !important;
    }

    .br-lb-xl-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-rb-xl-0 {
        border-bottom-right-radius: 0 !important;
    }

    .pl-xl-0 {
        padding-left: 0 !important;
    }

    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-5 {
        padding-left: 5px !important;
    }

    .pl-xl-10 {
        padding-left: 10px !important;
    }

    .pl-xl-15 {
        padding-left: 15px !important;
    }

    .pl-xl-20 {
        padding-left: 20px !important;
    }

    .pr-xl-5 {
        padding-right: 5px !important;
    }

    .pr-xl-10 {
        padding-right: 10px !important;
    }

    .pr-xl-15 {
        padding-right: 15px !important;
    }

    .pr-xl-20 {
        padding-right: 20px !important;
    }

    .mb-xl-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 1400px) {
    .br-lt-xxl-0 {
        border-top-left-radius: 0 !important;
    }

    .br-rt-xxl-0 {
        border-top-right-radius: 0 !important;
    }

    .br-lb-xxl-0 {
        border-bottom-left-radius: 0 !important;
    }

    .br-rb-xxl-0 {
        border-bottom-right-radius: 0 !important;
    }

    .pl-xxl-0 {
        padding-left: 0 !important;
    }

    .pt-xxl-0 {
        padding-top: 0 !important;
    }

    .pr-xxl-0 {
        padding-right: 0 !important;
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xxl-5 {
        padding-left: 5px !important;
    }

    .pl-xxl-10 {
        padding-left: 10px !important;
    }

    .pl-xxl-15 {
        padding-left: 15px !important;
    }

    .pl-xxl-20 {
        padding-left: 20px !important;
    }

    .pr-xxl-5 {
        padding-right: 5px !important;
    }

    .pr-xxl-10 {
        padding-right: 10px !important;
    }

    .pr-xxl-15 {
        padding-right: 15px !important;
    }

    .pr-xxl-20 {
        padding-right: 20px !important;
    }

    .mb-xxl-5 {
        margin-bottom: 5px !important;
    }
}


.btn-sm.btn-primary,
.btn.btn-sm.btn-primary,
.btn-sm.btn-secondary, 
.btn.btn-sm.btn-secondary 
{
    padding: 5px .5rem !important;
}


/***************************************
    Stylying By Gopal Rajbanshi End
***************************************/