@charset "UTF-8";

@font-face {
	font-family: 'evitalshop';
	src: url('./font/evitalshop.eot?33193772');
	src: url('./font/evitalshop.eot?33193772#iefix') format('embedded-opentype'),
		 url('./font/evitalshop.woff?33193772') format('woff'),
		 url('./font/evitalshop.ttf?33193772') format('truetype'),
		 url('./font/evitalshop.svg?33193772#evitalshop') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* BASICS */
html {
	color: #000;
	background: #EEF0ED;
	font-size: 81.25%;/*13px*/
}

:root {
	--main-blue-color: #054A72;
	--main-gray-color: #555;
	--main-green-color: darkgreen;
	--main-orange-color: #D14900;
	--main-red-color: #912d1e;
	
	--vs-menu-desktop-bk: #e80c0c;
	--account-popup-link-color: #000;
	--account-popup-link-hover-color: darkred;
	--account-popup-hover-bk: #fff;
	--ajax-loader-bk: #EEFAF8;
	--ajax-loader-border-color: #73AB2A;
	--article-bk: #fff;
	--article-body-th-bk: var(--main-gray-color);
	--article-body-th-color: #fff;
	--article-body-tr-border-color: #eee;
	--article-body-tr-odd-tr-bk: #F9F9F9;
	--article-contents-bk: inherit;
	--article-contents--custom-table-th-bk: var(--main-red-color);
	--article-contents--custom-table-th-color: #fff;
	--article-contents-cta-btn-bk: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	--article-contents-cta-btn-hover-bk: #cc0000;
	--article-contents-cta-btn-color: #fff;
	--article-post-link-color: #000;
	--article-product-link-color: inherit;
	--article-contents-link-color: var(--main-red-color);
	--article-meta-icon: var(--main-gray-color);
	--attention-day-promo-color: red;
	--attention-promo-color: #06cbff;
	--attention-recommended-color: #ff723d;
	--attention-new-color: var(--main-green-color);
	--attention-used-color: brown;
	--author-link-color: #d60100;
	--authors--anchor-letter-color: #d21000;
	--billing-suggest-place-bk: #F0F0EE;
	--billing-suggest-place-border-color: #ccc;
	--billing-suggest-place--close-link-color: var(--main-gray-color);
	--billing-suggest-place--close-link-bk: #f9f9f9;
	--billing-suggest-place--close-link-color-hover: #000;
	--billing-suggest-place--close-link-bk-hover: #fff;
	--blog-gallery-bk: #1A1A1A;
	--blog-gallery-prev-slide-color: #000;
	--blog-gallery-prev-slide-hover-color: #fff;
	--blog-gallery-prev-slide-bk: #ccc;
	--blog-gallery-prev-slide-hover-bk: #d21000;
	--body-bk-color: #EEF0ED;
	--brand-letter-color: #960019;
	--btn-close-form-color: #000;
	--btn-color: #000;
	--btn-color-hover: #111;
	--box-flex-item-bk: #fff;
	--box-flex-item-border-color: #E8E8E8;
	--box-list-color: #000;
	--box-list-item-bk: #fff;
	--box-list-item-border-top-color: #fff;
	--box-list-item-border-bottom-color: #e0e0e0;
	--box-list-link-hover-color: #fff;
	--box-more-color: #960019;
	--box-top-bk: #fff;
	--box-top-border-color: #e8e8e8;
	--box-top-border-left-color: #000;
	--box-top-close-btn-bk: var(--main-red-color);
	--box-top-close-btn-color: #fff;
	--box-top-expand-btn-color: #fff;
	--box-top-collapse-btn-bk: #000;
	--box-top-expand-btn-bk: var(--main-red-color);
	--box-contents-bk: #fff;
	--box-contents-border-color: #e8e8e8;
	--box-hr-border-top-color: #E0E0E0;
	--box-hr-border-bottom-color: #fff;
	--button-buy-color: #fff;
	--button-buy-bk-color: linear-gradient(to bottom right, #e80c0c 0%, var(--main-red-color) 100%);
	--button-buy-hover-bk: var(--main-red-color);
	--button-color: #000;
	--button-bk-color: #f6f6f6;
	--button-submit-color: #fff;
	--button-submit-bk-color: var(--btn-color);
	--button-submit-hover-color: #fff;
	--button-submit-hover-bk-color: var(--btn-color-hover);
	--cart-availability-color: var(--main-green-color);
	--cart-item-dispatch-color: var(--main-gray-color);
	--cart-line-old-price-color: var(--main-gray-color);
	--cart-set-products-border-color: #000;
	--category-tag-bk: #000;
	--category-tag-link-color: #fff;
	--category-tag-link-hover-bk: var(--main-red-color);
	--categories-menu-item-border-top-color: #fff;
	--categories-menu-item-border-bottom-color: #e0e0e0;
	--categories-menu-link-color: #000;
	--categories-menu-link-color-hover: #fff;
	--categories-menu--popup-container-bk: #fff;
	--categories-menu--popup-container-border-color: #ccc;
	--categories-menu-column-bk: #fff;
	--comments-post-heading-color: #005596;
	--comments-thanks-color: red;
	--comments-admin-color: var(--main-red-color);
	--comments-see-more-border-top-color: #E2E5E7;
	--comments-rating-value-bk: var(--main-gray-color);
	--comments-rating-value-color: #fff;
	--comments-reply-to-icon-color: #A6B3BA;
	--comments-reply-to-color: #000;
	--comments-dot-color: #DADCD6;
	--comments-separator-color: var(--main-gray-color);
	--comments-thumb-color: var(--main-gray-color);
	--comments-thumb-up-hover-color: var(--main-green-color);
	--comments-thumb-down-hover-color: red;
	--cta-color: #fff;
	--cta-bk: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	--delivery-desc-color: inherit;
	--discount-green-color: darkgreen;
	--discount-blue-color: var(--main-blue-color);
	--discount-red-color: var(--main-red-color);
	--edit-link-color: #960019;
	--edit-link-hover-color: #C2B9B3;
	--flex-grid-bk: #fff;
	--flex-grid-border-color: #E8E8E8;
	--filter-option-border-color: #fff;
	--filter-option-bk: #fff;
	--filter-opiton-border-color: #C2B9B3;
	--filter-opiton-checkbox-border-color: #C2B9B3;
	--filter-option-active-check-color: #fff;
	--filter-option-active-checkbox-bk: var(--main-red-color);
	--filter-option-active-checkbox-border-color-hover: #fff;
	--filter-option-delete-x-color: var(--main-red-color);
	--filter-btn-bk: #f2f3ee;
	--filter-btn-border-color: #e8e8e8;
	--filter-color--active-checkbox-color: #fff;
	--faq-top-question-color: blue;
	--field-info-color: #333;
	--field-info-bk: #fff;
	--field-info-border-color: var(--main-gray-color);
	--field-tooltip-bk: #fff;
	--field-tooltip-after-border-bottom-color: #fff;
	--field-tooltip-before-border-bottom-color: #ccc;
	--filter-h-color: #000;
	--filters-bk: #F8F8F8;
	--filters-border-color: #eee;
	--filters-ul-bk: inherit;
	--form-section-h-border-color: #E8E8E8;
	--form-section-h-before-bk: var(--main-red-color);
	--footer-color: #fff;
	--footer-bk: #111;
	--footer-box-bk: #000;
	--footer-box-border-color: #35393D;
	--footer-box-h-color: #fff;
	--footer-box-header-expand-btn-color: #000;
	--footer-box-header--collapse-btn-bk: #85C742;
	--footer-box-link-color: #fff;
	--footer-box-link-hover-bk: #386400;
	--footer-box-link-hover-color: #fff;
	--footer--copyright-link-color: #fff;
	--footer--created-in-bk: #000;
	--footer--created-in-color: #fff;
	--footer--created-in-border-color: #35393D;
	--footer-newsletter-bk: #000;
	--footer-newsletter-border-bottom-color: #35393D;
	--footer-newsletter-color: #ccc;
	--footer-newsletter-inner-h-color: #fff;
	--footer-newsletter-input-border-color: #999;/*#283139*/
	--footer-newsletter-button-bk: #85C742;
	--footer-newsletter-button-color: #000;
	--footer-newsletter-button-hover-bk: #5AA90B;
	--footer-newsletter-button-hover-color: #000;
	--footer-newsletter-16-years-color: #ccc;
	--footer-newsletter-input-color: #fff;
	--footer-newsletter-input-bk: #000;
	--footer-newsletter-input-placeholder-color: #999;
	--form-instructions-color: var(--main-gray-color);
	--gallery-thumbs-bk: #fff;
	--gallery-thumbs-border-top-color: #ccc;
	--gallery-thumbs-active-link-border-color: #000;
	--gdpr-bk: #fff;
	--gdpr-btn-color: #fff;
	--gdpr-btn-accept-bk: var(--main-green-color);
	--gdpr-btn-accept-hover-bk: #218838;
	--gdpr-btn-accept-hover-color: #fff;
	--gdpr-btn-accept-border-color: var(--main-green-color);
	--gdpr-btn-save-bk: #6c757d;
	--gdpr-btn-save-hover-bk: #5a6268;
	--gdpr-btn-save-hover-color: #fff;
	--gdpr-border-color: #ccc;
	--gdpr-header-bk: #fff;
	--gdpr-footer-bk: #fff;
	--gdpr-overlay-bk: #000;
	--grid-form-input-border-color: var(--main-gray-color);
	--grid-form-input-bk: #fff;
	--grid-form-input-hover-border-color: #000;
	--grid-form-input-outline-border-color: grey;
	--grid-form-input-highlight-border-color: red;
	--header-color: #000;
	--header-bk: #fff;
	--iconbox-cart-item--no-of-items-color: var(--main-red-color);
	--iconbox-inner-bk: #fff;
	--iconbox-active-inner-bk: #f9f9f9;
	--iconbox-wishlist-item--mini-cart-no-of-items-bk: #530064;
	--iconbox-wishlist-item--mini-cart-no-of-items-color: #fff;
	--iconbox-hover-box-shadow-color: rgba(50, 50, 50, 0.4);
	--info-panel-bk: #E9E9E9;
	--info-panel-border-color: #ccc;
	--info-panel--accordion-toggle-bk: #fff;
	--input-color: #000;
	--input-bk-color: #fff;
	--input-border-color: var(--main-gray-color);
	--input-hover-border-color: #000;
	--intercalated-products-header-color: #F60;
	--intercalated-products-header-border-color: #76CDF8;
	--intercalated-products-header-inner-bk: linear-gradient(to bottom, #d7f7ff 0%, #e6f3fc 6%, #dff4ff 11%, #e3f5f9 17%, #e2f7fa 22%, #daf6ff 28%, #e6f4ff 33%, #e0f4ff 39%, #dcf2ff 100%);
	--intercalated-products-content-border-color: #76CDF8;
	--intercalated-products-content-bk-color: linear-gradient(to bottom, #d9f3ff 0%, #d5f1fd 11%, #d0f0ff 12%, #c9ecff 28%, #c6ecff 29%, #c5ebfe 34%, #c1ecff 35%, #bdeaff 46%, #bae8ff 47%, #b9e7fe 52%, #b5e7fe 53%, #b2e6fe 64%, #aee6ff 64%, #a6e1ff 81%, #a2e2fe 82%, #a0e0fc 86%, #9fe2ff 88%, #9ee1fe 93%, #9adffe 93%, #98dfff 100%);
	--intercalated-products-product-a-color: #302E94;
	--intercalated-products-price-old-color: #189ADA;
	--intercalated-products-image-bk: #fff;
	--intercalated-products-image-border-color: #6CCFFF;
	--holiday-color: var(--main-red-color);
	--list-prod-desc-color: #333;
	--list-prod-bk: #fff;
	--main-section-light-theme-bk: #fff;
	--main-section-gray-theme-bk: #F1F1F1;
	--main-section-dark-theme-bk: #000;
	--mini-cart-bk: #fff;
	--mobile-pop-bk: #fff;
	--mobile-popup--side-box-bk: #fff;
	--more-link-color: #960019;
	--more-link-hover-color: #000;
	--more-welcome: var(--main-red-color);
	--newsletter-input-bk: #fff;
	--no-of-prods-color: var(--main-gray-color);
	--old-price-color: var(--main-gray-color);
	--order-finish-instructions-color: red;
	--page-container-bk: #fff;
	--page-desc-color: var(--main-gray-color);
	--pager-color: #000;
	--pager-bk-color: #F9F9F9;
	--pager-border-color: #D5D5D5;
	--pager-current-color: #fff;
	--pager-current-bk-color: var(--vs-menu-desktop-bk);
	--pager-current-border-color: var(--main-red-color);
	--pager-hover-color: #fff;
	--pager-hover-bk-color: var(--vs-menu-desktop-bk);
	--pager-hover-border-color: #054A72;
	--payment-method-inactive-color: var(--main-gray-color);
	--pdf-popup-backdrop-bk: #000;
	--pdf-popup-bk: #fff;
	--pdf-popup-head-bk: #E9E9E9;
	--pdf-popup-head--btn-close-color: #000;
	--pdf-popup-head--btn-close-hover-color: #fff;
	--pdf-popup-head--btn-close-hover-bk: var(--main-red-color);
	--placeholder-color: #BCBCBC;
	--photo-gallery-bk: #fff;
	--photo-gallery-border-color: #333;
	--popup-bk: #fff;
	--popup-header-bk: #E9E9E9;
	--popup-header--btn-close-bk: var(--main-red-color);
	--popup-header--btn-close-color: #fff;
	--popup-shopping-cart-item: #f9f9f9;
	--portfolio-grid-item-bk: #fff;
	--portfolio-site-title-bk: #F9F9F9;
	--portfolio-site-title-border-color: #e8e8e8;
	--portfolio-site-title-link-color: var(--main-red-color);
	--portfolio-desc-bk: #fff;
	--portfolio-read-more-link-color: #333;
	--post-tooltip-bk: #f9f9f9;
	--post-tooltip-border-color: #ccc;
	--post-tooltip-after-border-bottom-color: #f9f9f9;
	--post-tooltip-before-border-bottom-color: #ccc;
	--pow-author-color: #333;
	--pow-details-color: #333;
	--pow-border-color: #e8e8e8;
	--pow-header-color: #fff;
	--pow-header-bk: #006CAB;
	--price-color: darkgreen;
	--popup-category-color: #000;
	--popup-subcategory-color: #333;
	--product-aggregate-rating-a-color: var(--main-red-color);
	--product-link-color: #000;
	--product-availability-color: darkgreen;
	--product-color-name: var(--main-red-color);
	--product-colors-notes-color: #333;
	--product-comments-no-color: #333;
	--product-desc-link-color: var(--main-red-color);
	--product-options-color: #9D9D9D;
	--product-options-a-color: #000;
	--product-options-a-hover-color: var(--main-red-color);
	--product-photo-bk: #fff;
	--product-supplier-color: #111;
	--product-set-old-price-color: #333;
	--product-set-bk: #F9F9F9;
	--product-set-border-color: #E8E8E8;
	--product-details-btn-cart-color: #fff;
	--product-details-btn-cart-bk: linear-gradient(to right bottom, #e80c0c 0%, var(--main-red-color) 100%);
	--product-details-btn-cart-bk-hover: red;
	--product-details--mobile--options-border-color: #e8e8e8;
	--product-details--mobile--option-item-bk: #f9f9f9;
	--product-details--mobile--option-link-color: #000;
	--product-details--mobile--option-border-top-color: #fff;
	--product-details--mobile--option-border-bottom-color: #e0e0e0;
	--product-detalis--price-tag-color: #000;
	--product-description-bk: #fff;
	--product-description-th-bk: var(--main-gray-color);
	--product-description-th-color: #fff;
	--product-description-tr-border-color: #eee;
	--product-description-tr-odd-bk: #F9F9F9;
	--product-description--custom-table-th-bk: var(--main-red-color);
	--product-description--custom-table-th-color: #fff;
	--mobile--product-main--images-border-color: #f8f8f8;
	--no-js-color: red;
	--product-slider-h-border-color: #E8E8E8;
	--product-slider-arrow-color: #000;
	--product-slider-arrow-hover-color: darkred;
	--promo-price-color: var(--main-red-color);
	--promo-campaign-timer-color: #fff;
	--promo-campaign-timer--promo-component-bk: #631602;
	--promo-campaign-timer--promo-text-bk: #7D1E06;
	--promo-expires-text-color: #fff;
	--promo-set-title-color: var(--main-green-color);
	--promo-set-plus-color: red;
	--published-books-color: inherit;
	--published-books-hover-color: var(--main-red-color);
	--quick-view-link-color: #fff;
	--keywords-a-color: var(--main-red-color);
	--red: #960019;
	--red-error: var(--main-red-color);
	--vs-search-border-color: #666;
	--searchbox-inner-search-btn-bk: #fff;
	--searchbox-inner-search-btn-bk-hover: #000;
	--searchbox-inner-svg-magnifier: #fff;
	--searchbox-magnifier-color: #000;
	--section-color: #fff;
	--section-header-bk: var(--main-red-color);
	--section-header-h-color: #fff;
	--section-content-bk: #fff;
	--selected-locker-name-color: #d21000;
	--send-order-border-color: #ccc;
	--send-order-bk: #f9f9f9;
	--send-order-head-color: #fff;
	--send-order-head-bk: linear-gradient(to bottom, #45484d 0%, #000000 100%);
	--send-order-delivery-cost-color: var(--main-green-color);
	--send-order-old-price-color: #87C607;
	--send-wishlist-bk: #F9F9F9;
	--seo-tags-link-color: var(--main-green-color);
	--shopping-cart-item-bk: #fff;
	--shop-policies-bk: #000;
	--shop-policies-color: #fff;
	--shop-policies-link-color: #fff;
	--shop-policies-change-gdpr-settings-bk: #252d35;
	--shop-policies-change-gdpr-setting-hover-bk: #1a2a37;
	--shop-policies-change-gdpr-setting-hover-link-color: #fff;
	--shop-policies-btn-color: #000;
	--shop-policies-btn-border-color: var(--main-green-color);
	--shop-policies-btn-bk: #85C742;
	--shop-policies-btn-hover-color: #000;
	--shop-policies-btn-hover-bk: #5AA90B;
	--sort-reviews-separator-color: var(--main-gray-color);
	--special-notes-bk: var(--main-green-color);
	--special-notes-color: #fff;
	--side-menu-item-border-top-color: #fff;
	--side-menu-item-border-bottom-color: #e0e0e0;
	--side-menu-link-color: #000;
	--side-menu-link-hover-color: #fff;
	--side-menu-outside-bk: #f9f9f9;
	--side-menu-outside-border-color: #ccc;
	--side-menu-inside-1st-border-top-color: #e0e0e0;
	--side-menu--supplier-discount-hover-color: #fff;
	--side-search--inner-bk: #fff;
	--side-search--inner-border-color: #666;
	--side-search-input-bk: #fff;
	--side-search-input-color: #000;
	--side-search-btn-bk: var(--main-red-color);
	--side-search-btn-hover-bk: #271971;
	--side-search-magnifier-color: #fff;
	--simple-menu-bk: #fff;
	--simple-menu-link-border-color: #e8e8e8;
	--simple-menu-hover-bk: var(--main-red-color);
	--simple-menu-link-hover-color: #fff;
	--simple-menu-boxlist-border-color: #e8e8e8;
	--slicker-item-bk: #F9F9F9;
	--slicker-item-border-color: #eee;
	--slick-slide-img-bk: #fff;
	--slick-slide-img-border-color: #eee;
	--spec-group-name-border-bottom-color: #eee;
	--spec-name-bk: #f7f7f7;
	--spec-name-even-bk: #fff;
	--star-yellow-color: #f9bf3b;
	--star-gray-color: #c4c4c4;
	--star-meters--meter-box-bk: #f9f9f9;
	--star-meters--meter-box-border-color: #ccc;
	--star-meters--meter-bk: #FFCB3F;
	--sticky-product-bk: #fff;
	--subcategory-prod-no-color: var(--main-gray-color);
	--subcat-grid-item-bk: #fff;
	--submit-order-btn-color: #fff;
	--submit-order-btn-bk: linear-gradient(to bottom, #009df8 0%, #006CAB 100%);
	--suggested-place-hover-bk: #14171A;
	--suggested-place-hover-color: #fff;
	--supplier-discount-color: #B73E30;
	--table-cart-th-color: #fff;
	--table-cart-th-bk: #000;
	--table-cart-td-bk: #fff;
	--table-cart-td-border-color: #eee;
	--table-cart--cart-product-hover-color: #960019;
	--table-cart-discount-color: #960019;
	--table-cart-tr-odd-bk: #f9f9f9;
	--top-run-bk: linear-gradient(to bottom, #ccc, #EEF0ED);
	--top-run-day-promo-bk: #B02A09;
	--thumbnails-link-img-border-color: #ccc;
	--view-icon-menu-color: var(--main-gray-color);
	--view-icon-active-border-color: #e8e8e8;
	--vs-menu-mobile-1st-level-border-top-color: #fff;
	--vs-menu-mobile-1st-level-border-bottom-color: #e0e0e0;
	--vs-menu-mobile-2nd-level-bk: #952017;
	--vs-menu-mobile-2nd-level-border-top-color: #811911;
	--vs-menu-mobile-2nd-level-border-bottom-color: #bb281d;
	--vs-menu-mobile-2nd-level-link-color: #fff;
	--vs-menu-mobile-3rd-level-bk: #8B1D15;
	--vs-menu-mobile-3rd-level-border-top-color: #71110a;
	--vs-menu-mobile-3rd-level-border-bottom-color: #9b1e15;
	--vs-menu-mobile-4th-level-bk: #841B14;
	--vs-menu-mobile-4th-level-border-top-color: #620f09;
	--vs-menu-mobile-4th-level-border-bottom-color: #a31e14;
	--vs-menu-mobile-promo-campaigns-link-bk: #BB281D;
	--vs-menu-bk: #fff;
	--vs-menu-desktop-wrap-bk: #fff;
	--vs-menu-desktop-link-color: #000;
	--vs-menu-desktop-link-hover-color: #fff;
	--vs-menu-desktop-active-link-color: #fff;
	--vs-menu-desktop-2nd-level-bk: var(--vs-menu-desktop-bk);
	--vs-menu-desktop-2nd-level-link-color: #fff;
	--vs-menu-desktop-2nd-level-link-hover-color: #fff;
	--vs-menu-desktop-2nd-level-link-hover-bk: #BE0909;
	--vs-menu-desktop-2nd-level-border-bottom-color: #BE0909;
	--vs-menu-desktop-2nd-level-box-shadow-color: #fc0c0c;
	--vs-menu-desktop-promo-campaigns-bk: #000;
	--vs-search-input-color: #000;
	--vs-search-bk: transparent;
	--iconbox-account-menu-bk: #fff;
	--whatsapp-btn-color: #fff;
	--wishlist-to-cart-link-color: var(--main-red-color);
	--wishlist-to-cart-link-hover-color: #000;
	--wishlist-mini--prod-link-color: #000;

	--pad5: 5px;
	--pad10: 10px;
	--pad15: 15px;
	--pad20: 20px;
	
	--body-max-w: 95.384615384615384615384615384615rem;
	--px1: 0.076923076923077rem;
	--px2: 0.15384615384615rem;
	--px3: 0.23076923076923rem;
	--px4: 0.30769230769231rem;
	--px5: 0.38461538461538rem;
	--px6: 0.46153846153846rem;
	--px7: 0.53846153846154rem;
	--px8: 0.61538461538462rem;
	--px9: 0.69230769230769rem;
	--px10: 0.76923076923077rem;
	--px11: 0.84615384615385rem;
	--px12: 0.92307692307692rem;
	--px13: 1rem;
	--px14: 1.0769230769231rem;
	--px15: 1.1538461538462rem;
	--px16: 1.2307692307692rem;
	--px18: 1.3846153846154rem;
	--px19: 1.4615384615385rem;
	--px20: 1.5384615384615rem;
	--px22: 1.6923076923077rem;
	--px23: 1.7692307692308rem;
	--px24: 1.8461538461538rem;
	--px25: 1.9230769230769rem;
	--px26: 2rem;
	--px27: 2.0769230769231rem;
	--px28: 2.1538461538462rem;
	--px29: 2.2307692307692rem;
	--px30: 2.3076923076923rem;
	--px31: 2.3846153846154rem;
	--px32: 2.4615384615385rem;
	--px33: 2.5384615384615rem;
	--px34: 2.6153846153846rem;
	--px35: 2.6923076923077rem;
	--px36: 2.7692307692308rem;
	--px37: 2.8461538461538rem;
	--px38: 2.9230769230769rem;
	--px39: 3rem;
	--px40: 3.0769230769231rem;
	--px42: 3.2307692307692rem;
	--px43: 3.3076923076923rem;
	--px44: 3.3846153846154rem;
	--px45: 3.4615384615385rem;
	--px46: 3.5384615384615rem;
	--px47: 3.6153846153846rem;
	--px48: 3.6923076923077rem;
	--px49: 3.7692307692308rem;
	--px50: 3.8461538461538rem;
	--px51: 3.9230769230769rem;
	--px52: 4rem;
	--px54: 4.1538461538462rem;
	--px55: 4.2307692307692rem;
	--px56: 4.3076923076923rem;
	--px58: 4.4615384615385rem;
	--px59: 4.5384615384615rem;
	--px60: 4.6153846153846rem;
	--px62: 4.7692307692308rem;
	--px64: 4.9230769230769rem;
	--px68: 5.2307692307692rem;
	--px69: 5.3076923076923rem;
	--px70: 5.3846153846154rem;
	--px74: 5.6923076923077rem;
	--px75: 5.7692307692308rem;
	--px76: 5.8461538461538rem;
	--px80: 6.1538461538462rem;
	--px84: 6.4615384615385rem;
	--px85: 6.5384615384615rem;
	--px86: 6.6153846153846rem;
	--px87: 6.6923076923077rem;
	--px90: 6.9230769230769rem;
	--px91: 7rem;
	--px98: 7.5384615384615rem;
	--px100: 7.6923076923077rem;
	--px103: 7.9230769230769rem;
	--px108: 8.3076923076923rem;
	--px110: 8.4615384615385rem;
	--px114: 8.7692307692308rem;
	--px117: 9rem;
	--px118: 9.0769230769231rem;
	--px119: 9.1538461538462rem;
	--px120: 9.2307692307692rem;
	--px121: 9.3076923076923rem;
	--px125: 9.6153846153846rem;
	--px128: 9.8461538461538rem;
	--px130: 10rem;
	--px134: 10.307692307692rem;
	--px135: 10.384615384615rem;
	--px138: 10.615384615385rem;
	--px140: 10.769230769231rem;
	--px150: 11.538461538462rem;
	--px155: 11.923076923077rem;
	--px158: 12.153846153846rem;
	--px160: 12.307692307692rem;
	--px165: 12.692307692307rem;
	--px170: 13.076923076923rem;
	--px180: 13.846153846154rem;
	--px185: 14.230769230769rem;
	--px189: 14.538461538462rem;
	--px190: 14.615384615385rem;
	--px200: 15.384615384615rem;
	--px202: 15.538461538462rem;
	--px210: 16.153846153846rem;
	--px215: 16.538461538462rem;
	--px220: 16.923076923077rem;
	--px226: 17.384615384615rem;
	--px230: 17.692307692308rem;
	--px235: 18.076923076923rem;
	--px250: 19.230769230769rem;
	--px254: 19.538461538462rem;
	--px260: 20rem;
	--px270: 20.769230769231rem;
	--px280: 21.538461538462rem;
	--px285: 21.923076923077rem;
	--px290: 22.307692307692rem;
	--px295: 22.692307692308rem;
	--px300: 23.076923076923rem;
	--px308: 23.692307692308rem;
	--px310: 23.846153846154rem;
	--px314: 24.153846153846rem;
	--px315: 24.230769230769rem;
	--px320: 24.615384615385rem;
	--px330: 25.384615384615rem;
	--px339: 26.076923076923rem;
	--px350: 26.923076923077rem;
	--px359: 27.615384615385rem;
	--px360: 27.692307692308rem;
	--px370: 28.461538461538rem;
	--px389: 29.923076923077rem;
	--px390: 30rem;
	--px400: 30.769230769231rem;
	--px409: 31.461538461538rem;
	--px410: 31.538461538462rem;
	--px411: 31.615384615385rem;
	--px420: 32.307692307692rem;
	--px430: 33.076923076923rem;
	--px450: 34.615384615385rem;
	--px470: 36.153846153846rem;
	--px479: 36.846153846154rem;
	--px480: 36.923076923077rem;
	--px490: 37.692307692308rem;
	--px492: 37.846153846154rem;
	--px494: 38rem;
	--px498: 38.307692307692rem;
	--px500: 38.461538461538rem;
	--px510: 39.230769230769rem;
	--px512: 39.384615384615rem;
	--px514: 39.538461538462rem;
	--px545: 41.923076923077rem;
	--px550: 42.307692307692rem;
	--px560: 43.076923076923rem;
	--px580: 44.615384615385rem;
	--px599: 46.076923076923rem;
	--px600: 46.153846153846rem;
	--px626: 48.153846153846rem;
	--px630: 48.461538461538rem;
	--px635: 48.846153846154rem;
	--px639: 49.153846153846rem;
	--px650: 50rem;
	--px670: 51.538461538462rem;
	--px700: 53.846153846154rem;
	--px708: 54.461538461538rem;
	--px740: 56.923076923077rem;
	--px750: 57.692307692308rem;
	--px768: 59.076923076923rem;
	--px771: 59.307692307692rem;
	--px800: 61.538461538462rem;
	--px860: 66.153846153846rem;
	--px900: 69.230769230769rem;
	--px1024: 78.769230769231rem;
	--px1025: 78.846153846154rem;
	--px1240: 95.384615384615rem;
	--px1280: 98.461538461538rem;
	
	--pad1: 1px;
	--pad2: 2px;
	--pad3: 3px;
	--pad4: 4px;
	--pad5: 5px;
	--pad6: 6px;
	--pad7: 7px;
	--pad8: 8px;
	--pad10: 10px;
	--pad14: 14px;
	--pad15: 15px;
	--pad16: 16px;
	--pad18: 18px;
	--pad20: 20px;
	--pad26: 26px;
	--pad46: 46px;
}


@media (max-width : 800px) {
	html {
		font-size: 93.75%;
	}
	
	:root {
		--px1: 0.066666666666667rem;
		--px2: 0.13333333333333rem;
		--px3: 0.2rem;
		--px4: 0.26666666666667rem;
		--px5: 0.33333333333333rem;
		--px6: 0.4rem;
		--px7: 0.46666666666667rem;
		--px8: 0.53333333333333rem;
		--px9: 0.6rem;
		--px10: 0.66666666666667rem;
		--px11: 0.73333333333333rem;
		--px12: 0.8rem;
		--px13: 0.86666666666667rem;
		--px14: 0.93333333333333rem;
		--px15: 1rem;
		--px16: 1.0666666666667rem;
		--px18: 1.2rem;
		--px19: 1.2666666666667rem;
		--px20: 1.3333333333333rem;
		--px22: 1.4666666666667rem;
		--px23: 1.5333333333333rem;
		--px24: 1.6rem;
		--px25: 1.6666666666667rem;
		--px26: 1.7333333333333rem;
		--px27: 1.8rem;
		--px28: 1.8666666666667rem;
		--px29: 1.9333333333333rem;
		--px30: 2rem;
		--px31: 2.0666666666667rem;
		--px32: 2.1333333333333rem;
		--px33: 2.2rem;
		--px34: 2.2666666666667rem;
		--px35: 2.3333333333333rem;
		--px36: 2.4rem;
		--px37: 2.4666666666667rem;
		--px38: 2.5333333333333rem;
		--px39: 2.6rem;
		--px40: 2.6666666666667rem;
		--px42: 2.8rem;
		--px43: 2.8666666666667rem;
		--px44: 2.9333333333333rem;
		--px45: 3rem;
		--px46: 3.0666666666667rem;
		--px47: 3.1333333333333rem;
		--px48: 3.2rem;
		--px49: 3.2666666666667rem;
		--px50: 3.3333333333333rem;
		--px51: 3.4rem;
		--px52: 3.4666666666667rem;
		--px54: 3.6rem;
		--px55: 3.6666666666667rem;
		--px56: 3.7333333333333rem;
		--px58: 3.8666666666667rem;
		--px59: 3.9333333333333rem;
		--px60: 4rem;
		--px62: 4.1333333333333rem;
		--px64: 4.2666666666667rem;
		--px68: 4.5333333333333rem;
		--px69: 4.6rem;
		--px70: 4.6666666666667rem;
		--px74: 4.9333333333333rem;
		--px75: 5rem;
		--px76: 5.0666666666667rem;
		--px80: 5.3333333333333rem;
		--px84: 5.6rem;
		--px85: 5.6666666666667rem;
		--px86: 5.7333333333333rem;
		--px87: 5.8rem;
		--px90: 6rem;
		--px91: 6.0666666666667rem;
		--px98: 6.5333333333333rem;
		--px100: 6.6666666666667rem;
		--px103: 6.8666666666667rem;
		--px108: 7.2rem;
		--px110: 7.3333333333333rem;
		--px114: 7.6rem;
		--px117: 7.8rem;
		--px118: 7.8666666666667rem;
		--px119: 7.9333333333333rem;
		--px120: 8rem;
		--px121: 8.0666666666667rem;
		--px125: 8.3333333333333rem;
		--px128: 8.5333333333333rem;
		--px130: 8.6666666666667rem;
		--px134: 8.9333333333333rem;
		--px135: 9rem;
		--px138: 9.2rem;
		--px140: 9.3333333333333rem;
		--px150: 10rem;
		--px155: 10.333333333333rem;
		--px158: 10.533333333333rem;
		--px160: 10.666666666667rem;
		--px165: 11rem;
		--px170: 11.333333333333rem;
		--px180: 12rem;
		--px185: 12.333333333333rem;
		--px189: 12.6rem;
		--px190: 12.666666666667rem;
		--px200: 13.333333333333rem;
		--px202: 13.466666666667rem;
		--px210: 14rem;
		--px215: 14.333333333333rem;
		--px220: 14.666666666667rem;
		--px226: 15.066666666667rem;
		--px230: 15.333333333333rem;
		--px235: 15.666666666667rem;
		--px250: 16.666666666667rem;
		--px254: 16.933333333333rem;
		--px260: 17.333333333333rem;
		--px270: 18rem;
		--px280: 18.666666666667rem;
		--px285: 19rem;
		--px290: 19.333333333333rem;
		--px295: 19.666666666667rem;
		--px300: 20rem;
		--px308: 20.533333333333rem;
		--px310: 20.666666666667rem;
		--px314: 20.933333333333rem;
		--px315: 21rem;
		--px320: 21.333333333333rem;
		--px330: 22rem;
		--px339: 22.6rem;
		--px350: 23.333333333333rem;
		--px359: 23.933333333333rem;
		--px360: 24rem;
		--px370: 24.666666666667rem;
		--px389: 25.933333333333rem;
		--px390: 26rem;
		--px400: 26.666666666667rem;
		--px409: 27.266666666667rem;
		--px410: 27.333333333333rem;
		--px411: 27.4rem;
		--px420: 28rem;
		--px430: 28.666666666667rem;
		--px450: 30rem;
		--px470: 31.333333333333rem;
		--px479: 31.933333333333rem;
		--px480: 32rem;
		--px490: 32.666666666667rem;
		--px492: 32.8rem;
		--px494: 32.933333333333rem;
		--px498: 33.2rem;
		--px500: 33.333333333333rem;
		--px510: 34rem;
		--px512: 34.133333333333rem;
		--px514: 34.266666666667rem;
		--px545: 36.333333333333rem;
		--px550: 36.666666666667rem;
		--px560: 37.333333333333rem;
		--px580: 38.666666666667rem;
		--px599: 39.933333333333rem;
		--px600: 40rem;
		--px626: 41.733333333333rem;
		--px630: 42rem;
		--px635: 42.333333333333rem;
		--px639: 42.6rem;
		--px650: 43.333333333333rem;
		--px670: 44.666666666667rem;
		--px700: 46.666666666667rem;
		--px708: 47.2rem;
		--px740: 49.333333333333rem;
		--px750: 50rem;
		--px768: 51.2rem;
		--px771: 51.4rem;
		--px800: 53.333333333333rem;
		--px860: 57.333333333333rem;
		--px900: 60rem;
		--px1024: 68.266666666667rem;
		--px1025: 68.333333333333rem;
		--px1240: 82.666666666667rem;
		--px1280: 85.333333333333rem;
	}
}

/*@media (prefers-color-scheme:dark) {*/
.dark-theme-header {	
	--account-popup-link-color: #fff;
	--account-popup-link-hover-color: #fff;
	--account-popup-hover-bk: #111;
	--button-submit-bk-color: #85C742;
	--button-submit-color: #000;
	--button-submit-hover-bk-color: #5AA90B;
	--header-color: #fff;
	--header-bk: #000;
	--iconbox-active-inner-bk: #000;
	--iconbox-cart-item--no-of-items-color: orangered;
	--iconbox-inner-bk: #000;
	--iconbox-hover-color: #000;
	--iconbox-hover-color-inner-bk: #fff;
	--iconbox-hover-box-shadow-color: rgba(162, 159, 159, 0.7);
	--menu-item-active-color: #fff;
	--menu-item-active-bk: #000;
	--mini-cart-bk: #000;
	--old-price-color: green;
	--searchbox-magnifier-color: #fff;
	--searchbox-inner-search-btn-bk: #111;
	--table-cart-th-bk: #111;
	--table-cart-td-bk: #000;
	--table-cart-tr-odd-bk: #111;
	--table-cart-td-border-color: #222;
	--table-cart--cart-product-hover-color: darkorange;
	--more-link-color: darkorange;
	--vs-menu-desktop-wrap-bk: #111;
	--vs-menu-bk: #111;
	--vs-menu-desktop-link-color: #fff;
	--vs-menu-desktop-link-hover-color: darkorange;
	--vs-menu-desktop-active-link-color: #fff;
	--vs-menu-mobile-1st-level-border-bottom-color: #111;
	--vs-menu-mobile-1st-level-border-top-color: none;
	--vs-menu-desktop-bk: #000;
	--vs-menu-desktop-promo-campaigns-bk: #000;
	--vs-menu-desktop-2nd-level-bk: #111;
	--vs-menu-desktop-2nd-level-link-hover-bk: #000;
	--vs-menu-desktop-2nd-level-border-bottom-color: #111;
	--vs-menu-desktop-2nd-level-box-shadow-color: #0b0b0b;
	--vs-search-bk: #111;/*#252d35*/
	--vs-search-input-color: #fff;
	--vs-search-border-color: #999;
	--iconbox-account-menu-bk: #000;
	--wishlist-mini--prod-link-color: #fff;
	
	color: #000;
	background: #fff;
	color: var(--header-color);
	background: var(--header-bk);
}

:root {
	--minus-5px: calc(-1*var(--px5, 5px));
	--minus-7px: calc(-1*var(--px7, 7px));
	--minus-8px: calc(-1*var(--px8, 8px));
	--minus-10px: calc(-1*var(--px10, 10px));
	--minus-11px: calc(-1*var(--px11, 11px));
	--minus-12px: calc(-1*var(--px12, 12px));
	--minus-16px: calc(-1*var(--px16, 16px));
	--minus-25px: calc(-1*var(--px25, 25px));
	--minus-32px: calc(-1*var(--px32, 32px));
}

html, body, div, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, img, span {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}

body {
	font-family: "Roboto", arial, georgia, sans-serif;
	line-height: 1.2;
	background: #EEF0ED;
	background: var(--body-bk-color);
	color: inherit;
	min-height: 100%;
}

div, p, input, textarea {
	box-sizing: border-box;
}

address, button, caption, cite, code, input, optgroup, option, select, textarea, th {
	font: inherit;
	color: inherit;
	font-size: 1rem;
}

textarea { overflow: auto; }

input {
	line-height: normal;
	font: inherit;
	color: #000;
	color: var(--input-color);
}

input:hover {
	border-color: #000;
	border-color: var(--input-hover-border-color);
}

input:focus-visible {
	outline: 1px solid darkblue;
}

input[type="checkbox"],
input[type="radio"]{
	width: 20px;
	height: 20px;
	width: var(--px20, 20px);
	height: var(--px20, 20px);
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td { padding: 0; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; vertical-align: top; }

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

img { border: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.1;
  color: inherit;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: left;
}

h1, .h1 {
	margin: 0 0 1rem 0;
	font-size: 32px;
	font-size: var(--px32, 32px);
}

h2, .h2 {
	margin: 30px 0 10px;
	margin: var(--px30, 30px) 0 var(--px10, 10px);
	font-size: 26px;
	font-size: var(--px26, 26px);
}

h3, .h3 {
	font-size: 22px;
	font-size: var(--px22, 22px);
}

h4, .h4 {
	font-size: var(--px18, 18px);
}

blockquote {
	font-style: italic;
	margin: 20px;
	margin: var(--px20, 20px);
	border-left: 5px solid #ccc;
	border-left: var(--px5, 5px) solid #ccc;
	padding: 10px 0 10px 20px;
	padding: var(--pad10, 10px) 0 var(--pad10, 10px) var(--pad20, 20px);
}

.noscroll {
	overflow: hidden;
}

.accordion-toggle :is(div, p) + :is(h2, h3) {
	margin-top: var(--px20, 20px);
}

.no-of-products {
	color: inherit;
}

.product-page-top {
	padding: 10px;
	padding: var(--pad10, 10px);
	background: #fff;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	box-shadow: 0 1px 5px -1px rgba(0,0,0,.15);
}

#products-page-title.simple-flex {
	margin: 0 0 10px;
	margin: 0 0 var(--px10, 10px);
}

#products-page-title h1 {
	margin: 0;
	font-size: 2rem;
}

@media (max-width: 600px){
	h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
		font-weight: 400;
	}
}

.small {
	font-size: 1rem;
}

b, strong {
	font-weight: 700;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: inherit;
}

sub {
	bottom: -0.25em;
}

.edit-link {
	color: #960019 !important;
	color: var(--edit-link-color) !important;
}

.edit-link:hover {
	color: #C2B9B3;
	color: var(--edit-link-hover-color);
}

.maimult {
	font-family: "Times New Roman", Verdana, sans-serif;
	color: #960019 !important;
	color: var(--more-link-color) !important;
}

.maimult:hover, .quick-view-a {
	font-family: "Times New Roman", Verdana, sans-serif;
	color: #000;
	color: var(--more-link-hover-color);
}

.txt-i,
.account-small-i,
.newsletter-i,
.comments-i,
select,
textarea {
	color: #000;
	color: var(--input-color);
	background: #fff;
	background: var(--input-bk-color);
	border: 2px solid #555;
	border: 2px solid var(--input-border-color);
	font-size: 1rem;
	line-height: 1.6;
	padding: 2px;
	padding: var(--pad2, 2px);
	outline: none;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
}

select.txt-i { 
	height: 26px;
	height: var(--px26, 26px);
}

.txt-i {
	width: 220px;
	width: var(--px220, 220px);
}

.account-small-i {
	width: 34px;
	width: var(--px34, 34px);
}

.just {
	text-align: justify;
}

.error, .success {
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
	color: #912d1e;
	color: var(--red-error);
	clear: both;
}

.highlight {
	border: 1px solid red;
}

::placeholder {
	color: #BCBCBC;
	color: var(--placeholder-color);
}

.arrow-angle {
	display: block;
	position: relative;
	padding-right: 16px;
	padding-right: var(--px16, 16px);
}

.arrow-angle:before {
	font-family: 'evitalshop';
	content: '\f107';
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	font-size: inherit;
	line-height: 1;
}

.old-price {
	text-decoration: line-through;
	font-style: oblique;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.pad2 td {
	padding: 2px;
	padding: var(--pad2, 2px);
}

.pad3 td {
	padding: 3px;
	padding: var(--pad3, 3px);
}

.pad4 td {
	padding: 4px;
	padding: var(--pad4, 4px);
}

.pad5 td {
	padding: 5px;
	padding: var(--pad5, 5px);
}

.left {
	float: left;
	margin-right: 10px;
	margin-right: var(--px10, 10px);
}

.right {
	float: right;
	margin-left: 10px;
	margin-left: var(--px10, 10px);
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}

.prices {
	margin: 0 0 10px;
	margin: 0 0 var(--px10, 10px);
	color: inherit;
	font-family: open sans, arial, georgia, sans-serif;
}

.prices .promo-price,
.prices .price {
	display: inline-block;
	font-size: 2rem;
	line-height: 1;
	color: darkgreen;
	color: var(--price-color);
	font-weight: 700;
}

.prices .money-decimal {
	font-size: 1rem;
	vertical-align: top;
	display: inline-block;
	position: relative;
	top: 0;
}

.prices .promo-price {
	color: #912d1e;
	color: var(--promo-price-color);
}

.prices .list-price {
	font-size: 1rem;
	color: var(--main-gray-color);
}

.prices .price-old {
	color: #555;
	color: var(--old-price-color);
	text-decoration: line-through;
}

.prices .price-tag {
	font-weight: 500;	
}

.special-price-discount-tag {
	width: 4rem;
	height: 2rem;
	top: 2rem;
	right: 0;
	bottom: auto;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.special-price-discount-tag > .special-price-discount {
	width: 4rem;
	height: 2rem;
	text-align: center;
	font-size: 1rem;
	line-height: 2;
	font-weight: 700;
	color: #fff;
}

.special-price-discount-tag > .special-price-discount-green {
	background: darkgreen;
	background: var(--discount-green-color);
}

.special-price-discount-tag > .special-price-discount-blue {
	background: #054A72;
	background: var(--discount-blue-color);
}

.special-price-discount-tag > .special-price-discount-red {
	background: #912d1e;
	background: var(--main-red-color);
}

.product-a:hover {
	color: #960019;
	color: var(--red);
}

.list-price .field-info {
	float: none;
	display: inline-block;
	margin-left: 10px;
	margin-left: var(--px10, 10px);
}

/* captcha */
.captcha-image {
	border: 1px solid #ccc;
	margin-right: 15px;
	margin-right: var(--px15, 15px);
	cursor: pointer
}

.try-another-captcha {
	width: 310px;
	width: var(--px310, 310px);
}

.try-another-captcha-a {
	font-size: 1rem;
	color: #960019;
	color: var(--red);
	clear: both;
	cursor: pointer
}

/* buttons */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button {
	border: none;
	box-sizing: border-box;
}

button:hover {
	color: #000;
	color: var(--button-color);
	text-decoration: none;
	background: #f6f6f6;
	background: var(--button-bk-color);
}

.vs-button,
.vs-button-back,
.vs-button-submit {
	display: inline-block;
	line-height: 1.3;
	font-size: 1rem;
	font-weight: 400;
	padding: .5rem 1rem;
	text-align: center;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	cursor: pointer;
	border: none;
	background: #e5e5e5;
	box-sizing: border-box;
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.vs-button:hover,
.vs-button-back:hover {
	color: #000;
	text-decoration: none;
	background: #f6f6f6;
}

.vs-button-submit {
	color: #fff !important;
	color: var(--button-submit-color) !important;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	background: #075a8a;
	background: var(--button-submit-bk-color);
}

.vs-button-submit:hover {
	color: #fff;
	color: var(--button-submit-hover-color);
	text-decoration: none;
	background: #054A72;
	background: var(--button-submit-hover-bk-color);
}

.vs-button-full {
	width: 100%;
}

.button-a,
.buttons button {
	margin-right: 10px;
	margin-right: var(--px10, 10px);
	vertical-align: middle;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.button-a:last-child,
.buttons button:last-child {
	margin-right: 0;
}

.button-buy {
	display: flex;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	font-size: 16px;
	font-size: var(--px16, 16px);
	line-height: 1;
	padding: 14px 1rem;
	padding: var(--pad14, 14px) 1rem;
	color: #fff !important;
	color: var(--button-buy-color) !important;
	background: #000;
	background: var(--button-buy-bk-color);
	cursor: pointer;
	box-sizing: border-box;
}

.button-buy > *:first-child {
	display: inline-block;
	margin-right: 7px;
	margin-right: var(--pad7, 7px);
}

.button-buy:hover {
	text-decoration: none;
	background: #054A72;
	background: var(--button-buy-hover-bk);
}

.button-buy .shopping-cart-icon {
	height: 1.25rem;
	width: 1.31rem;
}

.add-review-btn {
	padding: 1rem;
	cursor: pointer;
	max-width: 250px;
	max-width: var(--px250, 250px);
}

.add-review-btn > .pencil-icon {
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 1;
	transform: rotateY(180deg);
}

.see-new-edition {
	color: #960019 !important;
	color: var(--red) !important;
	font-weight: 700;
	font-size: 20px;
	font-size: var(--px20, 20px);
}

.buttons-zone {
	margin: 10px 0 20px;
	margin: var(--px10, 10px) 0 var(--px20, 20px);
}

#proddetails .button-buy {
	padding: 15px;
	padding: var(--pad15, 15px);
	min-width: 250px;
	min-width: var(--px250, 250px);
	max-width: 350px;
	max-width: var(--px350, 350px);
	border-radius: 25px;
	border-radius: var(--px25, 25px);
	box-sizing: border-box;
}

@media (max-width: 450px) {
	#proddetails .button-buy {
		min-width: 150px;
	}
}

#proddetails .request-discount {
	background: linear-gradient(to bottom, #075a8a, #054A72);
	background: linear-gradient(to bottom, var(--btn-color), var(--btn-color-hover));
}

#proddetails .request-discount > .icon {
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 1;
}

.whatsapp-btn-zone {
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

#proddetails .whatsapp-btn {
	padding: 14px 15px;
	padding: var(--pad14, 14px) var(--pad15, 15px);
	background: linear-gradient(to bottom right, green, darkgreen);
}

.whatsapp-btn > img, .whatsapp-btn > span {
	vertical-align: middle;
	color: #fff;
	color: var(--whatsapp-btn-color);
}

#proddetails .btn-cart {
	border: none;
	background: linear-gradient(to bottom, red 0%, #912d1e 100%);
	background: var(--product-details-btn-cart-bk);
}

#proddetails .btn-cart:hover {
	background: red;
	background: var(--product-details-btn-cart-bk-hover);
}

#proddetails .btn-cart > span,
#proddetails .btn-cart > img,
.whatsapp-btn > img {
	color: #fff;
	color: var(--product-details-btn-cart-color);
	vertical-align: middle;
	display: inline-block
}

/* HEADER */
#ePageContainer {
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
	box-sizing: content-box;
	background: #fff;
	background: var(--page-container-bk);
}

#site-header {
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: 100%;
}

.head-wrap {
	width: 100%;
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
	padding: 10px;
	padding: var(--pad10, 10px);
	box-sizing: content-box;
	background: transparent;
}

@media (max-width: 1024px) {
	.head-wrap {
		padding: 10px;
		padding: var(--pad10, 10px);
		box-sizing: border-box;
	}
}

#eHeader {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--pad10, 10px);
}

.light-theme-header {
	color: #000;
	color: var(--header-color);
	background: #fff;
	background: var(--header-bk);	
}

#eHeader > .logo {
	flex: 0 0 auto;
	text-align: center;
}

#eHeader > .searchbox {
	flex: 1 0 70px;
	flex: 1 0 var(--px70, 70px);
}

@media (max-width: 1024px) {
	#eHeader > .iconbox {
		flex: 1 0 100%;
		justify-content: center;
		gap: 3px;
		gap: var(--pad3, 3px);
	}
}

