.s-ec-cart {

    --popup_width: 480px;

    --header_bgColor: #eaeaea;

    --cartIcon_width: 24px;
    --cartIcon_height: 24px;
    /* --cartIconButton_bgColor: #f05050; */
    --cartIconButton_display: block;

    --closeButton_bgColor: #ffffff;
    --closeButton_margin: auto 0 auto auto;
    --closeButton_padding: 5px;
    --closeButton-img_width: 28px;
    --closeButton-img_height: 28px;

    --removeItem_bgColor: #eaeaea;
    --removeItem_padding: 10px 12px;
    --removeItem_borderRadius: 50%;
    --removeItem-img_width: 22px;
    --removeItem-img_height: 22px;

    --continueButton-empty_color: #666666;
    --continueButton-empty_bgColor: #eaeaea;
    --continueButton_bgColor: #aa0000;
    --checkoutButton_bgColor: #4d874d;
    --buttons_flexBasis: 100%;

    --img_webkitFilter: none;
    --img_filter: none;

    /* --item-name_color: inherit; */
    /* --item-quantity_color: inherit; */

    --item-added_color: #222;
    --item-added_padding: 10px 0;

    --counter_color: #fff;
    --counter_bgColor: #ffaa00;
    --counter_fontSize: 13px;
    --counter_margin: -15px 10px 0 0;
    --counter_padding: 4px 8px;
    --counter_boxShadow: none;
    /* --counter_boxShadow: 0px 0px 10px 0px rgba(0,0,0,.5); */

}

/**
 * Popup
 */
.sitesmart-site-content .s-ec-cart--small .s-ec-cart__content {
    width: var(--popup_width);
}

/**
 * Open cart popup
 */
.sitesmart-site-content .s-ec-cart.s-ec-cart--small {
    display: var(--cartIconButton_display);
}

/**
 * Open cart popup button
 */
.sitesmart-site-content .s-ec-cart.s-ec-cart--small .s-ec-cart__button {
    text-align: center;
}

/**
 * Open cart popup button image
 */
.sitesmart-site-content .s-ec-cart__button img {
    -webkit-filter: var(--img_webkitFilter);
    filter: var(--img_filter);

    width: var(--cartIcon_width);
    height: var(--cartIcon_height);
}

/**
 * Content header
 */
.sitesmart-site-content .s-ec-cart--small .s-ec-cart__content-header {
    background-color: var(--header_bgColor);
}

/**
 * Close popup button (x)
 */
.sitesmart-site-content .s-ec-cart__content-close button {
    background-color: var(--closeButton_bgColor);
    padding: var(--closeButton_padding);
}

/**
 * Close button image
 */
.sitesmart-site-content .s-ec-cart__content-close button img {
    width: var(--closeButton-img_width);
    height: var(--closeButton-img_height);

    -webkit-filter: var(--img_webkitFilter);
    filter: var(--img_filter);
}

/**
 * Go to cart/Continue buttons
 */
.sitesmart-site-content .s-ec-cart__content-buttons .sitesmart-button {
    flex-basis: var(--buttons_flexBasis);
}

/**
 * Checkout button
 */
.sitesmart-site-content .s-ec-cart__content-buttons .s-ec-cart__checkout-button {
    background-color: var(--checkoutButton_bgColor);
}

/**
 * Continue button
 */
.sitesmart-site-content .s-ec-cart__content-buttons .sitesmart-button.s-ec-cart__continue-shopping-button {
    background-color: var(--continueButton_bgColor);
}

/**
 * Continue button with no items
 */
.s-ec-cart__items.s-ec-cart__items--empty + .s-ec-cart__content-buttons .sitesmart-button.s-ec-cart__continue-shopping-button {
    color: var(--continueButton-empty_color);
    background-color: var(--continueButton-empty_bgColor);
}

/**
 * Remove item button
 */
.s-ec-cart.s-ec-cart--small .s-ec-cart__item-actions .s-ec-cart__item-remove-button {
    margin: var(--closeButton_margin);
    padding: var(--removeItem_padding);
    background-color: var(--removeItem_bgColor);
    border-radius: var(--removeItem_borderRadius);
}

/**
 * Remove item button image
 */
.s-ec-cart.s-ec-cart--small .s-ec-cart__item-actions .s-ec-cart__item-remove-button img {
    width: var(--removeItem-img_width);
    height: var(--removeItem-img_height);
}

.sitesmart-site-content .s-ec-cart__item-content .s-ec-cart__item-info .s-ec-cart__item-discounted-price-value ~ .s-ec-cart__item-price {
    text-decoration: line-through;
}

.sitesmart-site-content .s-ec-cart__item-actions img {
    -webkit-filter: var(--img_webkitFilter);
    filter: var(--img_filter);
}

/*
.sitesmart-site-content .s-ec-cart.s-ec-cart--small .s-ec-cart__content-header .s-ec-cart__item-content .s-ec-cart__item-name a {
    color: #fff;
}
*/

/**
 * Item counter
 */
.sitesmart-site-content .s-ec-cart__button-counter {
    margin: var(--counter_margin);
    padding: var(--counter_padding);

    background-color: var(--counter_bgColor);

    -moz-box-shadow: var(--counter_boxShadow);
    -webkit-box-shadow: var(--counter_boxShadow);
    box-shadow: var(--counter_boxShadow);
}

/**
 * Item counter text
 */
.sitesmart-site-content .s-ec-cart__button-counter > p {
    font-size: var(--counter_fontSize);
    color: var(--counter_color);
    line-height: normal;
}

/**
 * Item added
 */
.sitesmart-site-content .s-ec-cart__item-added {
    padding: var(--item-added_padding);
}
.sitesmart-site-content .s-ec-cart__item-added,
.sitesmart-site-content .s-ec-cart__item-added p,
.sitesmart-site-content .s-ec-cart__item-added span {
    color: var(--item-added_color);
}
.s-ec-checkout--accordion .s-ec-checkout__tabs {
    padding: 20px 0 20px;
}

.s-ec-checkout .s-ec-checkout__login,
.s-ec-checkout .s-ec-checkout__vat-type,
.s-ec-checkout__user-form-item--country,
.s-ec-checkout .s-ec-checkout__user-form,
.s-ec-checkout .s-ec-checkout__shipping,
.s-ec-checkout .s-ec-checkout__payment,
.s-ec-checkout .s-ec-cart.s-ec-cart--default,
.s-ec-checkout .s-ec-checkout__voucher,
.s-ec-checkout .s-ec-checkout__giftcard,
.s-ec-checkout .s-ec-checkout__right > .s-ec-checkout__user-form-item {
    padding: 10px 0 !important;
}

.s-ec-checkout--accordion .s-ec-checkout__accordion-top-vatType .s-ec-checkout__user-form-item>label > input {
    margin: 0;
}

.s-ec-checkout--accordion .s-ec-checkout__tab-content--active {
    border-bottom: none;
}

@media screen and (max-width: 810px) {
    
    .s-ec-checkout--accordion .s-ec-checkout__accordion-top-vatType,
    .s-ec-checkout--accordion .s-ec-checkout__accordion-top-country {
        flex-basis: 100%;
    }
    
    .s-ec-checkout--accordion .s-ec-checkout__accordion-top-country .s-ec-checkout__user-form-item--country-label {
        flex-basis: auto;
        padding: 0 10px 0 0;
        white-space: nowrap;
    }
    
    .s-ec-checkout--accordion .s-ec-cart__content {
        padding-right: 0;
    }
    
    .s-ec-checkout--accordion .s-ec-cart__totals tr td:last-of-type,
    .s-ec-checkout--accordion .s-ec-checkout__accordion-totals tr td:last-of-type {
        white-space: nowrap;
    }
    
}

@media screen and (max-width: 569px) {
    
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-price {
        display: inline-block;
        /*
        margin-top: 15px;
        */
    }
    
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-sub-name {
        display: block;
        margin: 0 0 10px;
    }
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-sub-name + br {
        display: none;
    }
    
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-stock-description {
        display: block;
        margin-bottom: 10px;
    }
    
    .sitesmart-site-content .s-ec-cart__item-name,
    .sitesmart-site-content .s-ec-cart__item-info {
        padding-right: 0;
    }
    /*
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-total-price
    */
    
}

@media screen and (max-width: 389px) {
    
    /*
    .sitesmart-site-content .s-ec-checkout--accordion .s-ec-cart__item-info .s-ec-cart__item-price {
        display: block;
    }
    */
    
}
.sitesmart-ecommerce-product-wrapper {

    --buyButton_width: 100%;
    --buyButton_height: 70px;
    /* --buyButton_bgColor: #fff; */
    --buyButton_margin: 0;
    /* --buyButton_padding: 0; */

}

/**
 * Add to cart button
 */
.sitesmart-site-content .sitesmart-ecommerce-product-wrapper .s-ec-p__add-to-cart {
    width: var(--buyButton_width);
    height: var(--buyButton_height);
    min-height: var(--buyButton_height);
    max-height: var(--buyButton_height);

    margin: var(--buyButton_margin);
    /* padding: var(--buyButton_padding); */
    /* background-color: var(--buyButton_bgColor); */
}

/**
 * Sticky header
 */
.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
}

.sticky-header .sitesmartEcommerceCombined {
    position: relative;
}

.sticky-header .sitesmartEcommerceCombined__cartPopup.sitesmartEcommerceCombined__cartPopup--open {
    top: 100% !important;
    right: 0 !important;
    left: unset !important;
}
/**
 * Combined Basket variables
 */
.sitesmartEcommerceCombined {

    /**
     * Icons
     */
    --combinedBasket-icons_maxWidth: 24px;
    --combinedBasket-icons_margin: 0px 0px 0px 0px;

    /**
     * Icons - cart
     */
    --combinedBasket-icons--cart_bgColor: #f05050;

    
    /**
     * Item counter: (1) (desktop)
     */
    --combinedBasket-itemCount_color: #fff;
    --combinedBasket-itemCount-fontSize: 12px;
    --combinedBasket-itemCount_bgColor: #ffaa00;


    /**
     * Search popup wrapper
     */
    --searchPopup_maxWidth: 800px;
    --searchPopup_bgColor: rgba(230, 230, 230, 0.8);

    /**
     * Search popup input
     */
    --searchPopup-input_bgColor: #fff;


    /**
     * Cart popup - continue button
     */
    --cartPopup-continueButton_margin: 0 40px;
    --cartPopup-continueButton_color: #666666;
    --cartPopup-continueButton_bgColor: #eaeaea;
    --cartPopup-continueButton-border: 0px solid #fff;
    --cartPopup-continueButton_borderRadius: 6px;

    /**
     * Cart Popup - Cart info, e.g: ('Your cart is empty.')
     */
    --cartPopup-cartInfo_margin: 20px 40px 10px;

}

/**
 * Combined Basket item - icons
 */
.sitesmartEcommerceCombined__itemContent img {
    max-width: var(--combinedBasket-icons_maxWidth);
    margin: var(--combinedBasket-icons_margin);
}

/**
 * Combined Basket item - cart
 */
.sitesmartEcommerceCombined__item--cart-v3,
.sitesmartEcommerceCombined__item--cart a {
    background-color: var(--combinedBasket-icons--cart_bgColor);
}

