:root {
    --font-family-primary: "Merriweather";
    --font-family: var(--font-family-primary, Helvetica, Arial, sans-serif);
    --color-white: #fff;
    --color-black: #232323;
    --color-red: #ff3623;
    --color-yellow: #ffbb02;
    --color-green: #38b459;
    --color-fade-yellow: #fff3cd;
    --color-fade-red: rgba(255, 0, 0, .071);
    --color-fade-greem: rgba(56, 180, 89, .071);
    --color-primary: #ff5452;
    --color-primary-light: #f74947;
    --color-secondary: #2d4480;
    --color-secondary-light: #476dcc;
    --color-accent: #172e6a;
    --color-gray-shade-1: #f7f7f7;
    --color-gray-shade-1bis: #f2f2f2;
    --color-gray-shade-2: #c7c5c3;
    --color-gray-shade-2bis: #cecece;
    --color-gray-shade-3: #868e96;
    --color-gray-shade-4: #707070;
    --color-gray-shade-5: #343a40;
    --color-gray-shade-6: #1d2127;
    --color-bg-shade-1: #eceff7;
    --color-bg-shade-2: #eceff7;
    --color-bg-shade-3: #243972;
    --color-bg-gradient-1: linear-gradient(to right, var(--color-bg-shade-1), var(--color-bg-shade-2));
    --color-bg-gradient-2: linear-gradient(to right, var(--color-bg-shade-2), var(--color-bg-shade-3));
    --color-social-facebook: #1877f2;
    --color-social-youtube: #cd201f;
    --color-social-twitter: #1da1f2;
    --color-social-linkedin: #0a66c2;
    --color-social-instagram: #e4405f;
    --color-social-spotify: #1ed760;
    --border-radius-btn: 1.5em;
    --border-radius-card: .375rem;
    --border-radius-filter: 1.2em;
    --border-radius-box: 1.5rem;
    --btn-color: var(--color-black);
    --btn-background: var(--color-gray-shade-1);
    --btn-border: 1px solid var(--color-gray-shade-1);
    --btn-hover-color: var(--color-black);
    --btn-hover-background: var(--color-gray-shade-1bis);
    --btn-hover-border: 1px solid var(--color-gray-shade-1bis);
    --btn-active-color: var(--color-black);
    --btn-active-background: var(--color-gray-shade-3);
    --btn-active-border: 1px solid var(--color-gray-shade-3);
    --btn-disabled-color: var(--color-gray-shade-6);
    --btn-disabled-background: var(--color-gray-shade-1);
    --btn-disabled-border: 1px solid var(--color-gray-shade-1);
    --btn-clear-color: var(--color-black);
    --btn-clear-background: none;
    --btn-clear-border: 1px solid transparent;
    --btn-clear-hover-color: var(--color-black);
    --btn-clear-hover-background: none;
    --btn-clear-hover-border: 1px solid var(--color-black);
    --btn-primary-color: var(--color-white);
    --btn-primary-background: var(--color-primary);
    --btn-primary-border: 1px solid var(--btn-primary-background);
    --btn-primary-hover-color: var(--color-white);
    --btn-primary-hover-background: var(--color-primary-light);
    --btn-primary-hover-border: 1px solid var(--color-primary-light);
    --btn-primary-hover-text-decoration: none;
    --btn-primary-active-color: var(--color-white);
    --btn-primary-active-background: var(--color-accent);
    --btn-primary-active-border: 1px solid var(--color-accent);
    --btn-primary-disabled-color: var(--color-gray-shade-6);
    --btn-primary-disabled-background: var(--color-gray-shade-1);
    --btn-primary-disabled-border: 1px solid var(--color-gray-shade-1);
    --btn-secondary-color: var(--color-white);
    --btn-secondary-background: var(--color-secondary);
    --btn-secondary-border: 1px solid var(--color-secondary);
    --btn-secondary-hover-color: var(--color-white);
    --btn-secondary-hover-background: var(--color-accent);
    --btn-secondary-hover-border: 1px solid var(--color-accent);
    --btn-secondary-hover-text-decoration: none;
    --btn-secondary-active-color: var(--color-white);
    --btn-secondary-active-background: var(--color-accent);
    --btn-secondary-active-border: 1px solid var(--color-accent);
    --btn-secondary-disabled-color: var(--color-gray-shade-6);
    --btn-secondary-disabled-background: var(--color-gray-shade-1);
    --btn-secondary-disabled-border: 1px solid var(--color-gray-shade-1);
    --btn-outlined-color: var(--color-black);
    --btn-outlined-background: var(--color-white);
    --btn-outlined-border: 1px solid var(--color-black);
    --btn-outlined-hover-color: var(--color-black);
    --btn-outlined-hover-background: var(--color-bg-shade-3);
    --btn-outlined-hover-border: 1px solid var(--color-black);
    --btn-outlined-hover-text-decoration: none;
    --btn-outlined-active-color: var(--color-white);
    --btn-outlined-active-background: var(--color-black);
    --btn-outlined-active-border: 1px solid var(--color-black);
    --btn-outlined-disabled-color: var(--color-gray-shade-6);
    --btn-outlined-disabled-background: var(--color-gray-shade-1);
    --btn-outlined-disabled-border: 1px solid var(--color-black);
    --btn-link-color: var(--color-secondary);
    --btn-link-background: none;
    --btn-link-border: 1px solid transparent;
    --btn-link-hover-color: var(--color-primary);
    --btn-link-hover-background: none;
    --btn-link-hover-border: 1px solid transparent;
    --btn-link-hover-text-decoration: underline;
    --btn-link-active-color: var(--color-black);
    --btn-link-active-background: none;
    --btn-link-disabled-color: var(--color-gray-shade-4);
    --btn-link-disabled-text-decoration: none;
    --badge-color: var(--color-black);
    --badge-background: var(--color-gray-shade-1);
    --badge-primary-color: var(--color-white);
    --badge-primary-background: var(--color-primary);
    --badge-primary-border: none;
    --badge-secondary-color: var(--color-white);
    --badge-secondary-background: var(--color-secondary);
    --badge-secondary-border: none;
    --alert-primary-color: #052c65;
    --alert-primary-border: 1px solid #9ec5fe;
    --alert-primary-background: #cfe2ff;
    --alert-secondary-color: #2b2f32;
    --alert-secondary-border: 1px solid #c4c8cb;
    --alert-secondary-background: #e2e3e5;
    --alert-warning-color: var(--color-gray-shade-6);
    --alert-warning-border: 1px solid var(--color-yellow);
    --alert-warning-background: var(--color-fade-yellow);
    --alert-danger-color: var(--color-red);
    --alert-danger-border: 2px solid var(--color-red);
    --alert-danger-background: var(--color-fade-red);
    --alert-success-color: var(--color-green);
    --alert-success-border: 2px solid var(--color-green);
    --alert-info-color: #055160;
    --alert-info-border: 2px solid #9eeaf9;
    --alert-info-background: #cff4fc;
    --alert-light-color: #495057;
    --alert-light-border: 2px solid #e9ecef;
    --alert-light-background: #fcfcfd;
    --alert-dark-color: #495057;
    --alert-dark-border: 2px solid #adb5bd;
    --alert-dark-background: #ced4da;
    --box-color: var(--color-black);
    --box-background: var(--color-white);
    --box-border: none;
    --box-primary-color: var(--color-black);
    --box-primary-background: var(--color-white);
    --box-primary-border: none;
    --tabs-controls-color: var(--color-black);
    --tabs-controls-background: var(--color-bg-shade-1);
    --tabs-control-color: var(--color-black);
    --tabs-control-background: var(--color-bg-shade-1);
    --tabs-control-hover-color: var(--color-black);
    --tabs-control-hover-background: var(--color-bg-shade-2);
    --tabs-control-active-color: var(--color-white);
    --tabs-control-active-background: var(--color-primary);
    --tabs-control-disabled-color: var(--color-white);
    --tabs-control-disabled-background: var(--color-bg-shade-2);
    --tabs-light-controls-color: var(--color-black);
    --tabs-light-controls-background: none;
    --tabs-light-controls-border-color: var(--color-gray-shade-2);
    --tabs-light-control-color: var(--color-black);
    --tabs-light-control-background: none;
    --tabs-light-control-active-color: var(--color-black);
    --tabs-light-control-active-background: none;
    --tabs-light-control-active-border-color: var(--color-secondary);
    --tabs-boxed-controls-color: var(--color-black);
    --tabs-boxed-controls-background: none;
    --tabs-boxed-control-color: var(--color-white);
    --tabs-boxed-control-background: none;
    --tabs-boxed-control-active-color: var(--color-primary);
    --tabs-boxed-control-active-background: none;
    --form-color: var(--color-black);
    --form-border-color: var(--color-bg-shade-2);
    --form-background-color: var(--color-bg-shade-1);
    --form-disabled-color: var(--color-black);
    --form-disabled-border-color: var(--color-gray-shade-2);
    --form-disabled-background-color: var(--color-gray-shade-1);
    --form-focus-color: var(--color-gray-shade-6);
    --form-focus-border-color: var(--color-bg-shade-2);
    --form-focus-box-shadow: 0 0 0 0.1rem var(--color-gray-shade-2);
    --form-alternate-color: var(--color-black);
    --form-alternate-border-color: var(--color-bg-shade-2);
    --form-alternate-background-color: var(--color-white);
    --form-alternate-disabled-color: var(--color-black);
    --form-alternate-disabled-border-color: var(--color-gray-shade-2);
    --form-alternate-disabled-background-color: var(--color-gray-shade-1bis);
    --form-alternate-focus-color: var(--color-gray-shade-6);
    --form-alternate-focus-border-color: var(--color-bg-shade-2);
    --form-alternate-focus-box-shadow: 0 0 0 0.1rem var(--color-gray-shade-2);
    --form-dark-color: var(--color-black);
    --form-dark-border-color: var(--color-bg-shade-3);
    --form-dark-background-color: var(--color-bg-shade-1);
    --form-dark-disabled-color: var(--color-black);
    --form-dark-disabled-border-color: var(--color-gray-shade-3);
    --form-dark-disabled-background-color: var(--color-gray-shade-1bis);
    --form-dark-focus-color: var(--color-gray-shade-6);
    --form-dark-focus-border-color: var(--color-bg-shade-3);
    --form-dark-focus-box-shadow: 0 0 0 0.1rem var(--color-gray-shade-2);
    /*Max: icone + e - su xzoom invertite*/ 
    --icon-page-minus: "\f1ae";
    --icon-page-plus: "\ea12";
}