@media (min-width: 1025px) {
	#eHeader > .searchbox {
		margin: 0 46px;
		margin: 0 var(--pad46, 46px);
	}
}

#eHeader.widen-search > .logo,
#eHeader.widen-search > .searchbox {
	flex: 1 0 100%;
}

@media (max-width: 540px) {
	#eHeader > .logo,
	#eHeader > .searchbox {
		flex: 1 0 100%;
	}
}

.searchbox-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	height: 44px;
	height: var(--px44, 44px);
	border-radius: 22px;
	border-radius: var(--px22, 22px);
	overflow: hidden;
}

.searchbox-inner > .vs_search {
	font-size: 16px;
	font-size: var(--px16, 16px);
	font-weight: 500;
	line-height: 1;
	width: 100%;
	height: 44px;
	height: var(--px44, 44px);
	padding: 0 10px 0 20px;
	padding: 0 var(--pad10, 10px) 0 var(--pad20, 20px);
/*	outline: none;*/
	color: #000;
	color: var(--vs-search-input-color);
	background: transparent;
	background: var(--vs-search-bk);
	vertical-align: middle;
	flex: 1 0 50px;
	flex: 1 0 var(--px50, 50px);
	border: 2px solid #666;
	border: 2px solid var(--vs-search-border-color);
	border-right: none;
	border-top-left-radius: 22px;
	border-top-left-radius: var(--px22, 22px);
	border-bottom-left-radius: 22px;
	border-bottom-left-radius: var(--px22, 22px);
}

.searchbox-inner > .search-btn {
	flex: 0 0 44px;
	flex: 0 0 var(--px44, 44px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	height: var(--px44, 44px);
	background: #fff;
	background: var(--searchbox-inner-search-btn-bk);
	border: 2px solid #666;
	border: 2px solid var(--vs-search-border-color);
	border-left: none;
	border-top-right-radius: 22px;
	border-top-right-radius: var(--px22, 22px);
	border-bottom-right-radius: 22px;
	border-bottom-right-radius: var(--px22, 22px);
}

.searchbox-inner > .search-btn:hover {
	background: #000;
	background: var(--searchbox-inner-search-btn-bk-hover);
	cursor: pointer;
}

.searchbox-inner > .search-btn > .svg-magnifier {
	display: flex;
	width: 1.5rem;
	height: 1.5rem;
	color: #000;
	color: var(--searchbox-magnifier-color);
}

.searchbox-inner > .search-btn:hover > .svg-magnifier {
	color: #fff;
	color: var(--searchbox-inner-svg-magnifier);
}

/* Sticky menu */
@media screen and (min-width: 1240px) {
	#site-header.sticky-menu {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		box-shadow: 0 4px 2px -2px #ccc;
		z-index: 11;
	}

	#site-header.sticky-menu .logo-image {
		height: 44px;
		height: var(--px44, 44px);
		width: auto;
	}

	#site-header.sticky-menu > #vs-menu-wrap,
	#site-header.sticky-menu > .toprun {
		display: none;
		margin: 0;
	}

	#site-header.sticky-menu:hover > #vs-menu-wrap {
		display: block;
	}

	#site-header.sticky-menu .head-wrap {
		padding: 5px 0;
		padding: var(--pad5, 5px) 0;
	}

	#site-header.sticky-menu .iconbox-cart-item {
		margin-right: 0;
	}	
}