/**
 * Combined Basket - search popup
 */
.sitesmartEcommerceCombined__searchPopup {
    width: 100%;
    left: 0;
}

/**
 * Combined Basket - Search popup (opened)
 */
.sitesmartEcommerceCombined__searchPopup.sitesmartEcommerceCombined__searchPopup--open {
    margin-left: 0 !important;
}

/**
 * Combined Basket - Search popup
 * 
 * wrapper
 */
.sitesmartEcommerceCombined__searchPopup .sitesmartEcommerceCombined__searchPopupCenter {
    max-width: var(--searchPopup_maxWidth);
    background-color: var(--searchPopup_bgColor);
}

/**
 * Combined Basket - Search popup
 * 
 * input
 */
.sitesmartEcommerceCombined__searchPopup .sitesmartEcommerceCombined__searchPopupCenter input {
    background-color: var(--searchPopup-input_bgColor);
}

/**
 * Combined Basket
 * 
 * Item count bubble: (1)
 */
li.sitesmartEcommerceCombined__item p.no {
    background-color: var(--combinedBasket-itemCount_bgColor);
    font-weight: normal;
    font-size: var(--combinedBasket-itemCount-fontSize);
    margin-left: 19px;
    margin-top: -14px;
    width: 24px;
}

/**
 * Combined Basket - Cart popup
 * 
 * Cart info, e.g: ('Your cart is empty.')
 */
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__cartInfo {
    margin: var(--cartPopup-cartInfo_margin);
}

/**
 * Combined Basket - Cart popup
 * 
 * continue button
 */
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__continueButton {
    -webkit-border-radius: var(--cartPopup-continueButton_borderRadius);
    -moz-border-radius: var(--cartPopup-continueButton_borderRadius);
    border-radius: var(--cartPopup-continueButton_borderRadius);
    background-color: var(--cartPopup-continueButton_bgColor);
    color: var(--cartPopup-continueButton_color);
    border: var(--cartPopup-continueButton-border);
    margin: var(--cartPopup-continueButton_margin);
}

/**
 * Combined Basket - Cart popup
 * 
 * Quantity + Remove buttons
 */
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__addItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__itemQuantity,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemButton {
    background-color: #eaeaea;
}
html {
    font-size: 100%;
}

@media screen and (max-width: 1460px) {
    
    html {
        font-size: 90%;
    }
    
}

@media screen and (max-width: 1280px) {
    
    html {
        font-size: 85%;
    }
    
}

@media screen and (max-width: 1025px) {
    
    html {
        font-size: 80%;
    }
    
}

@media screen and (max-width: 769px) {

    h1 {
        font-size: 2.0rem !important;
    }

    h2 {
        font-size: 1.25rem !important;
    }
    h3 {
        font-size: 1.5rem !important;
    }
    
    
}

@media screen and (max-width: 569px) {

    h1 {
        font-size: 1.9rem !important;
    }

    h2 {
        font-size: 1.25rem !important;
    }
    h3 {
        font-size: 1.5rem !important;
    }
    
    
}

@media screen and (max-width: 412px) {
    
    h1 {
        font-size: 1.9rem !important;
    }

    h2 {
        font-size: 1.25rem !important;
    }
    h3 {
        font-size: 1.5rem !important;
    }
    
}

/**
 * Push content (behind menu) down
 */
@media screen and (max-width: 810px) {

    body.sitesmart-site-content {
        padding-top: 53px;
    }

}
/**
 * Product variables
 */
.sitesmart-ecommerce-product-wrapper {

    /**
     * Product wrapper
     */
    --product-wrapper_margin: 0 0 20px 0;


    /**
     * Image wrapper
     */
    --image-wrapper_margin: 0 0 40px 0;


    /**
     * Main image
     */
    --mainImage-image_maxHeight: 600px;

    /**
     * Product name
     */
    --productName_fontSize: 2.8rem;
    --productName_fontSize--mobile: 2rem;
    --productName_fontWeight: 800;
    --productName_color: #222222;

     /**
      * Product secondary name (extra info)
      */
    --productSecondaryName_fontSize: 1.25rem;
    --productSecondaryName_fontSize--mobile: 1.25rem;
    --productSecondaryName_fontWeight: 300;
    --productSecondaryName_color: #222222;

    
    /**
     * Price wrapper
     */
    --price-wrapper_margin: 10px 0 0 0;

    /**
     * Price value
     */
    --priceValue_fontSize: 1.5rem;
    --priceValue_color: #222222;
    --priceValue_fontWeight: 800;
    --priceValue_lineHeight: 1.2em;
    
    /**
     * Price value with discount/campaign
     */
    --priceValue_fontSize--campaign: 1.5rem;
    --priceValue_color--campaign: #a00;

    /**
     * Price saved text/value
     */
    --priceSaved_color: #222222;
    --priceSaved_fontSize: 1.4rem;
    --priceSaved_fontWeight: 400;
    --priceSaved_lineHeight: 1.4em;


    /**
     * Cart form
     */
    --cartForm_margin: 0 0 0 0;
    --cartForm_padding: 20px 20px 20px 0;
    --cartForm_padding--mobile: 20px 0 20px 0;

    /**
     * Cart form - Quantity
     */
    --quantity-wrapper_bgColor: #eee;
    --quantity-wrapper_margin: 10px 0;
    --quantity-wrapper_padding: 0 5px;
    --quantity-wrapper_border: 1px solid #fff;
    --quantity-wrapper_borderRadius: 30px;

    /**
     * Cart form - Quantity arrows/input
     */
    --quantity-input_padding: 0;
    --quantity-arrowUp_padding: 0;
    --quantity-arrowDown_padding: 0;

    /**
     * Cart form - buy button
     */
    --buyButton_color: #fff;
    --buyButton_color--hover: #fff;

    --buyButton_bgColor: #4d874d;
    --buyButton_bgColor--hover: #7ba869;

    --buyButton_border: 0px solid #fff;
    --buyButton_fontSize: 1rem;
    --buyButton_fontWeight: 300;
    --buyButton_letterSpacing: 4px;
    --buyButton_borderRadius: 30px;


    /**
     * Actions
     */
    --actions-wrapper_margin: 10px 0 20px 0;
    --actions-wrapper_margin--mobile: 10px 0 20px 0;
    --actions-action_margin: 0 0 20px 0;
    --actions-action_margin--mobile: 0 0 10px 0;
    --actions-icons_width: 30px;
    --actions-icons_maxWidth: 30px;


    /**
     * Company
     */
    --company-image_maxWidth: 135px;


    /**
     * Variation
     */
    --variation-wrapper_margin: 20px 0 0 0;
    --variation-labels-wrapper_padding: 5px 0 15px 0;
    --variation-label_width: auto;
    --variation-label-image_maxWidth: 50px;


    /**
     * Short description
     */
    --shortDescription_margin: 20px 0 0 0;

}


/**
 * Product wrapper
 */
.sitesmart-ecommerce-product-wrapper {
    margin: var(--product-wrapper_margin);
}

/**
 * Image wrapper
 */
.sitesmart-ecommerce-product-wrapper .image-wrapper {
    margin: var(--product-imageWrapper_margin);
}

/**
 * Main image
 */
.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper img {
    max-height: var(--mainImage-image_maxHeight) !important;
}

/**
 * Document/Files
 */
.sitesmart-ecommerce-product-wrapper .pure-g-r.sitesmart-hide.sitesmart-hide-sm > div:first-of-type > .doc-link,
.sitesmart-ecommerce-product-wrapper .pure-g-r.sitesmart-hide-md.sitesmart-hide-lg > div:first-of-type > .doc-link {
    margin-top: 20px;
}

/**
 * Product name
 */
.sitesmart-ecommerce-product-wrapper .name {
    font-size: var(--productName_fontSize);
    font-weight: var(--productName_fontWeight);
    color: var(--productName_color);
}

/**
 * Product secondary name
 */
.sitesmart-ecommerce-product-wrapper .secondary-name {
    font-size: var(--productSecondaryName_fontSize);
    font-weight: var(--productSecondaryName_fontWeight);
    color: var(--productSecondaryName_color);
}

/**
 * Price wrapper
 */
.sitesmart-ecommerce-product-wrapper .price-wrapper {
    margin: var(--price-wrapper_margin) !important;
}

/**
 * Product price value
 */
.sitesmart-ecommerce-product-wrapper .price {
    font-size: var(--priceValue_fontSize);
    font-weight: var(--priceValue_fontWeight);
    line-height: var(--priceValue_lineHeight);
    color: var(--priceValue_color);
}

/**
 * Product price value with discount/campaign
 */
.sitesmart-ecommerce-product-wrapper.sitesmart-ecommerce-campaign .price {
    font-size: var(--priceValue_fontSize--campaign);
    color: var(--priceValue_color--campaign);
}

/**
 * Product price saved text/value
 */
.sitesmart-ecommerce-product-wrapper .offer-price-saved,
.sitesmart-ecommerce-product-wrapper .offer-price-saved-text {
    font-size: var(--priceSaved_fontSize);
    font-weight: var(--priceSaved_fontWeight);
    line-height: var(--priceSaved_lineHeight);
    color: var(--priceSaved_color);
}

/**
 * Product SKU
 */
.sitesmart-ecommerce-product-wrapper .ssihs.sku-wrapper {
    
}

/**
 * Add to cart button + Quantity field wrapper
 */
.sitesmart-ecommerce-add-to-cart {
    margin: var(--cartForm_margin);
    padding: var(--cartForm_padding);
}

/**
 * Quantity field (up/down)
 */
.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 {
    display: flex;
    align-items: center;
    margin: var(--quantity-wrapper_margin) !important;
    background-color: var(--quantity-wrapper_bgColor) !important;
    border: var(--quantity-wrapper_border) !important;
    padding: var(--quantity-wrapper_padding);
    border-radius: var(--quantity-wrapper_borderRadius);
}

/**
 * Add to cart button wrapper
 */
.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper.add-to-cart-wrapper--warning,
.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper.alt-2 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-bottom: 0px !important;
    padding-left: 25px;
}

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 input,
.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .down-arrow,
.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .up-arrow {
    padding: 0 !important;
}

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .up-arrow {
    padding-right: 5px !important;
}

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .down-arrow {
    padding-left: 5px !important;
}

/**
 * Buy button
 */
.sitesmart-ecommerce-product-wrapper .sitesmart-ecommerce-buy-button,
.sitesmart-ecommerce-comparisons .sitesmart-ecommerce-buy-button {
    background-color: var(--buyButton_bgColor);
    color: var(--buyButton_color);
    border: var(--buyButton_border);
    font-size: var(--buyButton_fontSize);
    font-weight: var(--buyButton_fontWeight);
    letter-spacing: var(--buyButton_letterSpacing);
    border-radius: var(--buyButton_borderRadius) !important;
    transition: background-color 0.2s ease-in-out;
}
 
.sitesmart-ecommerce-product-wrapper .sitesmart-ecommerce-buy-button:hover,
.sitesmart-ecommerce-product-wrapper .sitesmart-ecommerce-buy-button-selection:hover,
.sitesmart-ecommerce-comparisons .sitesmart-ecommerce-buy-button:hover,
.sitesmart-ecommerce-comparisons .sitesmart-ecommerce-buy-button-selection:hover {
    background-color: var(--buyButton_bgColor--hover);
    color: var(--buyButton_color--hover);
}