.bg-header {
    background: var(--color-bg-shade-1)
}

.search .search-input input[type=text] {
    background: var(--color-white)
}

.bg-main,
.bg-section-tone-1 {
    /*Max : sito clienti esteri*/
    /*background: var(--color-bg-shade-1)*/
    background: var(--color-white1) !important;
    
}

.bg-section-tone-2 {
    /*Max : sito clienti esteri*/
    /*background: var(--color-bg-shade-3)*/
    background: var(--color-white1) !important;
}

.bg-section-tone-2,
.bg-section-tone-2 .breadcrumb .brd a,
.bg-section-tone-2 .breadcrumb .brd span {
    color: var(--color-white)
}

#footer #footer-top-bar,
.bg-footer-top,
.bg-section-tone-3 {
    background: var(--color-bg-shade-1)
}

#footer #footer-bottom-bar,
.bg-footer-bottom {
    background: #1b294d;
    color: var(--color-white)
}

.contentsList.html .news-slide .content .content-text .title h5 a,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .discount-value {
    color: var(--color-white)
}

.summary-header {
    color: var(--box-color)
}

.portletCont .contact-section .form-wrapper .form-group .text-right input[type=button] {
    color: var(--color-white)
}

.box.boxDisponib {
    background: none
}

.compareContainer .repeater .repeater_wrapper {
    background: var(--color-white);
    padding: 2rem
}