#sticky-product {
	width: 100%;
	z-index: 12;
	position: fixed;
	margin: 0;
	top: 0;
	display: none;
	background: #fff;
	background: var(--sticky-product-bk);
	box-shadow: 0 4px 2px -2px #ccc;
}

#sticky-product .sticky-product-outer {
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
}

#sticky-product .table {
	border-bottom: 1px solid #ccc;
	width: 100%;
	margin: 0;
}

#sticky-product .table-cell {
	vertical-align: middle;
	padding: 3px;
	padding: var(--pad3, 3px);
}

#sticky-product .p-img {
	width: 80px;
	width: var(--px80, 80px);
}

#sticky-product .p-name {
	font-size: 1.2rem;
}

@media screen and (min-width: 1280px) {
	#sticky-product.js-visible {
		display: block;
	}
}

#sticky-product .p-price,
#sticky-product .p-add {
	width: 140px;
	width: var(--px140, 140px);
}

/* top icon menu */
.iconbox, .iconbox li {
	border: 0;
	margin: 0;
	padding: 0;
	position: relative;
}

.iconbox {
	position: relative;
	z-index: 4;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	gap: var(--pad10, 10px);
}

.iconbox > li {
	z-index: 2;
	display: inline-block;
}

.iconbox > li:hover {
	z-index: 3;
}

.iconbox > li:hover > .inner::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 5px;
	height: var(--px5, 5px);
	background: #fff;
	background: var(--iconbox-inner-bk);
	bottom: 0;
	left: 0;
	z-index: 3;
}

.iconbox > li > .inner {
	margin: 0;
	height: inherit;
	position: relative;
	z-index: 3;
	background: #fff;
	background: var(--iconbox-inner-bk);
	border-top-left-radius: 3px;
	border-top-left-radius: var(--px3, 3px);
	border-top-right-radius: 3px;
	border-top-right-radius: var(--px3, 3px);
}

.iconbox .icon-wrap {
	margin: 0 10px;
	margin: 0 var(--px10, 10px);
	position: relative;
}

.iconbox .menu-a {
	color: inherit;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	height: 44px;
	height: var(--px44, 44px);
}

.iconbox .icon {
	display: flex;
	display: inline-grid;
	width: 2em;
	height: 2em;
	color: inherit;
	position: relative;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.iconbox .cart-icon {
	width: 40px;
	width: var(--px40, 40px);
}

.iconbox .catalog-icon {
	width: 36px;
	width: var(--px36, 36px);
}

.iconbox > .active,
.iconbox > li:hover {
	box-shadow: 0 0 5px var(--iconbox-hover-box-shadow-color);
}

.iconbox > li:hover {
	border-top-left-radius: 5px;
	border-top-left-radius: var(--px5, 5px);
	border-top-right-radius: 5px;
	border-top-right-radius: var(--px5, 5px);
}

.iconbox > li:hover > .pop {
	display: block;
	z-index: 1;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
	box-shadow: 0 0 var(--px5, 5px) var(--iconbox-hover-box-shadow-color);
}

.iconbox-wishlist-item .mini-cart-no-of-items {
	display: inline-block;
	position: absolute;
	top: -.23rem;
	right: 0;
	height: 1rem;
	text-align: center;
	font-size: 1rem;
	line-height: 1;
	background: #530064;
	background: var(--iconbox-wishlist-item--mini-cart-no-of-items-bk);
	color: #fff;
	color: var(--iconbox-wishlist-item--mini-cart-no-of-items-color);
	padding: .2rem;
	border-radius: .7rem;
	min-width: 1rem;
}

.caret {
	width: 8px;
	width: var(--px8, 8px);
	height: 5px;
	height: var(--px5, 5px);
	color: inherit;
	display: flex;
	margin-left: 5px;
	margin-left: var(--px5, 5px);
}

@media (max-width: 650px) {
	.iconbox > .iconbox-client-item,
	.iconbox > .iconbox-wishlist-item {
		display: none;
	}
}

@media (min-width: 1025px) {
	.iconbox > .iconbox-catalog-item,
	.iconbox > .iconbox-menu-item {
		display: none;
	}	
}

.vs-button-login {
	padding-left: 0;
	padding-right: 0;
}

.iconbox-cart-item .no-of-items {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 3px;
	left: var(--px3, 3px);
	width: 36px;
	width: var(--px36, 36px);
	height: 1rem;
	text-align: center;
	font-size: 1rem;
	line-height: 1;
	color: #912d1e;
	color: var(--iconbox-cart-item--no-of-items-color);
	background: transparent;
}

.dark-theme-header .iconbox-cart-item .no-of-items {
	color: #912d1e;
	color: var(--iconbox-cart-item--no-of-items-color);
}

.iconbox-account-menu {
	width: 250px;
	width: var(--px250, 250px);
	position: absolute;
	top: 95%;
	left: 0;
	z-index: 1;
	display: none;
	background: #fff;
	background: var(--iconbox-account-menu-bk);
}

.iconbox-account-menu .inner {
	padding: 10px;
	padding: var(--pad10, 10px);
}

.account-popup > a {
	color: #000;
	color: var(--account-popup-link-color);
	font-size: 1rem;
	line-height: 2.4;
	display: block;
}

.account-popup > a:hover:not(.vs-button-submit) {
	color: darkred;
	color: var(--account-popup-link-hover-color);
	background: #fff;
	background: var(--account-popup-hover-bk);
}

.mini-wrap {
	max-height: 400px;
	max-height: var(--px400, 400px);
	overflow-x: hidden;
	overflow-y: auto;
}

.mini-cart,
.mini-wishlist {
	width: 370px;
	width: var(--px370, 370px);
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1;
	display: none;
	background: #fff;
	background: var(--mini-cart-bk);
}

.mini-wishlist {
	width: 350px;
	width: var(--px350, 350px);
	right: 0;
	transform: translateX(114px);
	transform: translateX(var(--px114, 114px));
}

.mini-cart .inner,
.mini-wishlist .inner {
	margin: 10px;
	margin: var(--px10, 10px);
}

.mini-cart td, 
.mini-cart td a {
	font-size: 1rem;
	line-height: 1.1;
}

.mini-cart td {
	width: auto;
}

.mini-cart .price-cell {
	min-width: 64px;
	min-width: var(--px64, 64px);
}

.mini-shopping-cart caption {
	caption-side: top;
	text-align: left;
	padding-bottom: 10px;
	padding-bottom: var(--px10, 10px);
	font-weight: 700;
	display: none;
}

.mini-cart-total-zone {
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	gap: var(--pad10, 10px);
}

.shopping-cart caption {
	caption-side: bottom;
	text-align: center;
	padding: 10px 0;
	padding: var(--pad10, 10px) 0;
	font-weight: 400;
	display: none;
}

.mobile-pop {
	display: none;
	margin: 5px 0 15px;
	margin: var(--px5, 5px) 0 var(--px15, 15px);
	clear: both;	
    background: #fff;
    background: var(--mobile-pop-bk);
}

.mobile-pop > .inner {
	padding: 10px;
	padding: var(--pad10, 10px);
}

.wishlist-mini-cart {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
	margin-bottom: var(--px5, 5px);
}

.wishlist-mini-cart-row {
	display: table-row;
	padding: 5px 0;
	padding: var(--pad5, 5px) 0;
}

.wishlist-mini-cart-row > div {
	display: table-cell;
	padding: 5px 0;
	padding: var(--pad5, 5px) 0;
	font-size: 1rem;
	vertical-align: top;
}

.wishlist-mini-cart-image {
	width: 50px;
	width: var(--px50, 50px);
}

.wishlist-mini-cart-title > .cart-product {
	color: #000;
	color: var(--wishlist-mini--prod-link-color);
}

.wishlist-mini-cart-qty {
	width: 36px;
	width: var(--px36, 36px);
	text-align: right;
}

.mini-cart-x {
	font-size: 1rem;
}

.wishlist-mini-cart-qty > .maimult {
	display: none;
}

.wishlist-mini-cart-row:hover .maimult {
	display: inline-block;
}

.wishlist-mini-cart-subtotal {
	width: 80px;
	width: var(--px80, 80px);
	font-weight: 700;
	text-align: right;
}

.wishlist-mini-cart-subtotal .old-price {
	color: #555;
	color: var(--old-price-color);
	font-size: 1rem;
}

.mini-cart-footer {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.mini-cart-total {
	width: 100%;
}

.mini-cart-total-tag {
	float: left;
	width: 40%;
	font-weight: 700;
	text-transform: uppercase;
}

.mini-cart-total-value {
	float: right;
	width: 60%;
	font-weight: 700;
	text-align: right;
}

.mini-cart-footer-action {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.mini-cart-footer-action > .button-a {
	font-size: 16px;
	font-size: var(--px16, 16px);
	box-sizing: border-box;
}

.menu-item-active, .mobile-pop {
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
	border-top-left-radius: 3px;
	border-top-left-radius: var(--px3, 3px);
	border-top-right-radius: 3px;
	border-top-right-radius: var(--px3, 3px);
}

.iconbox > .menu-item-active > .inner {
	background: #f9f9f9;
	background: var(--iconbox-active-inner-bk);
}

.iconbox > .menu-item-active::after {
	content: '';
	position: absolute;
	z-index: 5;
	left: 50%;
	margin-left: -5px;
	margin-left: var(--minus-5px);
	bottom: -5px;
	bottom: var(--minus-5px);
	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-left-width: 5px;
	border-left-width: var(--px5, 5px);
	border-right-width: 5px;
	border-right-width: var(--px5, 5px);
	border-top: 5px solid #000;
	border-top: var(--px5, 5px) solid #000;
}

.dark-theme-header .menu-item-active {
	color: #000;
	color: var(--menu-item-active-color);
	background: #fff;
	background: var(--menu-item-active-bk);
}

.dark-theme-header .iconbox > .menu-item-active::after {
	border-top: 5px solid #000;
	border-top: var(--px5, 5px) solid #fff;
}

@media (max-width: 1024px){	
	.iconbox > li:hover > .pop {
		display: none;
	}
	
	.iconbox .caret {
		display: none;
	}
}

@media (max-width: 540px){	
	#eHeader .logo img {
		max-width: 100%;
		height: auto !important;
	}	
	
	.iconbox {
		text-align: center;
	}
	
	.iconbox > li {
		text-align: left;
	}
}

/* top menu */
#vs-menu-wrap {
	display: none;
	border-top: 1px solid var(--vs-menu-mobile-1st-level-border-bottom-color);
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
}

#vs-menu, #vs-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#vs-menu li,
#vs-menu li > a {
	text-align: left;
	box-sizing: border-box;
}

#vs-menu li {
	position: relative;
	z-index: 1;
	border-top: 1px solid transparent;
	border-top: 1px solid var(--vs-menu-mobile-1st-level-border-top-color);
	border-bottom: 1px solid #111;
	border-bottom: 1px solid var(--vs-menu-mobile-1st-level-border-bottom-color);
	font-weight: 400;
}

#vs-menu a {
	display: block;
	position: relative;
	margin: 0;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	padding: 1rem;
}

#vs-menu > li > a {
	font-size: 1rem;
	text-transform: uppercase;
	padding: .8rem;
}

#vs-menu li:first-child {
	border-top: none;
}

#vs-menu li:last-child {
	border-bottom: none;
}

#vs-menu ul,
#vs-menu ul ul,
#vs-menu ul ul ul {
	display: none;
}

#vs-menu .expanded-cat > ul {
	display: block;
}

#vs-menu .arrow-angle:before {
	content: '\f107';
	right: var(--px10, 10px);
}
	
#vs-menu .expanded-cat > .arrow-angle:before {
	content: '\f106';
}

#vs-menu li li {
	background: #d52e21;
	background: var(--vs-menu-mobile-2nd-level-bk);
	border-top: 1px solid #d30015;
	border-top: 1px solid var(--vs-menu-mobile-2nd-level-border-top-color);
	border-bottom: 1px solid #cb483e;
	border-bottom: 1px solid var(--vs-menu-mobile-2nd-level-border-bottom-color);
}

#vs-menu li li > a {
	color: #fff;
	color: var(--vs-menu-mobile-2nd-level-link-color);
	font-weight: 700;
}

#vs-menu li li li {
	background: #BB281D;
	background: var(--vs-menu-mobile-3rd-level-bk);
	border-top: 1px solid #ae180d;
	border-top: 1px solid var(--vs-menu-mobile-3rd-level-border-top-color);
	border-bottom: 1px solid #d52e21;
	border-bottom: 1px solid var(--vs-menu-mobile-3rd-level-border-bottom-color);
}

#vs-menu li li li > a {
	color: #fff;
	color: var(--vs-menu-mobile-2nd-level-link-color);
	padding-left: 2em;
	font-weight: 400;
}

#vs-menu li li li li {
	background: #952017;
	background: var(--vs-menu-mobile-4th-level-bk);
	border-top: 1px solid #811911;
	border-top: 1px solid var(--vs-menu-mobile-4th-level-border-top-color);
	border-bottom: 1px solid #bb281d;
	border-bottom: 1px solid var(--vs-menu-mobile-4th-level-border-bottom-color);
}

#vs-menu li li li li > a {
	padding-left: 3rem;
	font-size: .85rem;
	line-height: 1.4rem;
	color: #fff;
	color: var(--vs-menu-mobile-2nd-level-link-color);
}

#vs-menu > li > ul:before {
	content: '';
	position: absolute;
	top: -8px;
	top: var(--minus-8px);
	left: 25px;
	left: var(--px25, 25px);
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-left: var(--px8, 8px) solid transparent;
	border-right: 8px solid transparent;
	border-right: var(--px8, 8px) solid transparent;
	border-bottom: 8px solid #D52E21;
	border-bottom: var(--px8, 8px) solid var(--vs-menu-mobile-2nd-level-bk);
}

#vs-menu .a-promo-campaigns {
	background: #BB281D;
	background: var(--vs-menu-mobile-promo-campaigns-link-bk);
}

#vs-menu > li > .icon-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.icon-link > .menu-icon {
	width: 24px;
	width: var(--px24, 24px);
	height: 24px;
	height: var(--px24, 24px);
	display: inline-flex;
}

@media (min-width: 1025px) {
	#vs-menu-wrap {
		display: block;
		background: #fff;
		background: var(--vs-menu-desktop-wrap-bk);
		clear: both;
		box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
		border-top: none;
	}

	#vs-menu {
		list-style: none;
		width: auto;
		max-width: 1240px;
		max-width: var(--body-max-w);
		margin: 0 auto;
		border: 0;
		padding: 0;
		position: relative;
		top: 0;
		z-index: 3;
	}
	
	#vs-menu ul,
	#vs-menu li,
	#vs-menu li > a {
		border: 0;
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	#vs-menu li {
		z-index: 1;
	}

	#vs-menu > li > a {
		width: auto;
		color: #000;
		color: var(--vs-menu-desktop-link-color);
		background: #fff;
		background: var(--vs-menu-desktop-wrap-bk);
		display: block;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1;
		padding: 1.2rem;
		text-decoration: none;
		text-transform: none;
	}

	#vs-menu {
		background: #fff;
		background: var(--vs-menu-bk);
	}

	#vs-menu ul {
		width: 100%;
		list-style: none;
	}

	#vs-menu > li {
		float: left;
	}

	#vs-menu > li.right-menu {
		float: right;
	}

	#vs-menu .active > a,
	#vs-menu.hoverable-menu > li:hover > a,
	#vs-menu.hoverable-menu > li > a:hover {
		color: #fff;
		color: var(--vs-menu-desktop-link-hover-color);
		background: #075a8a;
		background: var(--vs-menu-desktop-bk);
		border-bottom: 1px solid #104d71;
		border-bottom: 1px solid var(--vs-menu-desktop-2nd-level-border-bottom-color);
	}
	
	#vs-menu .active > a {
		color: #fff;
		color: var(--vs-menu-desktop-active-link-color);
	}

	#vs-menu li ul {
		display: none;
		position: absolute;
		width: 200px;
		width: var(--px200, 200px);
		top: 100%;
		left: 0;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}

	#vs-menu li li ul {
		left: 100%;
		top: 0;
	}

	#vs-menu li li .left {
		right: 100%;
		top: 0;
		left: auto;
	}

	#vs-menu.hoverable-menu li:hover > ul {
		display: block;
	}

	#vs-menu li ul ul {
		width: 200px;
		width: var(--px200, 200px);
	}

	#vs-menu li li > a,
	#vs-menu li li li > a,
	#vs-menu li li li li > a {
		background: #075a8a;
		background: var(--vs-menu-desktop-2nd-level-bk);
		color: #fff;
		color: var(--vs-menu-desktop-2nd-level-link-color);
		display: block;
		padding: 1.17rem;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1;
		border-bottom: 1px solid #104d71;
		border-bottom: 1px solid var(--vs-menu-desktop-2nd-level-border-bottom-color);
		box-shadow: inset 0 1px 0 var(--vs-menu-desktop-2nd-level-box-shadow-color);
	}

	#vs-menu.hoverable-menu li li:hover > a {
		background: #054A72;
		background: var(--vs-menu-desktop-2nd-level-link-hover-bk);
		box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
		color: var(--vs-menu-desktop-2nd-level-link-hover-color);
	}

	#vs-menu > .has-submenu > a > .arrow-angle:before {
		right: 0;
	}
	
	#vs-menu li li .arrow-angle:before {
		content: '\f105';
		right: 8px;
		right: var(--px8, 8px);
	}

	#vs-menu .categories,
	#vs-menu .categories > ul {
		width: 230px !important;
		width: var(--px230, 230px) !important;
	}

	#vs-menu .products-a {
		text-align: center;
	}

	#vs-menu .a-promo-campaigns {
		background: #075a8a;
		background: var(--vs-menu-desktop-promo-campaigns-bk);
	}
	
	#vs-menu > li > ul::before {
		display: none;
	}
	
	#vs-menu li li,
	#vs-menu li li li,
	#vs-menu li li li li {
		background: transparent;
		border-top: none;
		border-bottom: none;
	}
	
	.desktop-hidden {
		display: none;
	}
}

/* side box */
.side-box {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

#aside-left > .side-box:last-child,
#aside-right > .side-box:last-child {
	margin: 0;
}

.boxTop {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	position: relative;
	width: 100%;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	border: 1px solid #e8e8e8;
	border: 1px solid var(--box-top-border-color);
	background: #fff;
	background: var(--box-top-bk);
	box-shadow: 0 1px 5px -1px rgba(0,0,0,.15);
}

.boxTop {
	border-left: 3px solid var(--box-top-border-left-color);
}

#aside-right .boxTop {
	border-left: var(--px3, 3px) solid #912d1e;
	border-left: var(--px3, 3px) solid var(--vs-menu-desktop-bk);
}

.boxTop > .h3 {
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1;
	color: inherit;
	padding: 1rem;
	text-align: left;
	cursor: pointer;
	flex: 1;
}

.boxTop > .close-btn,
.gdpr .close-btn {
	display: none;
	width: 36px;
	width: var(--px36, 36px);
	height: 36px;
	height: var(--px36, 36px);
	padding: 0;
	background: #912d1e;
	background: var(--box-top-close-btn-bk);
/*	border-radius: 0 var(--px3, 3px) 0 var(--px3, 3px);*/
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	color: var(--box-top-close-btn-color);
	text-align: center;
	font-size: 20px;
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 36px;
	line-height: var(--px36, 36px);
	z-index: 1;
}

.boxTop > .expand-btn,
.boxTop > .collapse-btn {
	width: 1.54rem;
	height: 1.54rem;
	margin-right: 10px;
	margin-right: var(--px10, 10px);
	color: #fff;
	color: var(--box-top-expand-btn-color);
	text-align: center;
	font-size: 1.54rem;
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
	line-height: 1;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
}

.boxTop > .collapse-btn {
	background: #000;
	background: var(--box-top-collapse-btn-bk);
}

.boxTop > .expand-btn {
	background: #912d1e;
	background: var(--box-top-expand-btn-bk);
	display: none;
}

.boxContents {
	position: relative;
	padding: 2px;
	padding: var(--pad2, 2px);
	background: #fff;
	background: var(--box-contents-bk);
	border: 1px solid #e8e8e8;
	border: 1px solid var(--box-contents-border-color);
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	box-shadow: 0 1px 5px -1px rgba(0,0,0,.15);
}

.boxContents {
	color: inherit;
}

.boxContents > .boxInner > .box-product {
	text-align: center;
}

.boxContents .box-more-a {
	display: block;
	color: #960019;
	color: var(--box-more-color);
	padding: 1.15rem 1.15rem 1.15rem .375rem;
}

.d-collapsed > .boxContents {
	display: none;
}

.d-collapsed > .boxTop > .expand-btn {
	display: block;
}

.d-collapsed > .boxTop > .collapse-btn {
	display: none;
}
	
@media (max-width : 1024px) {
	.m-collapsed > .boxContents {
		display: none;
	}
	
	.m-collapsed > .boxTop > .expand-btn {
		display: block;
	}
	
	.m-collapsed > .boxTop > .collapse-btn {
		display: none;
	}
}

#boxsearchsubmit {
	vertical-align: middle;
}

#ym {
	text-align: center;
}

.box-hr {
	clear: both;
	height: 0px;
	width: 100%;
	border-top: 1px solid #E0E0E0;
	border-top: 1px solid var(--box-hr-border-top-color);
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid var(--box-hr-border-bottom-color);
	margin: 7px auto 7px;
	margin: var(--px7, 7px) auto var(--px7, 7px);
}

.newsletter-form-container {
	max-width: 500px;
	max-width: var(--px500, 500px);
	margin: 0 auto;
}