/**
 * Actions wrapper
 */
.sitesmart-ecommerce-product-wrapper .product-actions-wrapper {
    margin: var(--actions-wrapper_margin);
}

/**
 * Actions
 */
.sitesmart-ecommerce-product-wrapper .stock-description-wrapper,
.sitesmart-ecommerce-product-wrapper .favourite-wrapper,
.sitesmart-ecommerce-product-wrapper .compare-wrapper {
    margin: var(--actions-action_margin);
}

/**
 * Action images
 */
.sitesmart-ecommerce-product-wrapper .default-icon,
.sitesmart-review-wrapper .default-icon,
.sitesmart-comment-wrapper .default-icon,
.shipping-wrapper img,
.payment-wrapper img {
    width: var(--actions-icons_width);
    max-width: var(--actions-icons_maxWidth);
}

/**
 * Data tables wrapper
 */
.specification-wrapper {
    background-color: #eaeaea !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/**
 * Company image
 */
.sitesmart-ecommerce-product-wrapper .right-wrapper .header-wrapper + div.pure-u-lg-1-2 > img {
    max-width: var(--company-image_maxWidth);
}

/**
 * Variation wrapper
 */
.sitesmart-ecommerce-product-wrapper .variation-wrapper {
    margin: var(--variation-wrapper_margin);
}

/**
 * Variation labels wrapper
 */
.ecommerce-variation-color-labels__wrapper {
    padding: var(--variation-labels-wrapper_padding);
}

/**
 * Variation item
 */
.ecommerce-variation-color-labels__wrapper .ecommerce-variation-color-labels__item {
    width: var(--variation-label_width);
}

/**
 * Variation images
 */
.ecommerce-variation-color-labels__wrapper .ecommerce-variation-color-labels__item:not(.ecommerce-variation-color-labels__item--presentation) img {
    max-width: var(--variation-label-image_maxWidth);
}

/**
 * Short description
 */
.sitesmart-ecommerce-product-wrapper .description-wrapper > .ssihs.sku-wrapper.weight-wrapper.size-wrapper + .ssihs.short-description {
    margin: var(--shortDescription_margin);
}

/**
 * Close button on image popup
 */
.mfp-container .mfp-figure .mfp-close {
    background-color: #fff !important;
    opacity: 1 !important;
    margin-right: 6px !important;
    margin-top: -4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/**
 * Background filter
 */
.mfp-bg {
    background-color: #fff;
}

/**
 * Picture index
 */
.mfp-container .mfp-counter {
    font-family: Roboto;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.mfp-figure:after {
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.5);
}

/**
 * Review form
 */
.sitesmart-tac__item #productTab-reviews form > fieldset {
    padding-left: 20px;
    padding-right: 20px;
}

/**
 * Review form
 */
.sitesmart-tac__item #productTab-reviews form > fieldset > legend:first-of-type {
    padding-top: 10px;
}

/**
 * --tablet
 */
@media screen and (max-width: 1280px) {

}

/**
 * --tablet-sm
 */
@media screen and (max-width: 1024px) {

    /**
     * Review form
     */
    .reviewForm-rating-wrapper,
    .commentForm-rating-wrapper {
        padding-left: 0;
    }

    /**
     * Review form
     */
    .reviewForm-header-wrapper,
    .commentForm-userName-wrapper {
        padding-right: 0;
    }

}

@media screen and (max-width: 810px) {

    .sitesmart-ecommerce-add-to-cart {
        padding: var(--cartForm_padding--mobile) !important;
    }

    .add-to-cart-wrapper.alt-2 {
        padding-left: 15px !important;
    }

    .sitesmart-ecommerce-product-wrapper .product-actions-wrapper {
        margin: var(--actions-action_margin--mobile);
    }

    .sitesmart-ecommerce-product-wrapper .stock-description-wrapper,
    .sitesmart-ecommerce-product-wrapper .favourite-wrapper,
    .sitesmart-ecommerce-product-wrapper .compare-wrapper {
        margin: var(--actions-action_margin--mobile);
    }

}

/**
 * --mobile
 */
@media screen and (max-width: 569px) {

}

/**
 * --mobile-md
 */
@media screen and (max-width: 420px) {

}

/**
 * --mobile-sm
 */
@media screen and (max-width: 320px) {

}
/**
 * Product page tabs variables
 */
.sitesmart-tac {

    /**
     * Items
     */
    --items-wrapper_padding: 15px 0;

    /**
     * Item
     */
    --item-label_color: #fff;
    --item-label_fontSize: 0.95rem;
    --item-label_lineHeight: 1.8em;
    --item-label_fontWeight: 400;
    --item-label_margin: 0;
    --item-label_padding: 20px 40px 10px;
    --item-label_padding--mobile: 10px 40px;
    --item-label_bgColor: #0e7548;

    --item-label-arrow_color: #fff;

    --item-wrapper_color: #222;
    --item-wrapper_bgColor: #fff;

    --item-content_color: #222;
    --item-content_padding--mobile: 20px 20px;

}

/**
 * Tab items wrapper
 */
.sitesmart-tac {
    justify-content: space-evenly;
    background-color: #fff;
}

/**
 * Tab item wrapper
 */
.sitesmart-tac .sitesmart-tac__item {
    display: block;
    background-color: var(--item-wrapper_bgColor);
    color: var(--item-wrapper_color);
    width: auto;
}

/**
 * Tab label
 */
.sitesmart-tac label {
    color: var(--item-label_color);
    margin: var(--item-label_margin) !important;
    padding: var(--item-label_padding);
    background-color: var(--item-label_bgColor) !important;

    font-size: var(--item-label_fontSize);
    font-weight: var(--item-label_fontWeight);
    line-height: var(--item-label_lineHeight);
}

/**
 * Tab arrow
 */
 .sitesmart-tac input[type=radio]+label .fi.fi-play,
.sitesmart-tac input[type=checkbox]+label .fi.fi-play {
    color: var(--item-label-arrow_color);
}

/**
 * Active tab
 */
.sitesmart-tac input[type=radio]:checked+label,
.sitesmart-tac input[type=checkbox]:checked+label {
    position: relative;
    background-color: #fff;
    color: #fff;
}

/**
 * Active tab - arrow
 */
.sitesmart-tac input[type=radio]:checked + label img,
.sitesmart-tac input[type=checkbox]:checked + label img {
    position: absolute;
    display: block;
    width: 7px;
    top: 70%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-filter: invert(1) contrast(1) brightness(6);
            filter: invert(1) contrast(1) brightness(6);
}

/**
 * Active tabs content
 */
.sitesmart-tac input[type=radio]:checked+label+.sitesmart-tac__item,
.sitesmart-tac input[type=checkbox]:checked+label+.sitesmart-tac__item {
    background-color: #fff;
}

/**
 * Item content text
 */
.sitesmart-tac .sitesmart-tac__item h2,
.sitesmart-tac .sitesmart-tac__item h3,
.sitesmart-tac .sitesmart-tac__item h4,
.sitesmart-tac .sitesmart-tac__item h5,
.sitesmart-tac .sitesmart-tac__item h6,
.sitesmart-tac .sitesmart-tac__item p,
.sitesmart-tac .sitesmart-tac__item td,
.sitesmart-tac .sitesmart-tac__item th {
    color: var(--item-content_color);
}

.sitesmart-tac label img {
    display: none;
}

/**
 * Table row data (text on the left side)
 */
.sitesmart-tac #productTab-spec table tr td:first-of-type {
    width: auto;
}

@media screen and (min-width: 769px) {
    
    .sitesmart-tac {
        display: grid;
        grid-auto-columns: 1fr;
        grid-auto-flow: column;
    }
    
    .sitesmart-tac .sitesmart-tac__item-wrapper {
        padding: var(--item-wrapper_padding);
    }
    
    .sitesmart-tac .sitesmart-tac__item-wrapper:last-of-type {
        border-right: none;
    }
    
}

@media screen and (max-width: 769px) {
    
    .sitesmart-tac .sitesmart-tac__item-wrapper,
    .sitesmart-tac .sitesmart-tac__item-wrapper label {
        width: 100%;
        box-sizing: border-box;
    }

    .sitesmart-tac input[type=radio]:checked + label img,
    .sitesmart-tac input[type=checkbox]:checked + label img {
        display: none;
    }

    .sitesmart-tac label {
        padding: var(--item-label_padding--mobile);
    }

    .sitesmart-tac input[type=radio]:checked+label+.sitesmart-tac__item,
    .sitesmart-tac input[type=checkbox]:checked+label+.sitesmart-tac__item {
        padding: var(--item-content_padding--mobile) !important;
    }

}
/**
 * Product list variables
 */
 .sitesmart-ecommerce-product-list {

    /**
     * Wrapper
     */
    --product-wrapper_padding: 10px;
    --product-wrapper_padding--tablet: 10px;
    --product-wrapper_padding--mobile: 1%;


    /**
     * Content wrapper
     */
    --content-wrapper_border: 1px solid #ffffff;
    --content-wrapper_padding: 0px 20px;
    --content-wrapper_padding--tablet: 0 20px;
    --content-wrapper_padding--tablet-sm: 0 10px;
    --content-wrapper_padding--mobile: 0 4%;


    /**
     * Label
     */
    --label-wrapper_margin: 0px 0px 0px 0px;
    --label-image_maxWidth: 100%;


    /**
     * Image
     */
    --image_maxHeight: 400px;
    --image-wrapper_height: auto;


    /**
     * Product name
     */
    --name_color: #222222;
    --name_fontSize: 1.3rem;
    --name_fontSize--mobile: 1.2rem;
    --name_fontSize--mobile-sm: 1.2rem;
    --name_fontSize--mobile-xs: 1.2rem;
    --name_fontWeight: 400;
    --name_lineHeight: 25px;
    --name_height: auto;
    --name_padding: 0;
    --name_textAlign: left;


    /**
     * Product sub name (extra info)
     */
    --subName_color: #666666;
    --subName_fontSize: 1rem;
    --subName_fontSize--mobile: 0.95rem;
    --subName_fontSize--mobile-sm: 0.95rem;
    --subName_fontSize--mobile-xs: 0.95rem;
    --subName_fontWeight: 400;
    --subName_lineHeight: 1.6em;
    --subName_padding: 5px 20px 5px 0;
    --subName_margin: 0 0 auto 0;
    --subName_maxHeight: 50px;
    --subName_textAlign: left;


    /**
     * Description
     */
    --description_color: #666666;
    --description_fontSize: 1.0rem;
    --description_lineHeight: 1.6em;
    --description_margin: 0px;
    --description_padding: 0px;
    --description_textAlign: left;

    --description-wrapper_height: 100px;
    --description-wrapper_padding: 0px;
    --description-wrapper_margin: 0px 0px 10px 0px;


    /**
     * SKU
     */
    --sku-textAlign: left;


    /**
     * Stock description
     */
    --stockDescription-icon_maxWidth: 29px;
    --stockDescription-icon_maxWidth--mobile: 24px;
    --stockDescription-text_padding: 5px 0 5px 5px;
    --stockDescription-text_fontSize--mobile: 0.85rem;


    /**
     * Price
     */
    --price-wrapper_padding: 0 0 10px 0;

    --price-value_color: #666666;
    --price-value_color--campaign: #a00;

    --price-value_fontSize: 1.0rem;
    --price-value_fontSize--mobile: 0.8rem;

    --price-suffix_color: #666666;
    --price-suffix_color--campaign: #666666;
    --price-suffix_fontSize: 1.0rem;
    --price-suffix_fontSize--mobile: 0.8rem;

    --price-original_color: #666666;
    --price-original_fontSize: 1.0rem;
    --price-original_fontSize--mobile: 0.8rem;
    --price-original_padding: 5px 0;
    

    /**
     * Buy button
     */
    --buyButton_color: #ffffff;
    --buyButton_bgColor: #47987d;

    --buyButton-wrapper_margin: 0;
    --buyButton-wrapper_padding: 0;


    /**
     * Add to favourite
     */
    --favourite-icon_strokeWidth: 1.8px;

    --favourite-icon_stroke: #000000;
    --favourite-icon_stroke--active: #f05050;

    --favourite-icon_fill: none;
    --favourite-icon_fill--active: #f05050;

    --favourite_padding: 3px 10px 0 0;
    --favourite_align: right;


    /**
     * Padgination
     */
    --pagination-buttons_padding: 5px 15px;

    --pagination-buttons_fontSize: 1.12rem;

    --pagination-buttons_color: #666666;
    --pagination-buttons_color--hover: #ffffff;
    /* --pagination-buttons_color--active: #ffffff; */
    --pagination-buttons_color--disabled: #666666;
    --pagination-buttons_color--disabled-hover: #666666;

    --pagination-buttons_bgColor: #dddddd;
    /* --pagination-buttons_bgColor--active: #222222; */
    --pagination-buttons_bgColor--hover: #222222;
    --pagination-buttons_bgColor--disabled: #eeeeee;
    --pagination-buttons_bgColor--disabled-hover: #eeeeee;
    
    --variation-labels-wrapper_padding: 5px 0 15px 0;
    --variation-label_width: 16.666666667%;

}

