:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient( 180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) );
}

.card-product-text {
    color: #003a5d !important;
    font-size: 16px !important;
    text-align: left;
}

.price.price-category {
    color: #003a5d;
    font-weight: 700;
    width: 102px;
    text-align: left;
}

.list {
    -webkit-padding-start: 0px;
    line-height: 1.3rem;
}

.a-tag {
    color: #82c341;
    text-decoration: underline;
    font-weight: 900;
}

.phone-mobile {
    font-size: medium !important;
    padding-right: 8px;
}

.fa-mobile-phone a {
    color: #003a5d;
}

.h6, h6 {
    font-size: 1rem;
}

strong {
    font-weight: 700;
}

:after, :before {
    font-family: emporium-icons;
    box-sizing: border-box;
}

.container-fluid {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    /*padding: 0 calc(var(--bs-gutter-x)/ 2);*/
    margin-right: auto;
    margin-left: auto;
}

@font-face {
    font-family: factoria;
    src: url("../icons/factoria.otf") format("otf");
    font-weight: 400;
    font-style: normal;
}

* {
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

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

.newsletter-signup {
    font-weight: 700;
    font-size: 1.2rem;
}

.master-wrapper-content {
    overflow: hidden;
    padding: 45px 10px 10px;
    max-width: 2800px;
    margin: 0 auto;
}

.container {
    position: relative;
}

.overview .additional-details, .variant-overview .additional-details {
    margin-bottom: 30px;
}

.overview .qty-dropdown, .variant-overview .qty-dropdown {
    margin-right: 10px;
    width: 73px;
    padding: 0 33px 0 17px;
    border: 1px solid #444;
    border-radius: 3px;
    background: url(../img/select-arrow-dark.svg) right 15px center no-repeat;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .overview .qty-dropdown + .add-to-cart-button {
        width: calc(100% - 85px);
        max-width: 130px;
    }

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.master-wrapper-content select, .k-window select {
    height: 42px;
    width: auto;
    max-width: 100%;
    padding: 0 0 0 5px;
    border: 1px solid #444;
    border-radius: 3px;
    background: #fff url("../img/select-arrow-dark.svg") no-repeat right 15px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

    .master-wrapper-content select, .k-window select #ExpireYear {
        min-width: 80px;
    }

.product-col-prices {
    width: 102px;
    display: flex;
    align-items: center;
}

.buttons {
    text-align: left;
}

.button-1 {
    border: none;
    width: 120px;
    min-height: 40px;
    padding: 2px 4px;
    border-radius: 3px;
    background-color: #82c341;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: .2s;
}

.account-page.button-1 {
    height: 45px;
    line-height: 40px;
    font-size: 13px;
    font-weight: 700;
}

.button-1.register-button {
    padding-right: 2px;
}

.address-edit-page .buttons {
    margin-top: 5px;
}
/*********** CONTACT FORM BUTTONS ***********/


.flex-container {
    display: flex;
    flex-direction: column;
}

.contact-header {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

.contact-text {
    font-size: 2rem;
}

@media screen and (min-width: 1300px) {
    .flex-container {
        width: 900px;
    }
}


.cart-collaterals > .deals > .title:before {
    content: "\57";
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 1%;
    font-size: 10px;
    color: #97c300;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: none;
    transition: .3s;
}

.cart-collaterals .hint {
    margin: 0 0 20px;
    font-size: 15px;
    color: #8c8c8c;
}

.cart-collaterals .coupon-code {
    overflow: hidden;
    font-size: 0;
}

    .cart-collaterals .coupon-code input[type="text"],
    .cart-collaterals .coupon-code input[type="email"],
    .cart-collaterals .coupon-code input[type="tel"] {
        float: left;
        width: calc(100% - 105px);
    }

.cart .edit-item a, .data-table .edit-item a,
.compare-products-table .edit-item a,
.forums-table-section .edit-item a {
    color: #97c300;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

.order-details-area li, .order-review-data li,
.shipment-details-area li {
    padding: 2px 0;
    font-size: 16px;
}

.mini-shopping-cart .product {
    position: relative;
    margin: 0 30px 0 10px;
    text-align: left;
}

.mini-shopping-cart .name a {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: #444444;
}

.mini-shopping-cart .quantity {
    margin: 0 4px 0 0;
    font-size: 0;
    color: #8c8c8c;
    float: left;
}

    .mini-shopping-cart .quantity span {
        font-weight: bold;
        font-size: 12px;
    }

.flyout-lower {
    background-color: #f6f6f6;
    border-radius: 0 0 3px 3px;
}

.mini-shopping-cart .count {
    float: left;
    padding: 20px 0 20px 15px;
}

    .mini-shopping-cart .count a {
        font-size: 14px;
        color: #8c8c8c;
    }

.mini-shopping-cart .totals {
    float: right;
    padding: 20px 15px 20px 0;
    font-size: 15px;
    text-align: right;
    color: #8c8c8c;
}

    .mini-shopping-cart .totals strong {
        color: #97c300;
        font-size: 18px;
    }

.mini-shopping-cart .buttons button {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
}

.mini-shopping-cart .quantity:after {
    content: "x";
    display: inline-block;
    margin-left: 3px;
    font-size: 16px;
    font-weight: 700;
    color: #8c8c8c;
    text-transform: none;
    font-family: "Roboto";
}

.mini-shopping-cart .count a:before {
    content: "\64";
    display: inline-block;
    vertical-align: bottom;
    margin: 0 5px 0 0;
    font-size: 20px;
}

.mini-shopping-cart .attributes {
    padding: 0;
    margin: 0 0 5px;
    font-size: 14px;
    color: #8c8c8c;
    display: flex;
    justify-content: flex-start;
}

.cart-collaterals > div > .title {
    position: relative;
    display: block;
    height: 60px;
    padding: 0 20px;
    margin: 0;
    line-height: 60px;
    color: #82c341;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background-color: #f6f6f6;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .1s;
}

    .cart-collaterals > div > .title:hover {
        color: #6f8c16;
    }

.cart .remove-from-cart {
    position: relative;
}

.shopping-cart-page .common-buttons button,
.shopping-cart-page .cart-collaterals .button-2,
.checkout-page .button-2, .order-details-page .page-title a,
.order-details-page .repost .button-2 {
    display: inline-block;
    border: none;
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    margin: 0 2px;
    background-color: #82c341;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3e3e3e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .1s ease;
}

    .shopping-cart-page
    .common-buttons button:before,
    .wishlist-content .button-2:before {
        position: relative;
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px;
        font-size: 20px;
        font-weight: normal;
        text-transform: none;
        transition: all .2s ease !important;
        z-index: 1;
    }

.shopping-cart-page .common-buttons button {
    position: relative;
    width: 250px;
    margin-bottom: 5px;
}

    .shopping-cart-page .common-buttons button:hover {
        background-color: #6f8c16;
    }

.shopping-cart-page .common-buttons {
    margin-bottom: 50px;
    font-size: 0;
}

.shopping-cart-page .page-title {
    padding-bottom: 15px !important;
}

.field-validation-error ul,
.field-validation-error *,
.message-error ul, .password-error ul,
.poll-vote-error ul,
.username-not-available-status ul {
    display: block;
    margin: 2px 0 0;
    font-size: 13px;
    color: #ff4f60;
    font-weight: 700;
    text-align: left;
    white-space: normal;
}

.cart-options .checkout-attributes {
    text-align: left;
}

    .cart-options .checkout-attributes dt {
        margin: 0 0 5px;
        font-weight: bold;
    }

    .cart-options .checkout-attributes dd {
        margin: 0 0 15px;
    }

.cart-options > *:last-child {
    margin-bottom: 2px;
}

.cart-options {
    margin: 0;
    text-align: center;
}

    .cart-options .checkout-attributes dl {
        max-width: 400px;
        margin: 0 auto;
    }

.cart-footer:after {
    content: "";
    display: block;
    clear: both;
}

.checkout-attributes, .selected-checkout-attributes {
    padding: 30px 20px;
    margin: 20px 0 0;
    border-radius: 3px;
    background-color: #f6f6f6;
    font-size: 15px;
    color: #444;
}

.estimate-shipping-row {
    display: -webkit-flex;
    align-items: center;
    position: relative;
}

.estimate-shipping-row-item-radio {
    flex: 0 0 30px;
    width: 24px;
}

.disclaimer {
    padding: 15px 0 15px 20px;
}

    .disclaimer ul {
        padding-left: 20px;
    }

        .disclaimer ul li {
            list-style-type: disc;
        }

.disclaimer-list {
    position: relative;
}

.apply-shipping-button-container {
    text-align: center;
}

.estimate-shipping-popup {
    position: relative;
    max-width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 25px;
    transform: scale(0.8);
    transition: all 0.2s ease;
    opacity: 0;
}

.estimate-shipping-row-item {
    flex: 0 1 100%;
}

.estimate-shipping-popup strong {
    visibility: hidden;
    font-weight: 300;
    text-transform: uppercase;
    color: #222;
}

.cart-footer .total-info {
    margin: 0 0 30px;
}

.cart-total td label {
    font-size: 16px;
    color: #444;
    font-weight: 400;
}

.checkout-buttons .button-1 {
    width: 100%;
    font-size: 15px;
}

.fns-paypaexpressbutton-cartpage {
    padding-top: 14px;
}

.get-a-quote-button {
    background: #82c341;
    padding: 10px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    border-radius: 0;
    color: #fff;
    border: none;
}

    .get-a-quote-button a {
        color: #fff;
        text-decoration: none;
    }

.button-1:hover {
    background-color: #6f8c16;
}

ol li, ul li {
    text-decoration: none;
    outline: 0;
    list-style-type: none;
}

.category-description ul, .custom-tab ul,
.full-description ul, .manufacturer-description ul,
.post-body ul, .topic-html-content ul, .topic-page ul {
    margin: 10px 0;
    padding-left: 20px;
}

.category-description ol, .custom-tab ol,
.full-description ol, .manufacturer-description ol,
.post-body ol, .topic-html-content ol, .topic-page ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
    text-align: left;
    font-size: 15px;
    color: #333;
    font-weight: 400;
}

ul {
    margin: 0;
    text-align: left;
    font-size: 1em;
    color: #333;
    font-weight: 400;
}

.phone-box-footer {
    line-height: 2rem;
}

.footer-p {
    color: #82c341;
}

body {
    margin: 0;
    font-family: jaf-facitweb,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #f2f2f2;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    overflow-x: hidden;
}

p {
    margin-bottom: 1em;
    line-height: 1.5;
    font-size: 1em;
    font-weight: 400;
}

a {
    color: #82c341;
    font-weight: 600;
    cursor: pointer;
}

    a:hover {
        color: #6f8c16;
    }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.2;
}

h1 {
    font-family: factoria;
    color: #003a5d;
    font-size: 2.2rem;
    font-weight: 700;
}

h2 {
    font-family: factoria;
    color: #003a5d;
    font-size: 1.4rem;
    font-weight: 700;
    padding-bottom: .5rem;
    margin-top: .5rem;
}

h3 {
    color: #003a5d;
    font-weight: 700;
    font-size: 1.2rem;
    padding-bottom: .5rem;
}

.hr-p {
    padding-bottom: 16px;
}

#small-search-box-form-m .store-search-box {
    display: none;
}

.search-box, .search-box form {
    position: relative;
}

.brand-container {
    display: flex;
    justify-content: space-evenly;
}

    .brand-container ul li {
        list-style: disc;
    }

.row-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.customer-container p {
    margin-bottom: 0;
}

.row-customer {
    display: flex;
    flex-wrap: wrap;
}

.tabular-col-1 {
    display: grid;
    grid-template-columns: repeat(1,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-1 .tabular-label {
        border: 1px solid #c8c8c8;
        padding: .5rem;
        text-align: left;
    }

.tabular-col-2 {
    display: grid;
    grid-template-columns: repeat(2,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-2 .tabular-label {
        border: 1px solid #c8c8c8;
        padding: .5rem;
        text-align: left;
    }

.tabular-col-3 {
    display: grid;
    grid-template-columns: repeat(3,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-3 .tabular-label {
        border: 1px solid #c8c8c8;
        padding: .5rem;
        text-align: left;
    }

.tabular-col-4 {
    display: grid;
    grid-template-columns: repeat(4,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-4 .tabular-label {
        border: 1px solid #c8c8c8;
        text-align: left;
        padding: .5rem;
    }

    .tabular-col-4 .tabular-col-1 {
        display: grid;
        grid-template-columns: repeat(1,auto);
        margin-top: 0;
        margin-bottom: 0;
        max-width: 100%;
        padding: 0;
    }

.tabular-col-5 {
    display: grid;
    grid-template-columns: repeat(5,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-5 .tabular-label,
    .tabular-col-6 .tabular-label {
        text-align: left;
    }

    .tabular-col-5 .tabular-col-1 {
        display: grid;
        grid-template-columns: repeat(1,auto);
        margin-top: 0;
        margin-bottom: 0;
        max-width: 100%;
        padding: 0;
    }

.tabular-col-6 {
    display: grid;
    grid-template-columns: repeat(6,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-6 .tabular-col-1 {
        display: grid;
        grid-template-columns: repeat(1,auto);
        margin-top: 0;
        margin-bottom: 0;
        max-width: 100%;
        padding: 0;
    }

.tabular-col-7 {
    display: grid;
    grid-template-columns: repeat(7,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-7 .tabular-label {
        text-align: left;
    }

    .tabular-col-7 .tabular-col-1 {
        display: grid;
        grid-template-columns: repeat(1,auto);
        margin-top: 0;
        margin-bottom: 0;
        max-width: 100%;
        padding: 0;
    }

.tabular-col-8 {
    display: grid;
    grid-template-columns: repeat(6,auto);
    padding: .5rem 5rem 1rem .5rem;
    margin-top: 0;
    margin-bottom: 0;
    min-width: 100%;
}

    .tabular-col-8 .tabular-col-1 {
        display: grid;
        grid-template-columns: repeat(1,auto);
        margin-top: 0;
        margin-bottom: 0;
        max-width: 100%;
        padding: 0;
        min-height: 60px;
    }
    .tabular-col-8 .tabular-header{
        padding: .5rem;
    }
    .tabular-col-8 .tabular-label{
        min-height: 60px;
        text-align: center;
    }

    .tabular-col-1 .tabular-header, .tabular-col-12 .tabular-header,
    .tabular-col-2 .tabular-header, .tabular-col-3 .tabular-header,
    .tabular-col-4 .tabular-header, .tabular-col-5 .tabular-header,
    .tabular-col-6 .tabular-header, .tabular-col-7 .tabular-header,
    .tabular-col-8 .tabular-header {
        padding: .3rem;
        font-weight: 700;
        border: 1px solid #c8c8c8;
    }

.tabular-header li, .tabular-label li {
    list-style: disc;
}

.core-return-button {
    background: #82c341;
    vertical-align: middle;
    min-width: 6.5rem;
    border: none;
    width: 220px;
    min-height: 40px;
    border-radius: 3px;
    font-size: 22.4px;
    transition: all 0.2s ease;
}

.core-return-text {
    color: #fff;
}

.mfp-container .shipping-options-body {
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #f0f0f0;
    border-collapse: collapse;
}

.mfp-ready .estimate-shipping-popup {
    transform: scale(1);
    opacity: 1;
}

.mfp-container .shipping-options {
    position: relative;
    margin: 10px 0 30px;
}

.mfp-container .shipping-option.active {
    background-color: #f2f2f2;
}

.mfp-container .shipping-option {
    display: table-row;
    font-size: 14px;
    cursor: pointer;
}

    .mfp-container .shipping-option > div {
        display: table-cell;
        border-top: 1px solid #f0f0f0;
        padding: 12px 11px 11px;
    }

.mfp-container .address-item {
    display: block;
    width: auto;
    margin: 10px 0 0 !important;
    border: none;
    padding: 0;
}

    .mfp-container .address-item + div {
        padding: 0 0 0 15px;
    }

.mfp-container .shipping-item {
    overflow: hidden;
    padding: 8px 0;
    overflow-wrap: break-word;
}

.mfp-container .shipping-header-item {
    align-self: flex-end;
    border: none !important;
    padding: 12px 5px !important;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.estimate-shipping-address-control {
    width: 100%;
}

.mfp-container .address-item .required {
    position: absolute;
    top: -6px;
    right: -9px;
}

.mfp-container .apply-shipping-button {
    min-width: 120px;
    border: none;
    height: 45px;
    padding: 0 25px;
    border-radius: 3px;
    background-color: #82c341;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .2s ease;
}

.paypal-payment .paypalexpresscheckoutblock #paypal-expresscheckout-button {
    min-width: 18.44rem;
    padding-bottom: 30px;
}

.shipping-method .method-description,
.payment-method .payment-description {
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: 400;
}

.shipping-method .method-list li, .payment-method .method-list li {
    position: relative;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 22px 22px 22px 70px;
    max-width: 560px;
    text-align: left;
}

.shipping-method .method-list,
.payment-method .method-list {
    margin: 0 0 30px;
    margin-right: 50%;
}

.payment-info .info td label {
    font-size: 1.2rem;
}

.payment-info .info table {
    max-width: 800px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.payment-info .info td:first-child {
    text-align: left;
}

.payment-info .info tr:first-child td {
    padding-top: 30px;
}

.payment-info .info tr:last-child td {
    padding-bottom: 30px;
}

.paypal-payment {
    display: flex;
}

.order-summary {
    padding-top: 20px;
}

.order-confirm-page .order-review-data .billing-info .title,
.order-confirm-page .order-review-data .shipping-info .title,
.opc .order-review-data .billing-info .title, .opc
.order-review-data .shipping-info .title {
    margin: -45px -20px 30px;
    height: 60px;
    line-height: 60px;
    background-color: #f9f9f9;
    border-radius: 3px 3px 0 0;
    padding-left: 10px;
}

.list-item-set {
    display: grid;
    width: 100%;
    justify-items: stretch;
}

.list-set {
    display: flex;
    justify-content: space-around;
}

.list-set-2 {
    display: flex;
    justify-content: flex-start;
}

.alphabet {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

h3.pt-2 {
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding-top: 15px;
}

a.in-stock img,
a.not-returnable img,
a.restocking-fee img,
a.hassle-free img {
    max-width: 22px;
}

.product-name a.not-returnable,
.product-name a.restocking-fee,
.product-name a.hassle-free {
    position: absolute;
}

    .product-name a.not-returnable img,
    .product-name a.restocking-fee img,
    .product-name a.hassle-free img {
        top: 2px;
        position: relative;
        margin: 0 0.2rem;
    }

[class^="tooltip"] {
    position: relative;
}

    [class^="tooltip"]:after {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        content: attr(data-tooltip);
        padding: 3px 5px;
        top: 1.4em;
        left: 50%;
        transform: translateX(-50%) translateY(-2px);
        background: grey;
        color: white;
        font-size: .7rem;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px;
        transition-property: opacity, transform;
        transition-duration: 0.2s;
        transition-timing-function: cubic-bezier(0.64, 0.09, 0.08, 1);
        font-family: jaf-facitweb,sans-serif;
    }

    [class^="tooltip"]:hover::after {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }


a.free-shipping-icon img {
    max-width: 26px;
}

a.promo-item img {
    min-width: 21px;
    max-width: 22px;
}

/*.product-icons img, 
.product-list-row .product-col-1 img {
    cursor: pointer;
}*/

.prop-row {
    display: flex;
    min-width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
}

.prop-block {
    flex-basis: 48%;
}

.prop-block-2 {
    flex-basis: 96%;
}

.prop-block-3 {
    flex-basis: 98%;
}

.cust-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.promotions {
    display: flex;
    justify-content: space-between;
    background: #fff;
}

.collapse {
    display: flex;
    justify-content: flex-start;
    padding-left: calc(2rem - 15px);
}

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

._form_1 {
    border-top: 2px solid #c8c8c8;
}

.category-container ul {
    list-style: disc;
    margin-left: 20px;
}

#showhidetoggle {
    display: contents;
    transition: .4s linear;
}

input:checked ~ #showhidetoggle {
    display: none;
}

.header-lower, .header-upper, .row-flex.every-page-message-on {
    background: url(../images/concrete_seamless.png) 0 0/initial padding-box initial initial;
    background-position-x: initial;
    background-position-y: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    display: flex;
}

.row-flex.every-page-message-m-on {
    background: url(../images/concrete_seamless.png) 0 0/initial padding-box initial initial;
    background-position-x: initial;
    background-position-y: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    display: flex;
    clear: both;
}

.ico-cart .cart-label {
    font-weight: 900;
    display: inline-block;
    height: 15px;
    white-space: nowrap;
}

.listbox .list .sublist li {
    line-height: 1.3rem;
}

.pager {
    display: flex;
    align-items: baseline;
    font-size: 1.2rem;
}

.pager-title {
    color: #003A5D;
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0 0 0 15px;
}

.pager ul {
    display: flex;
    justify-content: flex-start;
    margin: 12px;
}

    .pager ul li {
        margin: 0 8px;
    }

.block .list a {
    display: inline-block;
    padding: 2px 0;
    font-size: 16px;
    color: #333;
    transition: .2s;
}

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

.block .list li a:hover {
    color: #6f8c16;
}

.block .title {
    position: relative;
    padding: 14px 20px 14px 50px;
    font-size: 17px;
    background-color: #f6f6f6;
    cursor: pointer;
    text-align: left;
}

    .block .title strong {
        font-weight: 700;
        display: block;
    }

.block .listbox {
    display: none;
    padding-left: 15px;
    text-align: left;
    line-height: .9em;
}

.button-group {
    align-items: center;
    padding-right: 2px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    padding-right: 5px;
}

    label, label + * {
        vertical-align: baseline;
    }

.product-collateral {
    padding-bottom: 15px;
}

.product-col-1 {
    display: flex;
    width: 195px;
    align-items: flex-start;
}

.product-col-2 {
    width: 430px;
}

.product-col-9 {
    width: 386px;
}

.prod-flex-row {
    align-items: baseline;
    display: flex;
}

.checkout-page .address-grid {
    overflow: hidden;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.checkout-page .add-button .enter-address {
    display: none;
}

.ship-to-same-address input[type="checkbox"] + label,
.pickup-in-store input[type="checkbox"] + label {
    font-weight: 700;
    color: #444;
    font-size: 1.2rem;
}

.ship-to-same-address, .pickup-in-store {
    margin-top: 40px !important;
}

.checkout-page .section .title {
    margin: 0 0 30px;
    text-align: center;
}

p.order-number {
    text-align: center;
}

.checkout-page .select-billing-address > .title {
    display: none;
}

.checkout-page .address-box {
    margin: 0 0 25px;
}

.checkout-page .address-item li.name {
    margin: 0;
}

.address-item .name, .address-item .email {
    font-weight: 700;
    font-size: 16px;
    color: #444;
}

.address-item .email {
    margin-bottom: 10px;
    display: flex;
}

.address-item .phone, .address-item .company,
.address-item .address1, .address-item
.city-state-zip, .address-item .country {
    color: #444;
}

.checkout-page .address-item li.country {
    margin: 5px 0 0;
    font-size: 16px;
}

.select-billing-address-button, .select-shipping-address-button {
    font-size: 13px;
}

.checkout-page .order-summary > .title strong {
    font-size: 24px;
    font-weight: 700;
}

#shopping-cart-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

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

.table-wrapper {
    overflow-x: auto;
    min-width: 361px;
    margin-left: 15px;
}

.tier-prices .title {
    margin: 0 auto;
    max-width: 260px;
    text-align: center;
}

.tier-prices .table-wrapper {
    overflow-x: auto;
    min-width: 260px;
    margin: 10px 0;
}

    .tier-prices .table-wrapper .prices-table {
        display: flex;
        justify-content: space-around;
        max-width: 260px;
        background: #e3e3e3;
        border-radius: 10px;
        margin: 0 auto;
    }

        .tier-prices .table-wrapper .prices-table .prices-row {
            margin-right: 25px;
        }

            .tier-prices .table-wrapper .prices-table .prices-row .field-header {
                font-weight: 700;
            }

.page.product-details-page .short-description {
    margin: 10px 0;
}

.cart tr:first-child th:first-child,
.data-table tr:first-child th:first-child,
.forums-table-section table tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.cart th:first-child, .data-table th:first-child,
.forums-table-section th:first-child, .cart td:first-child,
.data-table td:first-child, .forums-table-section td:first-child {
    border-left: 1px solid #eee;
}

.cart .unit-price {
    white-space: nowrap;
}

.cart th, .data-table th, .forums-table-section th {
    border-top: 1px solid #eee;
    background-color: #f9f9f9;
    padding: 20px;
    white-space: nowrap;
    font-size: 17px;
    color: #3e3e3e;
    font-weight: 300;
}

.cart tr:last-child td:first-child,
.data-table tr:last-child td:first-child,
.forums-table-section table tr:last-child td:first-child {
    border-bottom-left-radius: 3px;
}

.cart td, .data-table td, .forums-table-section td {
    min-width: 50px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 20px;
    font-size: 15px;
    color: #444;
    font-weight: 400;
}

    .cart th:last-child, .data-table th:last-child,
    .forums-table-section th:last-child, .cart td:last-child,
    .data-table td:last-child, .forums-table-section td:last-child {
        border-right: 1px solid #eee;
    }

.cart tr:last-child td:last-child,
.data-table tr:last-child td:last-child,
.forums-table-section table tr:last-child td:last-child {
    border-bottom-right-radius: 3px;
}

.cart .subtotal span {
    display: inline-block;
    color: #444;
    white-space: nowrap;
    font-weight: 700;
}

.totals {
    border-radius: 3px;
    padding: 50px 20px;
    background-color: #f6f6f6;
}

    .totals > div {
        max-width: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

.cart-footer .total-info:only-child {
    margin: 0;
}

.cart-total-left {
    text-align: left;
    width: 65%;
}

.cart-total td {
    padding: 7px 5px;
    font-size: 1rem;
    color: #444;
    font-weight: 400;
}

.cart-total-right {
    text-align: right;
    width: 35%;
}

.cart-total .order-total {
    font-size: 16px;
    color: #97c300;
}

.cart .remove-from-cart button {
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    transition: 0.2s ease;
    display: flex;
}

    .cart .remove-from-cart button:after {
        content: "\7a";
        display: block;
        font-size: 18px;
        color: #444;
    }

.order-total td label, .order-total td span {
    font-size: 1rem;
    color: #82c341;
    font-weight: 700;
}

.checkout-page .btn-holder {
    position: relative;
    padding-bottom: 45px;
}

.add-button .btn-holder .open-address-form {
    transition: width .3s ease .3s, max-width .3s ease .3s, padding .3s ease .3s, opacity .3s ease .3s, background-color .2s ease 0s;
    opacity: 1;
}

.checkout-page .btn-holder .close-address-form {
    max-width: 0;
    padding: 0;
    opacity: 0;
}

.checkout-page .btn-holder label {
    position: absolute;
    display: inline-block;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 45px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkout-page .edit-address {
    padding-top: 40px;
    margin: 0 0 30px;
}

.current-code .applied-discount-code {
    vertical-align: bottom;
}

.current-code .remove-discount-button {
    max-height: 24px;
    min-width: 18px;
    font-weight: 700;
    background: #333;
    border: none;
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    margin-top: 1px;
}

.homepage-head {
    font-size: 2rem;
}

.knowledgeable {
    margin: 8px;
    padding-top: 30px;
}

.aboveSearch {
    padding-bottom: .7rem;
}

.pageNotFoundList li:last-child {
    padding-bottom: 1.7rem;
}

.notFoundTitle {
    font-weight: 400;
    font-family: jaf-facitweb,sans-serif;
    font-size: 1rem;
    color: #333;
    padding-bottom: 1.7rem;
}

.pageNotFoundList {
    padding-left: 1.8rem;
}

    .pageNotFoundList li span {
        font-weight: 700;
    }

/**NEWSLETTER SIGNUP**/
._form_1 {
    margin: 0 auto 0 !important;
    padding: 0 !important;
}

    ._form_1 ._form_element {
        margin-bottom: 5px !important;
    }

    ._form_1 ._form-label, #_form_68FF88B9AD6D6_ ._form_element ._form-label {
        display: none !important;
    }

    ._form_1._inline-style ._button-wrapper {
        margin: 0 12.5px 0 20px !important;
    }

    ._form_1._inline-form ._submit {
        margin-top: 0 !important;
    }

@media (min-width: 320px) and (max-width: 667px) {
    ._form_1 ._form-content {
        margin: 0 auto !important;
        padding: 10px;
    }

    ._form_1 ._x46364312 {
        margin: 0 !important;
    }
}

/**END NEWSLETTER**/

@media (min-width:1200px) {
    .row-flex {
        margin-right: -15px;
        margin-left: -15px;
    }

    .product-col-1 {
        margin-bottom: 10px;
        justify-content: left;
    }

    .product-col-5 {
        flex-basis: 40%;
        margin-left: 5px;
    }

    .dsl-availability {
        font-size: .8rem;
    }
}

@media (min-width:992px) {
    .row-flex {
        margin-right: -15px;
        margin-left: -15px;
    }
}

.z-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.text-left {
    text-align: left;
    padding-right: 2px;
}

.text-right {
    text-align: right !important;
    max-width: 112px;
}

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

.new-wrapper .text:before {
    content: "\79";
    display: none;
    margin-bottom: 15px;
    font-size: 55px;
    line-height: initial;
    color: #c6c6c6;
}

input[type="text"], input[type="password"],
input[type="email"], input[type="tel"], textarea, select {
    height: 45px;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 0 0 0 5px;
    vertical-align: middle;
    font-size: 1rem;
    color: #8c8c8c;
    font-family: "jaf-facitweb", sans-serif;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit;
}

    input[type=checkbox]:checked + label:before,
    input[type=radio]:checked + label:before {
        margin-left: 1px;
        margin-top: 1px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 1px #444;
        border: 3px solid #fff;
        background-color: #97c300;
    }

button, input {
    overflow: visible;
}

    input[type=checkbox] + label:before, input[type=radio] + label:before {
        content: "";
        display: inline-block;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #444;
        vertical-align: middle;
        background-color: #fff;
    }

.login-form-in-header .login-button {
    display: block;
    width: 100%;
    border: none;
    height: 45px;
    border-radius: 3px;
    background-color: #82c341;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

    .login-form-in-header .login-button:hover {
        background-color: #6f8c16;
    }

.apply-vendor-page .page-body form,
.email-a-friend-page .page-body form,
.form-style, .forum-edit-page .page-body,
.move-topic-page .page-body,
.password-recovery-page .page-body,
.private-message-send-page .page-body {
    padding: 40px 20px;
}

.contact-page .page-body form {
    padding: 0 20px;
}

.contact-page .category-container-left ul li:nth-child(4) {
    padding-top: 15px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1rem .5rem 16px;
    list-style: none;
    background-color: #f2f2f2;
    border-radius: .25rem;
    margin: 0;
    text-align: center;
}

    .breadcrumb ul {
        font-size: 0;
        padding-left: 0;
    }

    .breadcrumb li {
        display: inline-block;
        font-size: 14px;
        line-height: 1.5;
        color: #333;
    }

    .breadcrumb ul li {
        font-size: 1rem;
    }

    .breadcrumb li a, .breadcrumb li a:hover {
        color: #333;
    }

    .breadcrumb li:last-child span {
        display: none;
    }

    .breadcrumb li > a, .breadcrumb li > span, .breadcrumb li > strong {
        margin: 0 3px;
        transition: color .2s;
    }

    .breadcrumb strong {
        font-weight: 400;
    }

    .breadcrumb a:hover, .breadcrumb a:hover span {
        color: #82c341;
    }

    .breadcrumb .delimiter {
        display: inline-block;
        margin-right: 5px;
        font-size: 0;
    }

        .breadcrumb .delimiter:before {
            content: "\6a";
            display: block;
            font-size: 7px;
        }

.category-description {
    width: 100%;
    position: relative;
    margin: 0 0 1rem 0;
    padding-left: 15px;
}

.homepage-container .category-description {
    margin-bottom: 0 !important;
}

    .homepage-container .category-description .homepage-banner {
        display: flex;
        flex-direction: column;
    }

    .homepage-container .category-description .homepage-header {
        font-size: 1.2rem;
    }

.homepage-container .mfg-banner-image {
    width: 100%;
    max-height: 170px;
    margin: 0 auto;
}

.category-description, .contact-vendor, .manufacturer-description, .vendor-description {
    margin: 0 0 40px;
}

.product-container .product-container-content {
    border-top: 1px solid #c8c8c8;
    top: 1.5em;
}

    .product-container .product-container-content ul {
        list-style: disc;
        margin-left: 15px;
    }

.product-container-content h3 {
    padding-top: .5rem;
}

.product-container {
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
    width: 100%;
}

.item-grid .container-fluid:not(:last-child) {
    border-bottom: 1px solid #c8c8c8;
}

.product-list-row {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
}

    .product-list-row .in-stock,
    .product-list-row .free-shipping-icon,
    .product-list-row .promo-item,
    .product-list-row .not-returnable,
    .product-list-row .restocking-fee,
    .product-list-row .hassle-free {
        width: 1.25rem;
        padding: 0 .2125rem;
        margin: 0 .3125rem;
    }

        .product-list-row .in-stock img,
        .product-list-row .free-shipping-icon img,
        .product-list-row .promo-item img,
        .product-list-row .not-returnable img,
        .product-list-row .restocking-fee img,
        .product-list-row .hassle-free img {
            padding-bottom: .2rem;
            font-size: .3rem;
        }

.product-list .pager {
    display: flex;
    justify-content: flex-end;
}

    .product-list .pager ul {
        display: flex;
        align-items: baseline;
    }

        .product-list .pager ul li:nth-last-child(n+2) {
            margin-right: .4rem;
        }

        .product-list .pager ul li a {
            border: none;
        }

.product-name .in-stock img,
.product-name .free-shipping-icon img {
    font-size: .3rem;
}

.product-col-2 p {
    text-align: left;
}

.full-description, .product-specs-box {
    clear: both;
    padding: calc(3rem - 15px) 0 0 0;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    text-align: left;
    background: #f2f2f2;
}

.product-collateral .title {
    margin: 0 0 10px;
    font-size: 1.2rem;
    color: #003a5d;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-left: 15px;
}

.product-essential {
    margin: 0 0 20px 15px;
}

input[type=checkbox] + label, input[type=radio] + label {
    font-weight: 300;
    color: #444;
    user-select: none;
    cursor: pointer;
}

.attributes dl {
    overflow: hidden;
    min-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}

.page {
    height: auto;
    text-align: center;
    width: 100%;
}

.contact-page .page-title {
    margin-top: 1.5rem;
}

.page-title {
    padding: 0 10px;
    text-align: left;
}

.center-1 .page-title {
    padding: 0;
}

.page-body:after, .page-title:after, .page:after {
    content: "";
    display: block;
    clear: both;
}

.page .search-results-text {
    text-align: center;
    color: #d9534f;
}

.attributes-wrapper {
    margin-bottom: 30px;
    padding: 10px;
}

    .attributes-wrapper > div.product-prices-box {
        max-width: none;
        display: flex;
        justify-content: center;
    }

.search-page .search-input .fieldset {
    width: 80%;
    height: 90px;
}

.search-page .search-input form .buttons {
    padding: 0 20px;
    max-width: 150px;
}

.search-page .search-input form {
    background-color: #f2f2f2;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.advanced-search > .inputs, .basic-search > .inputs {
    max-width: 600px;
}

.inputs input[type=email],
.inputs input[type=password],
.inputs input[type=tel],
.inputs input[type=text],
.inputs select,
.inputs textarea {
    height: 35px;
    color: #444;
    border-radius: 3px;
    width: 100%;
    vertical-align: middle;
}

.inputs-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    margin: 5px 0 0;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
}

    .inputs-2 > label {
        flex: 0 0 auto;
        width: 137px;
        font-size: 15px;
        margin: 5px 0px 5px;
        font-weight: 700;
        color: #444;
        text-align: left;
    }

    .inputs-2 input[type=email],
    .inputs-2 input[type=password],
    .inputs-2 input[type=tel],
    .inputs-2 input[type=text],
    .inputs-2 input[type=tel],
    .inputs-2 select,
    .inputs-2 textarea {
        flex: 1;
        height: 35px;
        color: #444;
        border-radius: 3px;
        min-width: 237px;
        max-width: 237px;
        vertical-align: middle;
    }

.account-page .inputs-2 {
    text-align: left;
}

.login-page .title strong, .registration-page .title strong {
    font-weight: 300;
    color: #003a5d;
}

.login-page .title, .registration-page .title {
    margin: 0;
    padding: 10px;
    font-size: 18px;
    color: #003a5d;
    background-color: #f9f9f9;
    border-radius: 3px 3px 0 0;
    text-align: center;
}

.account-page .title {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

    .account-page .title strong {
        font-size: 18px;
        color: #444;
        font-weight: 300;
    }

.category-container {
    text-align: left;
    margin-top: 0;
    padding: 0 0 15px calc(3rem - 15px);
}

    .category-container .category-product-listing {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    .category-container .category-product-listing-2 {
        margin-top: 0;
        margin-bottom: 1rem;
        display: flex;
    }

    .category-container .category-product-listing img {
        float: left;
        padding-right: 10px;
    }

    .category-container ul li {
        list-style: disc;
    }

.registration-result-page a.register-continue-button {
    padding: 12px 14px;
    margin: 0 0 15% 5%;
}

    .registration-result-page a.register-continue-button:hover {
        color: #fff;
    }

/***************************************SERVICE CONTENT****************************************/
.service-container {
    text-align: left;
    margin: 0 calc(9rem - 15px) 15px calc(9rem - 15px);
}

    .service-container ul {
        list-style-image: url(/contentimages/service/gear.png);
        padding-left: 0 !important;
    }

        .service-container ul li {
            font-weight: 700;
        }

.service-content-1 {
    margin: 0 0 15px 0;
}

.service-content-2, .service-content-3 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px 0;
}

.service-block-1 {
    min-width: 60%;
}

    .service-block-1 h1 {
        font-size: 3rem;
        padding: 0 0 15px 0;
    }

    .service-block-1 p {
        max-width: 600px;
        padding: 0 0 15px 0;
    }

    .service-block-1 img {
        padding: 0 0 15px 0;
    }

.service-block-2 {
    min-width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .service-block-2 .img-1 img {
        padding: 0 0 15px 0;
    }

    .service-block-2 .img-2 img {
        max-width: 340px;
        padding: 0 0 15px 0;
    }

    .service-block-2 h2 {
        font-size: 1.7rem;
    }

    .service-block-2 .img-3 {
        display: flex;
        max-width: 300px;
    }

.service-block-3 {
    min-width: 60%;
}


    .service-block-3 .img-1 img {
        padding: 0 0 15px 0;
    }

    .service-block-3 .img-2 img {
        max-width: 600px;
    }

.service-block-4 {
    min-width: 40%;
}

    .service-block-4 .img-1 img {
        padding: 0 0 15px 0;
    }

    .service-block-4 .img-2 img {
        padding: 15px 0 0 0;
    }

.dpd-link {
    color: #82c341;
    font-weight: 700;
}

/*********SERVICE CONTENT MEDIA QUERIES*********/
@media (max-width:1565px) {
    .service-container {
        margin: 0 calc(1rem - 15px) 15px calc(1rem - 15px);
    }
}

@media (max-width:1340px) {
    .service-content-2, .service-content-3 {
        flex-direction: column;
    }

    .service-block-1 {
        min-width: 100%;
    }

        .service-block-1 p {
            min-width: 100%;
        }

    .service-block-2 {
        min-width: 100%;
        padding: 0;
        align-items: unset;
    }

    .service-block-3 .img-2 img {
        max-width: 400px;
    }

    .service-block-4 {
        min-width: 100%;
        padding: 0;
        align-items: unset;
    }

        .service-block-4 img-2 {
            display: flex;
            justify-content: center;
        }

        .service-block-4 .img-2 img {
            max-width: 350px;
        }

    .service-container ul {
        margin: 0 0 0 25px;
    }
}

@media(max-width:745px) {
    .service-block-2 .img-2, .service-block-2 div h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service-block-2 .img-3 {
        margin: 0 auto;
    }

    .service-block-3 .img-2, {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}
/***************************************SERVICE CONTENT END****************************************/
/***************************************POPULAR PARTS CONTENT****************************************/
.popular-parts-container {
    max-width: 2100px;
    text-align: left;
}

    .popular-parts-container .leisure-banner {
        max-width: 100%;
        height: auto;
    }

.popular-parts-content-1 {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px 0;
    position: relative;
}

.popular-parts-content-2,
.popular-parts-content-3,
.popular-parts-content-2-a,
.popular-parts-content-3-a {
    max-width: 2100px;
    display: flex;
    align-items: flex-start;
    margin: 0 0 25px 0;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.popular-parts-block-1,
.popular-parts-block-2,
.popular-parts-block-3,
.popular-parts-block-4,
.popular-parts-block-2-a {
    min-width: 45%;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}

.popular-parts-block-2-b {
    max-width: 25%;
    width: 750px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.popular-parts-block-2-c {
    max-width: 45%;
    width: 750px;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.popular-parts-block-1 .group-1,
.popular-parts-block-2 .group-1 {
    display: flex;
}

.popular-parts-block-1 .globe-img,
.popular-parts-block-2 .globe-img {
    margin: 0 auto;
    max-width: 220px;
}

.popular-parts-block-1 .wb-boat {
    max-height: 510px;
    width: auto;
}

.popular-parts-block-2 .nl-boat,
.popular-parts-block-3 .nl-boat {
    max-height: 750px;
    width: auto;
}

.popular-parts-block-4 .lightning-fast {
    max-width: 100%;
    height: auto;
}

.popular-parts-block-4 .palm-tree-img {
    max-width: 100%;
    height: auto;
}

.popular-parts-content-2-a
.popular-parts-block-1 p {
    max-width: 100%;
    margin: 0 15px 0 0;
}

.popular-parts-block-1 p,
.popular-parts-block-2 p,
.popular-parts-block-3 p,
.popular-parts-block-4 p {
    max-width: 100%;
    padding: 0 0 15px 0;
}

.popular-parts-block-3 .five-star {
    max-width: 100%;
    height: auto;
    margin: 45px 0 0 0;
}

.green-header {
    margin: 0 0 5px 0;
    max-width: 100%;
    height: auto
}

.popular-parts-tile-container {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
    align-items: flex-end;
    margin: 0 auto;
    padding-top: 15px;
    flex-wrap: wrap;
    width: 85%;
}

    .popular-parts-tile-container
    .popular-card-b {
        border-radius: 10px;
        background: #fff;
        height: 100%;
        margin: 0 5rem 5rem 0;
        box-shadow: 3px 3px 10px 3px rgb(51 51 51 / 50%);
        min-width: 300px;
    }

        .popular-parts-tile-container
        .popular-card-b
        .popular-card-g {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            align-items: center;
            justify-content: flex-end;
            border-radius: 10px;
            max-width: 400px;
        }

            .popular-parts-tile-container
            .popular-card-b .popular-card-g
            .popular-card-i {
                max-height: 150px;
                min-width: 150px;
                max-width: 200px;
                margin: 0 auto;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
            }

                .popular-parts-tile-container
                .popular-card-b .popular-card-g
                .popular-card-i:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-container
            .popular-card-b .popular-card-g
            .popular-card-i-2 {
                min-height: 75px;
                max-height: 75px;
                min-width: 350px;
                max-width: 350px;
                margin: 0 3px;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
                margin: 1rem 1rem 1rem 1rem;
                height: 100%;
            }

                .popular-parts-tile-container
                .popular-card-b .popular-card-g
                .popular-card-i-2:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-container
            .popular-card-b
            .popular-card-g
            .popular-card-i-3 {
                min-height: 80%;
                max-height: 80%;
                min-width: 350px;
                max-width: 350px;
                margin: 0 3px;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
                margin: 2rem 1rem 2rem 1rem;
                height: 42px;
            }

                .popular-parts-tile-container
                .popular-card-b .popular-card-g
                .popular-card-i-3:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-container
            .popular-card-b .popular-card-g
            .popular-card-t {
                background: #82c341;
                text-align: center;
                font-size: 1.2rem;
                color: #fff;
                width: 100%;
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 0;
            }

                .popular-parts-tile-container
                .popular-card-b .popular-card-g
                .popular-card-t a {
                    color: #fff;
                }

            .popular-parts-tile-container
            .popular-card-b
            .popular-card-g
            .popular-card-t {
                height: 4rem;
            }

.popular-parts-header {
    text-align: center;
}

    .popular-parts-header a {
        color: #003a5d;
    }

.leisure-1 {
    margin: 0 0 0 6rem;
}

.popular-parts-blob {
    display: flex;
    padding: 1rem 5rem 0 5rem;
    background-color: #82c341;
    color: #fff;
    font-size: 18px;
    transition: .2s;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    font-style: italic;
    font-family: jaf-facitweb, sans-serif;
    margin: 1rem 0 0 0;
}

.popular-parts-tile-container
.popular-parts-column {
    flex-direction: column;
}

.popular-parts-text {
    margin: 0 2rem 0 2rem;
}

.popular-parts-container strong {
    color: #003A5D;
}

.popular-parts-block-1 {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: auto;
    align-self: stretch;
    align-content: flex-start;
    padding: 0 50px 0 20px;
}

.group-1 {
    margin: 0 4rem 0 5rem;
}

.popular-banner-text {
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 3%;
    color: white;
    font-size: 4vw
}

.popular-parts-tile-column {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
    align-items: flex-end;
    margin: 0 auto;
    padding-top: 15px;
    flex-wrap: wrap;
    width: 85%;
}

    .popular-parts-tile-column
    .popular-card-b {
        border-radius: 10px;
        background: #fff;
        height: 100%;
        margin: 0 5rem 5rem 0;
        box-shadow: 3px 3px 10px 3px rgb(51 51 51 / 50%);
        min-width: 350px;
    }

        .popular-parts-tile-column
        .popular-card-b
        .popular-card-g {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            align-items: center;
            justify-content: flex-end;
            border-radius: 10px;
            max-width: 350px;
        }

            .popular-parts-tile-column
            .popular-card-b .popular-card-g
            .popular-card-i {
                max-height: 150px;
                min-width: 150px;
                max-width: 200px;
                margin: 0 auto;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
            }

                .popular-parts-tile-column
                .popular-card-b .popular-card-g
                .popular-card-i:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-column
            .popular-card-b .popular-card-g
            .popular-card-i-2 {
                min-height: 75px;
                max-height: 75px;
                min-width: 300px;
                max-width: 300px;
                margin: 0 3px;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
                margin: 1rem 1rem 1rem 1rem;
                height: 100%;
            }

                .popular-parts-tile-column
                .popular-card-b .popular-card-g
                .popular-card-i-2:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-column
            .popular-card-b .popular-card-g
            .popular-card-i-3 {
                min-height: 42px;
                max-height: 42px;
                min-width: 250px;
                max-width: 250px;
                margin: 0 3px;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
                margin: 2rem 1rem 2rem 1rem;
                height: 100%;
            }

                .popular-parts-tile-column
                .popular-card-b .popular-card-g
                .popular-card-i-3:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .popular-parts-tile-column
            .popular-card-b .popular-card-g
            .popular-card-t {
                background: #82c341;
                text-align: center;
                font-size: 1.2rem;
                color: #fff;
                FONT-VARIANT: JIS90;
                width: 100%;
                height: 2rem;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 0;
            }

                .popular-parts-tile-column
                .popular-card-b .popular-card-g
                .popular-card-t a {
                    color: #fff;
                }

            .popular-parts-tile-column
            .popular-card-b
            .popular-card-g
            .popular-card-t {
                height: 4rem;
            }

/*********POPULAR PARTS CONTENT MEDIA QUERIES*********/
@media (max-width:1565px) {
    .popular-parts-container {
        margin: 0 calc(1rem - 15px) 15px calc(1rem - 15px);
    }
}

@media (max-width:1340px) {
    .popular-parts-block-1,
    .popular-parts-block-2,
    .popular-parts-block-3,
    .popular-parts-block-4 {
        max-width: 100%;
        min-height: 250px;
    }

    .popular-parts-group-1 .globe-img {
        margin: 15px auto;
    }

    .popular-parts-block-2-b,
    .popular-parts-block-2-c {
        max-width: 100%;
    }

    .popular-parts-block-1 .group-1,
    .popular-parts-block-2 .group-1 {
        flex-direction: column;
    }
}

@media(max-width:745px) {
    .popular-parts-block-1,
    .popular-parts-block-2,
    .popular-parts-block-3,
    .popular-parts-block-4 {
        margin: 0 0 25px 0;
    }

    .popular-parts-block-2-b,
    .popular-parts-block-2-c {
        max-width: 100%;
    }

    .popular-parts-content-2,
    .popular-parts-content-3,
    .popular-parts-content-2-a,
    .popular-parts-content-3-a {
        flex-wrap: wrap;
    }



    .popular-parts-content-1 {
        max-width: 900px;
        margin: 0 -15rem 15px -2rem;
    }

    .popular-banner-text {
        top: 15%;
        font-size: 7vw
    }
}

@media(max-width: 1036px) {
    .popular-parts-blob {
        padding: 5px 5px 5px 10px;
        margin: 1rem -1rem 1rem -1rem;
    }
}

@media(max-width: 340px) {
    .popular-parts-tile-container {
        margin: 0 0 0 -1rem;
    }
}

@media(max-width: 745px) {
    .group-a {
        margin: 0 auto;
    }
}


@media(max-width:1050px) {
    .group-1, .leisure-1 {
        margin: 0 auto
    }
}

@media(max-width:1210px) {
    .popular-parts-tile-column
    .popular-card-b .popular-card-g
    .popular-card-i-2 {
        min-width: 300px;
        max-width: 300px
    }
}



@media(max-width:1291px) {
    .popular-parts-container .popular-card-b {
        margin: 1.5rem 15px 1.5rem 5px;
    }
}

@media(max-width:1717px) {
    .popular-parts-tile-container .popular-card-b .popular-card-g .popular-card-i {
        max-height: 100px;
        min-width: 100px;
        max-width: 200px;
    }


    .popular-parts-tile-block .popular-card-b {
        min-width: 200px;
    }
}



@media(min-width:746px) and (max-width:1066px) {
    .popular-parts-column .popular-card-b .popular-card-g .popular-card-i-2 {
        max-width: 250px;
        min-width: 250px;
    }

    .popular-parts-column .popular-card-b .popular-card-g .popular-card-i-3 {
        max-width: 250px;
        min-width: 250px;
        height: 30px
    }
}

@media(max-width:483px) {
    .popular-parts-column .popular-card-b .popular-card-g .popular-card-i-2 {
        max-width: 250px;
        min-width: 250px;
    }

    .popular-parts-column .popular-card-b .popular-card-g .popular-card-i-3 {
        max-width: 250px;
        min-width: 250px;
        height: 30px;
    }
}

@media(max-width:574px) {
    .popular-parts-tile-block .popular-card-b {
        min-width: 300px;
    }

    .popular-parts-tile-container .popular-card-b .popular-card-g .popular-card-i {
        max-height: 150px;
        min-width: 100px;
        max-width: 200px;
    }
}

/***************************************POPULAR PARTS CONTENT END****************************************/

.promo-main {
    display: flex;
}

    .promo-main .promo-left
    .category-bottom .topic-container-left {
        background: #f2f2f2;
    }

    .promo-main .promo-left .promo-img {
        margin: 0 5px;
    }

    .promo-main .promo-right,
    .promo-main .promo-left {
        max-width: 45%;
    }

        .promo-main .promo-right .promo-img {
            margin: 0 5px;
        }

.category-container-content {
    padding-left: calc(2rem - 15px);
}

.homepage-category-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.homepage-category-engine-link {
    display: inline-block;
}

    .homepage-category-engine-link ul {
        text-align: center;
    }

.homepage-container .col-sm-12 hr {
    box-shadow: 0 -4px 20px .7px rgb(51 51 51 / 50%);
    background-color: #f2f2f2;
    margin-bottom: 15px;
}

.engine-link-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.mfg-container {
    max-width: 82%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.homepage-category-logo {
    display: inline-block;
    min-width: 100px;
    max-width: 150px;
    padding-right: 10px;
}

.mobile-logo-nl {
    min-width: 180px;
}

.logo img {
    max-width: 180px;
}

.mfg-banner {
    margin-bottom: 1rem;
}

.category-top {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 15px 8px;
}

.category-top-left {
    max-width: 60%;
    border-right: 1px solid #c8c8c8;
    padding-right: 10px;
}

.category-top-right {
    max-width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-list-1, .category-list-2 {
    max-width: 20%;
    display: flex;
    margin: 0 auto;
    padding: 0 0 1% 0;
}

.category-top-right .category-list-1, .category-top-right .category-list-2, .category-top-right .category-list-3 {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    padding: 0 0 1% 0;
}
/*.category-list-1, .category-list-2 {
    max-width: 100%;
}*/

@media(max-width: 1224px) {
    .category-top-right {
        max-width: 100%;
    }
}

.category-list-1 ul li,
.category-list-2 ul li,
.category-list-3 ul li {
    list-style: none;
}

.category-bottom {
    display: flex;
    margin: 1rem auto 0;
    min-height: 350px;
    padding-bottom: 15px;
}

    .category-bottom .starters {
        display: flex;
        flex-direction: column;
    }

.category-container-left {
    padding: 10px;
    min-width: 50%;
    background-image: url(/content/images/concrete_seamless.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    line-height: 1.2;
}

.category-container-right {
    padding: 10px;
    min-width: 50%;
    background: #fff;
    line-height: 1.2;
}

hr.green {
    border-top: 8px solid #82c341;
    width: 30%;
    float: left;
}

hr.grey {
    border-top: 1px solid #97999d;
    margin: .5rem 0;
}

.category-container-left hr.green, .category-container-right hr.green {
    border-top: 8px solid #82c341;
    width: 30%;
    float: left;
    margin-left: 0;
    border-bottom: none;
    box-shadow: none;
}

.category-page .category-container-left li, .category-page .category-container-right li {
    list-style: disc;
}

.details-container {
    padding-left: 16px;
}

.topic-bottom {
    display: flex;
    margin: 1rem auto 0;
    min-height: 350px;
    padding-bottom: 15px;
}

.topic-container-left {
    padding: 10px;
    min-width: 50%;
    background-image: url(/content/images/concrete_seamless.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

    .topic-container-left p {
        margin: .4em 0;
    }

.list-set-2 ul {
    margin: 5px 12px 10px 12px;
}

.topic-container-right {
    padding: 10px;
    min-width: 50%;
    background: #f2f2f2;
}

    .topic-container-left hr.green, .topic-container-right hr.green {
        border-top: 8px solid #82c341;
        width: 30%;
        float: left;
        margin-left: 0;
        border-bottom: none;
        box-shadow: none;
    }

    .topic-container-right .category-master {
        display: flex;
    }

.topic-block {
    margin: 0 auto 30px;
    padding: 0 10px;
    text-align: center;
}

.topic-page .page-body {
    line-height: 20px;
    max-width: 1500px;
}

.topic-page ol, .topic-page ul {
    line-height: 1.5;
}

.cs-topic-content, .topic-block .topic-block-body {
    text-align: left;
    padding-left: calc(3rem - 15px);
}

    .cs-topic-content li {
        list-style: disc;
        margin-left: 25px;
    }

.contact-page {
    max-width: 1500px;
}

.contact-h2 {
    padding-top: 15px;
}

.contact-us-button {
    max-width: 120px;
}

.customer-service-option-buttons {
    background: #c8c8c8;
    flex-basis: 400px;
    text-align: center;
    margin: 16px;
    padding: 10px 0;
    border-radius: 5px;
    color: #003a5d;
    font-family: factoria;
    font-size: 1rem;
}

.customer-service {
    padding-left: 15px;
}

.menu, .menu ul {
    list-style: none;
    background-color: #82c341;
    padding: 10px 16px 33px 10px;
    margin: 0;
    display: inline-block;
    z-index: 1;
    height: 10px;
    cursor: pointer;
}

    .menu li {
        float: left;
        margin-right: 3px;
        position: relative;
        color: #fff;
        font-weight: 700;
    }

    .menu ul {
        position: absolute;
        top: -8px;
        left: -20px;
        width: 135px;
        padding: 0;
        display: none;
    }

        .menu ul li {
            float: none;
            margin: 0;
            padding: 0;
            line-height: 15px;
            background-color: #fff;
            z-index: 1;
        }

            .menu ul li:hover {
                background-color: #e3e3e3;
            }

    .menu a:link, .menu a:visited {
        display: block;
        font-size: .9rem;
        font-weight: 700;
        text-align: left;
        text-decoration: none;
        color: #333;
        padding: 5px;
    }

    .menu li:hover ul {
        display: block;
    }

#custom-search-input button:focus, a, a:active,
a:focus, a:hover, button:focus, dl, ol, select:focus, ul {
    text-decoration: none;
    outline: none;
    list-style-type: none;
}

dl, ol, ul {
    margin-top: 0;
}

.card-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;
    padding-top: 15px;
}

    .card-container .card-b {
        border-radius: 5px;
        background: #fff;
        height: 100%;
        margin: 0 1.3rem 1rem 0;
        box-shadow: 3px 3px 10px 3px rgb(51 51 51 / 50%);
        min-width: 180px;
        width: 190px;
    }

        .card-container .card-b .card-g {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            align-items: center;
            justify-content: flex-end;
        }

            .card-container .card-b .card-g .card-i {
                height: 125px;
                width: 124px;
                margin: 0 auto;
                opacity: 1;
                transition: .5s;
                position: relative;
                top: 4px;
            }

                .card-container .card-b .card-g .card-i:hover {
                    opacity: .5;
                    cursor: pointer;
                }

            .card-container .card-b .card-g .card-t {
                background: #82c341;
                text-align: center;
                font-size: .9rem;
                color: #fff;
                padding: 5px 0;
                width: 100%;
                height: 45px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 0;
            }

                .card-container .card-b .card-g .card-t a {
                    color: #fff;
                }

.fieldset, .section {
    position: relative;
    margin: 0 0 5px;
}

    .fieldset ul li {
        line-height: 1.7rem;
    }

.required {
    margin: 0 0 0 5px;
    font-size: 15px;
    color: #dc3545;
    font-weight: 700;
}

.basic-search {
    padding: 0 20px 10px;
}

.footer-block .list {
    line-height: .8rem;
}

.footer-block-2 .list-2 {
    display: flex;
    justify-content: space-evenly;
    min-width: 300px;
    color: #fff;
}

.footer {
    border-top: 3px solid #f6f6f6;
    background-color: #003a5d;
    text-align: center;
    overflow: hidden;
    color: #fff;
    padding-bottom: 30px;
}

    .footer .title {
        margin-bottom: 15px;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
    }

.footer-upper {
    margin: 15px 0;
    overflow: hidden;
    padding-right: 3px;
}

.footer-block {
    border-bottom: 1px solid #eee;
}

    .footer-block ul {
        display: none;
        padding: 10px 0;
    }

        .footer-block ul li {
            padding: 8px;
        }

.footer-block-2 {
    display: inline-block;
    border-bottom: 0;
    margin: .5rem 1% 0;
    vertical-align: top;
    width: 100%;
}

    .footer-block a, .footer-block-2 a {
        font-size: 15px;
        color: #fff;
        transition: color .2s;
    }

.footer-block .title {
    position: relative;
    margin: 0;
    padding: 15px 45px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    text-decoration: underline double #fff 1px;
}

.footer-logo {
    margin: 0 10px;
}

.footer-middle {
    margin-bottom: 50px;
    overflow: hidden;
}

    .footer-middle .socials-and-payments {
        min-width: 27%;
        float: right;
    }

.footer-lower {
    overflow: hidden;
    font-size: 11px;
    padding: 30px 20px;
    background-color: #08283d;
}

    .footer-lower > div {
        display: block;
        margin: 5px 10px 0;
        color: #a0a0a0;
        font-size: 14px;
    }

        .footer-lower > div:first-child {
            margin-top: 0;
        }

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

    .overview .short-description {
        margin: 0 0 30px;
        font-size: 1.4rem;
        color: #003a5d;
        font-weight: 700;
        font-family: factoria;
    }

.header-menu {
    text-align: left;
    position: relative;
    z-index: 1010;
    background-color: #003a5d;
}

    .header-menu .top-menu {
        float: left;
        font-size: 1rem;
        padding: .5rem .3rem;
    }

    .header-menu ul li a, .header-menu ul li span {
        color: #fff;
    }

.shopping-cart-page .cart-collaterals .button-2:hover {
    background: #6f8c16;
}

.page-body hr {
    box-shadow: 0 -4px 20px 0.7px rgb(51 51 51 / 50%);
}

.cart-total tr {
    vertical-align: baseline;
}

.header-logo-nl {
    position: relative;
}

.header-logo a img {
    max-width: 100%;
    min-height: auto;
}

.blue-nav-search .search-box-text {
    min-width: 18rem;
}

.blue-nav-search .search-box-button {
    background: #82c341;
    vertical-align: middle;
    margin: .15rem 0 .15rem .45rem;
    min-width: 6.5rem;
}

.header-menu .blue-nav-search {
    float: right;
}

.top-menu li:nth-child(5) a {
    color: #82c341;
}

    .top-menu li:nth-child(5) a:hover {
        color: #6f8c16;
    }

.top-menu li:nth-child(3) a {
    color: #82c341;
}

    .top-menu li:nth-child(3) a:hover {
        color: #6f8c16;
    }

.top-menu li {
    margin-right: 1.2rem;
}

.top-menu .top-menu-topic {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 4px 0 0;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.fa-mobile-phone {
    padding-right: 5px;
}

.close-menu, .close-side-menu {
    background-color: #82c341;
}

.phone-num {
    clear: both;
    display: initial;
}

    .phone-num ul li {
        padding: 0 3px;
    }

a.ico-cart {
    display: inline-block;
    font-size: 13px;
    color: #333;
    transition: color .2s;
}

.header-links .phone-num a {
    font-size: 1.3rem;
    color: #003a5d;
}

    .header-links .phone-num a:hover {
        color: #003a5d;
    }

.every-page-message-on p {
    max-width: 100%;
    margin: 0 auto;
    text-align: left;
    word-break: break-word;
    color: red;
    font-weight: 700;
    padding: 0 30px;
}

.every-page-message-m-on p {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    word-break: break-word;
    color: red;
    font-weight: 700;
    padding: 0 30px;
}

.every-page-message-off p,
.every-page-message-m-off p {
    display: none;
}

.enter-address > .message-error,
.page-body > .message-error,
.payment-info form > .message-error {
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 1.2rem;
}

    .enter-address > .message-error li,
    .page-body > .message-error li,
    .payment-info form > .message-error li {
        color: #ff4f60;
    }

.short-description h2 {
    font-size: 1rem;
}

@media (max-width:360px) {
    .cart-collaterals > div > .title:before {
        display: none;
    }
}

@media (max-width:380px) {
    .responsive-nav-wrapper .search-wrap {
        display: none;
    }

    .mobile-logo img {
        max-width: 80% !important;
    }
}

@media (max-width:434px) {
    .inputs-2 input[type=email],
    .inputs-2 input[type=password],
    .inputs-2 input[type=tel],
    .inputs-2 input[type=text],
    .inputs-2 input[type=tel],
    .inputs-2 select,
    .inputs-2 textarea {
        max-width: 330px;
    }
}

@media (max-width:480px) {
    #showhidetoggle {
        display: none;
        transition: .4s linear;
    }

    input:checked ~ #showhidetoggle {
        display: contents;
    }

    .product-col-2 {
        width: 375px;
    }
}

@media (max-width:500px) {
    #small-search-box-form-m {
        display: block;
    }
}

@media (max-width:540px) {
    .cs-topic-content,
    .topic-block
    .topic-block-body {
        padding: 0;
    }

    .card-container {
        display: flex;
        flex-flow: wrap;
    }

        .card-container .card-b {
            height: 100%;
            min-width: 160px;
            width: 145px;
            flex-basis: calc(50% - 2em - 5px);
            margin: 0 .8rem 1rem 0;
        }

            .card-container .card-b .card-g .card-i {
                height: 100px;
                width: 124px;
            }
}

@media (max-width:552px) {
    .card-container {
        justify-content: center !important;
    }

    .product-col-1 {
        width: 100%;
    }

    .product-col-2 {
        width: 496px;
    }

    .product-col-9 {
        width: 386px;
    }

    .tabular-col-2, .tabular-col-3, .tabular-col-4,
    .tabular-col-5, .tabular-col-6, .tabular-col-7 {
        padding: 0;
    }

    .tabular-col-4, .tabular-col-5,
    .tabular-col-6, .tabular-col-7 {
        grid-template-columns: repeat(2,auto);
    }
}

@media (max-width: 600px) {
    .mfp-container .shipping-address {
        flex-flow: column;
    }

    .mfp-container .address-item {
        width: 100%;
    }

        .mfp-container .address-item + div {
            padding: 0;
        }
}

@media (min-width:605px) {
    .footer-middle {
        margin-left: 12%;
    }
}

@media (min-width:576px) {
    .row-flex {
        margin-right: -15px;
        margin-left: -15px;
    }

    .product-col-1 {
        margin-bottom: 10px;
        justify-content: left;
    }
}

@media (min-width:722px) and (max-width:736px) {
    .footer-middle {
        margin-left: 16%;
    }
}

@media (min-width:768px) {
    .row-flex {
        margin-right: -15px;
        margin-left: -15px;
    }

    .product-col-1 {
        margin-bottom: 10px;
        justify-content: left;
    }

    .tabular-label a.in-stock img {
        max-width: 25px;
        padding-left: 1%;
    }
}

@media (max-width:768px) {
    .category-bottom, .topic-bottom {
        flex-direction: column;
    }

    .tabular-col-5, .tabular-col-7 {
        grid-template-columns: auto;
    }

    .prop-row, .quick-links {
        flex-direction: column;
    }

    .promotions {
        flex-direction: column;
        align-items: center;
    }

    .overview .prices, .variant-overview .prices {
        margin: 10px 0 10px 30px;
        min-width: 300px;
    }

    .tabular-label a.in-stock img {
        max-width: 20px;
        padding-left: 1%;
    }

    .checkout-data .confirm-order-bottom {
        align-items: flex-start !important;
    }

    .confirm-order-bottom .buttons {
        padding-right: 0;
    }

    .promo-main {
        flex-direction: column;
    }

        .promo-main .promo-right,
        .promo-main .promo-left {
            max-width: 90%;
        }
}

.row-flex {
    margin-right: -15px;
    margin-left: -15px;
}

.homepage-category-top {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.homepage-category-top-left {
    width: 60%;
    padding-right: 25px;
    padding-left: calc(2rem - 15px);
}

.homepage-category-top-right {
    width: 40%;
    display: flex;
    flex-direction: column;
    align-content: center;
}

.phone-num {
    width: 320px;
}

.category-list-1 ul, .category-list-2 ul, .category-list-3 ul {
    margin-top: 0 !important;
    padding-left: 0 !important;
}

strong a {
    color: #82c341;
    text-decoration: underline;
}

.overview .prices, .variant-overview .prices {
    overflow: hidden;
    font-size: 14px;
    color: #333;
    min-width: 230px;
}

.overview .product-price label, .overview .product-price span {
    font-size: 1.25rem;
    color: #333;
    padding-right: 1%;
}

.product-container-content ul li {
    list-style-type: disc;
}

.overview .old-product-price span {
    color: #003a5d;
    font-size: 1.25rem;
    padding-right: 1%;
    text-decoration: line-through;
}

.overview .old-product-price, .variant-overview .old-product-price {
    color: #8c8c8c;
}

.overview .add-to-cart-panel {
    font-size: 0;
    display: flex;
    justify-content: flex-start;
}

.overview .add-to-cart {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px;
    width: calc(100% - 55px);
    max-width: none;
}

.overview .qty-input, .variant-overview .qty-input {
    padding-right: 27px;
    width: 80px;
    background: #c8c8c8c8;
}

.overview .add-to-cart-qty-wrapper + .add-to-cart-button {
    padding: 0;
    width: calc(100% - 90px);
    max-width: 7.5rem;
    min-width: 7.5rem;
}

.attributes dd select, .product-details-page .attributes dd select:only-child {
    max-width: 50%;
}

.admin-header-links {
    background-color: #f2f2f2;
    text-align: center;
    color: #fff;
}

    .admin-header-links a, .admin-header-links span {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-weight: 400;
        color: #333;
        text-transform: uppercase;
    }

.header-selectors-wrapper {
    font-size: 1rem;
}

.gallery {
    margin: 0 auto;
    max-width: 300px;
}

.overview .prices > div, .variant-overview .prices > div {
    text-align: left;
    font-weight: 700;
    display: flex;
}

.showhidelabel {
    color: #82c341;
    text-decoration: none;
    font-weight: 900;
    cursor: pointer;
}

.product-prices .dsl-availability {
    font-size: 1.1rem;
}

.product-prices .dsl-availability-seo {
    font-size: .8rem;
}

.product-prices-box > div:first-child {
    min-width: 330px;
}

.gallery .picture {
    position: relative;
    margin-right: 47%;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    font-size: 0;
    box-shadow: 3px 3px 10px 3px rgb(51 51 51 / 50%);
    -webkit-box-shadow: 3px 3px 10px 3px rgb(51 51 51 / 50%);
    -moz-box-shadow: 3px 3px 10px 3px rgba(51,51,51,.5);
    height: 140px;
    width: 140px;
}

    .gallery .picture:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 70%;
    }

    .gallery .picture img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        max-width: 150px;
        max-height: auto;
    }

.gallery .thumb-item {
    dpd4styles .css:3409 display: inline-block;
    position: relative;
    width: 85px;
    margin: 10px 8px 5px;
    border-radius: 3px;
    border: 1px solid #333;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}

    .gallery .thumb-item:hover {
        opacity: .5;
        cursor: pointer;
    }

.gallery .picture-thumbs {
    dpd4styles .css:3399 margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#topcartlink {
    margin-top: -.2rem;
    margin-left: .9rem;
}

.center-1 .order-progress {
    margin-top: 2.5rem;
}

.order-progress {
    text-align: center;
}

.checkout-data .confirm-order-top {
    display: flex;
    justify-content: flex-start;
    padding: 25px 0;
    flex-direction: column;
}

.checkout-data .confirm-order-bottom {
    display: flex;
    padding: 25px 0;
    flex-direction: column;
    align-items: flex-end;
}

.checkout-data .solicitationmessage {
    display: flex;
    justify-content: center;
}

.confirm-order-bottom .buttons {
    padding-right: 160px;
}

.billing-info .info-list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.address-item li, .order-item li, .request-item li {
    margin-bottom: 3px;
    font-size: 16px;
    color: #333;
    line-height: 1.3;
    display: flex;
}

.buttons-center {
    text-align: center;
}

.order-completed-page .page-title h1 {
    text-align: center;
}

.order-completed .details {
    max-width: 800px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 30px;
    margin: 0 auto 5px;
    text-align: center;
}

.order-completed .order-number {
    font-size: 18px;
    font-weight: 700;
    color: #444;
}

.order-completed .details .details-link a {
    color: #444;
}

    .order-completed .details .details-link a:hover {
        color: #6f8c16;
    }

.order-completed .details a {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 20px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #eee;
    color: #8c8c8c;
    border-radius: 3px;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    text-transform: uppercase;
}

.order-progress .active-step.last a:before {
    content: "\64";
    font-size: 20px;
    text-indent: -2px;
    background-color: #fff;
    width: 50px;
    height: 50px;
    color: #82c341;
    line-height: 43px;
    text-align: center;
    font-weight: 400;
    text-transform: none;
    border: 3px solid #82c341;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}

.order-details-page .actions button {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 5px 0 0;
    padding: 0 20px;
    height: 45px;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.order-details-page .actions {
    margin: 20px 0 0;
    overflow: hidden;
    font-size: 0;
}

    .order-details-page .actions button:first-child {
        margin-top: 0;
    }

.order-details-page, .order-overview {
    text-align: center;
}

    .order-details-page .order-overview {
        margin: 0 0 40px;
        line-height: 20px;
    }

        .order-details-page .order-overview .order-number {
            margin-bottom: 15px;
            font-size: 20px;
            font-weight: 700;
            color: #97c300;
        }

.order-overview-content li {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 1.5;
    font-weight: 300;
}

    .order-overview-content li strong {
        color: #444;
    }

@media all and (min-width:768px) and (max-width:1024px) {
    .account-page .cart, .account-page .compare-products-table,
    .account-page .data-table, .account-page .forums-table-section table,
    .cart, .order-details-page .products .data-table, .return-request-page
    .data-table, .shipment-details-page .data-table, .wishlist-page .cart {
        text-align: center;
        font-size: 0;
    }
}

@media (min-width:319px) {
    .every-page-message-on {
        padding-top: 18px;
    }
}

@media (max-width:980px) {
    .homepage-category-top {
        flex-direction: column;
    }

    .homepage-category-top-left {
        width: 100%;
    }

    .homepage-category-top-right {
        width: 100%;
    }

    .mfg-container {
        padding-bottom: 10px;
    }
}

@media (max-width:1025px) {
    .collapse {
        display: flex;
        justify-content: center;
    }

    .page {
        border-left: none;
    }

    .category-top {
        align-items: center;
    }

    .blue-nav-search .search-box-text {
        margin-left: 5px;
    }

    .blue-nav-search .search-box-button {
        margin: 5px 0 0 5px;
    }

    .cart-footer {
        min-width: 350px;
    }

    .header-logo-nl {
        visibility: hidden;
    }

    .row-flex.every-page-message-on {
        display: none;
    }

    .pager-title {
        margin: 0;
    }
}

@media (max-width:1224px) {
    .category-list-1, .category-list-2 {
        max-width: 50%;
    }

    .category-top-left {
        border-right: none;
    }

    .category-top-left {
        max-width: 100% !important;
        padding-right: 0 !important;
    }
}

@media all and (min-width:1024px) and (max-width:1599px) {
    .header-logo-nl {
        left: 20%;
    }
}

@media (max-width:1278px) {
    .page.product-details-page .short-description,
    .card-text {
        text-align: center;
    }

    .gallery {
        max-width: 600px;
    }

        .gallery .picture {
            height: 145px;
            width: 145px;
        }
}

@media (min-width:1025px) {
    .center-2 .product-list {
        width: 100%;
        margin: 0 15px 0 !important;
    }

    .product-col-1 {
        margin-bottom: 10px;
        justify-content: left;
    }

    #small-search-box-form-m {
        display: none;
    }
}

@media (min-width:1281px) {
    .center-2 {
        width: 73%;
    }

    .overview {
        position: relative;
        float: right;
        width: 70%;
        margin-left: 0;
        text-align: left;
    }

        .overview .prices > div, .variant-overview .prices > div {
            text-align: left;
        }

    .product-prices-box {
        /*        position: absolute;*/
        top: 0px;
        right: 0;
        left: auto;
        width: 300px;
        text-align: left;
    }

    .overview .product-price, .variant-overview .product-price {
        color: #97c300;
        font-weight: 700;
        display: flex;
    }

    .overview .add-to-cart-panel {
        right: 1.6rem;
    }

    .overview .add-to-cart {
        display: block;
        width: calc(100% - 40px);
        max-width: none;
    }

    .registration-result-page .page-body {
        max-height: 100px
    }
}

@media (min-width:481) {
    .overview .prices > div, .variant-overview .prices > div {
        text-align: center;
    }
}

@media (max-width:678px) {
    .product-list-row {
        flex-direction: column;
    }
}

@media all and (min-width:540px) and (max-width:1280px) {
    .footer-middle {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .cart-item-row .product-name {
        display: flex;
        justify-content: flex-start;
    }

    .product-essential .product-name {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .product-prices .product-icons {
        padding-left: 0;
    }
}

@media all and (min-width:1280px) and (max-width:1600px) {
    .gallery .picture {
        height: 150px;
        width: 150px;
    }
}

@media (min-width:1350px) {
    .product-col-1 {
        margin-bottom: 10px;
        justify-content: left;
    }
}



input#BillingNewAddress_ZipPostalCode {
    margin: 6px 0px 0px;
}

select#BillingNewAddress_StateProvinceId {
    margin: 6px 0px 10x;
}

input#BillingNewAddress_PhoneNumber {
    margin: 6px 0px 0px;
}

label#zip {
    white-space: normal;
}

label#state {
    white-space: normal;
}

label#phone {
    white-space: normal;
}

a#coreProduct {
    pointer-events: none;
    cursor: default;
}