.newsletter-form-container .message {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

.newsletter-i {
	width: 100%;
	color: #000;
	background: #fff;
	background: var(--newsletter-input-bk);
}

.box_news_title {
	font-weight: 700 !important;
	color: #000 !important;
}

.box_news_excerpt {
	font-size: 1rem;
	color: inherit;
}

.photo > a > img {
	display: block;
}

.boxInner {
	position: relative;
}

.boxContents .supplier-discount {
	color: #B73E30;
	color: var(--supplier-discount-color);
}

.side-menu, .side-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-menu li {
	background: transparent;
	border-top: 1px solid #fff;
	border-top: 1px solid var(--side-menu-item-border-top-color);
	border-bottom: 1px solid #e0e0e0;
	border-bottom: 1px solid var(--side-menu-item-border-bottom-color);
	font-weight: 400;
	position: relative;
	z-index: 3;
}

.liquid-right-col .side-menu li {
	z-index: 3;
}

.side-menu a {
	color: #000;
	color: var(--side-menu-link-color);
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.1;
	padding: 1.15rem 1.15rem 1.15rem .375rem;
}

.side-menu .inside {
	padding-left: var(--px10, 10px);
}

.side-menu .outside {
	padding: 4px 18px 3px 18px;
	padding: var(--pad4, 4px) var(--pad18, 18px) var(--pad3, 3px) var(--pad18, 18px);
	position: absolute;
	top: -5px;
	top: var(--minus-5px);
	width: 200px;
	width: var(--px200);
	background: #f9f9f9;
	background: var(--side-menu-outside-bk);
	z-index: 1;
	display: none;
	border: 1px solid #ccc;
	border: 1px solid var(--side-menu-outside-border-color);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.side-menu li:hover > .outside {
	display: block;
}

.side-menu li:first-child {
	border-top: none;
}

.side-menu li:last-child {
	border-bottom: none;
}

.side-menu .current-a {
	font-weight: 700;
	color: #912d1e;
	color: var(--main-red-color);
}

.side-menu .has-submenu > a:before,
.side-menu .open > a:before {
	font-family: 'evitalshop';
	content: '\f105';
	color: inherit;
	position: absolute;
	top: 50%;
	right: 5px;
	right: var(--px5, 5px);
	transform: translate(0,-50%);
	font-size: inherit;
	line-height: 1;
}

.side-menu .open > a:before {
	content: '\f107';
}

.side-menu .open:hover > a:before {
	background: none;
}

.side-menu .leaf > a {
	background: transparent;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.side-menu .outside > li > a {
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.side-menu .outside > li > .full-a {
	border-radius: 0;
}

.side-menu a:hover,
.side-menu .has-submenu:hover > a {
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	color: #fff;
	color: var(--side-menu-link-hover-color);
	text-decoration: none;
}

.side-menu .has-submenu:hover > a:before {
	background: none;
	color: #075a8a;
	color: var(--vs-menu-desktop-bk);
}

.left-side .outside {
	left: 100%;
}

.left-side .has-submenu:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	left: var(--minus-7px);
	top: 0;
	z-index: 3;
	width: 8px;
	width: var(--px8, 8px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk, #000);
}

.left-side .has-submenu:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 3;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 1.7rem 0 1.7rem 1.7rem;
	border-color: transparent transparent transparent #000;
	border-color: transparent transparent transparent #075a8a;
	border-color: transparent transparent transparent var(--vs-menu-desktop-bk, #000);
}

.right-side .outside {
	right: 100%;
}

.right-side .has-submenu:hover:before {
	content: '';
	display: block;
	position: absolute;
	right: -7px;
	right: var(--minus-7px);
	top: 0;
	z-index: 3;
	width: 8px;
	width: var(--px8, 8px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
}

.right-side .has-submenu:hover:after {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -1.025rem;
	z-index: 3;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 1.025rem 1.025rem 1.025rem 0;
	border-color: transparent #075a8a transparent transparent;
	border-color: transparent var(--vs-menu-desktop-bk) transparent transparent;
}

.side-menu > .leaf:hover {
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
}

.side-menu > .leaf:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	left: var(--minus-7px);
	top: 0;
	z-index: 3;
	width: 8px;
	width: var(--px8, 8px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	border-radius: 3px 0 0 3px;
	border-radius: var(--px3, 3px) 0 0 var(--px3, 3px);
}

.side-menu > .leaf:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 3;
	width: 7px;
	width: var(--px7, 7px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	border-radius: 0 3px 3px 0;
	border-radius: 0 var(--px3, 3px) var(--px3, 3px) 0;
}

.side-menu .inside > li:first-child {
	border-top: 1px solid #e0e0e0;
	border-top: 1px solid var(--side-menu-inside-1st-border-top-color);
}

.side-menu-simple > li > a {
	padding-right: .375em;
}

.side-menu .supplier-discount:hover {
	color: #fff;
	color: var(--side-menu--supplier-discount-hover-color);
}

/* box list */
.boxlist {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
	background: var(--box-list-item-bk);
	color: #000;
	color: var(--box-list-color);
}

.boxlist li {
	position: relative;
}

.boxlist li > a,
.boxlist .js-filter {
	display: block;
	position: relative;
	margin: 0;
	font-size: 1rem;
	line-height: 1.1;
	padding: 1.15rem 0 1.15rem 1.5rem;
	cursor: pointer;
}

.boxlist > li {
	border-top: 1px solid #fff;
	border-top: 1px solid var(--box-list-item-border-top-color);
	border-bottom: 1px solid #e0e0e0;
	border-bottom: 1px solid var(--box-list-item-border-bottom-color);
}

.boxlist > li:first-child {
	border-top: none;
}

.boxlist > li:last-child {
	border-bottom: none;
}

.boxlist .current-a, .boxlist .top-a {
	font-weight: 700;
}

.boxlist .current-a {
	color: #912d1e;
	color: var(--main-red-color);
}

.boxlist .collapsed-a:before,
.boxlist .unfolded-a:before,
.boxlist .leaf-a:before {
	font-family: 'evitalshop';
	content: '\f144';
	color: inherit;
	position: absolute;
	top: 50%;
	left: 3px;
	left: var(--px3, 3px);
	transform: translate(0,-56%);
	font-size: inherit;
	line-height: 1;
}

.boxlist .unfolded-a:before {
	transform: translate(0,-56%) rotate(90deg);
}

.boxlist .leaf-a:before {
	content: '...';
	transform: translate(0,-70%);
}

.boxlist ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	padding: 0 0 0 var(--pad10, 10px);
	font-size: 1rem;
	line-height: 1.2;
}

.boxlist li > a:hover,
.boxlist .filter-option:hover,
.boxlist .filter-option:hover .no-of-prods {
	color: #fff;
	color: var(--box-list-link-hover-color);
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	text-decoration: none;
}

.boxlist > li > .h3 {
	display: block;
	margin: 10px 3px 5px;
	margin: var(--px10, 10px) var(--px3, 3px) var(--px5, 5px);
	font-size: 1rem;
	font-weight: 700;
	color: #000;
	color: var(--box-list-color);
}

.boxlist > li > ul {
	padding: 0;
	margin-left: 10px;
	margin-left: var(--px10, 10px);
}

.boxlist .filter-option {
	padding-left: 30px;
	padding-left: var(--px30, 30px);
	display: flex;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 4fr 1fr;
	gap: 5px;
	gap: var(--pad5, 5px);
	align-items: center;
}

.no-of-prods {
	color: #555;
	color: var(--no-of-prods-color);
	font-weight: 400;
}

.filter-option:before {
	content: "";
	display: block;
	width: 20px;
	width: var(--px20, 20px);
	height: 20px;
	height: var(--px20, 20px);
	position: absolute;
	left: 3px;
	left: var(--px3, 3px);
	top: 50%;
	transform: translate(0,-50%);
	border: 1px solid #C2B9B3;
	border: 1px solid var(--filter-opiton-checkbox-border-color);
	background: #fff;
	background: var(--filter-option-bk);
	box-sizing: border-box;
}

.filter-option.filter-active:before {
	content: "\e806";
	color: #fff;
	color: var(--filter-option-active-check-color);
	font-family: "evitalshop";
	font-size: 14px;
	font-size: var(--px14, 14px);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	width: var(--px20, 20px);
	height: 20px;
	height: var(--px20, 20px);
	position: absolute;
	left: 3px;
	left: var(--px3, 3px);
	top: 50%;
	transform: translate(0,-50%);
	border: 1px solid #912d1e;
	border: 1px solid var(--filter-option-active-checkbox-bk);
	background: #912d1e;
	background: var(--filter-option-active-checkbox-bk);
}

.filter-option.filter-active:hover:before {
	border: 1px solid #fff;
	border: 1px solid var(--filter-option-active-checkbox-border-color-hover);
}

.filter-delete {
	display: inline-block;
	position: relative;
	margin: 10px 10px 10px 0;
	margin: var(--px10, 10px) var(--px10, 10px) var(--px10, 10px) 0;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	padding: 0 .5rem;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	line-height: 2.4;
}

.filter-delete > .filter-name{
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.filter-delete > .filter-option-delete{
	display: inline-block;
	position: relative;
	padding-right: 25px;
	padding-right: var(--px25, 25px);
	margin-right: 10px;
	margin-right: var(--px10, 10px);
	line-height: 2.4;
}

.filter-delete > .filter-option-delete:hover{
	color: var(--main-red-color);
}

.filter-delete > .filter-option-delete:before{
	content: "X";
	display: block;
	width: 16px;
	width: var(--px16, 16px);
	height: 16px;
	height: var(--px16, 16px);
	position: absolute;
	right: 3px;
	right: var(--px3, 3px);
	top: 50%;
	margin-top: -8px;
	margin-top: var(--minus-8px);
	border: 1px solid #912d1e;
	border: 1px solid var(--filter-option-delete-x-color);
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
	font-size: var(--px10, 10px);
	line-height: 14px;
	line-height: var(--px14, 14px);
	color: #912d1e;
	color: var(--filter-option-delete-x-color);
	font-weight: 400;
	border-radius: 10px;
	border-radius: var(--px10, 10px);
}

.filter-delete > a:last-child{
	margin-right: 0;
}

.filter-delete > .filter-delete-all {
	font-weight: 700;
}

.filter-buttons-container {
	margin: 10px 4px;
	margin: var(--px10, 10px) var(--px4, 4px);
}

.js-filter-more, .filter-button.js-button-less {
	display: none;
}

.js-filter-more {
	max-height: 300px;
	max-height: var(--px300, 300px);
	overflow-y: scroll;
}

.filter-button {
	display: block;
	width: 100%;
	padding: 1.15rem 1rem;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #000;
	background: #f4f4f2;
	background: #f2f3ee;
	background: var(--filter-btn-bk);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	cursor: pointer;
	border: 1px solid #e8e8e8;
	border: 1px solid var(--filter-btn-border-color);
}

.boxlist .rating-box-2 {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.filter-color { 
	display: inline-block; 
	width: 46px;
	width: var(--px46, 46px);
	height: 46px;
	height: var(--px46, 46px);
	border: 1px solid #e8e8e8; 
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	padding: 0;
	margin: 3px;
	margin: var(--px3, 3px);
	position: relative;
}

.filter-color.filter-color-active:before {
	content: "\e806";
	color: #fff;
	color: var(--filter-color--active-checkbox-color);
	font-family: "evitalshop";
	font-size: 2rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	width: var(--px46, 46px);
	height: 46px;
	height: var(--px46, 46px);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}

.filter-color.filter-color-delete:before { 
	content: "X";
	display: block;
	width: 20px;
	width: var(--px20, 20px);
	height: 20px;
	height: var(--px20, 20px);
	position: absolute;
	right: 3px;
	right: var(--px3, 3px);
	top: 3px;
	top: var(--px3, 3px);
	border: 1px solid #fff;
	background: #912d1e;
	background: var(--main-red-color);
	box-sizing: border-box;
	text-align: center;
	line-height: 19px;
	line-height: var(--px19, 19px);
	color: #fff;
	font-weight: 700;
}

#filters-container {
	position: relative;
}

.mobile-popup {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	background: rgba(0,0,0,0.5);
	z-index: 20;
}

.show-mobile-filters {
	display: none;
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

.show-mobile-filters > .filter-button {
	width: 100%;
}

.mobile-popup .side-box {
	background: #fff;
	background: var(--mobile-popup--side-box-bk);
	width: 100%;
}	

.mobile-popup .boxTop {
	position: sticky;
	width: 100%;
	z-index: 2;
	top: 0;
}

.mobile-popup .boxContents {
	z-index: 1;
	display: block;
}

.mobile-popup .h3 {
	text-align: left;
}

.mobile-popup .close-btn,
.gdpr .close-btn {
	display: block;
}

.mobile-popup > .side-box > .boxTop > .expand-btn,
.mobile-popup > .side-box > .boxTop > .collapse-btn {
	display: none;
}

.mobile-popup .js-filter-more {
	max-height: none;
}
	
@media (max-width: 800px){
	.show-mobile-filters{
		display: block;
	}
}

/* categories menu + popup */
.categories-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.categories-menu li {
	background: transparent;
	font-weight: 400;
	position: relative;
	z-index: 2;
}

.categories-menu li > a {
	color: #000;
	color: var(--categories-menu-link-color);
	display: block;
	position: relative;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.1;
	padding: 1.15rem 1.15rem 1.15rem 0.375em;
	margin: 0;
}

.categories-menu > li {
	border-top: 1px solid #fff;
	border-top: 1px solid var(--categories-menu-item-border-top-color);
	border-bottom: 1px solid #e0e0e0;
	border-bottom: 1px solid var(--categories-menu-item-border-bottom-color);
}

.categories-menu > li:hover {
	z-index: 3;
}

.categories-menu > li:first-child {
	border-top: none;
}

.categories-menu > li:last-child {
	border-bottom: none;
}

.categories-menu .current-a {
	font-weight: 700;
	color: var(--main-red-color);
}

.categories-menu .has-submenu > a:before,
.categories-menu .open > a:before {
	font-family: 'evitalshop';
	content: '\f105';
	color: inherit;
	position: absolute;
	top: 50%;
	right: 5px;
	right: var(--px5, 5px);
	transform: translate(0,-50%);
	font-size: inherit;
	line-height: 1;
}

.categories-menu .has-submenu:hover > a:before,
.categories-menu .open:hover > a:before {
	background: none;
	color: #075a8a;
	color: var(--vs-menu-desktop-bk);
}

.categories-menu .open > a:before {
	content: '\f107';
}

.categories-menu .leaf-a {
	background: transparent;
}

.categories-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	padding: 0 0 0 var(--pad10, 10px);
}

.categories-menu .has-submenu:hover > a {
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	color: #fff;
	color: var(--categories-menu-link-color-hover);
	text-decoration: none;
}

.categories-menu .has-submenu:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	left: var(--minus-7px);
	top: 0;
	z-index: 3;
	width: var(--px8, 8px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
}

.categories-menu .has-submenu:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 3;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.7rem 0 1.7rem 1.7rem;
	border-color: transparent transparent transparent #075a8a;
	border-color: transparent transparent transparent var(--vs-menu-desktop-bk);
}

.categories-menu > .leaf:hover {
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
}

.categories-menu > .leaf:hover:before {
	content: '';
	display: block;
	position: absolute;
	left: -7px;
	left: var(--minus-7px);
	top: 0;
	z-index: 3;
	width: 8px;
	width: var(--px8, 8px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	border-radius: 3px 0 0 3px;
	border-radius: var(--px3, 3px) 0 0 var(--px3, 3px);
}

.categories-menu > .leaf:hover:after {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 3;
	width: 7px;
	width: var(--px7, 7px);
	height: 100%;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	border-radius: 0 3px 3px 0;
	border-radius: 0 var(--px3, 3px) var(--px3, 3px) 0;
}

.categories-menu > .leaf:hover > .leaf-a {
	color: #fff;
	text-decoration: none;
}

.categories-menu li > .popup-container {
	position: absolute;
	top: -32px;
	top: var(--minus-32px);
	left: 100%;
	width: 771px;
	width: var(--px771, 771px);
	min-height: 320px;
	min-height: var(--px320, 320px);
	background: #fff;
	background: var(--categories-menu--popup-container-bk);
	z-index: 1;
	display: none;
	border: 1px solid #ccc;
	border: 1px solid var(--categories-menu--popup-container-border-color);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	overflow: hidden;
}

.categories-menu li:hover > .popup-container {
	display: block;
}

.categories-menu .popup-wraper {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px;
	margin: var(--px10, 10px);
	max-width: 740px;
	max-width: var(--px740, 740px);
	min-height: 300px;
	min-height: var(--px300, 300px);
	background: transparent;
	overflow: auto;
	z-index: 3;
}

.categories-menu .column {
	position: relative;
	max-width: 226px;
	max-width: var(--px226, 226px);
	float: left;
	padding: 10px 0 10px 1rem;
	padding: var(--pad10, 10px) 0 var(--pad10, 10px) 1rem;
	z-index: 3;
	background: #fff;
	background: var(--categories-menu-column-bk);
}

.categories-menu .popup-subcategory {
	margin-top: 7px;
	margin-top: var(--px7, 7px);
}

.categories-menu .column > div > a {
	font-size: 1rem;
	font-weight: 500;
	color: #000;
	color: var(--popup-category-color);
}

.categories-menu .sub-subcategories {
	color: #333;
	color: var(--popup-subcategory-color);
}

.categories-menu .column > .sub-subcategories > a {
	font-size: 1rem;
	font-style: italic;
	color: #333;
	color: var(--popup-subcategory-color);
}

.categories-menu-banner {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	max-width: 550px;
	height: auto;
	max-height: 400px;
	z-index: 4;
	text-align: right;
}

.categories-menu-banner-img {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.box-flex {
	margin: 5px auto 0;
	margin: var(--px5, 5px) auto 0;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: stretch;
	align-items: stretch;
}

.box-flex li {
	width: 180px;
	width: var(--px180, 180px);
	min-height: 150px;
	min-height: var(--px150, 150px);
	border: 1px solid #E8E8E8;
	border: 1px solid var(--box-flex-item-border-color);
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 20px;
	margin: 0 var(--px10, 10px) var(--px20, 20px);
	flex: 1 0 180px;
	flex: 1 0 var(--px180, 180px);
	box-sizing: border-box;
	background: #fff;
	background: var(--box-flex-item-bk);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.box-flex li:last-child {
	margin-bottom: 0;
}

.box-flex .item {
	border: none;
}

.box-flex .photo {
	max-width: 190px;
	margin: 0 auto 10px;
	margin: 0 auto var(--px10, 10px);
}

.box-flex > .product > .product-name,
.box-flex > .product > .prices {
	text-align: center;
}

/* new layout */
.grid-layout {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-width: 1240px;
	max-width: var(--body-max-w);
}

.grid-layout > .left-col,
.grid-layout > .right-col {
	flex: 0 0 230px;
	flex: 0 0 var(--px230, 230px);
}

.grid-layout > .left-col {
	margin-right: 20px;
	margin-right: var(--px20, 20px);
}

.grid-layout > .right-col {
	margin-left: 20px;
	margin-left: var(--px20, 20px);
}

.grid-layout > .main-col {
	flex: 1 0 200px;
	overflow: hidden;
}

@supports (display: grid) and (grid-gap: 20px){
	.grid-layout {
		display: grid;
		grid-gap: var(--pad20, 20px);
		gap: var(--pad20, 20px);
	}
	
	.grid-layout > .left-col,
	.grid-layout > .right-col {
		margin: 0;
	}

	.grid-layout-3c {
		grid-template-columns: var(--px230) minmax(0, 1fr) var(--px230);
	}

	.grid-layout-2c-lm {
		grid-template-columns: var(--px230) auto;	
	}

	.grid-layout-2c-mr {
		grid-template-columns: auto var(--px230);
	}	
}

.main-section-gray-theme {
	background: #F1F1F1;
	background: var(--main-section-gray-theme-bk);
}

.main-section-dark-theme {
	background: #000;
	background: var(--main-section-dark-theme-bk);
}

.main-section-light-theme {
	background: #fff;
	background: var(--main-section-light-theme-bk);
}

.main-section-wrap {
	display: grid;
	grid-template-columns: 100%;
	gap: 20px;
	gap: var(--pad20, 20px);
	background: transparent;
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
	padding: 20px;
	padding: var(--pad20, 20px);
	box-sizing: content-box;	
}

@media (max-width: 540px){
	.main-section-wrap {
		padding: 10px;
		padding: var(--pad10, 10px);
	}
}

@media (max-width: 1024px){
	.grid-layout {
		flex-wrap: wrap;
	}
	
	.grid-layout > .left-col,
	.grid-layout > .main-col,
	.grid-layout > .right-col {
		flex: 1 0 100%;
	}

	.grid-layout-3c,
	.grid-layout-2c-lm,
	.grid-layout-2c-mr {
		width: 100%;
		grid-template-columns: 100%;
		margin: 0 0 20px 0;
		margin: 0 0 var(--px20, 20px) 0;
	}

	.grid-layout-3c > .main-col {
		grid-row-start: 1;
	}
	
	.grid-layout-3c > .left-col {
		grid-row-start: 2; 
	}

	.grid-layout-3c > .right-col {
		grid-row-start: 3;
	}

	.grid-layout-2c-lm > .main-col,
	.grid-layout-2c-mr > .main-col {
		grid-row-start: 1;
	}
}

#dynamiczone {
	width: 100%;
	margin: 0;
}

#breadcrumb {
	margin: 0 0 10px;
	margin: 0 0 var(--px10, 10px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	font-size: var(--px13, 13px);
	line-height: 1;
	color: inherit;
}

#breadcrumb > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#breadcrumb > ul > li {
	display: inline;
}

#breadcrumb > ul > li > a {
	text-decoration: none;
	font-size: 13px;
	font-size: var(--px13, 13px);
	line-height: 1.2;
	font-weight: 500;
	color: inherit;
}

#breadcrumb > ul > li > a:hover {
	text-decoration: underline;
}

#breadcrumb strong {
	font-weight: 400;
}

.toprun {
	text-align: center;
	position: relative;
	background: linear-gradient(to bottom, #ccc, #EEF0ED);
	background: var(--top-run-bk);
}

@media (max-width: 1024px) {
	.toprun {
		grid-row-start: 1;
	}
}

.toprun img {
	max-width: 100%;
	height: auto !important;
	vertical-align: top;
}

.toprun > a {
	position: relative;
	display: block;
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
}

.toprun .day-promo-countdown {
	position: absolute;
	top: 30px;
	top: var(--px30, 30px);
	right: 15px;
	right: var(--px15, 15px);
	min-height: 56px;
	min-height: var(--px56, 56px);
	background: #B02A09;
	background: var(--top-run-day-promo-bk);
	border-radius: 10px;
	border-radius: var(--px10, 10px);
}

.promo-campaign-timer {
	margin: 7px 2px;
	margin: var(--px7, 7px) var(--px2, 2px);
	text-align: center;
	font-family: Courier, Courier New, Lucida Console;
}

.promo-campaign-timer > div {
	display: inline-block;
	font-size: 24px;
	font-size: var(--px24, 24px);
	line-height: 1;
	color: #fff;
	color: var(--promo-campaign-timer-color);
}

.promo-campaign-timer > .promo-component {
	background: #631602;
	background: var(--promo-campaign-timer--promo-component-bk);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	margin: 0 2px;
	margin: 0 var(--px2, 2px);
}

.promo-campaign-timer .promo-text {
	text-align: center;
	font-size: 12px;
	font-size: var(--px12, 12px);
	background: #7D1E06;
	background: var(--promo-campaign-timer--promo-text-bk);
	padding: 3px 1px;
	padding: var(--pad3, 3px) var(--pad1, 1px);
	border-radius: 0 0 5px 5px;
	border-radius: 0 0 var(--px5, 5px) var(--px5, 5px);
}

.promo-campaign-timer .promo-digits {
	font-weight: 700;
	margin: 5px;
	margin: var(--px5, 5px);
}

.promo-expires-text {
	text-align: center;
	font-size: 14px;
	font-size: var(--px14, 14px);
	color: #fff;
	color: var(--promo-expires-text-color);
	margin: 10px auto 0;
	margin: var(--px10, 10px) auto 0;
}

.promo-campaign-desc {
	color: inherit;
}

@media (max-width: 700px){
	.toprun .day-promo-countdown {
		top: 10px;
		top: var(--px10, 10px);
		right: 10px;
		right: var(--px10, 10px);
	}	
}

@media (max-width: 420px){
	.toprun .day-promo-countdown {
		top: auto;
		bottom: 10px;
		bottom: var(--px10, 10px);
		left: auto;
		right: 10px;
		right: var(--px10, 10px);
	}
	
	.toprun .day-promo-countdown .promo-expires-text {
		display: none;
	}
	
	.promo-campaign-timer {
		margin: 5px auto;
		margin: var(--px5, 5px) auto;
	}

	.promo-campaign-timer .promo-digits {
		font-size: 18px;
		font-size: var(--px18, 18px);
	}
}

.more-campaign-products {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
	text-align: center;
}

.cta {
	font-size: 18px;
	font-size: var(--px18, 18px);
	font-weight: 700;
	line-height: 1.2;
	padding: 0.75rem 1rem;
	min-width: 30%;
	background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
	background: var(--cta-bk);
	color: #fff !important;
	color: var(--cta-color) !important;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	border-radius: 10px;
	border-radius: var(--px10, 10px);
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	display: inline-block;
	text-align: center;
}

/* page section boxes */
.section {
	margin: 0 0 20px;
	margin: 0 0 var(--px20, 20px);
	position: relative;
}

.section-header {
	background: #BE240E;
	background: var(--section-header-bk);
	margin-bottom: 1px;
	margin-bottom: var(--px1, 1px);
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	padding: 1rem;
	color: #fff;
	color: var(--section-color);
	position: relative;
}

.section-header > h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1rem;
	line-height: 1;
	font-weight: 700;
	color: #fff;
	color: var(--section-header-h-color);
}

.section-content {
	background: #fff;
	background: var(--section-content-bk);
	padding: 20px;
	padding: var(--pad20, 20px);
	border: 1px solid #ccc;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	position: relative;
}

.full-width {
	width: 100%;
}

.remind-page {
	max-width: 30rem;
	margin: 0 auto;
}

/* ajax loader */
#ajax-loader {
	position: absolute;
	z-index: 1;
	width: 150px;
	width: var(--px150, 150px);
	padding: 51px 10px 10px;
	background: #EEFAF8;
	background: var(--ajax-loader-bk);
	border: 1px solid #73AB2A;
	border: 1px solid var(--ajax-loader-border-color);
	text-align: center;
	top: 30%;
	left: 46%;
	display: none;
}

#ajax-loader:before {
	content: '';
	position: absolute;
	top: 10px;
	top: var(--px10, 10px);
	left: 50%;
	width: 31px;
	width: var(--px31, 31px);
	height: 31px;
	height: var(--px31, 31px);
	transform: translateX(-50%);
	background: transparent url("icons/ajax-loader.gif") no-repeat;
}

.simple-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 10px;
	gap: var(--pad10, 10px);
	align-items: center;
	align-content: flex-start;
	width: 100%;
	list-style: none;
	padding: 0
}

.simple-flex > li {
	display: inline-block
}

/* MAIN PAGES */
.flex-grid {
	width: 100%;
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: stretch;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	margin: 10px -5px;
}

.flex-grid > li {
	min-height: 150px;
	min-height: var(--px150, 150px);
	border: 1px solid #E8E8E8;
	border: 1px solid var(--flex-grid-border-color);
	display: inline-block;
	vertical-align: top;
	flex: 1 0 15rem;
	box-sizing: border-box;
	background: #fff;
	background: var(--flex-grid-bk);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	box-shadow: 0 1px 5px -1px rgba(0,0,0,.15);
	margin: 5px;
}

@supports (display: grid) and (grid-gap: 10px) {
	.flex-grid {
		margin: 20px 0;
		margin: var(--px20, 20px) 0;
		grid-gap: 10px;
		gap: var(--pad10, 10px);		
	}
	
	.flex-grid > li {
		margin: 0;
	}
}

@media (min-width: 360px) and (max-width: 420px) {
	.product-grid {
		grid-template-columns: repeat(auto-fit, minmax(var(--px160, 160px), 1fr));
		grid-gap: 5px;
		gap: var(--pad5, 5px);
	}
	
	.product-grid > li {
		flex: 1 0 160px;
		flex: 1 0 var(--px160, 160px);
	}
	
	.product-grid .product-image-wrapper img {
		max-width: 100%;
		height: auto !important;
	}
}

@media (max-width: 359px) {
	.product-grid {
		grid-template-columns: repeat(auto-fit, minmax(var(--px140, 140px), 1fr));
		gap: var(--pad5, 5px);
	}
	
	.product-grid > li {
		flex: 1 0 140px;
		flex: 1 0 var(--px140, 140px);
	}
	
	.product-grid .product-image-wrapper img {
		max-width: 100%;
		height: auto !important;
	}
}

.subcat-grid {
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
}

.product,
.similar-article {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.product .photo {
	position: relative;
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
	background: #fff;
	background: var(--product-photo-bk);
}

.product .product-image-wrapper {
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	padding: var(--pad10, 10px) 0;
}

@media (max-width: 479px){
	.product .product-image-wrapper {
		margin: 0 auto;
	}
}

.product .photo img {
	margin: auto;
}

.product .product-row {
	text-align: center;
	margin: 0 10px 10px;
	margin: 0 var(--px10, 10px) var(--px10, 10px);
}

@media (max-width : 639px) {
	.product .product-row {
		margin: 0 5px 10px;
		margin: 0 var(--px5, 5px) var(--px10, 10px);
	}
}

.product .product-name {
	flex: 1 0 auto;
}

.product .product-a {
	color: #000;
	color: var(--product-link-color);
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
}

.product .supplier,
.product .supplier-a {
	color: #333;
	color: var(--product-supplier-color);
	font-size: 0.85rem;
	line-height: 1.5;
}

.product .prices {
	margin-top: 5px;
	margin-top: var(--px5, 5px);
	margin-bottom: 5px;
	margin-bottom: var(--px5, 5px);
	text-align: center;
	color: inherit;
}

.product .rating-box-2,
.product .no-of-reviews {
	display: inline-block;
	margin-right: 2px;
	margin-right: var(--px2, 2px);
	float: none;
	vertical-align: middle;
}

.product-comments-no {
	color: #333;
	color: var(--product-comments-no-color);
}

.product .action {
	margin-top: 5px;
	margin-top: var(--px5, 5px);
}

.mixed-prices .price {
	margin-bottom: 1.2rem;
}

.quick-view {
	width: 110px;
	width: var(--px110, 110px);
	height: 30px;
	height: var(--px30, 30px);
	position: absolute;
	bottom: -7px;
	bottom: var(--minus-7px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	overflow: hidden;
	line-height: 26px;
	line-height: var(--px26, 26px);
	display: none;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

@media (min-width: 1025px){
	.product-grid > li:hover .quick-view {
		display: block;
	}
}

.quick-view .quick-view-bk {
	text-align: center;
	background: #000;
	background: var(--vs-menu-desktop-bk);
}

.quick-view .quick-view-a {
	color: #fff !important;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	display: block;
	padding: 8px 0;
	padding: var(--pad8, 8px) 0;
}

.product-availability {
	color: darkgreen;
	color: var(--product-availability-color);
	font-size: 0.85rem;
	line-height: 1.5;
}

/* homepage */
.welcome-slip {
	padding: 20px;
	padding: var(--pad20, 20px);
	border-radius: 3px;
	border-radius: var(--px3, 3px);
}

@media (max-width: 500px) {
	.welcome-slip { 
		padding: 10px;
		padding: var(--pad10, 10px);
	}
}

#more-welcome {
	color: #912d1e;
	color: var(--more-welcome);
	cursor: pointer;
	margin: 20px 0;
	margin: var(--px20, 20px) 0;
}

#welcome-2 { 
	display: none;
	text-align: justify;
	background: #fff;
	background: var(--iconbox-account-menu-bk);
	width: 100%;
	font-size: 18px;
	font-size: var(--px18, 18px);
	line-height: 1.5;
}

.pow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 200px 1fr;
	gap: 10px;
	gap: var(--pad10, 10px);
	width: 100%;
	border: 1px solid #e8e8e8;
	border: 1px solid var(--pow-border-color);
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
	background: #fff;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	padding: 10px;
	padding: var(--pad10, 10px);
}