/**
 * Product wrapper
 */
.sitesmart-ecommerce-product-list .sitesmart-ecommerce-list .item-wrapper {
    /* display: grid; */
    padding: var(--product-wrapper_padding);
}

/**
 * Product wrapper with - buy button / read-more button / quick-look button
 */
/* .sitesmart-ecommerce-product-list .sitesmart-ecommerce-list .item-wrapper.buy-button,
.sitesmart-ecommerce-product-list .sitesmart-ecommerce-list .item-wrapper.read-more-button,
.sitesmart-ecommerce-product-list .sitesmart-ecommerce-list .item-wrapper.quick-look-button {
    padding-bottom: calc(var(--product-wrapper_padding) + 5px);
} */

/**
 * Label wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .image-label,
.sitesmart-ecommerce-list .item-wrapper .image-color-label {
    margin-left: var(--label-wrapper_margin) !important;
}

/**
 * Label image
 */
.sitesmart-ecommerce-list .item-wrapper .image-label img,
.sitesmart-ecommerce-list .item-wrapper .image-color-label img {
    max-width: var(--label-image_maxWidth);
}

/**
 * Content wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

/**
 * Content wrapper with - buy button / read-more button / quick-look button
 */
.sitesmart-ecommerce-list .item-wrapper.buy-button .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper.read-more-button .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper.quick-look-button .content-wrapper {
    display: flex;
    flex-flow: column;
    /* height: 100%; */
}

/**
 * Productslideshow content wrapper with - buy button / read-more button / quick-look button
 */
.sitesmart-ecommerce-list .productSlideshow .item-wrapper.buy-button .content-wrapper,
.sitesmart-ecommerce-list .productSlideshow .item-wrapper.read-more-button .content-wrapper,
.sitesmart-ecommerce-list .productSlideshow .item-wrapper.quick-look-button .content-wrapper {
    height: auto;
}

.sitesmart-ecommerce-list .item-wrapper .hover,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover {
    border: var(--content-wrapper_border);
    overflow: hidden;
}

.sitesmart-ecommerce-list .item-wrapper .content-wrapper .padding {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;

    padding: var(--content-wrapper_padding);
}

/**
 * Image wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .image {
    height: var(--image-wrapper_height);
}

/**
 * Image link
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .image a {
    padding: 0;
    margin: 0;
}

/**
 * Image
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .image img {
    max-height: var(--image_maxHeight);
}

/**
 * Name
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .name {
    color: var(--name_color);
    font-size: var(--name_fontSize);
    font-weight: var(--name_fontWeight);
    line-height: var(--name_lineHeight);
    height: var(--name_height);
    padding: var(--name_padding);
    text-align: var(--name_textAlign);
    white-space: normal;
}

/**
 * Sub name / Extra info
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .subName {
    color: var(--subName_color);
    font-size: var(--subName_fontSize);
    font-weight: var(--subName_fontWeight);
    line-height: var(--subName_lineHeight);
    max-height: var(--subName_maxHeight);
    margin: var(--subName_margin);
    padding: var(--subName_padding);
    text-align: var(--subName_textAlign);
    overflow: hidden;
    width: 100%;
}

/**
 * Description wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .listDescription {
    height: var(--description-wrapper_height);
    margin: var(--description-wrapper_margin);
    padding: var(--description-wrapper_padding);
}

/**
 * Description
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .listDescription p {
    color: var(--description_color);
    font-size: var(--description_fontSize);
    line-height: var(--description_lineHeight);
    margin: var(--description_margin);
    padding: var(--description_padding);
    text-align: var(--description_textAlign);
}

/**
 * Sku wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .hover .sku:not(.ssih),
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .sku:not(.ssih) {
    text-align: var(--sku-textAlign);
}

/**
 * Stock description wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .stock-description-wrapper {
    display: flex;
    align-items: center;
    min-height: 35px;
}

/**
 * Stock description icon
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .product-list-stock-icon,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .stock-description-wrapper img {
    max-width: var(--stockDescription-icon_maxWidth);
}

/**
 * Stock description text
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .stock-description-wrapper .stock-description {
    padding: var(--stockDescription-text_padding);
}

/**
 * Price wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding: var(--price-wrapper_padding);
}

/**
 * Price value
 */
.sitesmart-ecommerce-list .item-wrapper .price-value {
    color: var(--price-value_color);
    font-size: var(--price-value_fontSize);
}

/**
 * Price value with discount
 */
.sitesmart-ecommerce-list .item-wrapper.sitesmart-ecommerce-campaign .price-value {
    color: var(--price-value_color--campaign);
}

/**
 * Price suffix
 */
.sitesmart-ecommerce-list .item-wrapper .price-suffix {
    color: var(--price-suffix_color);
    font-size: var(--price-suffix_fontSize);
}

/**
 * Price suffix with discount
 */
.sitesmart-ecommerce-list .item-wrapper.sitesmart-ecommerce-campaign .price-suffix {
    color: var(--price-suffix_color--campaign);
}

/**
 * Price original
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .price-orig,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .price-original {
    color: var(--price-original_color);
    font-size: var(--price-original_fontSize);
    padding: var(--price-original_padding);
}

/**
 * Action button wrappers
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .read-more,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .quick-look,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-comparison,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .read-more,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .quick-look,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-favourite,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-comparison {
    background-color: transparent !important;
    overflow: hidden;
}

/**
 * Action button links
 */
/* .sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .read-more a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .quick-look a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-comparison a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .read-more a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .quick-look a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-favourite a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .add-comparison a {

} */

/**
 * Add to favourite wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .hover-overlay .hover-overlay-button-wrapper.add-favourite {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    text-align: var(--favourite_align);
    border-bottom: none;
}

/**
 * Show add to favourite on hover
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper:hover .hover-overlay .hover-overlay-button-wrapper.add-favourite {
    display: block !important;
}

/**
 * Add to favourite link
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a {
    background-color: transparent !important;
    padding: var(--favourite_padding);
}

/**
 * Add to favourite icon
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a svg {
    width: 30px;
}

/**
 * Add to favourite icon [svg] path
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a .favourite-icon-svg {
    fill: var(--favourite-icon_fill);
    stroke: var(--favourite-icon_stroke);
    stroke-miterlimit: 10;
    stroke-width: var(--favourite-icon_strokeWidth);
}

/**
 * Add to favourite icon (active)
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .add-favourite a.sitesmart-favourite-active .favourite-icon-svg {
    fill: var(--favourite-icon_fill--active);
    stroke: var(--favourite-icon_stroke--active);
}

/**
 * Buy button wrapper
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy {
    margin: var(--buyButton-wrapper_margin);
    padding: var(--buyButton-wrapper_padding);
}

/**
 * Buy button link
 */
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .list-buttons .buy a,
.sitesmart-ecommerce-list .item-wrapper .content-wrapper .hover .list-buttons .buy a {
    background-color: var(--buyButton_bgColor) !important;
    color: var(--buyButton_color) !important;
}

/**
 * Pagination buttons
 */
.sitesmart-site-content .sitesmart-pagination a {
    display: inline-block;
    font-size: var(--pagination-buttons_fontSize);
    padding: var(--pagination-buttons_padding);
    background-color: var(--pagination-buttons_bgColor);
    color: var(--pagination-buttons_color);
}

/**
 * Pagination buttons (hover)
 */
.sitesmart-site-content .sitesmart-pagination a:hover {
    background-color: var(--pagination-buttons_bgColor--hover);
    color: var(--pagination-buttons_color--hover);
}

/**
 * Pagination buttons (active)
 */
/* .sitesmart-site-content .sitesmart-pagination a.active {
    background-color: var(--pagination-buttons_bgColor--active);
    color: var(--pagination-buttons_color--active);
} */

/**
 * Pagination buttons (disabled)
 */
.sitesmart-site-content .sitesmart-pagination a.disabled {
    background-color: var(--pagination-buttons_bgColor--disabled);
    color: var(--pagination-buttons_color--disabled);
}

/**
 * Pagination buttons (disabled - hover)
 */
.sitesmart-site-content .sitesmart-pagination a.disabled:hover {
    background-color: var(--pagination-buttons_bgColor--disabled-hover);
    color: var(--pagination-buttons_color--disabled-hover);
}


/**
 * Maximum tablet screen width
 */
@media screen and (max-width: 1280px) {

    /**
     * Show Add to favourite button
     */
     .sitesmart-ecommerce-list .item-wrapper .hover-overlay .hover-overlay-button-wrapper.add-favourite {
        display: block !important;
    }

    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .padding {
        padding: var(--content-wrapper_padding--tablet) !important;
    }

}

@media screen and (max-width: 1024px) {

    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .padding {
        padding: var(--content-wrapper_padding--tablet-sm) !important;
    }

}