.search .search-input .search-button,
.search .search-input .search-button:hover {
    background-image: url(../../img/search-line-white.svg)
}

.search .search-input .search-button {
    background-color: var(--btn-primary-background)
}

.search .search-input .search-button:hover {
    background-color: var(--btn-primary-hover-background)
}

.bg-section-tone-2 .categoryMenuFlat a,
.bg-section-tone-2 .contents-related .content a {
    color: var(--color-white)
}

.promo-products.html .slide .products .product {
    background: var(--color-white)
}

.contact-text a {
    color: var(--color-white)
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input input,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .sel-um .product-unimis {
    background: var(--color-white)
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span.grid-view.active,
.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span.list-view.active,
.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span:hover {
    background: var(--color-bg-shade-3);
    color: var(--color-white)
}

.layerFilter .tblLayerNavigator table,
.layerFilter .tblLayerNavigator td {
    color: var(--box-color)
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul .layerTitle:hover,
.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi,
.layerFilter .tblLayerNavigator .tdLayerNavigator ul:hover li:first-of-type {
    background: var(--color-white)
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item {
    background: var(--color-bg-shade-1);
    border: var(---color-bg-shade-1)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links button[id*=_btnBackToCart].btn.btn-secondary {
    color: var(--color-white)
}

.owl-carousel.owl-theme .owl-nav .owl-next,
.owl-carousel.owl-theme .owl-nav .owl-prev {
    background: var(--color-bg-shade-3)
}

.owl-carousel.owl-theme .owl-nav .owl-next:hover,
.owl-carousel.owl-theme .owl-nav .owl-prev:hover {
    background: var(--color-secondary)
}

.navbar .pagination li a.next,
.navbar .pagination li a.prev {
    background: var(--color-bg-shade-3)
}

.navbar .pagination li a.next:hover,
.navbar .pagination li a.prev:hover,
.scroll-to-top-btn:hover {
    background: var(--color-secondary)
}

.layerFilter .tblLayerActive a {
    background: var(--color-bg-shade-3);
    color: var(--color-white)
}

.layerFilter .tblLayerActive .btnRemove:hover,
.layerFilter .tblLayerActive a:hover {
    background: var(--color-secondary);
    color: var(--color-white)
}

.product .product-purchase .product-notes .note:hover {
    color: var(--color-white)
}

table[id$=_dmsGridBase]>tbody td,
table[id$=_gridCustomers]>tbody td,
table[id$=_gridMyOrderProv]>tbody td,
table[id$=_gridMyOrder]>tbody td {
    color: var(--color-black)
}

.grid_navbar input,
.profile .myorder .labelBold h3 {
    color: var(--color-white)
}

/*# sourceMappingURL=theme.css.map*/