.pow .photo {
	flex: 0 0 200px;
	text-align: center;
}

.pow .content {
	flex: 1 0 200px;
	flex: 1 0 var(--px200, 200px);
}

@media (max-width: 450px) {
	.pow .photo {
		flex-grow: 1;
	}

	.pow {
		grid-template-columns: 1fr;
	}
}

.pow_header {
	width: 100%;
	margin-top: 30px;
	margin-top: var(--px30, 30px);
	margin-bottom: 1px;
	margin-bottom: var(--px1, 1px);
	text-align: center;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
    color: #fff;
    color: var(--pow-header-color);
    background: #006CAB;
    background: var(--pow-header-bk);
}

.pow_header > .h2 {
	padding: 1rem;
	color: #fff;
	color: var(--pow-header-color);
	margin: 0 auto 1px;
	margin: 0 auto var(--px1, 1px);
	text-align: center;
}

.pow .h3 {
	line-height: 1.2;
}

.pow .authors,
.pow .authors a {
	color: #333;
	color: var(--pow-author-color);
	font-size: 1rem;
	line-height: 2;
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

.pow .description {
	text-align: left;
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

.pow .price-old,
.pow .discount-percent,
.pow .promo-expiry {
	color: inherit;
}

.pow .promo-expiry {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.pow .details, pow_details a {
	text-align: right;
	color: #333;
	color: var(--pow-details-color);
	font-weight: 700;
}

@media ( max-width : 650px) {
	.pow .photo {
		text-align: center;
		flex: 1 0 auto;
	}
	
	.pow img {
		max-width: 100%;
		height: auto !important;
	}
}

/* subcategories page */
.subcat-grid li {
	flex-basis: 250px;
	min-height: 30px;
	background: #fff;
	margin: 5px;
	flex-basis: var(--px250, 250px);
	min-height: var(--px30, 30px);
	background: var(--subcat-grid-item-bk);
	margin: var(--px5, 5px);
}

.subcat-grid .entry {
	margin: 5px;
	margin: var(--px5, 5px);
}

.subcat-grid a {
	display: block;
	line-height: 1;
	padding: .4rem;
}

.subcat-grid .parent a {
	font-size: 1.2rem;
	font-weight: 700;
}

.subcat-grid .child a {
	font-size: 1rem;
	color: inherit;
}

.subcat-grid span {
	color: #555;
	color: var(--subcategory-prod-no-color);
}

#categdes {
	margin: 20px 0;
	margin: var(--px20, 20px) 0;
	color: inherit;
	text-align: justify;
}

@media (max-width: 1024px){
	.subcat-grid .entry {
		margin: 0;
	}
	
	.subcat-grid a {
		padding: .6rem;
	}
}

/* products page */
.products__slider {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

@media (max-width: 600px){
	.products__page > .products__slider {
		order: 10;
		margin: 20px 0 0;
		margin: var(--px20, 20px) 0 0;
	}
}

.no-of-reviews {
	text-align: center;
}

.pager {
	width: 100%;
	clear: both;
	text-align: left;
	font-size: 1rem;
	line-height: 3;
}

.pager > .unit {
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	margin: 10px 3px 0 0;
	margin: var(--px10, 10px) var(--px3, 3px) 0 0;
	min-width: 3rem;
	height: 3em;
	box-sizing: border-box;
	padding: 0;
	transition: all 0.5s linear 0s;
}

.pager > .page-no,
.pager > .dots {
	color: #000;
	color: var(--pager-color);
	background: #F9F9F9;
	background: var(--pager-bk-color);
	border: 1px solid #D5D5D5;
	border: 1px solid var(--pager-border-color);
}

.pager > .current {
	color: #fff;
	color: var(--pager-current-color);
	background-color: #000;
	background-color: var(--pager-current-bk-color);
	border: 1px solid #054A72;
	border: 1px solid var(--pager-current-border-color);
}

.pager > .page-no:hover {
	color: #fff;
	color: var(--pager-hover-color);
	background: #075a8a;
	background: var(--pager-hover-bk-color);
	border: 1px solid #054A72;
	border: 1px solid var(--pager-hover-border-color);
}

.pager > .unit:last-child {
	margin-right: 0;
}

.simple-flex .pager {
	margin-top: -.77rem;
}

@media (max-width: 800px) {
	.pager .unit {
		min-width: 48px;
		min-width: var(--px48, 48px);
		height: 48px;
		height: var(--px48, 48px);
	}
}

#products_page_footer {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
	font-weight: 700;
}

#popup {
	width: 900px;
	width: var(--px900, 900px);
	height: 630px;
	height: var(--px630, 630px);
	position: fixed;
	top: 20px;
	top: var(--px20, 20px);
	left: 50%;
	margin-left: -50%;
	z-index: 11;
	background: #fff;
	background: var(--popup-bk);
	display: none;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	border-top-left-radius: 7px;
	border-top-left-radius: var(--px7, 7px);
	border-top-right-radius: 7px;
	border-top-right-radius: var(--px7, 7px);
}

#popup > .popup-header {
	position: relative;
	width: 100%;
	padding: 10px 46px 10px 10px;
	padding: var(--pad10, 10px) var(--pad46, 46px) var(--pad10, 10px) var(--pad10, 10px);
	min-height: 36px;
	min-height: var(--px36, 36px);
	top: 0;
	left: 0;
	background: #E9E9E9;
	background: var(--popup-header-bk);
}

#popup > .popup-container > h2 {
	font-size: 18px;
	font-size: var(--px18, 18px);
	line-height: 1.4;
	margin: 0;
}

#popup > .popup-header > .btn-close-popup {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	width: var(--px36, 36px);
	height: 36px;
	height: var(--px36, 36px);
	padding: 0;
	background: #912d1e;
	background: var(--popup-header--btn-close-bk);
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	color: var(--popup-header--btn-close-color);
	text-align: center;
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 36px;
	line-height: var(--px36, 36px);
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
	z-index: 1;
}

#popup .popup-header-right {
	position: absolute;
	width: 150px;
	width: var(--px150, 150px);
	height: 30px;
	height: var(--px30, 30px);
	top: 0;
	right: 10px;
	right: var(--px10, 10px);
	text-align: right;
	background: transparent;
}

#popup .close-a {
	color: inherit;
	font-size: 15px;
	font-size: var(--px15, 15px);
	line-height: 2;
	font-weight: 700;
}

#popup .popup-container {
	position: relative;
	z-index: 1;
	margin: 20px;
	margin: var(--px20, 20px);
	padding-right: 10px;
	padding-right: var(--px10, 10px);
	max-width: 860px;
	max-width: var(--px860, 860px);
	height: 550px;
	height: var(--px550, 550px);
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

#popup .products-of-interest {
	margin-top: 40px;
	margin-top: var(--px40, 40px);
}

@media (max-width: 600px){
	#popup .popup-container {
		margin: 5px;
		padding-right: 5px;
		margin: var(--px5, 5px);
		padding-right: var(--px5, 5px);
	}	
}

#popup .popup-buttons {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
	text-align: right;
}

#popup .popup-buttons .vs-button-submit {
	margin-left: 10px;
	margin-left: var(--px10, 10px);
}

@media (max-width: 400px){
	#popup .popup-buttons .vs-button,
	#popup .popup-buttons .vs-button-submit {
		width: 100%;
		display: block;
		box-sizing: border-box;
		margin: 0 auto;
	}
	
	#popup .popup-buttons .vs-button-submit {
		margin-top: 10px;
		margin-top: var(--px10, 10px);
	}
}

#author-description {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

#author-description > .more {
	display: none;
}

.attention {
	list-style: none;
	margin: 0;
	padding: 0;
}

.attention > li {
	position: relative;
	padding: 0 1.2rem;
	float: left;
}

.attention > li:before {
	content: '\f144';
	font-family: 'evitalshop';
	font-size: 1rem;
	line-height: 1;
	color: #960019;
	color: var(--red);
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0,-50%);
}

.attention > li.attention-day-promo:before {
	color: red;
	color: var(--attention-day-promo-color);
}

.attention > li.attention-recommended:before {
	color: #ff723d;
	color: var(--attention-recommended-color);
}

.attention > li.attention-new:before {
	color: darkgreen;
	color: var(--attention-new-color);
}

.attention > li.attention-promo:before {
	color: #06cbff;
	color: var(--attention-promo-color);
}

.attention > li.attention-used:before {
	color: brown;
	color: var(--attention-used-color);
}

.main-specs {
	margin: 5px 0;
	margin: var(--px5, 5px) 0;
}

.specs-sheet {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #000;
}

/* list product */
.list-product {
	width: 100%;
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
	background: #fff;
	background: var(--list-prod-bk);
	padding: 20px;
	padding: var(--pad20, 20px);
}

.list-product .cell {
	float: left;
}

.list-product .marginer {
	margin-left: 20px;
	margin-left: var(--px20, 20px);
}

.list-product .photo {
	width: 20%;
	position: relative;
}

.list-product .main {
	width: 55%;
}

.list-product .action {
	width: 25%;
}

.list-product .photo img {
	max-width: 100%;
}

.list-product .row {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

.list-product .title {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

.list-product .product-a {
	color: inherit;
	font-size: 1.2rem;
	font-weight: 700;
}

.list-product .product-a:hover {
	color: #912d1e;
	color: var(--red);
}

.list-product .offer-expiry {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.list-product .availability {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

.list-product .product-description {
	padding-top: 20px;
	color: #333;
	margin-bottom: 5px;
	padding-top: var(--px20, 20px);
	color: var(--list-prod-desc-color);
	margin-bottom: var(--px5, 5px);
}

.list-product .prices {
	color: inherit;
}

@media ( max-width : 599px) {
	.list-product .cell {
		width: 100%;
		margin: 0 0 20px;
		margin: 0 0 var(--px20, 20px);
	}
	.list-product .photo {
		text-align: center;
	}
}

.product-hr {
	clear: both;
	border: none;
	border-top: medium double #eee;
	width: 100%;
	height: 1px;
	height: var(--px1, 1px);
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

#eSort {
	color: inherit;
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

#eSort span,
#eSort a {
	vertical-align: middle;
}

#eSort .tag {
	display: inline-block;
	margin: 5px 0;
	margin: var(--px5, 5px) 0;
}

@media (max-width: 1024px) {
	#filters {
		display: none;
	}	
}

@media (max-width: 639px) {
	#eSort .view-products > .tag {
		display: none;
	}
}

@media (max-width: 599px) {
	#eSort .no-per-page > .tag {
		display: none;
	}
}

@media (max-width: 479px){
	#eSort .tag {
		display: none;
	}
}

@media (max-width: 359px) {
	#eSort {
		width: 100%;
		margin: 0 0 10px;
		margin: 0 0 var(--px10, 10px);
	}
	
	#eSort > li {
		margin: 0;
	}
}

.simple-menu {
	background: #fff;
	background: var(--simple-menu-bk);
	position: relative;
	display: inline-block;
	text-align: left;
	min-width: 50px;
	min-width: var(--px50, 50px);
}

.simple-menu .active-a {
	border: 1px solid #e8e8e8;
	border: 1px solid var(--simple-menu-link-border-color);
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	text-align: center;
}

.simple-menu:hover {
	background: #912d1e;
	background: var(--simple-menu-hover-bk);
}

.simple-menu:hover .active-a {
	color: #fff;
	color: var(--simple-menu-link-hover-color);
	border-radius: initial;
	border: 1px solid #912d1e;
	border: 1px solid var(--simple-menu-hover-bk);
}

.simple-menu .arrow-angle:before {
	right: 6px;
	right: var(--px6, 6px);
}

.simple-menu .option {
	display: block;
	font-size: 1rem;
	line-height: 1;
	padding: .7rem .5rem;
	color: inherit;
}

.simple-menu .boxlist {
	display: none;
	position: absolute;
	min-width: inherit;
	width: inherit;
	box-sizing: border-box;
	top: 100%;
	left: 0;
	border: 1px solid #e8e8e8;
	border: 1px solid var(--simple-menu-boxlist-border-color);
	z-index: 1;
}

.simple-menu:hover .boxlist{
	display: block;
	z-index: 10;
}

#product-sorting,
#product-sorting .boxlist {
	width: 160px;
	width: min(var(--px160, 160px), 100vw);
}

.products-per-page,
.products-per-page .boxlist {
	min-width: 56px;
	min-width: var(--px56, 56px);
}

#view-menu {
	display: inline-block;
}

#view-menu a:first-child {
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.view-icon {
	display: inline-block;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	border: 1px solid transparent;
}

.view-icon-active {
	border: 1px solid #e8e8e8;
	border: 1px solid var(--view-icon-active-border-color);
}

.view-icon > .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 3px;
	width: var(--px26, 26px);
	height: var(--px26, 26px);
	padding: var(--pad3, 3px);
	box-sizing: content-box;
}

.view-icon > .icon-grid,
.view-icon > .icon-list {
	color: #555;
	color: var(--view-icon-menu-color);
}

.view-icon > .icon-grid > svg > .fill,
.view-icon > .icon-list > svg > .fill {
	fill: #fff;
}

.view-icon > .icon-grid-active,
.view-icon > .icon-list-active,
.view-icon > .icon-grid:hover,
.view-icon > .icon-list:hover {
	color: #000;
}

.view-icon > .icon-grid-active > svg > .fill,
.view-icon > .icon-list-active > svg > .fill,
.view-icon > .icon-grid:hover > svg > .fill,
.view-icon > .icon-list:hover > svg > .fill {
	fill: #000;
}

/* filtre */
#filters {
	width: 100%;
	border: 1px solid #eee;
	border: 1px solid var(--filters-border-color);
	background: #F8F8F8;
	background: var(--filters-bk);
	position: relative;
	z-index: 2;
	margin-bottom: 1px;
	margin-bottom: var(--px1, 1px);
}

#filters > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: inherit;
	display: flex;
	align-items: center;
	justify-content: start;
}

#filters > ul > li {
	position: relative;
	margin-left: 1.5rem;
}

#filters > ul > li:first-child {
	margin-left: 0;
}

#filters .h3 {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.2;
	margin: .9rem 0 .9rem 6px;
	margin: .9rem 0 .9rem var(--px6, 6px);
	color: #000;
	color: var(--filter-h-color);
}

@media (max-width: 800px) {	
	#filters > ul {
		gap: 1.5rem;
	}
}

#filters .boxContents {
	width: 260px;
	width: var(--px260, 260px);
	max-height: 400px;
	max-height: var(--px400, 400px);
	overflow: auto;
	position: absolute;
	z-index: 3;
	border: 1px solid #eee;
	border: 1px solid var(--filters-border-color);
	display: none;
}

#filters .by-year {
	width: 140px;
	width: var(--px140, 140px);
}

#filters .by-price {
	width: 150px;
	width: var(--px150, 150px);
}

#filters > ul > li:hover > .boxContents {
	display: block;
}

#pagedesc {
	margin-bottom: 15px;
	color: #555;
	margin-bottom: var(--px15, 15px);
	color: var(--page-desc-color);
	text-align: justify;
}

.intercalated-products-header {
	width: 270px;
	width: var(--px270, 270px);
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 2;
	color: #F60;
	color: var(--intercalated-products-header-color);
	text-align: center;
	font-size: 1rem;
	line-height: 1;
	font-weight: 700;
	border-radius: 24px 24px 0px 0px;
	border-radius: var(--px24, 24px) var(--px24, 24px) 0px 0px;
	border: 1px solid #76CDF8;
	border: 1px solid var(--intercalated-products-header-border-color);
	border-bottom: 0;
}

.intercalated-products-header > div {
	padding: 5px 0 2px;
	background: linear-gradient(to bottom, #d7f7ff 0%, #e6f3fc 6%, #dff4ff 11%, #e3f5f9 17%, #e2f7fa 22%, #daf6ff 28%, #e6f4ff 33%, #e0f4ff 39%, #dcf2ff 100%);
	padding: var(--pad5, 5px) 0 var(--pad2, 2px);
	background: var(--intercalated-products-header-inner-bk);
}

.intercalated-products {
	width: 100%;
	line-height: 1.5;
}

.intercalated-products .content {
	border: 1px solid #76CDF8;
	border: 1px solid var(--intercalated-products-content-border-color);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	z-index: 1;
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
	position: relative;
	top: -1px;
	background: linear-gradient(to bottom, #d9f3ff 0%, #d5f1fd 11%, #d0f0ff 12%, #c9ecff 28%, #c6ecff 29%, #c5ebfe 34%, #c1ecff 35%, #bdeaff 46%, #bae8ff 47%, #b9e7fe 52%, #b5e7fe 53%, #b2e6fe 64%, #aee6ff 64%, #a6e1ff 81%, #a2e2fe 82%, #a0e0fc 86%, #9fe2ff 88%, #9ee1fe 93%, #9adffe 93%, #98dfff 100%);
	background: var(--intercalated-products-content-bk-color);
}

.intercalated-products .product-a {
	color: #302E94;
	color: var(--intercalated-products-product-a-color);
	line-height: 2;
}

.intercalated-products .supplier-a {
	line-height: 2;
}

.intercalated-products .product {
	text-align: left;
	float: left;
	width: 50%;
}

.intercalated-products .product-inner {
	margin: 5px;
	margin: var(--px5, 5px);
	display: grid;
	grid-template-columns: 91px 1fr;
	grid-template-columns: var(--px91, 91px) 1fr;
}

.intercalated-products .product-image {
	float: left;
	margin-right: 10px;
	margin-right: var(--px10, 10px);
}

.intercalated-products .product-image > img {
	padding: 2px;
	background: #fff;
	border: 1px solid #6CCFFF;
	padding: var(--pad2, 2px);
	background: var(--intercalated-products-image-bk);
	border: 1px solid var(--intercalated-products-image-border-color);
}

.intercalated-products .prices {
	text-align: left;
}

.intercalated-products .price-old, 
.intercalated-products .discount-percent {
	color: #189ADA;
	color: var(--intercalated-products-price-old-color);
}

@media (max-width: 500px){
	.intercalated-products .product {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 10px;
		margin-bottom: var(--px10, 10px);
	}
	
	.intercalated-products .product:after {
		content: '';
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		font-size: 0;
	}
}


/* product page */
#eProduct {
	position: relative;
}

#eProduct .tag {
	font-weight: 400;
}

#product-t, #comments-t {
	width: 100%;
	position: relative;
}

#product-t td {
	text-align: left;
	vertical-align: top;
}

#product-t .options-cell {
	vertical-align: top;
}

.product-main {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--pad20, 20px);
}

.product-main > .images {
	flex: 0 0 auto;
}

.product-main > .info {
	flex: 1 0;
}

.product-image-wrapper {
	min-width: 80px;
	max-width: 180px;
	min-height: 43px;
	position: relative;
	margin: 10px auto;
	margin: var(--px10, 10px) auto;
}

#proddetails {
	line-height: 2;
}

#proddetails > div {
	text-align: left;
}

.pdf-for-download {
	display: flex;
	align-items: center;
	font-size: 1.3rem;
	line-height: 1;
}

.pdf-for-download > .pdf-icon {
	width: 20px;
	width: var(--px20, 20px);
	height: 24px;
	height: var(--px24, 24px);
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

#proddetails > .prices {
	color: inherit;
}

#proddetails .price-tag {
	color: #000;
	color: var(--product-detalis--price-tag-color);
	font-size: 1rem;
}

#proddetails > .prices > .offer-expiry {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

@media (max-width: 800px){
	#proddetails .button-buy {
		width: 100%;
		max-width: 100%;
		font-size: 15px;
		font-size: var(--px15, 15px);
	}
}

@media (max-width: 750px) {
	.product-main > .images {
		text-align: center;
		flex: 1 0 100%;
	}
	
	.product-main > .info {
		flex: 1 0 100%;
	}
	
	.product-main > .images img {
		max-width: 100%;
		height: auto !important;
	}
}

.product-section {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

.product-set {
	background: #F9F9F9;
	border: 1px solid #E8E8E8;
	border-radius: 5px;
	margin: 20px 0;
	background: var(--product-set-bk);
	border: 1px solid var(--product-set-border-color);
	border-radius: var(--px5, 5px);
	margin: var(--px20, 20px) 0;
}

.product-set > .row {
	margin: 10px;
	margin: var(--px10, 10px);
}

.product-set .set-product {
	width: 45%;
	float: left;
}

.product-set .set-product-image {
	margin-right: 20px;
	margin-right: var(--px20, 20px);
	float: left;
}

.product-set .plus-container {
	width: 10%;
	float: left;
	text-align: center;
	position: relative;
}

.product-set .plus {
	width: 32px;
	height: 32px;
	width: var(--px32, 32px);
	height: var(--px32, 32px);
	position: relative;
	margin: 6px auto;
	margin: var(--px6, 6px) auto;
	display: block;
	text-align: center;
	font-size: 32px;
	font-size: var(--px32, 32px);
	line-height: 1;
}

.product-set .old-price {
	color: #333;
	color: var(--product-set-old-price-color);
}

#optionsform, #commentsform {
	width: 100%;
	max-width: 700px;
	max-width: var(--px700, 700px);
	margin: 20px 0 0;
	margin: var(--px20, 20px) 0 0;
	position: relative;
}

.btn-close-form {
	line-height: 24px;
	line-height: var(--px24, 24px);
	padding: 2px 4px;
	padding: var(--pad2, 2px) var(--pad4, 4px);
	position: absolute;
	right: 5px;
	right: var(--px5, 5px);
	top: 5px;
	top: var(--px5, 5px);
	width: 30px;
	width: var(--px30, 30px);
	border-radius: 6px;
	border-radius: var(--px6, 6px);
	height: 30px;
	height: var(--px30, 30px);
	font-size: 24px;
	font-size: var(--px24, 24px);
	font-weight: 400;
	color: #000;
	color: var(--btn-close-form-color);
}

.field-with-info {
	float: left;
}

.field-info {
	display: block;
	float: right;
	position: relative;
	width: 24px;
	width: var(--px24, 24px);
	height: 24px;
	height: var(--px24, 24px);
	text-align: center;
	padding: 0;
	text-align: center;
	margin: 0;
	background: #fff;
	background: var(--field-info-bk);
	border: 1px solid #555;
	border: 1px solid var(--field-info-border-color);
	border-radius: 12px;
	border-radius: var(--px12, 12px);
	cursor: pointer;
	color: #333;
	color: var(--field-info-color);
	font-size: 16px;
	font-size: var(--px16, 16px);
	line-height: 24px;
	line-height: var(--px24, 24px);
}

.field-tooltip {
	position: absolute;
	top: 40px;
	top: var(--px40, 40px);
	left: 50%;
	transform: translateX(-50%);
	width: 220px;
	width: min(80vw, var(--px220, 220px));
	background: #fff;
	background: var(--field-tooltip-bk);
	border: 1px solid #555;
	border: 1px solid var(--field-info-border-color);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	padding: 10px;
	padding: var(--pad10, 10px);
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: inherit;
	font-size: 1rem;
	line-height: 1.2;
}

.field-tooltip:after, .field-tooltip:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	display: block;
	pointer-events: none;
	transform: translateX(-50%);
}

.field-tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	border-bottom-color: var(--field-tooltip-after-border-bottom-color);
	border-width: var(--px10, 10px);
}

.field-tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	border-bottom-color: var(--field-tooltip-before-border-bottom-color);
	border-width: var(--px11, 11px);
}

.field-info:hover .field-tooltip {
	display: block;
	z-index: 2;
}

.field-tooltip-right {
	position: absolute;
	top: 40px;
	right: -10px;
	width: 220px;
	background: #fff;
	border: 1px solid #555;
	border-radius: 5px;
	padding: 10px;
	top: var(--px40, 40px);
	right: var(--minus-10px);
	width: min(80vw, var(--px220, 220px));
	background: var(--field-tooltip-bk);
	border: 1px solid var(--field-info-border-color);
	border-radius: var(--px5, 5px);
	padding: var(--pad10, 10px);
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: inherit;
	font-size: 1rem;
	line-height: 1.2;
}

.field-tooltip-right:after,
.field-tooltip-right:before {
	bottom: 100%;
	right: 8px;
	right: var(--px8, 8px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

.field-tooltip-right:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	right: 9px;
	border-bottom-color: var(--field-tooltip-after-border-bottom-color);
	border-width: var(--px10, 10px);
	margin-left: var(--minus-10px);
	right: var(--px9, 9px);
}

.field-tooltip-right:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
	border-bottom-color: var(--field-tooltip-before-border-bottom-color);
	border-width: var(--px11, 11px);
	margin-left: var(--minus-11px);
}

.field-info:hover .field-tooltip-right {
	display: block;
	z-index: 3;
}

.required {
	display: inline-block;
	color: inherit;
	margin-left: 3px;
	margin-left: var(--px3, 3px);
}

/* form stars */
.grid-form .radio-stars label {
	display: block;
	float: left;
	font-size: 3rem;
	line-height: 1;
	color: #c4c4c4;
	color: var(--star-gray-color);
	cursor: pointer;
	border-bottom: 2px solid transparent;
}
.grid-form .radio-stars input:checked ~ label {
	color: #c4c4c4;
	color: var(--star-gray-color);
}
.grid-form .radio-stars input:checked + label {
	color: #f9bf3b;
	border-bottom-color: #f9bf3b;
	color: var(--star-yellow-color);
	border-bottom-color: var(--star-yellow-color);
}
.grid-form .radio-stars label:has(~ input:checked){
	color: #f9bf3b;
	color: var(--star-yellow-color);
}
.grid-form .radio-stars input:focus + label {
	border-bottom-style: dotted;
}
.grid-form .radio-stars:hover input + label {
	color: #f9bf3b;
	color: var(--star-yellow-color);
}
.grid-form .radio-stars input:hover ~ label,
.grid-form .radio-stars input:focus ~ label {
	color: #c4c4c4;
	color: var(--star-gray-color);
}
.grid-form .radio-stars input:hover + label,
.grid-form .radio-stars input:focus + label {
	color: #f9bf3b;
	color: var(--star-yellow-color);
}
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}
#no-of-stars {
	font-size: 1.7rem;
}

.aggregate-rating {
	margin: 5px 0;
	margin: var(--px5, 5px) 0;
	display: flex;
	gap: var(--pad5, 5px);
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;	
}

.aggregate-rating,
.aggregate-rating a {
	font-size: 1rem;
	line-height: 1;
}

.aggregate-rating a {
	color: inherit;
}

.aggregate-rating img {
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.product-row.aggregate-rating {
	justify-content: center;
}

.rating-box {
	position: relative;
	font-size: 2.6rem;
	line-height: 1;
	display: inline-block;
}

.rating-box:before {
	position: relative;
	content: "\2605\2605\2605\2605\2605";
	display: inline-block;
	color: #c4c4c4;
	color: var(--star-gray-color);
	font-size: inherit;
}

.rating-box > .rating {
	white-space: nowrap;
	position: absolute;
	height: inherit;
	line-height: inherit;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}

.rating-box > .rating:before {
	position: relative;
	content: "\2605\2605\2605\2605\2605";
	color: #f9bf3b;
	color: var(--star-yellow-color);
	font-size: inherit;
}

.rating-box-sm {
	font-size: 1.4rem;
}

.product-rating {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--pad20, 20px);
}