@media screen and (max-width: 569px) {

    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .name {
        font-size: var(--name_fontSize--mobile);
    }

    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .subName {
        font-size: var(--subName_fontSize--mobile);
    }

    /**
     * Product wrapper
     */
    .sitesmart-ecommerce-product-list .sitesmart-ecommerce-list .item-wrapper {
        padding: var(--product-wrapper_padding--mobile);
    }

    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .padding {
        padding: var(--content-wrapper_padding--mobile) !important;
    }

    /**
     * Stock description text
     */
    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .stock-description-wrapper .stock-description {
        font-size: var(--stockDescription-text_fontSize--mobile);
    }

    /**
     * Stock description icon
     */
    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .product-list-stock-icon,
    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .stock-description-wrapper img {
        max-width: var(--stockDescription-icon_maxWidth--mobile);
    }

    /**
     * Price value
     */
    .sitesmart-ecommerce-list .item-wrapper .price-value {
        font-size: var(--price-value_fontSize--mobile);
    }

    /**
     * Price suffix
     */
    .sitesmart-ecommerce-list .item-wrapper .price-suffix {
        font-size: var(--price-suffix_fontSize--mobile);
    }
    
    /**
     * Price original
     */
    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .price-orig,
    .sitesmart-ecommerce-list .item-wrapper .content-wrapper .price-original {
        font-size: var(--price-original_fontSize--mobile);
    }

}

@media screen and (max-width: 420px) {

}

@media screen and (max-width: 320px) {

}


/**
 * Productslideshow
 */

.productSlideshow .productSlideshow-viewport .productSlideshow-container .productSlideshow-slide .productSlideshow-slide-inner {
    height: 100%;
}
.productSlideshow .productSlideshow-viewport .productSlideshow-container .productSlideshow-slide._2-slides .image-label>a>img {
    width: unset;
}
.productSlideshow .productSlideshow-viewport .productSlideshow-container .productSlideshow-slide .productSlideshow-slide-inner {
    overflow: visible;
}
.productSlideshow .productSlideshow-viewport .productSlideshow-container .productSlideshow-slide {
    padding-right: 5px;
}
.productSlideshow .productSlideshow-viewport .productSlideshow-container .productSlideshow-slide .productSlideshow-slide-inner .item-wrapper {
    padding: 0px 0;
    height: 100%;
}
.productSlideshow .productSlideshow-viewport .productSlideshow-container {
    margin-left: 0;
}
.productSlideshow[data-products="6"] .productSlideshow-slide {max-width: 16.6666666667%;}
.productSlideshow[data-products="5"] .productSlideshow-slide {max-width: 20%;}
.productSlideshow[data-products="4"] .productSlideshow-slide {max-width: 25%;}
.productSlideshow[data-products="3"] .productSlideshow-slide {max-width: 33.3333333333%;}
.productSlideshow[data-products="2"] .productSlideshow-slide {max-width: 50%;}
/**
 * Checkout
 */

 .sitesmart-site-content form.sitesmart-ecommerce-checkout .shipping-wrapper {
    padding-left: 20px;
}

.cart-wrapper,
.notice-wrapper,
.sitesmart-ecommerce-checkout--3 .sitesmart-checkout-row .right-wrapper {
    padding: 0px;
}

@media screen and (max-width: 809px) {
    
    .cart-wrapper,
    .notice-wrapper,
    .sitesmart-ecommerce-checkout--3 .sitesmart-checkout-row .right-wrapper {
        margin-top: 20px;
    }
    
}

.notice-wrapper div div,
.cart-wrapper-inner {
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #dddddd !important;
    background-color: #ffffff;
}

.notice-wrapper p {
    padding-top: 0px;
    padding-bottom: 0px;
}

.customer-input-wrapper-left {
    padding-right: 5px;
}

.customer-input-wrapper-right {
    padding-left: 5px;
}

.sitesmart-site-content form.sitesmart-ecommerce-checkout .ecommerce-alternative-customer-address {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

@media screen and (min-width: 810px) {
    
    .sitesmart-ecommerce-checkout--3 .sitesmart-checkout-row .left-wrapper {
    	padding-right: 10px;
	}

    .sitesmart-ecommerce-checkout--3 .sitesmart-checkout-row .right-wrapper {
        padding-left: 10px;
    }
    
}

@media screen and (max-width: 810px) {

    .sitesmart-site-content form.sitesmart-ecommerce-checkout .customer-input-wrapper-left,
    .sitesmart-site-content form.sitesmart-ecommerce-checkout .customer-input-wrapper-right {
        width: 100% !important;
        padding: 0px !important;
    }

    .sitesmart-site-content form.sitesmart-ecommerce-checkout .shipping-wrapper {
        padding-left: 0px;
    }

}

.sitesmart-site-content textarea {
    margin-top: 0px !important;
    /*padding-top: 0px !important;*/ /* Det är denna rad som stör */
}

.sitesmart-ecommerce-checkout--3 .sitesmart-checkout-totals__totalsRow td {
    font-weight: 600;
}
/**
 * Dropdown links
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li a {
    float: none;
}

/**
 * Dropdown wrapper
 * 
 * 1. Change background-color of the wrapper
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper {
    display: none;
    position: absolute;
    left: 0;
    width: 100% !important;
    background-color: #fff;
    z-index: 9000;
}

/**
 * 1. Change width for dropdown (Usually website width)
 * 2. Change background-color for dropdown
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li > .navi-sub-wrapper > .center {
    max-width: 1450px;
    background-color: #888888;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

/**
 * 1. Change the amount of columns in the dropdown
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(190px, 1fr));
    padding: 40px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li {
    display: inline-block;
    width: 100% !important;
    padding-bottom: 60px;
}

/**
 * Appearance of main links (level 1)
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li {
    display: inline-block;
}

/**
 * Appearance of links (level 2)
 */ 
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a {
    padding: 0px;
    color: #fff;
    font-size: 1.12rem;
    float: none;
}

/**
 * Appearance of :before links (level 2)
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li > a:before {
    content: ':: ';
    color: #eaeaea;
    font-weight: 800;
    font-size: 18px;
}

/**
 * Appearance of links on mouseover
 * 
 * Appearance of active links
 */ 
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a:hover,
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li a.active {
    background-color: transparent;
    color: #eaeaea;
}

/**
 * Level 3 wrapper
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li ul {
    padding: 0px !important;
}

/**
 * Appearance of links in dropdown (level 3)
 */ 
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul li ul li a {
    padding: 0px;
    color: #eaeaea;
    font-size: 16px;
    font-weight: 300;
    padding-left: 18px;
}

/**
 * Appearance of :before links (level 3)
 */
.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li .navi-sub-wrapper > .center > ul > li > ul > li > a:before {
    content: '';
    color: #aaa;
    font-size: 12px;
}

.ssd-30 ul.sitesmart-navi:not(.sitesmart-navi-menu-button) > li:hover .navi-sub-wrapper {
    display: block;
}

.sitesmart-site-content .ssd-30 > ul.sitesmart-navi {
    display: flex;
    justify-content: center;
    padding: 0px !important;
    margin: 0px !important;
}

.ssd-30 {
    z-index: 1;
}
/**
 * Menu Left variables
 */
.ssd-597 {

    --logo_maxWidth: 170px;

    --title-arrow_width: 32px;
    --title-arrow_height: 32px;
    --title-arrow_fill: none;
    --title-arrow_stroke: #4d874d;
    --title-arrow_strokeLinecap: round;
    --title-arrow_strokeWidth: 1.8px;

    --leftTopNaviWidth: -1000000px;

}

.ssd-597 .sitesmart-navi.top {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    /*left: -20%;*/
    left: calc(-1 * var(--leftTopNaviWidth));
    /*
    width: 20%;
    */
    height: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    z-index: 5;
    box-sizing: border-box;
    width: var(--leftTopNaviWidth) !important;
}

.ssd-597 .sitesmart-navi.top.loading {
    visibility: hidden;
    left: -1000px !important;
}

/* .ssd-597 .sitesmart-navi.top > li {
    width: 100%;
} */

.ssd-597 .sitesmart-navi-wrapper {
    display: none;
}

.open-sub {
    display: block !important;
    width: 50% !important;
}

.open-sub .navi-sub-wrapper.open-wrapper {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
    background-color: #fff;
    height: 100%;
    z-index: 10;
    overflow-y: auto;
    
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.open-sub .navi-sub-wrapper.open-wrapper::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.open-sub .navi-sub-wrapper.open-wrapper::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.open-sub .navi-sub-wrapper.open-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}

.open-sub .navi-sub-wrapper.open-wrapper::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.open-navi {
    width: 20% !important;
    left: 0 !important;
    overflow: visible !important;
    min-width: 300px;
}

.ssd-597 .sitesmart-navi.top,
.ssd-597 .sitesmart-navi-wrapper {
    transition: left .2s ease-in-out;
}

.ssd-597 .navi-sub-wrapper {
    display: none !important;
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
}

.ssd-597 .sitesmart-navi.sub > li:first-child {
    padding-top: 40px;
}

.ssd-597 .sitesmart-navi.sub > li:last-child {
    padding-bottom: 20px;
}

.ssd-597 .sitesmart-navi > li {
    margin-left: -20px;
}

/* .ssd-597 .sitesmart-navi.top i, */
.ssd-597 .sitesmart-navi > li,
.sub-1 .nav-parent-title-wrapper {
    padding-left: 80px !important;
}

.ssd-597 .navi-left-column {
    position: absolute;
    display: flex;
    flex-flow: column;
    align-items: center;
    top: 0;
    left: 0;
    padding: 20px 20px 20px 13px;
}

/**
 * Icon - top left
 */
.ssd-597 .navi-left-column .navi-left-back-icon {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 1.4px;
}

.navi-left-column svg {
    width: 40px;
    height: 50px;
}

.navi-close-all-icon {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 1.6px;
}

.nav-parent-title-wrapper {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding-left: 30px;
    padding-right: 20px;
}

.nav-parent-title-wrapper .nav-parent-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding-left: 0px !important;
}

.nav-parent-title-wrapper svg {
    width: var(--title-arrow_width);
    height: var(--title-arrow_height);
}

.nav-parent-title-wrapper .nav-parent-title-icon {
    fill: var(--title-arrow_fill);
    stroke: var(--title-arrow_stroke);
    stroke-linecap: var(--title-arrow_strokeLinecap);
    stroke-miterlimit: 10;
    stroke-width: var(--title-arrow_strokeWidth);
}

/* .ssd-597 .sitesmart-navi.sub:not(.sub-1) .nav-parent-title::before {
    content: ' ';
    width: 20px;
    background-image: url(http://klockmaster.sitesmartkonto6.se/static/files/0/arrow-icon-right.svg);
    color: #63AA79;
} */

.ssd-597 .sitesmart-navi-wrapper.open-sub .navi-sub-wrapper.sub-wrapper-2 {
    display: block !important;
}

.sub-wrapper-1 {
    z-index: 5;
}

.ssd-597 .navi-sub-wrapper.sub-wrapper-2 {
    transition: left .2s ease-in-out;
    width: 100% !important;
    left: 0 !important;
    overflow: hidden;
    z-index: 4;
}

.ssd-597 .navi-sub-wrapper.sub-wrapper-2.open-wrapper {
    background-color: #fff;
    left: 100% !important;
    border-left: 1px solid #eaeaea;
    width: 100% !important;
    overflow-y: auto;
}

.ssd-597 .sitesmart-navi-wrapper.open-sub .navi-sub-wrapper.sub-wrapper-3 {
    display: block !important;
}

.ssd-597 .navi-sub-wrapper.sub-wrapper-2.open-wrapper ~ .sub-wrapper-3 {
    left: 100%;
}

.ssd-597 .navi-sub-wrapper.sub-wrapper-3 {
    transition: left .2s ease-in-out;
    width: 100% !important;
    left: 0%;
    overflow: hidden;
    z-index: 3;
}

.ssd-597 .navi-sub-wrapper.sub-wrapper-3.open-wrapper {
    background-color: #fff;
    left: 200% !important;
    border-left: 1px solid #eaeaea;
    width: 100% !important;
}

.ssd-597 .sitesmart-navi.sub:not(.sub-1) > li {
    display: none;
    padding-left: 60px !important;
}

.ssd-597 .sitesmart-navi.sub:not(.sub-1) {
    padding-top: 86px;
}

.ssd-597 .sitesmart-navi.top a {
    position: relative;
    color: #222;
    font-size: 0.95rem;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 10px;
    width: 90%;
    line-height: 22px;
    margin: 0;
}

/* .ssd-597 .sitesmart-navi.sub-1 a:focus {
    border: 2px solid #222;
} */

/* .ssd-597 .sitesmart-navi.top a img,
.ssd-597 .sitesmart-navi.sub a img {
    position: absolute;
    right: 10%;
    width: 10%;
    max-width: 10px;
    top: 25%;
} */

.ssd-597 .sitesmart-navi.top > li,
.ssd-597 .sitesmart-navi.sub > li {
    display: flex;
}

.ssd-597 .sitesmart-navi.top li > span,
.ssd-597 .sitesmart-navi.sub li > span {
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 20px;
}

.ssd-597 .sitesmart-navi.top > .navi-site-logo-wrapper + li > span {
    margin-bottom: unset;
}

.ssd-597 .sitesmart-navi.top li span img,
.ssd-597 .sitesmart-navi.sub li span img {
    /* width: 80%; */
    width: 41px;
    padding-right: 15px;
    cursor: pointer;
}

.ssd-597 .navi-site-logo-wrapper {
    padding-left: 80px;
    padding-bottom: 0px;
}

.ssd-597 .navi-site-logo-wrapper img {
    max-width: var(--logo_maxWidth);
}

body.sitesmart-site-content .ssd-30 .sitesmart-navi.top .sub {
    display: none !important;
}

.navi-left-back {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 1.8px;
}

.focused-link img {
    right: 9.5% !important;
}

.focused-link {
    border: 2px solid #ccc;
    
    /*
    margin-top: -2px !important;
    margin-bottom: -2px !important;
    margin-left: -2px !important;
    */
    
    margin: -2px !important;
}

.ssd-597 .sitesmart-navi.sub a.active {
    border: 2px solid #222;
    margin: -2px !important;
}

.ssd-597 .sitesmart-navi.top a.active {
    border: 2px solid #222;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: -2px;
    /*
    padding-top: 3px !important;
    padding-left: 18px !important;
    padding-bottom: 3px !important;
    */
}

.ssd-597 .sitesmart-navi.top a.active:not(:first-of-type) {
    margin-top: -2px;
}

.navi-filter {
    position: fixed;
    top: 0;
    left: 0;
}

.navi-filter.active {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}

.ssd-597 .sub-2 .nav-parent-title {
    padding-top: 0;
    padding-bottom: 0;
}

.ssd-274 .sitesmart-navi:not(.sitesmart-navi-menu-buttons) {
    display: flex;
    flex-flow: row wrap;
}

.ssd-274 .sitesmart-navi:not(.sitesmart-navi-menu-buttons) li {
    display: flex;
    align-items: center;
}

.ssd-274 .sitesmart-navi:not(.sitesmart-navi-menu-buttons) li span img {
    max-width: 32px;
    max-height: 32px;
    width: 100%;
    padding-bottom: 5px;
}

.ssd-597 .sitesmart-navi.top > li > span img {
    vertical-align: baseline;
}
/**
 * Mobile Navi/Menu variables
 */
nav.sitesmartMobileNavi {

    /**
     * Menu
     */
    --menu-items-wrapper_bgColor: #ffffff;

    /**
     * Menu item
     */
    --menu-item_color: #222222;

    /**
     * Menu arrow (next/previous)
     */
    --menu-item-arrow_width: 15px;
    --menu-item-arrow_height: 15px;

    /**
     * Change "absolute" to "unset" to position
     * back-button directly below the last menu item
     */
    --menu-item-prev_position: absolute;

    --menu-item-prev_bgColor: #ffffff;


    --navi-item-number_bgColor: #646464;


    /**
     * Cart
     * !!!!!! Om du tar bort bakgrunden här (till transparent eller till samma som bakgrund som i menyn) -
     * !!!!!! ändra marginalen nedan från 0px -6px 0px -6px till 0px
     */
    --cart_bgColor: #f05050;
    --cart_margin: 0px -6px 0px -6px; /* ändra den här marginalen enligt ovan om det gäller */

}

/**
 * Mobile navigation
 */
nav.sitesmartMobileNavi {

}

/**
 * Mobile navigation
 * 
 * Items wrapper
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items {
    display: grid;
    /*
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    */
    grid-auto-flow: column;
    justify-content: space-evenly;
    
    
    
    background-color: #fff;
    padding-top: 10px !important;
}

/**
 * Mobile navigation
 * 
 * Item wrappers
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items > .sitesmartMobileNavi__item {
    /*
    display: block;
    width: auto !important;
    */
    width: -webkit-min-content !important;
    width: -moz-min-content !important;
    width: min-content !important;
    
    min-width: 24px;
    padding: 0 !important;
    margin: 0 !important;
}

nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__itemContent {
    
}

/**
 * Mobile navigation
 * 
 * Toggle menu button
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--menu {
    /*
    width: 15%;
    */
}

/**
 * Mobile navigation
 * 
 * Logo
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--logo {
    width: 50%;
}

nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--logo img {
    min-width: 160px;
    max-width: 160px;
    margin-bottom: 0;
    
    vertical-align: middle;
}

nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__itemContent img {
    vertical-align: middle;
}

/**
 * Mobile navigation item
 * 
 * Cart
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart {
    width: 10%;
    padding-right: 20px;
}

nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart .sitesmartMobileNavi__itemContent {
    background-color: var(--cart_bgColor);
    line-height: 1rem;
    margin: var(--cart_margin);
}

/**
 * Mobile navigation item
 * 
 * Search
 */
nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--search {

}

li.sitesmartMobileNavi__item--active p.no {
    background-color: var(--navi-item-number_bgColor) !important;
}

/**
 * Mobile menu
 * 
 * Menu wrapper
 */
li.sitesmartMobileNavi__item--menu ul {
    background-color: var(--menu-items-wrapper_bgColor);
}

/**
 * Mobile menu
 * 
 * Items wrapper
 */
li.sitesmartMobileNavi__item--menu ul > li > ul {
    overflow-y: auto;
}

/**
 * Mobile menu
 * 
 * Links
 */
li.sitesmartMobileNavi__item--menu ul li a,
li.sitesmartMobileNavi__item--menu ul li ul li a {
    color: var(--menu-item_color);
}

/**
 * Mobile menu
 * 
 * Back button wrapper
 */
ul#sitesmart-mobile-navi--slide > li > ul li.nav-extend-sub--slideBack {
    position: var(--menu-item-prev_position) !important;
    background-color: var(--menu-item-prev_bgColor);
}