.general-rating > .title {
	font-weight: 700;
	color: inherit;
}

.general-rating > .aggregate-rating-zone > .article-aggregate-rating {
	font-size: 2rem;
	line-height: 1;
	font-weight: 700;
	display: inline-block;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
	vertical-align: middle;
}

.general-rating > .aggregate-rating-zone > .comments-count {
	color: inherit;
}

.star-meters {
	font-size: 1rem;
	line-height: 1;
	width: 185px;
	width: var(--px185, 185px);
}

.star-meters > div {
	display: inline-block;
	margin: 0 5px 5px 0;
	vertical-align: middle;
}

.star-meters > .rate {
	text-align: right;
	color: inherit;
	width: 50px;
	width: var(--px50, 50px);
}

.star-meters > .meter-box {
	background: #f9f9f9;
	border: 1px solid #ccc;
	height: 14px;
	background: var(--star-meters--meter-box-bk);
	border: 1px solid var(--star-meters--meter-box-border-color);
	height: var(--px14, 14px);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
	width: 90px;
	width: var(--px90, 90px);	
}

.star-meters .meter {
	background: #FFCB3F;
	background: var(--star-meters--meter-bk);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset, 0px -1px 0px rgba(0, 0, 0, 0.05) inset;
	height: 13px;
	height: var(--px13, 13px);
}

.star-meters > .count {
	text-align: left;
	width: 30px;
	width: var(--px30, 30px);	
}

@supports (display: grid) and (grid-gap: 5px) {
	.star-meters > .rate,
	.star-meters > .meter-box,
	.star-meters > .count {
		width: initial;
		margin: 0;
	}
	
	.star-meters {
		width: initial;
		display: grid;
		grid-template-columns: auto var(--px58, 58px) auto;
		grid-gap: var(--pad5, 5px);	
		gap: var(--pad5, 5px);	
	}
}

#sort-reviews, #sort-comments {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

#sort-reviews .separator {
	color: #555;
	color: var(--sort-reviews-separator-color);
}

#sort-reviews .active, #sort-comments .active {
	font-weight: 700;
}

.add-review-wrap {
	float: left;
	width: 300px;
	width: var(--px300, 300px);
}

.add-review-wrap .instructions {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
	color: inherit;
}

@media (max-width: 650px){
	.add-review-wrap {
		float: none;
		width: 100%;
		padding-top: 20px;
		padding-top: var(--px20, 20px);
		clear: both;
	}
}

.comments-text {
	width: 100%;
	height: 100px;
	height: var(--px100, 100px);
	white-space: normal;
	overflow: auto;
	padding: 5px;
	padding: var(--pad5, 5px);
	outline: none;
	resize: vertical;
}

.comments-i {
	width: 100%;
	outline: none;
}

#promotion_notice {
	text-align: left;
}

#productoptions {
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}

#productoptions > li {
	color: #9D9D9D;
	color: var(--product-options-color);
	padding-left: 0;
	margin: 0;
	text-align: left;
}

#productoptions > li > a {
	color: #000;
	color: var(--product-options-a-color);
	font-weight: 700;
	font-size: 1rem;
	line-height: 2.5;
}

#productoptions > li > a:hover {
	color: #912d1e;
	color: var(--product-options-a-hover-color);
}

@media (max-width: 800px){
	#proddetails > .options {
		margin: 20px 0;
		border: 1px solid #e8e8e8;
		border-radius: 3px;
		margin: 20px 0;
		border: 1px solid #e8e8e8;
		border-radius: 3px;
		margin: var(--px20, 20px) 0;
		border: 1px solid var(--product-details--mobile--options-border-color);
		border-radius: var(--px3, 3px);
	}
	
	#productoptions {
		list-style: none;
		margin: 0;
	}
	
	#productoptions > li {
		background: #f9f9f9;
		background: var(--product-details--mobile--option-item-bk);
	}
	
	#productoptions > li > a {
		display: block;
		font-size: 1rem;
		line-height: 1.2;
		padding: .8rem 0 .8rem 1.15rem;
		color: #000;
		color: var(--product-details--mobile--option-link-color);
	}
	
	#productoptions > li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e0e0e0;
		border-top: 1px solid var(--product-details--mobile--option-border-top-color);
		border-bottom: 1px solid var(--product-details--mobile--option-border-bottom-color);
	}
	
	#productoptions > li:first-child {
		border-top: none;
	}
	
	#productoptions > li:last-child {
		border-bottom: none;
	}
}

#seotags {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

#seotags > a {
	color: darkgreen;
	color: var(--seo-tags-link-color);
	text-decoration: none;
}

#seotags > a:hover {
	color: inherit;
	text-decoration: underline;
}

#eProduct > .productset {
	width: 100%;
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

#popup-overlay,
#tablet-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
}

#thumbnails {
	padding: 10px 0;
	padding: var(--pad10, 10px) 0;
	text-align: left;
	text-align: center;
}

#thumbnails > a > img {
	margin: 2px;
	border: 1px solid #ccc;
	border: 1px solid var(--thumbnails-link-img-border-color);
	display: inline;
}

#photogallery {
	position: fixed;
	z-index: 12;
	width: 90%;
	height: 90%;
	top: 5%;
	left: 5%;
	min-height: 300px;
	min-width: 300px;
	padding: 0;
	background: #fff;
	border: 1px solid #333;
	border-radius: 10px;
	background: var(--photo-gallery-bk);
	border: 1px solid var(--photo-gallery-border-color);
	border-radius: var(--px10, 10px);
	display: none;
	overflow: hidden;
}

#photogallery .container {
	width: 100%;
	height: 100%;
	position: relative;
}

#photogallery .gallery-header {
	width: 100%;
	height: 30px;
	height: var(--px30, 30px);
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-align: left;
	overflow: hidden;
}

#photo-popup-close {
	display: block;
	float: right;
	color: inherit;
	padding-right: 10px;
	line-height: 30px;
	padding-right: var(--px10, 10px);
	line-height: var(--px30, 30px);
	text-decoration: none;
}

.gallery-viewport {
	width: 100%;
	height: 80%;
	position: absolute;
	z-index: 1;
	top: 30px;
	top: var(--px30, 30px);
	left: 0;
	clear: both;
	text-align: center;
}

.gallery-viewport > img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.gallery-thumbs {
	width: 100%;
	height: 74px;
	height: var(--px74, 74px);
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	text-align: center;
	background: #fff;
	border-top: 1px solid #ccc;
	background: var(--gallery-thumbs-bk);
	border-top: 1px solid var(--gallery-thumbs-border-top-color);
}

.gallery-thumbs > a > img {
	margin: 10px 2px 0;
	padding: 2px;
	border: 1px solid #ccc;
	margin: var(--px10, 10px) var(--px2, 2px) 0;
	padding: var(--pad2, 2px);
	border: 1px solid var(--gallery-thumbs-border-top-color);
}

.gallery-thumbs > a > .active {
	border: 1px solid #000;
	border: 1px solid var(--gallery-thumbs-active-link-border-color);
}

#photogallery .loading {
	background: transparent url("icons/ajax-loader.gif") no-repeat fixed center;
}

.spec-group-name {
	font-weight: 700;
	border-bottom: 1px solid #eee;
	margin-top: 10px;
	border-bottom: 1px solid var(--spec-group-name-border-bottom-color);
	margin-top: var(--px10, 10px);
}

.specs {
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
	border-collapse: collapse;
}

.spec > .spec-name,
.spec-even > .spec-name {
	width: 50%;
	color: inherit;
	font-size: 1rem;
	line-height: 2;
}

.spec > .spec-value,
.spec-even > .spec-value {
	width: 50%;
	color: inherit;
	font-size: 1rem;
	line-height: 2;
}

.spec > .spec-name,
.spec > .spec-value {
	background: #f7f7f7;
	background: var(--spec-name-bk);
}

.spec-even > .spec-name,
.spec-even > .spec-value {
	background: #fff;
	background: var(--spec-name-even-bk);
}

.product-colors .cod {
	text-align: center;
	color: inherit;
}

.product-colors .color-name {
	text-align: center;
	color: #912d1e;
	padding: 5px;
	color: var(--product-color-name);
	padding: var(--pad5, 5px);
}

.product-colors .add-to-cart-zone {
	padding-bottom: 5px;
	padding-bottom: var(--px5, 5px);
}

#product_colors_notes {
	margin: 0 0 20px 0;
	color: #333;
	font-size: 11px;
	margin: 0 0 var(--px20, 20px) 0;
	color: var(--product-colors-notes-color);
	font-size: var(--px11, 11px);
}

.keywords-a {
	color: #912d1e;
	color: var(--keywords-a-color);
	text-decoration: underline;
}

.keywords-a:hover {
	text-decoration: none;
}

.big-prod-img-wrap {
	min-height: 43px;
	position: relative;
	margin-top: 5px;
	margin-top: var(--px5, 5px);
}

/* delfin */
.read-excerpt {
	position: absolute;
	left: 0;
	width: 300px;
	height: 24px;
	bottom: 60px;
	width: var(--px300, 300px);
	height: var(--px24, 24px);
	bottom: var(--px60, 60px);
	text-align: left
}

.read-excerpt-symbol {
	width: 24px;
	height: 24px;
	width: var(--px24, 24px);
	height: var(--px24, 24px);
	display: inline-block;
	position: relative
}

.read-excerpt-symbol:before {
	position: absolute;
	display: block;
	top: 6px;
	width: 24px;
	height: 24px;
	top: var(--px6, 6px);
	width: var(--px24, 24px);
	height: var(--px24, 24px);
	content: '\279C';
	color: #fff;
	font-size: 24px;
	font-size: var(--px24, 24px);
	line-height: 1
}

.btn-read-excerpt {
	background: #0077BB;
	color: #fff !important;
	font-size: 16px;
	font-size: var(--px16, 16px);
	line-height: 1;
	border-radius: 20px;
	padding: 10px 16px;
	border-radius: var(--px20, 20px);
	padding: var(--pad10, 10px) var(--pad16, 16px);
	border-color: #0077BB;
}

@media (max-width: 600px){
	.product-main > .images {
		border: 1px solid #f8f8f8;
		border: 1px solid var(--mobile--product-main--images-border-color);
	}
	
	.big-prod-img-wrap {
		margin: 0;
	}
}

#social-network-buttons {
	width: 100%;
	margin: 0 0 20px;
	margin: 0 0 var(--px20, 20px);
	position: relative;
}

.sharebox {
	display: inline-flex;
	gap: var(--pad10, 10px);
	align-items: center;
	align-content: start;
}

#product-aggregate-rating {
	width: auto;
	min-width: 69px;
	min-width: var(--px69, 69px);
	font-size: 1rem;
	line-height: 1;
}

#product-aggregate-rating img {
	vertical-align: middle;
	float: left;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

#product-aggregate-rating a {
	color: #912d1e;
	color: var(--product-aggregate-rating-a-color);
	font-size: 1rem;
	line-height: 1;
}

#facebook-like,
#facebook-share,
#google_plus_one {
	float: left;
}

#facebook-like,
#facebook-share {
	margin: 2px 0 0 0;
	margin: var(--px2, 2px) 0 0 0;
}

#google_plus_one {
	width: 68px;
	margin-right: 20px;
	width: var(--px68, 68px);
	margin-right: var(--px20, 20px);
}

.product-colors > li {
	min-height: 100px;
	flex-basis: 140px;
	min-height: var(--px100, 100px);
	flex-basis: var(--px140, 140px);
}

.product-colors div {
	text-align: center;
}

.product-colors .color-icon {
	margin-top: 5px;
	margin-top: var(--px5, 5px);
}

#comments {
	position: relative;
	line-height: 1.4;
	max-width: 800px;
	max-width: var(--px800, 800px);
}

#comments .rating-value {
	background: #555;
	color: #fff;
	border-radius: 3px;
	padding: 0 3px;
	background: var(--comments-rating-value-bk);
	color: var(--comments-rating-value-color);
	border-radius: var(--px3, 3px);
	padding: 0 var(--pad3, 3px);
}

#comments .review-rating {
	margin-bottom: 5px;
	margin-bottom: var(--px5, 5px);
	position: relative;
	display: inline-block;
}

#comments .review-rating > div,
#comments .review-rating > span {
	display: inline-block;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
	vertical-align: middle;
}

#comments .review-rating > .rating-box-2 {
	float: none;
}

#comments .toggle-menu {
	display: none;
	float: right;
	text-align: right;
}

#comments .comment-author {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--pad10, 10px);
	align-items: center;
	justify-content: start;
}

#comments .comment-author > a {
	display: inline-block;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
	font-size: 1rem;
	line-height: 1.5;
}

#comments .post-heading {
	color: #005596;
	color: var(--comments-post-heading-color);
	clear: both;
	font-size: 1.1rem;
	line-height: 2;
}

#comments > .review,
#comments > .comment {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

#comments .post-level-1 {
	padding-left: 40px;
	padding-left: var(--px40, 40px);
}

#comments .post-level-2 {
	padding-left: 80px;
	padding-left: var(--px80, 80px);
}

#comments .post-level-3 {
	padding-left: 120px;
	padding-left: var(--px120, 120px);
}

@media ( max-width : 480px) {
	#comments .post-level-1 {
		padding-left: 20px;
		padding-left: var(--px20, 20px);
	}
	#comments .post-level-2 {
		padding-left: 40px;
		padding-left: var(--px40, 40px);
	}
	#comments .post-level-3 {
		padding-left: 60px;
		padding-left: var(--px60, 60px);
	}
}

#comments .post-author {
	font-weight: 700;
}

#comments .post-date {
	color: inherit;
}

#comments .post-body {
	height: auto;
	overflow: hidden;
	text-align: justify;
	clear: both;
}

#comments .post-body > p {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

#comments .post-body > p:last-child {
	margin-bottom: 0;
}

#comments .expand,
#comments .collapse {
	display: block;
	font-size: 1.5rem;
	line-height: 1;
	font-weight: 700;
	width: 20px;
	height: 20px;
	width: var(--px20, 20px);
	height: var(--px20, 20px);
	text-align: center;
}

#comments .expand {
	display: none;
}

#comments .see-more {
	display: block;
	position: relative;
	cursor: pointer;
	text-align: center;
	padding-top: 5px;
	padding-top: var(--px5, 5px);
	z-index: 1;
	border-top: 1px solid #E2E5E7;
	border-top: 1px solid var(--comments-see-more-border-top-color);
	color: inherit;
	font-size: 1rem;
	line-height: 1;
}

#comments .see-more:before {
	content: '';
	display: block;
	position: relative;
	height: 3px;
	top: -6px;
	box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.08);
}

#comments .thanks {
	cursor: default;
	color: #912d1e;
	color: var(--comments-thanks-color);
}

#comments .admin {
	color: #912d1e;
	color: var(--comments-admin-color);
}

#comments .show-waiting-post {
	color: inherit;
	font-style: italic;
}

#comments .reply-to-icon {
	color: #A6B3BA;
	color: var(--comments-reply-to-icon-color);
}

#comments .reply-to {
	color: #000;
	color: var(--comments-reply-to-color);
}

#comments .post-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.post-footer span {
	display: inline-block;
	margin-right: 10px;
	margin-right: var(--px10, 10px);
	color: inherit;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
	vertical-align: middle;
	font-style: italic;
}

.post-footer .dot,
.post-header .dot {
	line-height: 15px;
	line-height: var(--px15, 15px);
	vertical-align: top;
	color: #DADCD6;
	color: var(--comments-dot-color);
	cursor: default;
}

.post-footer .separator {
	cursor: default;
	color: #555;
	color: var(--comments-separator-color);
}

.post-footer .reply {
	margin-left: 20px;
	margin-left: var(--px20, 20px);
}

.post-footer .thumb {
	width: 16px;
	width: var(--px16, 16px);
	height: 16px;
	height: var(--px16, 16px);
	color: #555;
	color: var(--comments-thumb-color);
}

.thumb-up:hover {
	color: darkgreen;
	color: var(--comments-thumb-up-hover-color);
}

.thumb-down {
	transform: rotate(180deg);
}

.thumb-down:hover {
	color: red;
	color: var(--comments-thumb-down-hover-color);
}

#post-tooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 320px;
	width: var(--px320, 320px);
	display: none;
	z-index: 2;
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	background: var(--post-tooltip-bk);
	border: 1px solid var(--post-tooltip-border-color);
	border-radius: var(--px5, 5px);
	padding: var(--pad10, 10px);
	display: none;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	text-align: left;
	color: inherit;
}

#post-tooltip:after,
#post-tooltip:before {
	bottom: 100%;
	left: 85px;
	left: var(--px85, 85px);
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

#post-tooltip:after {
	border-color: rgba(249, 249, 249, 0);
	border-bottom-color: #f9f9f9;
	border-width: 10px;
	margin-left: -10px;
	border-bottom-color: var(--post-tooltip-after-border-bottom-color);
	border-width: var(--px10, 10px);
	margin-left: var(--minus-10px);
}

#post-tooltip:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 11px;
	margin-left: -11px;
	border-bottom-color: var(--post-tooltip-before-border-bottom-color);
	border-width: var(--px11, 11px);
	margin-left: var(--minus-11px);
}

.special-notes {
	background: darkgreen;
	color: #fff;
	border-radius: 5px;
	padding: 15px;
	background: var(--special-notes-bk);
	color: var(--special-notes-color);
	border-radius: var(--px5, 5px);
	padding: var(--pad15, 15px);
	font-size: 1rem;
	line-height: 1.6;	
}

#product-description {
	text-align: justify;
	background: #fff;
	background: var(--product-description-bk);
	width: 100%;
	font-family: pt serif, pelatino, georgia, arial, serif;
	font-size: 16px;
	font-size: var(--px16, 16px);
	line-height: 1.5;
}

.form-instructions {
	color: #555;
	margin-top: 20px;
	color: var(--form-instructions-color);
	margin-top: var(--px20, 20px);
}

#product-description div ~ div,
#product-description p ~ p,
#product-description p ~ div,
#product-description div ~ p {
	margin-top: 1.4rem;
}

#product-description h3{
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

#product-description h3:nth-of-type(n+2){
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

#product-description table {
	width: 100%;
	margin: 10px auto;
	margin: var(--px10, 10px) auto;
	clear: both;
}

#product-description table tr:first-child td {
	font-weight: 700;
	background: #555;
	color: #fff;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	background: var(--product-description-th-bk);
	color: var(--product-description-th-color);
	border-top: 1px solid var(--product-description-th-bk);
	border-left: 1px solid var(--product-description-th-bk);
	border-right: 1px solid var(--product-description-th-bk);
}

#product-description table tr:nth-child(2) td {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid var(--product-description-tr-border-color);
	border-bottom: 1px solid var(--product-description-tr-border-color);
	border-left: 1px solid var(--product-description-tr-border-color);
}

#product-description table tr:nth-child(n+3) td {
	border: 1px solid #eee;
	border: 1px solid var(--product-description-tr-border-color);
}

#product-description table tr:nth-child(2n+3) td {
	background: #F9F9F9;
	background: var(--product-description-tr-odd-bk);
}

#product-description td {
	min-width: 20px;
	padding: 3px;
	min-width: var(--px20, 20px);
	padding: var(--pad3, 3px);
}

#product-description .custom-table tr:first-child td,
#html-editor .custom-table tr:first-child td {
	font-weight: 700;	
	background: #912d1e;
	color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: var(--product-description--custom-table-th-bk);
	color: var(--product-description--custom-table-th-color);
	border-top: 1px solid var(--product-description--custom-table-th-color);
	border-left: 1px solid var(--product-description--custom-table-th-color);
	border-right: 1px solid var(--product-description--custom-table-th-color);
}

#product-description img {
	max-width: 100%;
	height: auto !important;
}

#product-description a {
	color: #912d1e;
	color: var(--product-desc-link-color);
}

#product-description > .bibliography a {
	color: inherit;
}

/* FOOTER */
#footer-newsletter {
	background: #000;
	padding: 10px;
	border-bottom: 1px solid #35393D;
	color: #ccc;
	background: var(--footer-newsletter-bk);
	padding: var(--pad10, 10px);
	border-bottom: 1px solid var(--footer-newsletter-border-bottom-color);
	color: var(--footer-newsletter-color);
}

.footer-newsletter-inner {
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	text-align: center;
}

.footer-newsletter-inner > h2 {
	margin-top: 0;
	text-align: center;
	color: #fff;
	color: var(--footer-newsletter-inner-h-color);
	line-height: 1;
}

.footer-newsletter-text {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

.footer-newsletter-inputs .newsletter-i {
	width: 200px;
	height: 44px;
	width: var(--px200, 200px);
	height: var(--px44, 44px);
	border-radius: 0;
	border: 2px solid #999;
	border: 2px solid var(--footer-newsletter-input-border-color);
	border-right: none;
	padding-left: 10px;
	font-size: 16px;
	padding-left: var(--px10, 10px);
	font-size: var(--px16, 16px);
	line-height: 1;
	color: #fff;
	background: #000;
	color: var(--footer-newsletter-input-color);
	background: var(--footer-newsletter-input-bk);
}

.footer-newsletter-inputs .newsletter-i::placeholder {
	color: #999;
	color: var(--footer-newsletter-input-placeholder-color);
}

@media (max-width: 500px){
	.footer-newsletter-inputs .newsletter-i	{
		width: 160px;
		width: var(--px160, 160px);
	}
}

.footer-newsletter-inputs .newsletter-name-i {
	border-radius: 5px 0 0 5px;
	border-radius: var(--px5, 5px) 0 0 var(--px5, 5px);
}

/*.footer-newsletter-inputs .newsletter-email-i {
}*/

.footer-newsletter-inputs .vs-button-subscribe {
	background: #ff8928;
	background: #85C742;
	color: #000;
	height: 44px;
	background: var(--footer-newsletter-button-bk);
	color: var(--footer-newsletter-button-color);
	height: var(--px44, 44px);
	box-sizing: border-box;
	border-radius: 0 5px 5px 0;
	padding: 0 20px;
	border-radius: 0 var(--px5, 5px) var(--px5, 5px) 0;
	padding: 0 var(--pad20, 20px);
	cursor: pointer;
	vertical-align: top;
	font-size: 16px;
	line-height: 44px;
	font-size: var(--px16, 16px);
	line-height: var(--px44, 44px);
}

.footer-newsletter-inputs .vs-button-subscribe:hover {
	color: #000;
	background: #5AA90B;
	color: var(--footer-newsletter-button-hover-color);
	background: var(--footer-newsletter-button-hover-bk);
}

.footer-newsletter-16-years {
	color: #ccc;
	margin-top: 20px;
	color: var(--footer-newsletter-16-years-color);
	margin-top: var(--px20, 20px);
	font-size: 1rem;
}

@media (max-width: 540px){
	.footer-newsletter-inner {
		margin: 10px;
		margin: var(--px10, 10px);
	}
	
	.footer-newsletter-inputs .newsletter-i	{
		width: 100%;
		border-radius: 5px;
		border: 2px solid #999;
		margin-bottom: 10px;
		border-radius: var(--px5, 5px);
		border: 2px solid var(--footer-newsletter-input-border-color);
		margin-bottom: var(--px10, 10px);
	}
	
	.footer-newsletter-inputs .vs-button-subscribe {
		width: 100%;
		border-radius: 5px;
		border-radius: var(--px5, 5px);
	}
}

#footer {
	color: #fff;
	background: #111;
	padding: 20px 0;
	color: var(--footer-color);
	background: var(--footer-bk);
	padding: var(--pad20, 20px) 0;
}

.footer-flex {
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--px230, 230px), 1fr));
	grid-gap: 20px;
	gap: var(--pad20, 20px);
}

.footer-box {
	border: 1px solid #35393D;
	border-radius: 5px;
	border: 1px solid var(--footer-box-border-color);
	border-radius: var(--px5, 5px);
	display: inline-block;
	vertical-align: top;
	flex: 1 0 100px;
	background: #000;
	flex: 1 0 var(--px100);
	background: var(--footer-box-bk);
}

.footer-box-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	position: relative;
}

.footer-box-header > h3 {
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	color: var(--footer-box-h-color);
	padding: 1rem;
	text-align: left;
	cursor: pointer;
	flex: 1;
}

.footer-box-header > .expand-btn, 
.footer-box-header > .collapse-btn {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	color: #000;
	width: var(--px20, 20px);
	height: var(--px20, 20px);
	margin-right: var(--px10, 10px);
	color: var(--footer-box-header-expand-btn-color);
	text-align: center;
	font-size: 20px;
	font-size: var(--px20, 20px);
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
	line-height: 1;
	border-radius: 10px;
	border-radius: var(--px10, 10px);
	cursor: pointer;
	z-index: 2;
}

.footer-box-header > .collapse-btn {
	background: #85C742;
	background: var(--footer-box-header--collapse-btn-bk);
}

.footer-box-header > .expand-btn {
	background: #85C742;
	background: var(--footer-box-header--collapse-btn-bk);
	display: none;
}

@media (max-width: 500px) {
	.footer-box {
		flex: 1 0 100%;
	}
	
	.footer-flex {
		grid-template-columns: 100%;
	}
}

.d-collapsed > .footer-box-body {
	display: none;
}

.d-collapsed > .footer-box-header > .expand-btn {
	display: block;
}

.d-collapsed > .footer-box-header > .collapse-btn {
	display: none;
}
	
@media (max-width : 800px) {
	.m-collapsed > .footer-box-body {
		display: none;
	}
	
	.m-collapsed > .footer-box-header > .expand-btn {
		display: block;
	}
	
	.m-collapsed > .footer-box-header > .collapse-btn {
		display: none;
	}
}

.footer-box-body a {
	display: block;
	font-size: 1rem;
	line-height: 1.1;
	padding: 1.15rem 1rem;
	color: #fff;
	color: var(--footer-box-link-color);
}

.footer-box-body a:hover {
	background: #386400;
	color: #fff;
	background: var(--footer-box-link-hover-bk);
	color: var(--footer-box-link-hover-color);
}

.copyright-wrapper {
	max-width: 1200px;
	margin: 20px auto 0;
	max-width: var(--px1200, 1200px);
	margin: var(--px20, 20px) auto 0;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	grid-gap: 20px;
	gap: var(--pad20, 20px);
}

@media (max-width: 500px){
	.copyright-wrapper {
		grid-template-columns: 100%;
	}
	
	.copyright-wrapper > div {
		text-align: center;
	}
}

#footer .copyright-wrapper a {
	color: #fff;
	color: var(--footer--copyright-link-color);
    font-weight: 700;
	line-height: 1;
}

.created-in {
	text-align: center;
	padding: 10px;
	background: #000;
	color: #fff;
	border-top: 1px solid #35393D;
	border-bottom: 1px solid #35393D;
	padding: var(--pad10, 10px);
	background: var(--footer--created-in-bk);
	color: var(--footer--created-in-color);
	border-top: 1px solid var(--footer--created-in-border-color);
	border-bottom: 1px solid var(--footer--created-in-border-color);
}

@media (max-width: 800px) {
	#footer {
		padding: 10px;
		padding: var(--pad10, 10px);
	}
}