.nav-extend-sub > .fi.fi-arrow-right::before,
.nav-extend-sub--slideBack > a > .fi.fi-arrow-left::before {
    content: '';
    background-image: url('/static/files/0/image-switcher-next.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: var(--menu-item-arrow_width);
    height: var(--menu-item-arrow_height);
}

.nav-extend-sub--slideBack > a > .fi.fi-arrow-left::before {
    transform: rotate(180deg);
    vertical-align: sub;
    margin-right: 20px;
}

@media screen and (max-width: 569px) {
    
    /*
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--logo {
        width: 30%;
    }
    
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart {
        width: 15%;
    }
    */
    
}

@media screen and (max-width: 409px) {
    
    /*
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart {
        padding-right: 12px;
    }
    */
    
}

/*
@media screen and (max-width: 469px) {
    
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart {
        width: 15%;
    }
    
}
*/

@media screen and (max-width: 369px) {
    
    /*
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--menu {
        width: 10%;
    }
    
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--logo {
        vertical-align: middle;
    }
    */
    
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items li.sitesmartMobileNavi__item--logo img {
        min-width: 130px;
        max-width: 130px;
    }
    
    /*
    nav.sitesmartMobileNavi > ul.sitesmartMobileNavi__items .sitesmartMobileNavi__item--cart {
        padding-right: 5px;
    }
    */
    
}
/**
 * Data search variables
 */
.sitesmart-ecommerce-data-search {

    /**
     * Save button
     */
    --save-button_color: #fff;
    --save-button_color--mobile: #fff;

    --save-button_bgColor: #f05050;
    --save-button_bgColor--hover: #f05050;
    --save-button_bgColor--mobile: #666666;


    /**
     * Reset button
     */
    --reset-button_color: #fff;
    --reset-button_color--mobile: #4d874d;

    --reset-button_bgColor: #666;
    --reset-button_bgColor--hover: #666;
    --reset-button_bgColor--mobile: #ffffff;

    
    /**
     * Fields (e.g. 'Color')
     */
    --field_color: #fff;
    
    --field_bgColor: #7aa86a;
    --field_bgColor--hover: #7aa86ad9;

    
    /**
     * Field options (e.g. 'Red')
     */
    --option_color: #4d874d;
    --option_color--active: #4d874d;

    --option_bgColor: #fff;
    --option_bgColor--active: #f4f4f4;

    --option_border: 1px solid #ddd;
    --option_borderColor--active: #aaa;

}

/**
 * Data search container
 */
.sitesmart-ecommerce-data-search {
    margin: 0 20px;
}

/**
 * Data search form
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-product-data-search {
    background-color: #fff;
}

/**
 * Data search fields wrapper
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions {
    margin: 0 !important;
    padding: 15px 20px !important;
    align-items: center;
}

/**
 * Data search
 * 
 * Filtering + sorting icon wrapper
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .data-icon-wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

/**
 * Data search
 * 
 * Filtering + Sorting svg
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .data-icon-wrapper > svg,
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .data-icon-wrapper > img {
    width: 2rem;
}

/**
 * Data search
 * 
 * Filtering + Sorting text
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .data-icon-wrapper > p {
    padding-left: 5px;
}

/**
 * Data search fields
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li,
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper > li {
    margin: 0 !important;
    padding: 10px 5px !important;
    width: auto;
    position: relative;
}

/**
 * Data search fields
 * 
 * links
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li > a.sitesmart-ecommerce-data-search__toggleFilterOptions {
    background-color: var(--field_bgColor);
    color: var(--field_color);
}

/**
 * Data search fields
 * 
 * links on hover
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li > a.sitesmart-ecommerce-data-search__toggleFilterOptions:hover {
    background-color: var(--field_bgColor--hover);
}

/**
 * Data search fields
 * 
 * links with option(s) selected
 */
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li a.sitesmart-ecommerce-data-search__toggleFilterOptions--hasCount {
    background-color: #7aa86ad9;
}

/**
 * Data search fields count e.g [1]
 */
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li a.sitesmart-ecommerce-data-search__toggleFilterOptions--hasCount .filterOptionsCount {
    background-color: #666;
    color: #fff;
}

/**
 * Data search field
 * 
 * 'Save' links
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li.sitesmart-ecommerce-data-search__saveFilterOptions:not(.sitesmart-ecommerce-data-search__resetFilterOptions) > a {
    background-color: var(--save-button_bgColor) !important;
    color: var(--save-button_color) !important;
}

/**
 * Data search field
 * 
 * 'Save' link on hover
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li.sitesmart-ecommerce-data-search__saveFilterOptions:not(.sitesmart-ecommerce-data-search__resetFilterOptions) > a:hover {
    background-color: var(--save-button_bgColor--hover) !important;
}

/**
 * Data search field
 * 
 * 'Reset' links
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li.sitesmart-ecommerce-data-search__resetFilterOptions > a {
    background-color: var(--reset-button_bgColor) !important;
    color: var(--reset-button_color) !important;
}

/**
 * Data searh field
 * 
 * 'Reset' links on hover
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions li.sitesmart-ecommerce-data-search__resetFilterOptions > a:hover {
    background-color:  var(--reset-button_bgColor--hover) !important;
}

/**
 * Data search field options
 * 
 * Dropdown wrapper
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li > ul,
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li .hiddenFilterOption {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
/* @media screen and (min-width: 768px) {
    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li > ul,
    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li .hiddenFilterOption {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 15px 10px !important;
    }
} */

/**
 * Data search field options
 * 
 * Fields
 */
/* .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions > li > ul > li {

} */

/**
 * Data search field options
 * 
 * 'Save' button
 */
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li .hiddenFilterOption li.sitesmart-ecommerce-data-search__saveFilterOptions,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__saveFilterOptions {

}

/**
 * Data search field options
 * 
 * 'Reset' button
 */
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li .hiddenFilterOption li.sitesmart-ecommerce-data-search__resetFilterOptions,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions > li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__resetFilterOptions {

}










/**
 * Temporary
 */
.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper {
    display: flex;
    flex-flow: row nowrap;
    margin-left: auto;
    align-items: center;
}

.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper .predefined-options {
    right: 0;
    left: unset;
}

.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper > li a > .filterOptionsCount {
    display: none;
}

.sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper > li a.sitesmart-ecommerce-data-search__toggleFilterOptions--hasCount .filterOptionsCount {
    display: inline-block;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    padding: 2px 8px;
    margin-top: -2px;
    margin-right: -5px;
    margin-left: 5px;
    /* float: right; */
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper .hiddenFilterOption,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper ul:not(.saveAndReset) {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 240px;
    list-style-type: none;
    margin: 10px 0 0;
    padding: 15px 10px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    z-index: 10;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li.active ul,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li.active .hiddenFilterOption {
    display: block;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li:first-child,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li:first-child {
    margin-top: 0;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    box-sizing: border-box;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li a {
    display: block;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li a.active,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li a.active {
    border-color: #aaa;
    background-color: #f4f4f4;
}

.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li.sitesmart-ecommerce-data-search__saveFilterOptions,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li.sitesmart-ecommerce-data-search__resetFilterOptions,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__saveFilterOptions,
.sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__resetFilterOptions {
    width: 50%;
    float: left;
    margin-top: 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {

    .sitesmart-ecommerce-data-search {
        margin: 0;
    }

    /**
     * Mobile toggle menu button
     */
    .sitesmart-site-content .sitesmart-ecommerce-data-search__mobileToggle a {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        height: 80px;
        width: 80px;
        padding: 0;
    }

    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .data-icon-wrapper {
        display: none;
    }

    /**
     * Save button
     */
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.saveAndReset--mobile li.sitesmart-ecommerce-data-search__saveFilterOptions {
        background-color: var(--save-button_bgColor--mobile);
    }

    /**
     * Save button text
     */
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.saveAndReset--mobile li.sitesmart-ecommerce-data-search__saveFilterOptions a {
        color: var(--save-button_color--mobile);
    }

    /**
     * Reset button
     */
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.saveAndReset--mobile li.sitesmart-ecommerce-data-search__resetFilterOptions {
        background-color: var(--reset-button_bgColor--mobile);
    }

    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.saveAndReset--mobile li.sitesmart-ecommerce-data-search__resetFilterOptions a {
        color: var(--reset-button_color--mobile);
    }

    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li[data-id="orderBy"].active > a {
        font-weight: 600;
    }

    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li[data-id="orderBy"].active > a,
    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li[data-id="orderBy"] > a:hover,
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.sitesmart-ecommerce-data-search__filterOptions>li.active>a,
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.sitesmart-ecommerce-data-search__filterOptions>li>a:hover,
    .sitesmart-site-content .sitesmart-ecommerce-data-search form.sitesmart-ecommerce-product-data-search>ul.sitesmart-ecommerce-data-search__filterOptions>li>a.sitesmart-ecommerce-data-search__toggleFilterOptions--hasCount {
        background-color: #7aa86a;
        color: #fff;
    }

    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li[data-id="orderBy"] > a {
        background-color: #7aa86a;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border-left-width: 0px;
        border-width: 0px;
    }

    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper .predefined-options {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed !important;
        top: 0;
        right: 0;
        width: 60% !important;
        display: block;
        border-width: 0px !important;
        height: 100%;
        overflow-y: auto;

        /* overflow: hidden;
        overflow-y: scroll; */
    }

    /**
     * order-by only
     */
    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper > li {
        width: 40%;
        padding: 0 !important;
    }

    .sitesmart-ecommerce-data-search .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper .predefined-options--orderBy > li:first-of-type {
        margin-top: 0;
    }

    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li.sitesmart-ecommerce-data-search__saveFilterOptions,
    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li .hiddenFilterOption li.sitesmart-ecommerce-data-search__resetFilterOptions,
    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__saveFilterOptions,
    .sitesmart-site-content .sitesmart-ecommerce-data-search__filterOptions .orderBy-wrapper li ul:not(.saveAndReset) li.sitesmart-ecommerce-data-search__resetFilterOptions {
        display: none;
    }

}
/**
 * Articles variables
 */
.article-list-wrapper {

    /**
     * Article wrapper
     */
    --article-wrapper_margin: 20px;
    --article-wrapper_padding: 0;
    --article-wrapper_boxShadow: 0px 0px 12px 2px rgb(0 0 0 / 20%);


    /**
     * Right wrapper
     */
    --right-wrapper_padding: 14px;


    /**
     * Title
     */
    --title_color: #222222;
    --title_fontSize: 1.6rem;
    --title_lineHeight: normal;


    /**
     * Body text
     */
    --body-text_fontSize: 0.9rem;

}

.sitesmart-site-content .sitesmart-article-hr {
    margin-top: 20px;
    margin-bottom: 30px;
}

.sitesmart-site-content .article-wrapper.pure-u-lg-1-1 {
    padding-bottom: 40px !important;
}

.sitesmart-site-content .sitesmart-article-doubleItem.sitesmart-article-doubleItem--0 {
    padding-right: 20px !important;
}

.sitesmart-site-content .sitesmart-article-doubleItem.sitesmart-article-doubleItem--1 {
    padding-left: 20px !important;
}





/**
 * Article list (2 squares)
 * 
 * list wrapper
 */
.article-list-wrapper--sitesmart-2 {
    /* display: grid;
    grid-template-columns: repeat(2, 50%); */
}

/**
 * article container
 */
.article-list-wrapper--sitesmart-2 .article-wrapper {
    /* display: grid;
    grid-template-rows: repeat(2, 50%); */
}

/**
 * article wrapper
 */
.article-list-wrapper--sitesmart-2 .article-wrapper .article-wrapper-link {
    display: -webkit-box;
    display: flex;
    margin: var(--article-wrapper_margin);
    padding: var(--article-wrapper_padding);
    box-shadow: var(--article-wrapper_boxShadow);
}

.article-list-wrapper--sitesmart-2 .article-wrapper .article-content-wrapper {
    padding: var(--right-wrapper_padding) !important;
}

.article-list-wrapper--sitesmart-2 .article-wrapper .article-image-wrapper,
.article-list-wrapper--sitesmart-2 .article-wrapper .article-content-wrapper {
    flex-basis: 50%;
    padding: 0;
}

.article-list-wrapper--sitesmart-2 .article-wrapper .article-content-wrapper > p {
    color: var(--title_color);
    font-size: var(--title_fontSize);
    line-height: var(--title_lineHeight);
}

.article-list-wrapper--sitesmart-2 .article-wrapper .article-content-wrapper .article-body p {
    font-size: var(--body-text_fontSize);
}

.article-list-wrapper--sitesmart-2 .article-wrapper .article-image-wrapper img {
    height: 100%;
}

@media screen and (max-width: 1170px) and (min-width: 810px) {
    
    .article-list-wrapper--sitesmart-2 .article-wrapper .article-wrapper-link {
        flex-flow: column;
        height: 100%;
    }
    
    .article-list-wrapper--sitesmart-2 .article-wrapper .article-wrapper-link .article-image-wrapper {
        height: 200px;
        flex-basis: unset;
    }
    
}

@media screen and (max-width: 720px) {
    
    .article-list-wrapper--sitesmart-2 .article-wrapper .article-wrapper-link {
        flex-flow: column;
    }
    
    .article-list-wrapper--sitesmart-2 .article-wrapper .article-wrapper-link .article-image-wrapper {
        height: 250px;
        flex-basis: unset;
    }
    
}

@media screen and (max-width: 479px) {
    
    .sitesmart-site-content .sitesmart-article-item--5 h5 {
        display: flex;
        flex-flow: column-reverse;
    }
    
    .sitesmart-site-content .sitesmart-article-item--5 img {
    	padding-left: 0;
	}
    
}
/**
 * Tabs
 */
.sitesmart-tabs ul li a {
    background-color: #ffffff;
    color: #666666;
}

/**
 * Tabs content
 */
.sitesmart-tabs .tab-content {
    background-color: #eaeaea;
    border: 1px solid #ffffff;
    padding: 40px !important;
}

/**
 * Active tab
 */
/* .sitesmart-tabs ul li.ui-state-active a {
    background-color: #4d874d;
    border: 1px solid #eaeaea;
    color: #222222;
} */
@media screen and (max-width: 569px) {
    
    .ssd-387 {
        margin-bottom: 0px;
    }
    
}

input[type="text"] {
    width: 100%;
}

/**
 * Calendar
 */
.sitesmart-calendar-details-name h2 {
    font-size: 28px !important;
    font-weight: 400 !important;
    color: #47987d !important;
}

.sitesmart-calendar-image-right {
    margin-top: 0px !important;
}

.ssd-597 .sitesmart-navi.top > li span object {
    fill: green !important;
}

.sitesmart-site-content .sitesmart-ecommerce-comparisons {
    background-color: #fff;
}

.sitesmart-site-content .sitesmart-ecommerce-comparisons__products {
    overflow-x: auto;
}

/**
 * Horizontal lines
 */
.sitesmart-site-content hr {
    border: none;
    border-top: 1px solid #ddd;
    height: 1px;
    margin-left: 20px;
    margin-right: 20px;
}

/**
 * User registration
 */
.sitesmart-site-content .sitesmart-user-register {
    padding-left: 20px;
    padding-right: 20px;
}

/**
 * Locale dropdown
 */
.locale-wrapper {
    display: flex;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.locale-wrapper .active-locale {
    padding-left: 0;
    cursor: pointer;
}

.locale-wrapper .active-locale img {
    max-width: 8px;
    margin-left: 5px;
    transform: rotate(90deg);
}

.locale-wrapper .locales {
    display: none;
    position: absolute;
    flex-flow: column;
    width: 100%;
    top: 100%;
    text-align: left;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 0 0 0 10px;
    z-index: 11;
}

.locale-wrapper .locales .active {
    color: #F05050;
}

.locale-wrapper .locales.open {
    display: flex;
}

@media screen and (max-width: 810px) {
    
    .locale-wrapper {
        margin-left: auto;
    }
    
    .locale-wrapper .active-locale {
        padding-left: 20px;
        white-space: nowrap;
    }

}
        
    
/**
 * Hero images
 */
.ssd-195 {
    background-size: cover;
}
.ssd-387 {
    background-size: cover;
}

/**
 * Newsletter unsubscribe
 */
#newsletter-unsubscribe > fieldset {
    display: flex;
    flex-flow: column;
}

#newsletter-unsubscribe > fieldset > button[type="submit"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

@media screen and (max-width: 569px) {
    
    .object-2205 {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
}

/**
 * Reciept product table
 */
body.sitesmart-site-content .cart-wrapper .cart-wrapper-inner_ .sitesmartEcommerceCheckoutCart__footer tbody > tr {
    display: flex;
    flex-flow: column;
}

/**
 * Reciept product table
 */
body.sitesmart-site-content .cart-wrapper .cart-wrapper-inner_ .sitesmartEcommerceCheckoutCart__footer tr td {
    display: table-cell;
    vertical-align: bottom;
    text-align: left;
    padding-left: 0;
}

body.sitesmart-site-content .cart-wrapper .cart-wrapper-inner_ .sitesmartEcommerceCheckoutCart__footer tr td:nth-child(1) {
    font-weight: bold;
}

@media screen and (max-width: 810px) {
    
    /**
     * Mina sidor | ansök
     */
    .object-2721 {
        margin-top: 3px !important;
    }
    
    /**
     * Choose your region
     */
    .object-2726 {
        margin-top: 5px !important;
    }
    
}

@media screen and (max-width: 360px) {
    
    /**
     * Mina sidor | ansök
     */
    .object-2721 p {
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media screen and (max-width: 300px) {
    
    /**
     * Mina sidor | Ansök
     */
    .object-2721 .sitesmart-text-image {
        display: none;
    }
    
    /**
     * Mina sidor | Ansök
     */
    .object-2721 p {
        padding-left: 10px;
    }
    
    /**
     * Choose your region
     */
    .locale-wrapper .active-locale {
        padding-left: 10px;
    }
    
}

/**
 * Glömt lösenord
 */
.notice-wrapper .error-notice {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}
.transition {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.greyscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.greyscale:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.opacity {
    filter: alpha(opacity=50);
    opacity: 0.8;
}

.opacity:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.scale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.scale:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.rotate:hover {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fixedWidth {
	width: auto !important;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;

}
.blur {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.blur:hover {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

.shadow {
    -webkit-filter: drop-shadow(0px 0px 0px #666666);
    filter: drop-shadow(0px 0px 0px #666666);
}
.shadow:hover {
    -webkit-filter: drop-shadow(0px 0px 10px #666666);
    filter: drop-shadow(0px 0px 10px #666666);
}

.rounded {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.background-image-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

@media screen and (min-width: 1024px) {
    
    .center.sitesmart-hide-lg {
        display: none;
    }
    
}

@media screen and (min-width: 811px) and (max-width: 1023px) {
    
    .center.sitesmart-hide-md {
        display: none;
    }
    
}

@media screen and (min-width: 580px) and (max-width: 810px) {
    
    .center.sitesmart-hide-sm {
        display: none;
    }
    
}

@media screen and (max-width: 580px) {
    
    .center.sitesmart-hide {
        display: none;
    }
    
}

@media screen and (max-width: 569px) {
    
    .center.mobile {
        text-align: center;
    }
    
    .mobile-center:not(.sitesmart-hide) {
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    
}

/* @media screen and (max-width: 569px) {

    .displayGrid-mobile {
        display: grid;
    }

}

.displayGrid.mobile {
    display: grid;
} */
/**
 * Login form
 * 
 * Submit button
 */
form[action$="/@/User/Login/"] button[type="submit"] {
    display: block;
}
/**
 * Pagination buttons
 * 
 * Media posts
 */
.sitesmart-mediaPost-feed-wrapper > .sitesmart-mediaPost-feed-item > div > p > a {
    color: #222222 !important;
    background-color: #f2f2f2;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important;
    border: none;
}
/**
 * Cart Popup variables
 */
.sitesmartEcommerceCombined__cartPopup {

    /**
     * Top
     */
    --top_bgColor: #0d7548;
    --top-text_color: #fff;
    --top-productName_fontSize: 1.2rem;
    --top-productName_fontWeight: 600;


    /**
     * Close (X) icon
     */
    --close-icon_bgColor: #fff;


    /**
     * Product
     */
    --product-wrapper_padding: 10px 20px;
    --product-wrapper_borderBottom: 1px solid #e3e3e3;

    
    /**
     * Prices
     */
    --price-new_color: #ca6969;
    --price-new_fontWeight: 600;


    /**
     * Trash icon
     */
    --trash-icon_bgColor: #0d7548;


    /**
     * Checkout button
     */
    --checkout-button_color: #fff;
    --checkout-button_bgColor: #f05050;

}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCombined__cartPopup {
    display: flex !important;
    flex-flow: column;
    position: fixed;
    top: 0 !important;
    right: -100%;
    left: unset !important;
    max-height: 100% !important;
    height: 100%;
    transition: all .2s ease-in-out;
    padding: 0 !important;
    overflow: auto;
    border: 0;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCombined__cartPopup.sitesmartEcommerceCombined__cartPopup--open {
    position: fixed;
    top: 0 !important;
    max-height: 100% !important;
    height: 100%;
}

.sitesmartEcommerceCombined.cart-popup-alt .close-cart-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    background-color: var(--close-icon_bgColor);
    border-radius: 50%;
    padding: 5px;
}

.sitesmartEcommerceCombined.cart-popup-alt .close-cart-popup img {
    width: 28px;
    height: 28px;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items {
    background-color: var(--top_bgColor);
    /* background-color: #4BAE6B; */
    /* background: rgb(62,158,93); */
    /* background: linear-gradient(90deg, rgba(62,158,93,1) 0%, rgba(81,175,111,0.9136029411764706) 100%); */
    padding-top: 40px;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items a {
    color: #fff;
    padding-left: 20px;
    text-decoration: underline;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items p {
    color: var(--top-text_color);
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items > p:first-of-type {
    padding-bottom: 0;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items > p:nth-of-type(2) {
    font-size: var(--top-productName_fontSize);
    font-weight: var(--top-productName_fontWeight);
    padding-top: 0;
    padding-bottom: 0;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__items > p:last-of-type {
    padding-top: 0;
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data {
    display: flex;
    flex-flow: column;
    position: relative;
    padding: var(--product-wrapper_padding);
    /* margin: 0 20px; */
    border-bottom: var(--product-wrapper_borderBottom);
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data p {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-add-to-cart {
    display: flex;
    flex-flow: row;
}

/* .sitesmartEcommerceCombined.cart-popup-alt .cart-popup-add-to-cart > p:first-child {
    font-weight: 600;
} */

/**
 * Price new (NU ..)
 */
.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .product-price span {
    color: var(--price-new_color);
    font-weight: var(--price-new_fontWeight);
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .remove-from-cart-wrapper {
    background-color: var(--trash-icon_bgColor);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 12px;
    height: 22px;
    width: 22px;
    margin: auto 0 auto auto;
    cursor: pointer;
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .remove-from-cart-wrapper img {
    /* -webkit-filter: invert(1) contrast(2);
    filter: invert(1) contrast(2); */
    width: 22px;
    height: 22px;
}

/**
 * If text instead of image
 */
.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .remove-from-cart-wrapper p {
    color: #fff;
}

/* .sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__footer > p:first-of-type {
    font-size: 1.2rem;
    font-weight: 600;
    padding-top: 0;
} */

/* .close-cart-popup p {
    background-color: #fff;
    padding: 7px 16px;
    border-radius: 50%;
} */

/* .sitesmartEcommerceCombined__item--cart {
    width: 100%;
} */

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .image-wrapper {
    display: flex;
    align-self: center;
    padding-right: 15px;
    /* width: 17%; */
    max-width: 17%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.sitesmartEcommerceCombined.cart-popup-alt .cart-popup-product-data .image-wrapper img {
    max-width: 75px;
    height: 100%;
    /*height: auto;*/
}

.sitesmartEcommerceCombined.cart-popup-alt .right-wrapper {
    width: 67%;
}

.sitesmartEcommerceCombined.cart-popup-alt .right-wrapper .product-name {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: baseline;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer {
    display: flex;
    flex-flow: column;
    /* height: 100%; */
    box-sizing: border-box;
}

.sitesmartEcommerceCombined.cart-popup-alt .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__cartButton {
    width: 40%;
    border-radius: 40px;
    margin: 20px;
    padding: 20px;
    background-color: var(--checkout-button_bgColor);
    color: var(--checkout-button_color);
}



/**
 * Bottom wrapper
 */

.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper {
    margin-top: auto;
    background-color: #eee;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left {
    padding: 20px;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div {
    display: flex;
    padding: 2px 0;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div span {
    width: 100%;
    padding-bottom: 5px;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div p {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.95rem;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div p:first-of-type {
    font-weight: 600;
    font-size: 1rem;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div p:nth-of-type(2) {
    /* font-weight: 600; */
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper .usp-left > div p:last-of-type {
    color: #4BAE6B;
    font-weight: 600;
}
.sitesmartEcommerceCombined.cart-popup-alt .bottom-wrapper > div img {
    max-width: 50px;
}
.s-cms-g__item-wrapper:nth-child(5n + 1),
.s-cms-g__item-wrapper:nth-child(5n + 2) {
    flex-basis: 50% !important;
}

.s-cms-g__item-wrapper {
    flex-basis: 33.333333% !important;
}

@media screen and (max-width: 768px) {
    
    .s-cms-g__item-wrapper {
        flex-basis: 50% !important;
        padding: 10px !important;
    }
    
}

@media screen and (max-width: 600px) {
    
    .s-cms-g__item-wrapper:nth-child(5n + 1),
    .s-cms-g__item-wrapper:nth-child(5n + 2),
    .s-cms-g__item-wrapper {
        flex-basis: 100% !important;
    }
    
}
body.sitesmart-site-content ul:not(.sitesmart-navi) li {
     font-family: Roboto;
     font-size: 15px;
     color: #666666;
     letter-spacing: 0px;
     line-height: 1.8em;
     font-weight: 300;
     margin-top: 3px;
     padding-top: 0px;
}

.ui-autocomplete li {
    list-style: none !important;
}