#trailimageid {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	min-width: 50px;
	min-height: 50px;
	padding: 5px;
	min-width: var(--px50, 50px);
	min-height: var(--px50, 50px);
	padding: var(--pad5, 5px);
	border: 1px solid #000;
	background: #fff url("icons/ajax-loader.gif") center center no-repeat;
}

.netopia-zone {
	max-width: 320px;
	margin: 20px auto;
	padding: 0 20px;
	max-width: var(--px320, 320px);
	margin: var(--px20, 20px) auto;
	padding: 0 var(--pad20, 20px);
	text-align: center;
	box-sizing: content-box;
}

.netopia-zone img {
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* user feedback */
.vs-feedback {
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	position: relative;
	font-size: 1rem;
	line-height: 1.2;
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	overflow: hidden;
}

.vs-feedback .messages > div {
	padding: 5px 5px 5px 26px;
	padding: var(--pad5, 5px) var(--pad5, 5px) var(--pad5, 5px) var(--pad26, 26px);
	margin: 0;
	position: relative;
}

.vs-feedback .sql { 
	color: #fff;
	background: #272B35;
}

.vs-feedback .error {
	color: #912d1e;
	background: #ffeb98 url(icons/error.gif) no-repeat 5px 5px;
	color: var(--main-red-color);
	background: #ffeb98 url(icons/error.gif) no-repeat var(--px5, 5px) var(--px5, 5px);
}

.vs-feedback .warning {
	color: #fff;
	background: #006CAB url(icons/warning.gif) no-repeat 5px 5px;
	background: #006CAB url(icons/warning.gif) no-repeat var(--px5, 5px) var(--px5, 5px);
}

.vs-feedback .success:before,
.vs-feedback .sql:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 5px;
	top: var(--px5, 5px);
	left: var(--px5, 5px);
	background: transparent url(icons/success.gif) no-repeat;
}

.vs-feedback .success {
	color: #fff;
	background: #3c5726;
	background: linear-gradient(to bottom, #3c5726 0%, #1f3b08 100%);
}

.vs-feedback .close { 
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	right: 4px;
	top: 4px;
	z-index: 2;
	padding: 0;
}
.vs-feedback .close > a {
	display: block;
	width: 18px;
	height: 18px;
	color: #555;
	color: var(--main-gray-color);
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	background: #f9f9f9;
	border-radius: 8px;
	text-align: center;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4); 
}
.vs-feedback .close > a:hover { 
	text-decoration: none;
	background: #fff;
	color: #000;
}

/* SLICKER - DO NO CHANGE - START */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.draggable {
    cursor: pointer;
    cursor: grab;
}
.slick-list.dragging {
    cursor: grabbing;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
     transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list {
	background: #fff url('icons/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'),
/*		url('./fonts/slick.woff2') format('woff2'),*/
		url('./fonts/slick.woff') format('woff'),
		url('./fonts/slick.ttf') format('truetype'),
		url('./fonts/slick.svg#slick') format('svg');
    font-display: swap;
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    width: var(--px20, 20px);
    height: var(--px20, 20px);
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    font-size: var(--px20, 20px);
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
    left: var(--minus-25px);
}
[dir='rtl'] .slick-prev {
    right: -25px;
    right: var(--minus-25px);
    left: auto;
}
.slick-prev:before {
    content: '←';
}
[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
    right: var(--minus-25px);
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
    left: var(--minus-25px);
}
.slick-next:before {
    content: '→';
}
[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
    margin-bottom: var(--px30, 30px);
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    bottom: var(--minus-25px);
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    width: var(--px20, 20px);
    height: var(--px20, 20px);
    margin: 0 var(--px5, 5px);
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    width: var(--px20, 20px);
    height: var(--px20, 20px);
    padding: var(--pad5, 5px);
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    font-size: var(--px6, 6px);
    line-height: var(--px20, 20px);
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    width: var(--px20, 20px);
    height: var(--px20, 20px);
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}
/* DO NO CHANGE- END */

/* slicker slideshow */
.slicker {
	position: relative;
	margin: 0 auto;
}

.slicker .prev,
.slicker .next {
	position: absolute;
	z-index: 1;
	width: 19px;
	width: var(--px19, 19px);
	height: inherit;
	top: 40px;
	top: var(--px40, 40px);
	cursor: pointer;
}

.slicker .prev {
	left: 0;
}

.slicker .next {
	right: 0;
}

.slicker .wrap {
	margin: 0 30px;
	margin: 0 var(--px30, 30px);
}

.slicker .slicker-show {
	position: relative;
	z-index: 1;
	width: 100%;
	height: inherit;
}

.slicker .item {
	position: relative;
	display: inline-block;
	width: 190px;
	width: var(--px190, 190px);
	height: auto;
	padding: 0;
	text-align: center;
	background: #F9F9F9;
	border: 1px solid #eee;
	background: var(--slicker-item-bk);
	border: 1px solid var(--slicker-item-border-color);
	vertical-align: top
}

.slick-slide > div {
	padding: 5px;
	padding: var(--pad5, 5px);
}

#slicker-container .item {
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.2);
	border-radius: var(--px10, 10px);
	box-shadow: 0px 0px var(--px5, 5px) rgba(50, 50, 50, 0.2);
}

.slick-slide .image {
	padding: 10px 0;
	padding: var(--pad10, 10px) 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	background: var(--slick-slide-img-bk);
	margin-bottom: var(--px10, 10px);
	border-bottom: 1px solid var(--slick-slide-img-border-color);
}

.slick-slide img {
	margin: 0 auto;
}

.slick-slide .title {
	height: 42px;
	margin: 0 5px 0px;
	height: var(--px42, 42px);
	margin: 0 var(--px5, 5px) var(--px10, 10px);
	height: 4rem;
	text-align: center;
	overflow: hidden;
}

.slick-slide .product-a {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 .7rem;
}

.vital-slider .product-a {
	color: inherit;
}

.vital-slider .price {
	height: 3.3rem;
}

#top-banner {
	padding-bottom: 30px;
	max-height: 350px;
	padding-bottom: var(--px30, 30px);
	max-height: var(--px350, 350px);
	overflow: hidden;
}

#top-banner .slick-slider {
	z-index: 1;
	max-height: 350px;
	max-height: var(--px350, 350px);
}

#top-banner img {
	max-width: 100%;
	width: auto;
	height: auto !important;
	margin: 0 auto;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

#left-banner img,
#right-banner img {
	margin: 10px auto;
	margin: var(--px10, 10px) auto;
}

/* product slider */
.product-slider-container {
	margin-top: 30px;
	margin-top: var(--px30, 30px);
}

.product-slider-container h2 {
	position: relative;
	font-weight: 400;
	border-bottom: 1px dotted #E8E8E8;
	border-bottom: 1px dotted var(--product-slider-h-border-color);
	line-height: 1.2;
	padding-bottom: 5px;
	padding-bottom: var(--px5, 5px);
}

.product-slider-container h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 3px;
	background: #075a8a;
	background: var(--vs-menu-desktop-bk);
	bottom: -1px;
}

.product-slider-container .wrap {
	margin: 0 40px;
	margin: 0 var(--px40, 40px);
}

.product-slider {
	width: 100%;
	position: relative;
}

.product-slider-container .prev,
.product-slider-container .next {
	position: absolute;
	width: 30px;
	height: 70px;
	width: var(--px30, 30px);
	height: var(--px70, 70px);
	top: 50%;
	transform: translate(0,-50%);
	cursor: pointer;
	opacity: 0.5;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.product-slider-container .prev:hover, 
.product-slider-container .next:hover {
	opacity: 1;
}

.product-slider-container .prev {
	left: 0;
}

.product-slider-container .next {
	right: 0;
}

.product-slider-container .arrow {
	height: 70px;
	width: 30px;
	height: var(--px70, 70px);
	width: var(--px30, 30px);
	text-align: center;
	font-size: 70px;
	font-size: var(--px70, 70px);
	line-height: 1;
	display: block;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	color: #000;
	color: var(--product-slider-arrow-color);
}

@media (max-width: 500px) {
	.product-slider-container .wrap {
		margin: 0;
	}
	
	.product-slider-container .prev,
	.product-slider-container .next {
		background: #EEF0ED;
		top: auto;
		bottom: 20px;
		bottom: var(--px20, 20px);
		transform: translate(0,0);
	}
	
	.product-slider-container .prev {
		left: 5px;
		z-index: 2;
	}

	.product-slider-container .next {
		right: 5px;	
	}
	
	.product-slider-container .prev:hover, 
	.product-slider-container .next:hover {
		opacity: .75;
	}
}

.product-slider-container .arrow:hover {
	color: darkred;
	color: var(--product-slider-arrow-hover-color);
}

.product-slider-container > .more-products {
	text-align: center;
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.product-slider-container > .more-products > a {
	display: inline-block;
	padding: 7px 10px;
	padding: var(--pad7, 7px) var(--pad10, 10px);
	font-size: 1.2rem;
	font-weight: 700;
	color: inherit;
}

.slider-product .product-name {
	height: 3.6rem;
	margin-bottom: 15px;
	margin-bottom: var(--px15, 15px);
	overflow: hidden;
}

.slider-product .prices {
	height: 3.3rem;
	text-align: center;
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.slider-product .aggregate-rating {
	display: flex;
	justify-content: center;
}

/* SECONDARY PAGES */
/* shopping cart, order_see_cart */
.shopping-cart-wrap {
	overflow-y: auto;
}

.table-cart {
	width: 100%;
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

.table-cart td {
	border: 1px solid #eee;
	background: #fff;
	border: 1px solid var(--table-cart-td-border-color);
	background: var(--table-cart-td-bk);
	vertical-align: top;
	font-size: 1rem;
}

.table-cart .cart-heading {
	height: 2rem;
	color: #fff;
	background: #000;
	color: var(--table-cart-th-color);
	background: var(--table-cart-th-bk);
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
}

.table-cart .cart-heading h2 {
	margin: 0;
	padding: 0;
}

.table-cart .img-cell {
	width: 60px;
	text-align: center;
}

.table-cart .name-cell {
	text-align: left;
}

.table-cart .qty-cell,
.table-cart .price-cell {
	max-width: 98px;
	max-width: var(--px98, 98px);
	text-align: right;
}

.table-cart .button {
	vertical-align: middle;
}

.table-cart .cart-item-name {
	font-weight: 700;
}

.table-cart .cart-product:hover {
	color: #960019;
	color: var(--table-cart--cart-product-hover-color);
}

.table-cart .avail-dispatch {
	margin-top: 5px;
	margin-top: var(--px5, 5px);
}

.table-cart .discount {
	color: #960019;
	color: var(--table-cart-discount-color);
}

.table-cart tr:nth-child(2n+3) td {
	background: #f9f9f9;
	background: var(--table-cart-tr-odd-bk);
	color: inherit;
}

.table-cart .old-price {
	color: inherit;
	font-size: 1rem;
}

#sendwishlist {
	background: #F9F9F9;
	background: var(--send-wishlist-bk);
	color: inherit;
}

#sendwishlist input {
	vertical-align: middle;
}

.holiday {
	color: #912d1e;
	color: var(--holiday-color);
	text-align: justify;
	font-weight: 700;
}

#percent-gift-coupon {
	text-align: center;
	padding-top: 20px;
	padding-top: var(--px20, 20px);
	clear: both;
}

#percent-gift-coupon .error {
	text-align: center;
}

#submit-coupon {
	vertical-align: middle;
}

#gift-coupon {
	width: 130px;
	width: var(--px130, 130px);
	vertical-align: middle;
}

#eSendOrder {
	border: 1px solid #ccc;
	border-radius: 8px;
	border: 1px solid var(--send-order-border-color);
	border-radius: var(--px8, 8px);
	padding: 0;
	margin-top: 30px;
	margin-top: var(--px30, 30px);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
	background: #f9f9f9;
	background: var(--send-order-bk);
}

#eSendOrder .head {
	border-radius: 8px 8px 0 0;
	color: #fff;
	border-radius: var(--px8, 8px) var(--px8, 8px) 0 0;
	color: var(--send-order-head-color);
	font-weight: 700;
	font-size: 20px;
	padding: 10px 20px;
	background: #000;
	font-size: var(--px20, 20px);
	padding: var(--pad10, 10px) var(--pad20, 20px);
	background: var(--send-order-head-bk);
}

#eSendOrder .eClientOldOrNew {
	padding: 20px 20px 0;
	padding: var(--pad20, 20px) var(--pad20, 20px) 0;
}

#eClientDeliveryData,
#eClientLogin {
	margin: 20px;
	margin: var(--px20, 20px);
}

@media (max-width: 360px) {
	#eClientDeliveryData,
	#eClientLogin {
		margin: 10px;
		margin: var(--px10, 10px);
	}	
}

#eCompanyData, #eClientLogin {
	display: none;
}

#noJS {
	margin: 20px 20px 0;
	color: red;
	margin: var(--px20, 20px) var(--px20, 20px) 0;
	color: var(--no-js-color);
	font-size: 1rem;
}

#eSendOrder .error {
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

.delivery-desc {
	color: inherit;
	color: var(--delivery-desc-color);
}

#eSendOrder .delivery-cost {
	color: darkgreen;
	color: var(--send-order-delivery-cost-color);
	font-weight: 700;
	margin: 5px 0;
	margin: var(--px5, 5px) 0;
}

#ePaymentMethod .inactive-payment {
	color: #555;
	color: var(--payment-method-inactive-color);
}

#eSendOrder .client-notes {
	width: 100%;
	height: 5rem;
}

#eSendOrder .old-price {
	color: #87C607;
	color: var(--send-order-old-price-color);
}

#eSendOrder fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#eSendOrder fieldset h2 {
	margin-top: 0;
}

#billing-suggest-place,
#delivery-suggest-place {
	display: none;
	width: 220px;
	max-height: 200px;
	padding: 2px;
	width: var(--px220, 220px);
	max-height: var(--px200, 200px);
	padding: var(--pad2, 2px);
	overflow: auto;
	position: relative;
	background: #F0F0EE;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: var(--billing-suggest-place-bk);
	border: 1px solid var(--billing-suggest-place-border-color);
	border-radius: var(--px3, 3px);
}

.suggested-place {
	line-height: 2;
	display: block;
	padding-left: 3px;
	padding-left: var(--px3, 3px);
}

.suggested-place:hover {
	background: #14171A;
	color: #fff;
	background: var(--suggested-place-hover-bk);
	color: var(--suggested-place-hover-color);
}

#billing-suggest-place > .header,
#delivery-suggest-place > .header {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 700;
}

#billing-suggest-place > .close,
#delivery-suggest-place > .close {
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	right: 4px;
	top: 4px;
	width: var(--px18, 18px);
	height: var(--px18, 18px);
	right: var(--px4, 4px);
	top: var(--px4, 4px);
	z-index: 1;
	padding: 0;
}

#billing-suggest-place > .close > a,
#delivery-suggest-place > .close > a {
	display: block;
	width: 18px;
	height: 18px;
	color: #555;
	font-size: 14px;
	line-height: 18px;
	background: #f9f9f9;
	border-radius: 8px;
	width: var(--px18, 18px);
	height: var(--px18, 18px);
	color: var(--billing-suggest-place--close-link-color);
	font-size: var(--px14, 14px);
	line-height: var(--px18, 18px);
	font-weight: 700;
	background: var(--billing-suggest-place--close-link-bk);
	border-radius: var(--px8, 8px);
	text-align: center;
	box-shadow: 0 0 5px rgba(50, 50, 50, 0.4);
}

#billing-suggest-place > .close > a:hover,
#delivery-suggest-place > .close > a:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
	background: var(--billing-suggest-place--close-link-bk-hover);
	color: var(--billing-suggest-place--close-link-color-hover);
}

#another-delivery-address {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.cart-total .continue {
	float: left;
}

.cart-total .total {
	float: right;
	font-size: 1.5em;
	font-weight: 700;
}

.agreement-to-policies { clear: both; }
.agreement-to-policies .a-policy { 
	font-weight: 700;
	text-decoration: underline;
	line-height: 1.5;
}

#eClientDeliveryData .agreement-to-policies { 
	text-align: center;
	margin: 20px 0; 
	margin: var(--px20, 20px) 0; 
}

.submit-order {
	font-size: 1.3em;
	padding: 1em;
	min-width: 32%;
	background: #006CAB;
	color: #fff;
	border-radius: 10px;
	background: var(--submit-order-btn-bk);
	color: var(--submit-order-btn-color);
	border-radius: var(--px10, 10px);
}

#selected-locker-name {
	font-weight: 700;
	font-size: 1.15em;
	color: #d21000;
	margin: 20px 0 5px;
	color: var(--selected-locker-name-color);
	margin: var(--px20, 20px) 0 var(--px5, 5px);
}

@media (max-width : 800px) {
	.submit-order {
		width: 100%;
		box-sizing: border-box;
	}
}

.order-finish-instructions {
	font-weight: 700;
	color: red;
	margin-bottom: 20px;
	color: var(--order-finish-instructions-color); 
	margin-bottom: var(--px20, 20px);
}

@media (max-width : 500px) {
	.table-cart td {
		font-size: 1rem;
	}
	.table-cart .img-cell {
		width: 36px;
	}
	.table-cart .img-cell img {
		width: 30px;
		height: auto !important;
	}
	.cart-total .total {
		font-size: 1em;
	}
}

.estimated-dispatch {
	font-weight: 700;
}

/* popup products added to cart */
.shopping-cart-item {
	background: #f9f9f9;
	background: var(--popup-shopping-cart-item);
	box-shadow: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--pad10, 10px);
	align-items: flex-start;
	margin: 10px 0;
	margin: var(--px10, 10px) 0;
}

.shopping-cart-item > .cart-line-image {
	flex: 0 0 auto;
}


.shopping-cart-item > .cart-line-main {
	flex: 1 0;
}

.cart-line-image img {
	max-width: 100%;
	height: auto;
}

.cart-line-title {
	width: 60%;
	float: left;
}

.cart-availability,
.cart-item-availability,
.cart-item-dispatch {
	color: darkgreen;
	color: var(--cart-availability-color);
	font-size: 0.85rem;
	line-height: 1.5;
}

.cart-availability {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.cart-item-dispatch {
	color: #555;
	color: var(--cart-item-dispatch-color);
}

.cart-product-delete {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.cart-line-title .cart-product {
	font-weight: 700;
}

.cart-line-qty-price {
	width: 40%;
	float: left;
}

.cart-line-qty {
	text-align: center;
	width: 40%;
	float: left;
}

.cart-line-price {
	text-align: right;
	width: 60%;
	float: right;
}

.cart-line-price .price-old {
	color: #555;
	color: var(--cart-line-old-price-color);
}

.cart-line-qty-price .prices .price {
	font-size: 1.2rem;
	line-height: 1.2;
}

@media (min-width: 600px) and (max-width: 800px){
	.cart-line-main {
		margin-left: 110px;
		margin-left: var(--px110, 110px);
	}

	.cart-line-title {
		width: 55%;
	}
	
	.cart-line-qty-price {
		width: 45%;
	}
	
	.cart-line-qty-price .prices .promo-price,
	.cart-line-qty-price .prices .price {
		font-size: 1rem;
		line-height: 1.2;
	}
}

@media (max-width : 599px) {
	.cart-line-image {
		width: 80px;
	}

	.cart-line-title, .cart-line-qty-price,
	.cart-line-qty, .cart-line-price {
		width: 100%;
		text-align: left;
	}
	
	.cart-line-qty,
	.cart-line-price {
		margin-top: 10px;
		margin-top: var(--px10, 10px);
	}
}

.cart-set-top > .cart-line-main {
	margin: 0;
}

.promo-set-title {
	text-transform: uppercase;
	color: darkgreen;
	color: var(--promo-set-title-color);
}

.promo-set-plus {
	color: red;
	color: var(--promo-set-plus-color);
}

.cart-set-products {
	margin: 10px 0 0;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 10px;
	margin: var(--px10, 10px) 0 0;
	border: 2px solid var(--cart-set-products-border-color);
	border-radius: var(--px5, 5px);
	padding: var(--pad10, 10px);
	position: relative;
}

.cart-set-products:after, .cart-set-products:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	pointer-events: none;
}

.cart-set-products:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
	left: 60px;
	border-width: var(--px12, 12px);
	margin-left: var(--minus-12px, 12px);
	left: var(--px60, 60px);
}

.cart-set-products:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 16px;
	margin-left: -16px;
	left: 60px;
	border-bottom-color: var(--cart-set-products-border-color);
	border-width: var(--px16, 16px);
	margin-left: var(--minus-16px, 16px);
	left: var(--px60, 60px);
}

.cart-plus-line .cart-line-image {
	text-align: center;
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 1;
	font-weight: 700;
}

/* account */
.fieldmandatory {
	color: inherit;
	font-size: 1rem;
	font-style: italic;
}

/* wishlists */
a.wishtocart {
	color: #912d1e;
	color: var(--wishlist-to-cart-link-color);
	font-size: 1rem;
}

a.wishtocart:hover {
	color: #000;
	color: var(--wishlist-to-cart-link-hover-color);
}

/* sitemap */
ul.sitemap {
	margin: 10px 0 20px 0;
	margin: var(--px10, 10px) 0 var(--px20, 20px) 0;
}

/* info page */
#info > .panel {
	background: #E9E9E9;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	border-radius: 10px;
	background: var(--info-panel-bk);
	border: 1px solid var(--info-panel-border-color);
	margin-bottom: var(--px10, 10px);
	border-radius: var(--px10, 10px);
	overflow: hidden;
}

#info .panel-heading > h2 {
	font-size: 1.2rem;
	line-height: 1;
	margin: 0;
	padding: 0;
}

#info .page-title {
	display: block;
	position: relative;
	padding: 1rem;
}

#info .page-title:before {
	content: '+';
	display: block;
	position: absolute;
	font-size: 1.2rem;
	line-height: 1;
	right: 13px;
	right: var(--px13, 13px);
}

#info .accordion-toggle {
	display: none;
	background: #fff;
	padding: 20px;
	background: var(--info-panel--accordion-toggle-bk);
	padding: var(--pad20, 20px);
}

/* login page */
.client-login {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 20px;
	gap: var(--pad20, 20px);
}

.client-login > .section {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin: 0;
}

.client-login > .section > .section-content {
	flex: 1 0 auto;
}

@media (max-width: 900px) {
	.client-login {
		grid-template-columns: 100%;
	}
}

.author-books {
	line-height: 1.5;
}

@media (max-width : 800px) {
	.author-books {
		line-height: 2;
	}
}

/* newsletter */
.nbs1 {
	padding-left: 20px;
	padding-left: var(--px20, 20px);
}

.nbs2 {
	padding-left: 40px;
	padding-left: var(--px40, 40px);
}

.nbs3 {
	padding-left: 60px;
	padding-left: var(--px60, 60px);
}

.nbs4 {
	padding-left: 80px;
	padding-left: var(--px80, 80px);
}

.nbs5 {
	padding-left: 100px;
	padding-left: var(--px100, 100px);
}

/* partners page */
.partner-grid {
	display: grid;
	grid-template-columns: 120px 1fr;
	grid-template-columns: var(--px120, 120px) 1fr;
	grid-gap: 20px;
	gap: var(--pad20, 20px);
	margin-bottom: 30px;
	margin-bottom: var(--px30, 30px);
	width: 100%;
}

/* faq page */
a.topquestion {
	color: blue;
	color: var(--faq-top-question-color);
	line-height: 2;
}

/* authors */
a.anchorletter {
	font-weight: 700;
	font-size: 16px;
	color: #d21000;
	font-size: var(--px16, 16px);
	color: var(--authors--anchor-letter-color);
}

.book-author > a {
	line-height: 2;
}

a.author {
	color: #d60100;
	color: var(--author-link-color);
	font-size: 1rem;
	font-weight: 700;
}

a.publishedbooks {
	color: inherit;
	color: var(--published-books-color);
}

a.publishedbooks:hover {
	color: #912d1e;
	color: var(--published-books-hover-color);
}

/* blog */
.article-post {
	width: 100%;
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.article-post > .article-image {
	width: 34%;
	float: left;
}

.article-post > .article-image > .article-image-wrap {
	padding-right: 10px;
	padding-right: var(--px10, 10px);
}

.article-post .article-image img {
	margin-top: 7px;
	margin-top: var(--px7, 7px);
	max-width: 100%;
	height: auto !important;
}

.article-post > .article-main {
	width: 66%;
	float: left;
}

.article-post .h2 {
	margin: 0 0 20px;
	margin: 0 0 var(--px20, 20px);
}

.article-post .h2 > a {
	color: #000;
	font-size: 24px;
	line-height: 28px;
	color: var(--article-post-link-color);
	font-size: var(--px24, 24px);
	line-height: var(--px28, 28px);
}

.article-post .article-summary {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

.article-buttons {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

.article-top {
	display: flex;
	gap: var(--pad20, 20px);
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.article-meta {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	color: inherit;
	text-align: left;
}

.article-meta > li {
	margin-right: 20px;
	margin-right: var(--px20, 20px);
}

@supports (display: grid) and (grid-gap: 20px){
	.article-meta > li {
		margin: 0;
	}
	
	.article-meta {
		grid-gap: var(--pad20, 20px);
		gap: var(--pad20, 20px);
	}
}

.article-meta-item {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;;
	align-items: center;
	justify-content: start;
}

.article-meta > li > a,
#no-of-reviews {
	color: inherit;
}

.meta-icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	color: #555;
	width: var(--px20, 20px);
	height: var(--px20, 20px);
	color: var(--article-meta-icon);
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.category-tag {
	height: 20px;
	height: var(--px20, 20px);
	position: relative;
	background: #000;
	background: var(--category-tag-bk);
	padding: 0 8px 0 6px;
	padding: 0 var(--pad8, 8px) 0 var(--pad6, 6px);
	float: right;
	margin: 3px 0 5px 20px;
	margin: var(--px3, 3px) 0 var(--px5, 5px) var(--px20, 20px);
	font-size: 1rem;
	line-height: 1.5;
}

.category-tag > a {
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	color: var(--category-tag-link-color);
}

.category-tag > a:hover {
	text-decoration: none;
}

.category-tag:after {
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	margin-top: var(--minus-10px);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-width: var(--px10, 10px) var(--px10, 10px) var(--px10, 10px) 0;
	border-color: transparent #000 transparent transparent;
	border-color: transparent var(--category-tag-bk) transparent transparent;
	z-index: 1;
}

.category-tag:hover {
	background: #912d1e;
	background: var(--category-tag-link-hover-bk);
}

.category-tag:hover:after {
	border-color: transparent #912d1e transparent transparent;
	border-color: transparent var(--category-tag-link-hover-bk) transparent transparent;
}

.share-article {
	float: right;
}

.article-footer {
	display: flex;
	gap: var(--pad20, 20px);
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

@media ( max-width : 599px) {
	.share-article {
		float: left;
		margin-bottom: 10px;
		margin-bottom: var(--px10, 10px);
	}
}

.share > span {
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	color: inherit;
}

.share-icon {
	width: 32px;
	height: 32px;
	width: var(--px32, 32px);
	height: var(--px32, 32px);
}

.articles-desc {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
	text-align: justify;
	line-height: 1.5;
}

#fb-root {
	margin: 20px 0;
	margin: var(--px20, 20px) 0;
}

@media (max-width: 500px){
	.article-post > .article-image {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		margin-bottom: var(--px10, 10px);
		text-align: center;
	}
	
	.article-post > .article-main {
		width: 100%;
		float: none;
	}
}

.search-box {
	width: 100%;
}

.side-search {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	height: 44px;
	height: var(--px44, 44px);
}

.side-search > .inner {
	flex: 1 0 auto;
	height: 100%;
	overflow: hidden;
}

.side-search .search {
	width: 100%;
	height: 44px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 40px;
	background: #fff;
	color: #000;
	border-left: 2px solid #666;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	height: var(--px44, 44px);
	padding: 0 var(--pad10, 10px);
	font-size: var(--px14, 14px);
	line-height: var(--px40, 40px);
	background: var(--side-search-input-bk);
	color: var(--side-search-input-color);
	border-left: 2px solid var(--side-search--inner-border-color);
	border-top: 2px solid var(--side-search--inner-border-color);
	border-bottom: 2px solid var(--side-search--inner-border-color);
	border-right: none;
	border-top-left-radius: var(--px5, 5px);
	border-bottom-left-radius: var(--px5, 5px);
	outline: none;
}

.side-search > .search-button-wrap {
	flex: 0 0 44px;
	flex: 0 0 var(--px44, 44px);
	height: 100%;
}

.side-search button {
	border-radius: 0;
	box-shadow: none;
}

.side-search .search-btn {
	display: block;
	width: 44px;
	width: var(--px44, 44px);
	height: 44px;
	height: var(--px44, 44px);
	float: right;
	padding: 0;
	background: #912d1e;
	background: var(--side-search-btn-bk);
	border-top-right-radius: 5px;
	border-top-right-radius: var(--px5, 5px);
	border-bottom-right-radius: 5px;
	border-bottom-right-radius: var(--px5, 5px);
	cursor: pointer;
	position: relative;
}

.side-search .search-btn:hover {
	background: #271971;
	background: var(--side-search-btn-hover-bk);
}

.side-search .magnifier:before {
	content: '\e800';
	font-family: 'evitalshop';
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	color: var(--side-search-magnifier-color);
	text-align: center;
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#blog-gallery {
	max-width: 800px;
	max-width: var(--px800, 800px);
	margin: 20px 0;
	margin: var(--px20, 20px) 0;
	padding: 15px;
	padding: var(--pad15, 15px);
	background: #1A1A1A;
	background: var(--blog-gallery-bk);
	position: relative;
	clear: both;
}

#blog-gallery .slick-slider {
	width: 100%;
}

#blog-gallery .slick-slide img {
	display: block;
	max-width: 100%;
	height: auto !important;
	margin: auto;
}

#prev-slide,
#next-slide {
	width: 2.5rem;
	height: 4.4rem;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	font-size: 4rem;
	line-height: 1;
	color: #000;
	color: var(--blog-gallery-prev-slide-color);
	text-align: center;
	background: #ccc;
	background: var(--blog-gallery-prev-slide-bk);
	opacity: 0.75;
	border-radius: 5px;
	border-radius: var(--px5, 5px);
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	cursor: pointer;
	z-index: 1;
}

#prev-slide {
	left: 10px;
	left: var(--px10, 10px);
}

#next-slide {
	right: 10px;
	right: var(--px10, 10px);
}

#prev-slide:hover,
#next-slide:hover {
	background: #d21000;
	background: var(--blog-gallery-prev-slide-hover-bk);
	opacity: 1;
	color: #fff;
	color: var(--blog-gallery-prev-slide-hover-color);
}

/* article */
#article {
	max-width: 800px;
	max-width: var(--px800, 800px);
	background: #fff;
	background: var(--article-bk);
	margin: 0 auto;
	font-family: pt serif, pelatino, georgia, arial, serif;
}

#top-banner + #article { 
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

#article .products {
	line-height: 1.2;
}

#article .product-a {
	color: inherit;
	color: var(--article-product-link-color);
	font-weight: 700;
}

#article-aggregate-rating {
	width: auto;
	min-width: 69px;
	min-width: var(--px69, 69px);
}

#article-contents {
	text-align: justify;
	background: inherit;
	background: var(--article-contents-bk);
	width: 100%;
	font-size: 18px;
	font-size: var(--px18, 18px);
	line-height: 1.5;
}

#article-contents :is(div,p) ~ :is(div,p),
.article-summary :is(div,p) ~ :is(div,p) {
	margin-top: 1.4rem;
}

.article-body table {
	width: 100%;
	max-width: 800px;
	margin: 10px auto;
	max-width: var(--px800, 800px);
	margin: var(--px10, 10px) auto;
}

.article-body tr:first-child td {
	background: #555;
	background: var(--article-body-th-bk);
	color: #fff;
	color: var(--article-body-th-color);
	font-weight: 700;
	border-top: 1px solid #555;
	border-top: 1px solid var(--article-body-th-bk);
	border-left: 1px solid #555;
	border-left: 1px solid var(--article-body-th-bk);
	border-right: 1px solid #555;
	border-right: 1px solid var(--article-body-th-bk);
}

.article-body tr:nth-child(2) td {
	border-right: 1px solid #eee;
	border-right: 1px solid var(--article-body-tr-border-color);
	border-bottom: 1px solid #eee;
	border-bottom: 1px solid var(--article-body-tr-border-color);
	border-left: 1px solid #eee;
	border-left: 1px solid var(--article-body-tr-border-color);
}

.article-body tr:nth-child(n+3) td {
	border: 1px solid #eee;
	border: 1px solid var(--article-body-tr-border-color);
}

.article-body tr:nth-child(2n+3) td {
	background: #F9F9F9;
	background: var(--article-body-tr-odd-tr-bk);
}

.article-body td {
	min-width: 20px;
	min-width: var(--px20, 20px);
	padding: 3px;
	padding: var(--pad3, 3px);
}

#article-contents .custom-table tr:first-child td,
#html-editor .custom-table tr:first-child td {
	background: #912d1e;
	background: var(--article-contents--custom-table-th-bk);
	color: #fff;
	color: var(--article-contents--custom-table-th-color);
	font-weight: 700;
	border-top: 1px solid #912d1e;
	border-top: 1px solid var(--article-contents--custom-table-th-bk);
	border-left: 1px solid #912d1e;
	border-left: 1px solid var(--article-contents--custom-table-th-bk);
	border-right: 1px solid #912d1e;
	border-right: 1px solid var(--article-contents--custom-table-th-bk);
}

#article-contents a {
	color: #912d1e;
	color: var(--article-contents-link-color);
}

#article-contents > .bibliography {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
	font-size: 1rem;
}

#article-contents > .bibliography a {
	color: inherit;
	font-size: 1rem;
}

.img-left {
	float: left;
	margin: 10px 20px 10px 0;
	margin: var(--px10, 10px) var(--px20, 20px) var(--px10, 10px) 0;
}

.img-right {
	float: right;
	margin: 10px 0 10px 20px;
	margin: var(--px10, 10px) 0 var(--px10, 10px) var(--px20, 20px);
}

.img-center {
	display: block;
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
}

.num-list li {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

@media (max-width: 800px) {
	#article-contents img {
		max-width: 100%;
		height: auto !important;
	}
}

@media (max-width: 480px) {
	.img-left,
	.img-center,
	.img-right {
		float: none;
		display: block;
		margin: 15px auto;
		margin: var(--px15, 15px) auto;
	}
}

#article-contents h3,
#product-description h3 {
	margin: 20px 0 10px;
	margin: var(--px20, 20px) 0 var(--px10, 10px);
}

.post-meta {
	margin: 10px 0 20px;
	margin: var(--px10, 10px) 0 var(--px20, 20px);
	color: #000;
}

.post-meta a {
	font-size: 1rem;
	line-height: 1.5;
	color: inherit;
	font-weight: 700;
}

.post-meta .tag {
	display: inline-block;
	margin-right: 5px;
	margin-right: var(--px5, 5px);
}

.post-meta .keywords {
	margin-left: 20px;
	margin-left: var(--px20, 20px);
}

.file-format {
	color: inherit;
	font-style: italic;
}

#article-contents .cta {
	font-size: 18px;
	font-size: var(--px18, 18px);
	font-weight: 700;
	line-height: 1.2;
	padding: 0.75rem 1rem;
	min-width: 30%;
	background: #cf0404;
	background: var(--article-contents-cta-btn-bk);
	color: #fff !important;
	color: var(--article-contents-cta-btn-color) !important;
	box-shadow: 0 0 3px rgba(50, 50, 50, 0.4);
	border-radius: 10px;
	border-radius: var(--px10, 10px);
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	display: inline-block;
	text-align: center;
}

#article-contents .cta:hover {
	background: #cc0000;
	background: var(--article-contents-cta-btn-hover-bk);
}

/* grid form */
.grid-form {
	display: block;
	margin: -10px;
	margin: var(--minus-10px);
	position: relative
}

.grid-form > .grid-form-cell {
	display: inline-block;
	width: 295px;
	width: var(--px295, 295px);
	margin: 10px;
	margin: var(--px10, 10px);
}

.address-components > .grid-form-cell {
	display: inline-block;
	width: 45px;
	width: var(--px45, 45px);
	margin: 0 10px 10px 0;
	margin: 0 var(--px10, 10px) var(--px10, 10px) 0;
}

.grid-form > .grid-form-cell-full {
	margin: 10px;
	margin: var(--px10, 10px);
}

.grid-form .grid-form-label {
	display: block;
	min-height: 28px;
	min-height: var(--px28, 28px);
}

.grid-form label {
	font-size: 1.1rem;
	line-height: 28px;
	line-height: var(--px28, 28px);
	font-weight: 700;
	vertical-align: middle
}

.grid-form input[type="text"],
.grid-form input[type="date"],
.grid-form input[type="password"], 
.grid-form select, 
.grid-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: var(--px16, 16px);
	font-weight: 400;
	line-height: 1;
	color: #000;
	color: var(--input-color);
	background: #fff;
	background: var(--grid-form-input-bk);
	border: 2px solid #555;
	border: 2px solid var(--grid-form-input-border-color);
	padding: 3px;
	padding: var(--pad3, 3px);
	border-radius: 3px;
	border-radius: var(--px3, 3px);
	outline: none;
}

.grid-form input[type="text"],
.grid-form input[type="date"],
.grid-form input[type="password"], 
.grid-form select {
	height: 44px;
	height: var(--px44, 44px);
	padding: 0 10px;
	padding: 0 var(--pad10, 10px);
	border-radius: 5px;
	border-radius: var(--px5, 5px);
}

.grid-form input[type="text"]:hover,
.grid-form input[type="password"]:hover,
.grid-form input[type="date"]:hover,
.grid-form select:hover,
.grid-form textarea:hover {
	border-color: #000;
	border-color: var(--grid-form-input-hover-border-color);
}

.grid-form input[type="text"]:focus-visible, 
.grid-form input[type="password"]:focus-visible,
.grid-form input[type="date"]:focus-visible,
.grid-form select:focus-visible,
.grid-form textarea:focus-visible {
	outline: 1px solid grey;
	outline: 1px solid var(--grid-form-input-outline-border-color);
}

.grid-form textarea {
	background: #fff;
	background: var(--grid-form-input-bk);
	line-height: 1.2;
	padding: 5px 10px;
	padding: var(--pad5, 5px) var(--pad10, 10px);
}

.grid-form input.highlight, 
.grid-form select.highlight, 
.grid-form textarea.highlight {
	border: 1px solid red;
	border: 1px solid var(--grid-form-input-highlight-border-color);
}

.grid-form .fullwidth {
	width: 100%;
}

.grid-form .grid-textarea {
	width: 100%;
	height: 7rem;
}

.grid-form select.street-type {
	font-size: 14px;
	font-size: var(--px14, 14px);
	line-height: 20px;
	line-height: var(--px20, 20px);
	font-weight: 400;
	height: 26px;
	height: var(--px26, 26px);
}

.grid-form .vs-button-submit {
	width: 100%;
	height: 50px;
	height: var(--px50, 50px);
	border-radius: 25px;
	border-radius: var(--px25, 25px);
	font-size: 1.25rem;
	line-height: 1;
	padding: 0 1em;
}

.grid-form-subscribe .vs-button-submit {
	height: 40px;
	border-radius: 5px;
	height: var(--px40, 40px);
	border-radius: var(--px5, 5px);
}

.buying-intentions {
	vertical-align: middle;
}

.grid-form-subscribe > .grid-form-cell {
	width: 100%;
}

@supports (display: grid) and (grid-gap: 20px){
	.grid-form {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(var(--px280, 280px), 1fr));
		grid-gap: 20px;
		gap: var(--pad20, 20px);
		margin: 0;
	}
	
	.grid-form > .grid-form-cell,
	.grid-form > .grid-form-cell-full,
	.grid-form > .grid-form-cell > .grid-form-cell
	{
		margin: 0;
		width: auto
	}
	
	.grid-form > .grid-form-cell {
		display: flex;
		flex-direction: column;
	}

	.grid-form > .address-components {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(var(--px40, 40px), 1fr));
		grid-gap: 10px;
		gap: var(--pad10, 10px)
	}

	.grid-form .grid-form-cell-full {
		grid-column: 1/-1
	}
	
	.grid-form-new-account {
		grid-template-columns: repeat(auto-fill, minmax(var(--px220, 220px), 1fr));
	}
	
	.grid-form-subscribe {
		grid-template-columns: 100%;
		gap: var(--pad10, 10px);
		padding: var(--pad10, 10px);
	}
	
	@media (max-width: 560px) {
		.grid-form {
			grid-template-columns: 100%;
		}
		
		.grid-form > .address-components {
			grid-template-columns: repeat(auto-fit, minmax(var(--px80, 80px), 1fr));
		}
	}
	
	@media (max-width: 300px) {
		.grid-form > .address-components {
			grid-template-columns: 100%;
		}		
	}
}

/* form section */
.form-section {
	margin-bottom: 40px;
	margin-bottom: var(--px40, 40px);
}

.form-section h2 {
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 1.5;
	font-weight: 700;
	position: relative;
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
	border-bottom: 1px dotted #E8E8E8;
	border-bottom: 1px dotted var(--form-section-h-border-color);
}

.form-section h2::before{
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	width: var(--px50, 50px);
	height: 2px;
	height: var(--px2, 2px);
	background: #912d1e;
	background: var(--form-section-h-before-bk);
	bottom: -1px;
}

.radio-group {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	gap: var(--pad10, 10px);
}

.radio-group-row .radio-group-input {
	display: inline-block;
	width: 26px;
	width: var(--px26, 26px);
	vertical-align: top;
	align-self: start;
}

.radio-group-row .radio-group-label {
	display: inline-block;
	align-self: center;
}

@supports (display: grid) {
	.radio-group-row {
		display: grid;
		grid-template-columns: 20px 1fr;
		grid-template-columns: var(--px20, 20px) 1fr;
		grid-gap: 10px;
		gap: var(--pad10, 10px);
	}	
}

/* portofoliu */
.portfolio-grid {
	grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
	gap: var(--pad20, 20px);
}

.portfolio-grid > li {
	background: #fff;
	background: var(--portfolio-grid-item-bk);
}

.site > .photo {
	padding: 20px 10px;
	padding: var(--pad20, 20px) var(--pad10, 10px);
	text-align: center;
	flex: 1 0 auto;
}

.site > .title {
	background: #F9F9F9;
	background: var(--portfolio-site-title-bk);
	padding: 10px 20px;
	padding: var(--pad10, 10px) var(--pad20, 20px);
	border-top: 1px solid #e8e8e8;
	border-top: 1px solid var(--portfolio-site-title-border-color);
	border-bottom: 1px solid #e8e8e8;
	border-bottom: 1px solid var(--portfolio-site-title-border-color);
	text-align: left;
	font-size: 1.2em;
	flex: 1 0 auto;
}

.site > .title > a {
	font-weight: 700;
	color: #912d1e;
	color: var(--portfolio-site-title-link-color);
}

.site > .photo > a > img{
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.site > .desc {
	padding: 20px;
	padding: var(--pad20, 20px);
	text-align: justify;
	background: #fff;
	background: var(--portfolio-desc-bk);
}

.read-more-a {
	color: #333;
	color: var(--portfolio-read-more-link-color);
	font-style: italic;
}

/* jquery ui */
.ui-datepicker-trigger {
	cursor: pointer;
	vertical-align: top;
	margin-left: 2px;
	margin-left: var(--px2, 2px);
}

.shop-policies { 
	display: none; 
	position: fixed; 
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 200;
	width: 100%;
	color: #fff;
	color: var(--shop-policies-color);
	background: #000;
	background: var(--shop-policies-bk);
}

.shop-policies > .policies-wrap { 
	max-width: 1240px;
	max-width: var(--body-max-w);
	margin: 0 auto; 
	padding: 20px;
	padding: var(--pad20, 20px);
	font-size: 1rem; 
	line-height: 1.3;
	font-family: georgia, serif;
	box-sizing: content-box;
}

.shop-policies .policies-text {
	flex: 1 1;
	max-height: 30vh;
	overflow-y: auto;
}

.shop-policies .policy-buttons { 
	flex: 0 0 auto;
	display: grid;
	grid-template-columns: 200px 200px;
	grid-template-columns: var(--px200, 200px) var(--px200, 200px);
	grid-gap: 10px;
	gap: var(--pad10, 10px);
	justify-content: center;
	margin-top: 10px;
	margin-top: var(--px10, 10px);
	text-align: center;
}

@media (max-width: 600px){
	.shop-policies .policy-buttons { 
		grid-template-columns: 100%;
		width: 100%;
	}
	
	.shop-policies .policy-buttons .js-accept-policies {
		grid-row-start: 1;
	}
}

.shop-policies a { 
	text-decoration: underline; 
	color: #fff;
	color: var(--shop-policies-link-color);
	background: #000;
	background: var(--shop-policies-bk);
}

.js-accept-policies, .js-change-gdpr-settings { 
	font-size: 14px;
	font-size: var(--px14, 14px);
	font-weight: 400;
	line-height: 1;
	padding: 15px 5px;
	padding: var(--pad15, 15px) var(--pad5, 5px);
	cursor: pointer;
	border-radius: 10px;
	border-radius: var(--px10, 10px);
	cursor: pointer;
}

.js-accept-policies {
	color: #000;
	color: var(--shop-policies-btn-color);
	background: #85C742;
	background: var(--shop-policies-btn-bk);
/*	border: 1px solid var(--shop-policies-btn-border-color);	*/
}

.js-accept-policies:hover {
	color: #000;
	color: var(--shop-policies-btn-hover-color);
	background: #5AA90B;
	background: var(--shop-policies-btn-hover-bk);
}

.js-change-gdpr-settings {
	background: #252d35;
	background: var(--shop-policies-change-gdpr-settings-bk);
	color: #fff;
	color: var(--shop-policies-link-color);
}

.js-change-gdpr-settings:hover {
	background: #1a2a37;
	background: var(--shop-policies-change-gdpr-setting-hover-bk);
	color: #fff;
	color: var(--shop-policies-change-gdpr-setting-hover-link-color);
}

#gdpr-overlay,
.gdpr {
	display: none;
	position: fixed;
	width: 100%;
	max-width: 800px;
	max-width: var(--px800, 800px);
	height: 100%;
	max-height: 800px;
	max-height: 95vh;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	background: var(--gdpr-bk);
	border: 1px solid #ccc;
	border: 1px solid var(--gdpr-border-color);
	z-index: 202;
}

#gdpr-overlay {
	z-index: 201;
	max-height: 100%;
	max-width: 100%;
	background: #000;
	background: var(--gdpr-overlay-bk);
	opacity: 0.7;
}

.gdpr .header {
	position: absolute;
	width: 100%;
	height: 50px;
	height: var(--px50, 50px);
	background: #fff;
	background: var(--gdpr-header-bk);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: start;
	justify-content: space-between;
}

.gdpr > .header > h2 {
	line-height: 1;
	margin: 20px 0 0 20px;
	margin: var(--px20, 20px) 0 0 var(--px20, 20px);
}

.gdpr .body {
	position: absolute;
	top: 50px;
	top: var(--px50, 50px);
	height: calc(100% - 110px);
	height: calc(100% - var(--px110, 110px));
	width: 100%;
	overflow: auto;
}

.gdpr .content {
	margin: 20px;
	margin: var(--px20, 20px);
}

.gdpr .footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	height: var(--px60, 60px);
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	background: var(--gdpr-footer-bk);
}

.gdpr fieldset {
	border: 0;
}

.gdpr legend > h4 {
	font-size: 1.2rem;
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

/*.inline-legend {
	display: inline-block;
}*/

.btn-gdpr {
	font-size: 16px;
	font-size: var(--px16, 16px);
	line-height: 1.3;
	color: #fff;
	color: var(--gdpr-btn-color);
	padding: .85rem 1rem;
	border-radius: 8px;
	border-radius: var(--px8, 8px);
	cursor: pointer;
}

.btn-accept-gdpr {
	background: darkgreen;
	background: var(--gdpr-btn-accept-bk);
	border-color: darkgreen;
	border-color: var(--gdpr-btn-accept-border-color);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btn-accept-gdpr:hover {
	background: #218838;
	background: var(--gdpr-btn-accept-hover-bk);
	border-color: #218838;
	border-color: var(--gdpr-btn-accept-hover-bk);
	color: #fff;
	color: var(--gdpr-btn-accept-hover-color);
}

.btn-save-gdpr {
	background: #6c757d;
	background: var(--gdpr-btn-save-bk);
	border-color: #6c757d;
	border-color: var(--gdpr-btn-save-bk);
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.btn-save-gdpr:hover{
	background: #5a6268;
	background: var(--gdpr-btn-save-hover-bk);
	border-color: #5a6268;
	border-color: var(--gdpr-btn-save-hover-bk);
	color: #fff;
	color: var(--gdpr-btn-save-hover-color);
}

.field-info.question-leg-in {
	display: inline-block;
	float: none;
	margin: 0 10px;
	margin: 0 var(--px10, 10px);
}

@media (max-width: 800px){
	.gdpr .header {
		height: 70px;
		height: var(--px70, 70px);
	}

	.gdpr .body {
		top: 70px;
		top: var(--px70, 70px);
		height: calc(100% - 150px);
		height: calc(100% - var(--px150, 150px));
	}

	.gdpr > .header > h2 {
		font-size: 20px;
		font-size: var(--px20, 20px);
		font-weight: 700;
	}
}

.ing-transferring {
	line-height: 2;
	font-size: 20px;
	font-size: var(--px20, 20px);
}

.anpc-icons {
	display: flex;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 10px;
	gap: var(--pad10, 10px);
	justify-content: center;
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	padding: 0 10px;
	padding: 0 var(--pad10, 10px);
}

@media (max-width: 530px) {
	.anpc-icons {
		grid-template-columns: 100%;
	}
}

.anpc-icons img {
	max-width: 100%;
	height: auto !important;
}

.thank-you {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4rem;
}

.thank-you > div:nth-of-type(n+2),
.thank-you > p:nth-of-type(n+2) {
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.thank-you > .bigger {
	font-size: 1.5rem;
	line-height: 1.7rem;
}

#pdf-popup-zone,
#pdf-popup-backdrop {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
}

#pdf-popup-backdrop {
	z-index: 19;
	background: #000;
	background: var(--pdf-popup-backdrop-bk);
	opacity: 0.6;
}

.pdf-popup {
	display: flex;
	flex-direction: column;
	width: 900px;
	width: var(--px900, 900px);
	height: calc(100% - 40px);
	height: calc(100% - var(--px40, 40px));
	margin: 20px auto;
	margin: var(--px20, 20px) auto;
	position: relative;
	background: #fff;
	background: var(--pdf-popup-bk);
	border-top-left-radius: 7px;
	border-top-left-radius: var(--px7, 7px);
	border-top-right-radius: 7px;
	border-top-right-radius: var(--px7, 7px);
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.5);
}

.pdf-popup-head {
	height: 36px;
	height: var(--px36, 36px);
	background: #E9E9E9;
	background: var(--pdf-popup-head-bk);
	border-top-left-radius: 5px;
	border-top-left-radius: var(--px5, 5px);
	border-top-right-radius: 5px;
	border-top-right-radius: var(--px5, 5px);
	box-shadow: inset 0 -1px 2px 0 rgba(0,0,0,.1);	
}

.pdf-popup-head .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	width: var(--px36, 36px);
	height: 36px;
	height: var(--px36, 36px);
	padding: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	color: #000;
	color: var(--pdf-popup-head--btn-close-color);
	text-align: center;
	font-size: 20px;
	font-size: var(--px20, 20px);
	line-height: 36px;
	line-height: var(--px36, 36px);
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
	z-index: 1;
}

.pdf-popup-head .btn-close:hover {
	background: #912d1e;
	background: var(--pdf-popup-head--btn-close-hover-bk);
	color: #fff;
	color: var(--pdf-popup-head--btn-close-hover-color);
	border-top-right-radius: 5px;
	border-top-right-radius: var(--px5, 5px);
}

.pdf-popup-body {
	flex: 1 0 auto;
	overflow: hidden;
}

@media (max-width: 900px){
	.pdf-popup {
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
	}	
}

.order-more { line-height: 1.5 }

.brand-letter {
	width: 100%;
	margin: 20px 0 10px;
	margin: var(--px20, 20px) 0 var(--px10, 10px);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.brand-letter > .letter {
	font-size: 1.5rem;
	font-weight: 700;
	color: #960019;
	color: var(--brand-letter-color);
}

.skip-to-content {
	padding: 1rem;
	position: absolute;
	top: -400px;
	left: 0px;
	color: #fff !important;
	font-weight: 700;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: #912d1e;
	background: var(--main-red-color);
	transition: top .5s ease-out;
	z-index: 100;
}

.skip-to-content:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	text-decoration: underline;
	outline-color: transparent;
	transition: top .05s ease-in;
}

.top10 { 
	margin-top: 10px;
	margin-top: var(--px10, 10px);
}

.top20 {
	margin-top: 20px;
	margin-top: var(--px20, 20px);
}

.bot10 {
	margin-bottom: 10px;
	margin-bottom: var(--px10, 10px);
}

.bot20 {
	margin-bottom: 20px;
	margin-bottom: var(--px20, 20px);
}

/* tree-like banner promo campaigns */
.tree-campaign {
	max-width: 1240px;
	max-width: var(--px1240, 1240px);
	margin-left: auto;
	margin-right: auto;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: space-between;
	grid-gap: 20px;
	gap: var(--pad20, 20px);
}

@media (max-width: 1240px) {
	.tree-campaign {
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
		gap: var(--pad10, 10px);
	}
}

.tree-campaign .full-width-banner {
	grid-column: 1/-1;
}

.tree-campaign img {
	max-width: 100%;
	height: auto !important;
}

#comanda-telefon {
	color: #fff;
	background: #2B2E30;
	text-align: right;
	font-weight: 700;
}

#comanda-telefon > span {
	display: block;
	text-align: right;
	max-width: var(--body-max-w);
	margin: 0 auto;
	padding: 10px 20px;
	padding: var(--pad10) var(--pad20);
}

.sticky-menu > #comanda-telefon {
	display: none;
}