.gadget-title,
.gadget.title-left-title,
.gadget.title-left>.title>*,
.gadget>.title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
    padding: 0
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td:last-child a,
.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .buttonMask,
.grid_navbar td a,
.link,
.search .suggester ul li,
a {
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    text-decoration: none
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td:last-child a:hover,
.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .buttonMask:hover,
.grid_navbar td a:hover,
.link:hover,
.search .suggester ul li:hover,
a:hover {
    color: var(--color-primary)
}

input:not([type]),
input[type=date],
input[type=number],
input[type=password],
input[type=text],
input[type=time],
select,
textarea {
    background: transparent;
    border: 0;
    border-radius: 0;
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
    max-width: 100%;
    outline: 0;
    padding: .8em
}

input:disabled:not([type]),
input[type=date]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
select:disabled,
textarea:disabled {
    background: var(--color-gray-shade-1);
    cursor: not-allowed
}

select {
    border-right: .8rem solid transparent
}

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

table td,
table th {
    padding: 1rem .5rem;
    text-align: left
}

.category-content .category-content-text h1,
.products-featured.html .title h3,
.promo-list.html .title h2 {
    border-bottom: 1px solid var(--color-gray-shade-2);
    padding: 1rem 0;
    position: relative;
    width: 100%
}

.category-content .category-content-text h1:after,
.products-featured.html .title h3:after,
.promo-list.html .title h2:after {
    background: var(--color-primary);
    bottom: 0;
    content: "";
    height: .375rem;
    left: 0;
    position: absolute;
    width: 13.125rem
}

.product,
.promo-list.html .slide .promotions .promoInfo {
    background: var(--color-white);
    border-radius: 1rem;
    margin: .625rem 0;
    padding: 1.25rem;
    transition: box-shadow .2s ease-in-out !important
}

.product:hover,
.promo-list.html .slide .promotions .promoInfo:hover {
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2)
}

.product .product-purchase .product-prices .end-price,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price .end-price,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.end-price {
    font-size: 1.4rem;
    font-weight: 900
}

.product .product-purchase .product-prices .price-compare,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .prev-price,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .prev-price {
    font-size: .9rem;
    text-decoration: line-through
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .discount-value {
    background: var(--color-primary);
    font-size: .8rem;
    font-weight: 700;
    padding: .25rem .4rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-discount .discount {
    background: var(--color-secondary);
    color: var(--color-primary);
    font-size: .9rem;
    font-weight: 700;
    padding: .25rem .4rem
}

.kit-components .product .product-info .product-availabilities,
.product .product-purchase .product-availabilities,
.productsContainer.productSheet .product-section .product-info .product-availability,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-availabilities {
    color: var(--color-gray-shade-4);
    display: flex
}

.kit-components .product .product-info .product-availabilities img,
.product .product-purchase .product-availabilities img,
.productsContainer.productSheet .product-section .product-info .product-availability img,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-availabilities img {
    max-width: 1rem
}

.kit-components .product .product-info .product-availabilities .availability,
.product .product-purchase .product-availabilities .availability,
.productsContainer.productSheet .product-section .product-info .product-availability .availability,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-availabilities .availability {
    display: flex;
    gap: .5rem
}

.product .product-purchase .product-prices .price-weight {
    font-size: .9rem
}

.product .product-purchase .product-add .product-conv,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-conv {
    font-size: .9rem;
    font-weight: 600;
    margin: .3rem 0 0
}

.compareArticoli .boxBasket .cmbUniMis,
.product .product-purchase .product-add .product-quantity .sel .comboUM-cat,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .sel-um .product-unimis {
    background-color: var(--color-bg-shade-1);
    font-size: .9rem;
    height: 2.5rem;
    margin: 0;
    width: 100%
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group input,
.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group input,
.compareArticoli .boxBasket .txtQTA_ctrl .qta,
.product .product-purchase .product-add .product-quantity .number-input input,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input input {
    background: var(--color-bg-shade-1);
    border: 0;
    font-size: .9rem;
    height: 2.5rem;
    padding: 0;
    text-align: center !important;
    width: 1.875rem
}

.product .product-purchase .product-add .product-quantity .number-input button,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button {
    background: var(--color-bg-shade-1);
    border: 0;
    cursor: pointer;
    height: 2.5rem;
    outline: none;
    width: 1.25rem
}

.product .product-purchase .product-add .product-quantity .number-input button:after,
.product .product-purchase .product-add .product-quantity .number-input button:before,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button:after,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button:before {
    background-color: var(--color-black);
    content: "";
    display: inline-block;
    height: .125rem;
    position: absolute;
    transform: translate(-50%, -50%);
    width: .5rem
}

.product .product-purchase .product-add .product-quantity .number-input button.plus:after,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.compareArticoli .boxBasket .addToBasket,
.product .product-purchase .product-add .product-buttons .add-to-basket a,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button {
    align-items: center;
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    display: flex;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.compareArticoli .boxBasket .addToBasket:hover,
.product .product-purchase .product-add .product-buttons .add-to-basket a:hover,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:hover,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.compareArticoli .boxBasket .addToBasket:active,
.product .product-purchase .product-add .product-buttons .add-to-basket a:active,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:active,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.compareArticoli .boxBasket .addToBasket:disabled,
.product .product-purchase .product-add .product-buttons .add-to-basket a:disabled,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:disabled,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.compareArticoli .boxBasket .addToBasket:after,
.compareArticoli .boxBasket .addToBasket:before,
.product .product-purchase .product-add .product-buttons .add-to-basket a:after,
.product .product-purchase .product-add .product-buttons .add-to-basket a:before,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:after,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:before,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:after,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:before {
    color: inherit
}

.compareArticoli .boxBasket .addToBasket:hover,
.product .product-purchase .product-add .product-buttons .add-to-basket a:hover,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:hover,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.compareArticoli .boxBasket .addToBasket:active,
.product .product-purchase .product-add .product-buttons .add-to-basket a:active,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:active,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.compareArticoli .boxBasket .addToBasket:disabled,
.product .product-purchase .product-add .product-buttons .add-to-basket a:disabled,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:disabled,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.compareArticoli .boxBasket .addToBasket:after,
.product .product-purchase .product-add .product-buttons .add-to-basket a:after,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button:after,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button:after {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-basket);
    margin: 0 0 0 .3rem
}

.product .button.goto-sheet {
    align-items: center;
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    display: flex;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.product .button.goto-sheet:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.product .button.goto-sheet:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.product .button.goto-sheet:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.product .button.goto-sheet:after,
.product .button.goto-sheet:before {
    color: inherit
}

.product .button.goto-sheet:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.product .button.goto-sheet:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.product .button.goto-sheet:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.content .news-detail .news-top .info .info-top,
.contents-related.html .grid .contents .content .content-text .info .info-top,
.contentsList.html .news-list .contents .content .content-text .info .info-top,
.contentsList.html .news-slide .content .content-text .info .info-top {
    align-items: center;
    border-bottom: 1px solid var(--color-gray-shade-2);
    display: flex;
    font-size: .9rem;
    justify-content: space-between;
    margin: 0 0 1rem;
    padding: 0 0 1rem
}

.contents-related.html .grid .contents .content .content-text .title h5,
.contentsList.html .news-list .contents .content .content-text .title h5 {
    display: block;
    display: -webkit-box;
    height: 2.4em;
    margin: 0 auto;
    max-width: 100%;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.content .news-detail .news-main .content-wrapper,
.content .news-detail .news-top .content-wrapper,
.contents-related.html .grid .content-wrapper {
    margin: 0 auto;
    max-width: 50rem
}

.basket-prom .title,
.basket.addressHtml .title-space .basketTitle,
.basketHtml .alert-message,
.basketHtml .basket-checkout .basket-section>div .summary-header h3,
.basketHtml .basket-checkout .checkout-box h3,
.basketHtml .basket-checkout .col-basket-cigcup div[id$=_lblRifContr],
.basketHtml .basket-checkout .datedelivery .title,
.basketHtml .basket-entry .title-space h1,
.basketHtml .basket-totals .col-data h4,
.basketHtml .basket-totals .col-totals .col-prices .title-prices h4,
.selectionCigCup .titleSelection,
.spModalLayer .basket.resp .lblTitleLayer {
    font-size: 1.4rem;
    font-weight: 600;
    padding-bottom: 1rem
}

#cookie-bar.cookie-bar .cb-enable,
#cookie-bar.cookie-bar .cb-policy {
    background: transparent;
    border: 1px solid var(--color-gray-shade-6);
    border-radius: 1rem;
    color: var(--color-black);
    font-weight: 700;
    height: 2rem;
    padding: 0 1rem
}

#cookie-bar.cookie-bar .cb-enable:hover,
#cookie-bar.cookie-bar .cb-policy:hover {
    opacity: .7
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components ::-webkit-scrollbar {
    width: .4rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components ::-webkit-scrollbar-track {
    background: transparent;
    background: var(--color-white);
    border-radius: 1rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components ::-webkit-scrollbar-thumb {
    background: var(--color-gray-shade-2);
    border-radius: 1rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components ::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-shade-3)
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/WorkSans/WorkSans-Hairline.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/WorkSans/WorkSans-HairlineItalic.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/WorkSans/WorkSans-Light.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/WorkSans/WorkSans-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/WorkSans/WorkSans-Regular.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/WorkSans/WorkSans-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/WorkSans/WorkSans-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/WorkSans/WorkSans-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/WorkSans/WorkSans-Bold.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/WorkSans/WorkSans-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/WorkSans/WorkSans-Black.woff2) format("woff2")
}

@font-face {
    font-family: WorkSans;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/WorkSans/WorkSans-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Merriweather/Merriweather-Light.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Merriweather/Merriweather-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Merriweather/Merriweather-Light.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Merriweather/Merriweather-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Merriweather/Merriweather-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Merriweather/Merriweather-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Merriweather/Merriweather-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Merriweather/Merriweather-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Merriweather/Merriweather-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Merriweather/Merriweather-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Merriweather/Merriweather-Black.woff2) format("woff2")
}

@font-face {
    font-family: Merriweather;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Merriweather/Merriweather-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/Roboto/Roboto-Hairline.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/Roboto/Roboto-HairlineItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Roboto/Roboto-Light.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Roboto/Roboto-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto/Roboto-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Roboto/Roboto-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Roboto/Roboto-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Roboto/Roboto-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto/Roboto-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Roboto/Roboto-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Roboto/Roboto-Black.woff2) format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Roboto/Roboto-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Rubik/Rubik-Light.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Rubik/Rubik-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Rubik/Rubik-Light.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Rubik/Rubik-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Rubik/Rubik-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Rubik/Rubik-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Rubik/Rubik-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Rubik/Rubik-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Rubik/Rubik-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Rubik/Rubik-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Rubik/Rubik-Black.woff2) format("woff2")
}

@font-face {
    font-family: Rubik;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Rubik/Rubik-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Montserrat/Montserrat-Hairline.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Montserrat/Montserrat-HairlineItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Montserrat/Montserrat-Light.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Montserrat/Montserrat-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Montserrat/Montserrat-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Montserrat/Montserrat-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Montserrat/Montserrat-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Montserrat/Montserrat-Black.woff2) format("woff2")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Montserrat/Montserrat-BlackItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/Figtree/Figtree-Light.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Figtree/Figtree-Light.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/Figtree/Figtree-LightItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Figtree/Figtree-Regular.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Figtree/Figtree-RegularItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Figtree/Figtree-SemiBold.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/Figtree/Figtree-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Figtree/Figtree-Bold.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/Figtree/Figtree-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Figtree/Figtree-Black.woff2) format("woff2")
}

@font-face {
    font-family: Figtree;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/Figtree/Figtree-BlackItalic.woff2) format("woff2")
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: var(--color-gray-shade-1)
}

::-webkit-scrollbar-thumb {
    background: var(--color-gray-shade-2)
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-shade-3)
}

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

body,
html {
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed
}

body {
    color: var(--color-black);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    min-height: 100vh;
    min-width: 320px
}

ul {
    -webkit-padding-start: 25px;
    padding-inline-start: 25px
}

.h1,
h1 {
    font-size: 2.7rem;
    font-weight: 700
}

.h2,
h2 {
    font-size: 2.2rem
}

.h3,
h3 {
    font-size: 1.6rem
}

.h4,
h4 {
    font-size: 1.4rem
}

.h5,
h5 {
    font-size: 1.2rem
}

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

label {
    font-size: .9rem
}

label[for] {
    cursor: pointer
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

textarea {
    min-height: 4rem;
    padding: .4em
}

input[type=checkbox],
input[type=radio] {
    cursor: pointer
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    display: flex;
    padding: 0 0 .5rem
}

input[type=checkbox]+label:before {
    font-family: remixicon;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-checkbox-unchecked);
    margin: -.05em .4em 0 0
}

input[type=checkbox]:checked+label:before {
    content: var(--icon-checkbox-checked)
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    display: flex;
    padding: 0 0 .5rem
}

input[type=radio]+label:before {
    font-family: remixicon;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-radio-unchecked);
    margin: -.05em .4em 0 0
}

input[type=radio]:checked+label:before {
    content: var(--icon-radio-checked)
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

.code,
code {
    font-family: monospace
}

.icon {
    align-items: center;
    display: inline-flex;
    gap: .2rem;
    justify-content: center
}

.icon.icon-after:after,
.icon.icon-glyph,
.icon:not(.icon-after):before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button {
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif
}

.btn {
    background: var(--btn-background);
    border: var(--btn-border);
    border-radius: 0;
    color: var(--btn-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.btn:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.btn:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.btn:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.btn:after,
.btn:before {
    color: inherit
}

.btn-primary {
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    color: var(--btn-primary-color);
    font-weight: 600
}

.btn-primary:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.btn-primary:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.btn-primary:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.btn-secondary {
    background: var(--btn-secondary-background);
    border: var(--btn-secondary-border);
    color: var(--btn-secondary-color);
    font-weight: 600
}

.btn-secondary:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.btn-secondary:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.btn-secondary:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.btn-outlined {
    background: var(--btn-outlined-background);
    border: var(--btn-outlined-border);
    color: var(--btn-outlined-color);
    font-weight: 600
}

.btn-outlined:hover {
    background: var(--btn-outlined-hover-background);
    border: var(--btn-outlined-hover-border);
    color: var(--btn-outlined-hover-color);
    -webkit-text-decoration: var(--btn-outlined-hover-text-decoration);
    text-decoration: var(--btn-outlined-hover-text-decoration)
}

.btn-outlined:active {
    background: var(--btn-outlined-active-background);
    border: var(--btn-outlined-active-border);
    color: var(--btn-outlined-active-color)
}

.btn-outlined:disabled {
    background: var(--btn-outlined-disabled-background);
    border: var(--btn-outlined-disabled-border);
    color: var(--btn-outlined-disabled-color);
    -webkit-text-decoration: var(--btn-outlined-disabled-text-decoration);
    text-decoration: var(--btn-outlined-disabled-text-decoration)
}

.btn-clear {
    background: var(--btn-clear-background);
    border: var(--btn-clear-border);
    color: var(--btn-clear-color)
}

.btn-clear:hover {
    background: var(--btn-clear-hover-background);
    border: var(--btn-clear-hover-border);
    color: var(--btn-clear-hover-color);
    -webkit-text-decoration: var(--btn-clear-hover-text-decoration);
    text-decoration: var(--btn-clear-hover-text-decoration)
}

.btn-clear:active {
    background: var(--btn-clear-active-background);
    border: var(--btn-clear-active-border);
    color: var(--btn-clear-active-color)
}

.btn-clear:disabled {
    background: var(--btn-clear-disabled-background);
    border: var(--btn-clear-disabled-border);
    color: var(--btn-clear-disabled-color);
    -webkit-text-decoration: var(--btn-clear-disabled-text-decoration);
    text-decoration: var(--btn-clear-disabled-text-decoration)
}

.btn-link {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    font-weight: 600
}

.btn-link:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.btn-link:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.btn-link:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.badge {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 0;
    color: var(--badge-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.badge:after,
.badge:before {
    color: inherit
}

.badge-primary {
    align-items: center;
    background: var(--badge-primary-background);
    border: var(--badge-primary-border);
    border-radius: 0;
    color: var(--badge-primary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.badge-primary:after,
.badge-primary:before {
    color: inherit
}

.badge-secondary {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 0;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.badge-secondary:after,
.badge-secondary:before {
    color: inherit
}

.box {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.box-primary {
    background: var(--box-primary-background);
    border: var(--box-primary-border);
    border-radius: var(--border-radius-box);
    color: var(--box-primary-color);
    padding: 2rem
}

hr {
    border-top: .1rem solid var(--color-gray-shade-2);
    margin: 1.2rem 0
}

.alert-primary {
    background: var(--alert-primary-background);
    border: var(--alert-primary-border);
    color: var(--alert-primary-color)
}

.alert-primary,
.alert-secondary {
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.alert-secondary {
    background: var(--alert-secondary-background);
    border: var(--alert-secondary-border);
    color: var(--alert-secondary-color)
}

.alert-light {
    background: var(--alert-light-background);
    border: var(--alert-light-border);
    color: var(--alert-light-color)
}

.alert-dark,
.alert-light {
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.alert-dark {
    background: var(--alert-dark-background);
    border: var(--alert-dark-border);
    color: var(--alert-dark-color)
}

.alert-warning {
    background: var(--alert-warning-background);
    border: var(--alert-warning-border);
    color: var(--alert-warning-color)
}

.alert-danger,
.alert-warning {
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.alert-danger {
    background: var(--alert-danger-background);
    border: var(--alert-danger-border);
    color: var(--alert-danger-color)
}

.alert-success {
    background: var(--alert-success-background);
    border: var(--alert-success-border);
    color: var(--alert-success-color)
}

.alert-info,
.alert-success {
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.alert-info {
    background: var(--alert-info-background);
    border: var(--alert-info-border);
    color: var(--alert-info-color)
}

form label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

form button [type=submit],
form input[type=button],
form input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

form button [type=submit]:hover,
form input[type=button]:hover,
form input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

form button [type=submit]:active,
form input[type=button]:active,
form input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

form button [type=submit]:disabled,
form input[type=button]:disabled,
form input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

form button [type=submit]:after,
form button [type=submit]:before,
form input[type=button]:after,
form input[type=button]:before,
form input[type=submit]:after,
form input[type=submit]:before {
    color: inherit
}

form button [type=submit]:hover,
form input[type=button]:hover,
form input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

form button [type=submit]:active,
form input[type=button]:active,
form input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

form button [type=submit]:disabled,
form input[type=button]:disabled,
form input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

form button [type=reset],
form input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

form button [type=reset]:hover,
form input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

form button [type=reset]:active,
form input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

form button [type=reset]:disabled,
form input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

form button [type=reset]:after,
form button [type=reset]:before,
form input[type=reset]:after,
form input[type=reset]:before {
    color: inherit
}

form button [type=reset]:hover,
form input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

form button [type=reset]:active,
form input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

form button [type=reset]:disabled,
form input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

form input:not([type]),
form input[type=date],
form input[type=email],
form input[type=number],
form input[type=password],
form input[type=text],
form input[type=time],
form select,
form textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

form input:not([type]):disabled,
form input[type=date]:disabled,
form input[type=email]:disabled,
form input[type=number]:disabled,
form input[type=password]:disabled,
form input[type=text]:disabled,
form input[type=time]:disabled,
form select:disabled,
form textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

form input:not([type]):focus,
form input[type=date]:focus,
form input[type=email]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=text]:focus,
form input[type=time]:focus,
form select:focus,
form textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

form input[type=date],
form input[type=time],
form select {
    cursor: pointer
}

.form-alternate label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.form-alternate button [type=submit],
.form-alternate input[type=button],
.form-alternate input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.form-alternate button [type=submit]:hover,
.form-alternate input[type=button]:hover,
.form-alternate input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.form-alternate button [type=submit]:active,
.form-alternate input[type=button]:active,
.form-alternate input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.form-alternate button [type=submit]:disabled,
.form-alternate input[type=button]:disabled,
.form-alternate input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.form-alternate button [type=submit]:after,
.form-alternate button [type=submit]:before,
.form-alternate input[type=button]:after,
.form-alternate input[type=button]:before,
.form-alternate input[type=submit]:after,
.form-alternate input[type=submit]:before {
    color: inherit
}

.form-alternate button [type=submit]:hover,
.form-alternate input[type=button]:hover,
.form-alternate input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.form-alternate button [type=submit]:active,
.form-alternate input[type=button]:active,
.form-alternate input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.form-alternate button [type=submit]:disabled,
.form-alternate input[type=button]:disabled,
.form-alternate input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.form-alternate button [type=reset],
.form-alternate input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.form-alternate button [type=reset]:hover,
.form-alternate input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.form-alternate button [type=reset]:active,
.form-alternate input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.form-alternate button [type=reset]:disabled,
.form-alternate input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.form-alternate button [type=reset]:after,
.form-alternate button [type=reset]:before,
.form-alternate input[type=reset]:after,
.form-alternate input[type=reset]:before {
    color: inherit
}

.form-alternate button [type=reset]:hover,
.form-alternate input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.form-alternate button [type=reset]:active,
.form-alternate input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.form-alternate button [type=reset]:disabled,
.form-alternate input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.form-alternate input:not([type]),
.form-alternate input[type=date],
.form-alternate input[type=email],
.form-alternate input[type=number],
.form-alternate input[type=password],
.form-alternate input[type=text],
.form-alternate input[type=time],
.form-alternate select,
.form-alternate textarea {
    background-color: var(--form-alternate-background-color);
    border: 1px solid;
    border-color: var(--form-alternate-border-color);
    border-radius: 3px;
    color: var(--form-alternate-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.form-alternate input:not([type]):disabled,
.form-alternate input[type=date]:disabled,
.form-alternate input[type=email]:disabled,
.form-alternate input[type=number]:disabled,
.form-alternate input[type=password]:disabled,
.form-alternate input[type=text]:disabled,
.form-alternate input[type=time]:disabled,
.form-alternate select:disabled,
.form-alternate textarea:disabled {
    background-color: var(--form-alternate-disabled-background-color);
    border-color: var(--form-alternate-disabled-border-color);
    cursor: not-allowed
}

.form-alternate input:not([type]):focus,
.form-alternate input[type=date]:focus,
.form-alternate input[type=email]:focus,
.form-alternate input[type=number]:focus,
.form-alternate input[type=password]:focus,
.form-alternate input[type=text]:focus,
.form-alternate input[type=time]:focus,
.form-alternate select:focus,
.form-alternate textarea:focus {
    border-color: var(--form-alternate-border-color);
    box-shadow: var(--form-alternate-focus-box-shadow);
    color: var(--form-alternate-focus-color);
    outline: 0
}

.form-alternate input[type=date],
.form-alternate input[type=time],
.form-alternate select {
    cursor: pointer
}

:root {
    --font-family-primary: WorkSans;
    --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: #fed700;
    --color-primary-light: #f4e06f;
    --color-secondary: #1d2127;
    --color-secondary-light: #343a40;
    --color-accent: #f4e06f;
    --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: #f2efe9;
    --color-bg-shade-2: #e5e0d5;
    --color-bg-shade-3: #d6d1c4;
    --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;
    --color-social-twitter-x: #000;
    --color-social-x: #000;
    --border-radius-btn: 1.5em;
    --border-radius-card: 0.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-black);
    --btn-primary-border: 1px solid var(--color-black);
    --btn-primary-hover-color: var(--color-black);
    --btn-primary-hover-background: var(--color-primary);
    --btn-primary-hover-border: 1px solid var(--color-primary);
    --btn-primary-hover-text-decoration: none;
    --btn-primary-active-color: var(--color-black);
    --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-black);
    --btn-secondary-background: var(--color-primary);
    --btn-secondary-border: 1px solid var(--color-primary);
    --btn-secondary-hover-color: var(--color-black);
    --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-black);
    --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-black);
    --btn-link-background: none;
    --btn-link-border: 1px solid transparent;
    --btn-link-hover-color: var(--color-black);
    --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-black);
    --badge-primary-border: none;
    --badge-secondary-color: var(--color-black);
    --badge-secondary-background: var(--color-primary);
    --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-bg-shade-1);
    --box-primary-border: none;
    --tabs-controls-color: var(--color-black);
    --tabs-controls-background: var(--color-bg-shade-2);
    --tabs-control-color: var(--color-black);
    --tabs-control-background: var(--color-bg-shade-2);
    --tabs-control-hover-color: var(--color-black);
    --tabs-control-hover-background: var(--color-bg-shade-3);
    --tabs-control-active-color: var(--color-white);
    --tabs-control-active-background: var(--color-black);
    --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-primary);
    --tabs-boxed-controls-color: var(--color-black);
    --tabs-boxed-controls-background: none;
    --tabs-boxed-control-color: var(--color-black);
    --tabs-boxed-control-background: none;
    --tabs-boxed-control-active-color: var(--color-black);
    --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-3);
    --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);
    --icon-menu: "";
    --icon-search: "";
    --icon-plugin: "";
    --icon-disabled: "";
    --icon-calendar: "";
    --icon-delete: "";
    --icon-warning: "";
    --icon-check-mark: "";
    --icon-attach: "";
    --icon-edit: "";
    --icon-download: "";
    --icon-reply: "";
    --icon-print: "";
    --icon-tags: "";
    --icon-user: "";
    --icon-link: "";
    --icon-copy: "";
    --icon-remove: "";
    --icon-check-double: "";
    --icon-goback: "";
    --icon-smile: "";
    --icon-close: "";
    --icon-save: "";
    --icon-refresh: "";
    --icon-note: "";
    --icon-add: "";
    --icon-subtract: "";
    --icon-info: "";
    --icon-basket: "";
    --icon-favourite: "";
    --icon-favourite-selected: "";
    --icon-compare: "";
    --icon-goto-sheet: "";
    --icon-page-first: "";
    --icon-page-prev: "";
    --icon-page-next: "";
    --icon-page-last: "";
    --icon-page-minus: "";
    --icon-page-plus: "";
    --icon-order-asc: "";
    --icon-order-desc: "";
    --icon-view-grid: "";
    --icon-view-list: "";
    --icon-facebook: "";
    --icon-youtube: "";
    --icon-twitter: "";
    --icon-twitter-x: "";
    --icon-linkedin: "";
    --icon-instagram: "";
    --icon-spotify: "";
    --icon-x: "";
    --icon-paypal: "";
    --icon-visa: "";
    --icon-mastercard: "";
    --icon-bank: "";
    --icon-star: "";
    --icon-starFilled: "";
    --icon-file: "";
    --icon-folder: "";
    --icon-email: "";
    --icon-arrow-down: "";
    --icon-arrow-left: "";
    --icon-arrow-right: "";
    --icon-arrow-up: "";
    --icon-arrow-down-s: "";
    --icon-arrow-left-s: "";
    --icon-arrow-right-s: "";
    --icon-arrow-up-s: "";
    --icon-arrow-go-back: "";
    --icon-radio-checked: "";
    --icon-radio-unchecked: "";
    --icon-checkbox-checked: "";
    --icon-checkbox-unchecked: "";
    --icon-message-success: "";
    --icon-message-error: "";
    --icon-language: "";
    --icon-user-logged: "";
    --icon-customer: "";
    --icon-office: "";
    --icon-logout: "";
    --icon-circle-fill: "";
    /*Max: icone + e - su xzoom invertite*/ 
    --icon-page-minus: "\f1ae";
    --icon-page-plus: "\ea12";
}

.py-6 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
}

.py-7 {
    padding-bottom: 7rem !important;
    padding-top: 7rem !important
}

.py-8 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
}

.pl-8 {
    padding-left: 8rem !important
}

.p-8 {
    padding: 8rem !important
}

.pt-8 {
    padding-top: 8rem !important
}

.pt-6 {
    padding-top: 6rem !important
}

.pb-6 {
    padding-bottom: 6rem !important
}

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

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

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

.fs-xxs {
    font-size: .7rem
}

.fs-xs {
    font-size: .8rem
}

.fs-sm {
    font-size: .9rem
}

.fs-md {
    font-size: 1rem
}

.fs-lg {
    font-size: 1.2rem
}

.fs-xl {
    font-size: 1.4rem
}

.fs-xxl {
    font-size: 1.7rem
}

.fs-xxxl {
    font-size: 2rem
}

.fs-xxxxl {
    font-size: 10rem
}

.fs-h1 {
    font-size: 2.7rem
}

.fs-h2 {
    font-size: 2.2rem
}

.fs-h3 {
    font-size: 1.6rem
}

.fs-h4 {
    font-size: 1.4rem
}

.fs-h5 {
    font-size: 1.2rem
}

.fs-h6 {
    font-size: 1rem
}

.fw-extralight {
    font-weight: 100
}

.fw-lighter {
    font-weight: 200
}

.fw-light {
    font-weight: 300
}

.fw-regular {
    font-weight: 400
}

.fw-bold {
    font-weight: 600
}

.fw-bolder {
    font-weight: 700
}

.fw-extrabold {
    font-weight: 900
}

.color-white {
    color: var(--color-white)
}

.color-black {
    color: var(--color-black)
}

.color-primary {
    color: var(--color-primary)
}

.color-primary-light {
    color: var(--color-primary-light)
}

.color-accent {
    color: var(--color-accent)
}

.color-red {
    color: var(--color-red)
}

.color-yellow {
    color: var(--color-yellow)
}

.color-green {
    color: var(--color-green)
}

.bg-primary {
    background: var(--color-primary) !important
}

.bg-primary-light {
    background: var(--color-primary-light)
}

.bg-secondary {
    background: var(--color-secondary) !important
}

.bg-secondary-light {
    background: var(--color-secondary-light)
}

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

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

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

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

.bg-gradient-2 {
    background: var(--color-bg-gradient-2)
}

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

.bg-main,
.bg-section-tone-1 {
    background: var(--color-white)
}

.bg-section-tone-2 {
    background: var(--color-bg-shade-1)
}

.bg-section-tone-3 {
    background: var(--color-bg-gradient-1)
}

.bg-footer-top {
    background: var(--color-bg-shade-2)
}

.bg-footer-bottom {
    background: var(--color-bg-shade-3)
}

body.fixed {
    overflow: hidden
}

body.fixed .scroll-to-top-btn {
    display: none
}

.scroll-to-top-btn {
    background: var(--color-bg-shade-3);
    bottom: 6.25rem;
    color: var(--color-white);
    cursor: pointer;
    height: 2rem;
    opacity: 0;
    position: fixed;
    right: 1.25rem;
    width: 2rem;
    z-index: 999
}

.scroll-to-top-btn:after {
    font-family: remixicon;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-up-s);
    display: block;
    text-align: center
}

.scroll-to-top-btn:hover {
    background: var(--color-bg-shade-2)
}

.scroll-to-top-btn.active {
    opacity: 1
}

#header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10
}

#header .logo img {
    height: 3.125rem
}

#top-bar {
    align-items: flex-start
}

#top-bar-logo {
    display: flex
}

#top-bar-menu {
    flex-grow: 3;
    padding: 1rem 0
}

#top-bar-shortlinks {
    display: flex;
    flex-flow: row wrap
}

#top-bar-access,
#top-bar-language,
#top-bar-shortlinks {
    padding: .2rem 0 0
}

@media screen and (max-width:991px) {
    #top-bar-logo {
        flex-grow: 2
    }

    #top-bar-menu {
        display: none
    }

    #top-bar-access {
        padding: 1rem 0;
        width: 100%
    }

    #top-bar-language {
        display: none
    }
}

#footer ul.topmenu,
#header #top-bar-menu ul.topmenu {
    display: flex;
    flex-flow: row wrap
}

#footer ul.topmenu li,
#header #top-bar-menu ul.topmenu li {
    margin: 0 0 0 1.2rem
}

#footer ul.topmenu li a,
#header #top-bar-menu ul.topmenu li a {
    color: var(--color-black);
    opacity: .7
}

#footer ul.topmenu li a:hover,
#header #top-bar-menu ul.topmenu li a:hover {
    opacity: 1
}

#footer .logo img {
    height: 3.125rem
}

#footer #footer-top-bar {
    background: var(--color-bg-shade-2);
    list-style-type: none;
    padding-bottom: 2rem;
    padding-top: 1rem
}

#footer #footer-bottom-bar {
    background: var(--color-bg-shade-3);
    list-style-type: none
}

#footer .icon {
    font-size: 1.7rem;
    margin: 0 1rem
}

#footer .footer-icon-left {
    display: inline-block;
    width: 70%
}

#footer .footer-icon-right {
    display: inline-block;
    font-size: 1.7rem;
    width: 30%
}

@media screen and (max-width:991px) {
    #footer ul.topmenu {
        flex-direction: column
    }

    #footer ul.topmenu li {
        margin: 0
    }

    #footer ul.topmenu li a {
        font-weight: 600;
        opacity: 1;
        padding: .5rem 0
    }

    #footer #footer-bottom-bar {
        font-size: .9rem
    }
}

#cookie-bar.cookie-bar {
    background: var(--color-gray-shade-1);
    box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    color: var(--color-black);
    position: fixed;
    text-align: left;
    z-index: 20
}

#cookie-bar.cookie-bar .cb-content {
    font-size: .9rem;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 3rem
}

#cookie-bar.cookie-bar .cb-content .cb-text {
    line-height: 1.4;
    margin: 1.5rem 0 1rem;
    opacity: .85
}

#cookie-bar.cookie-bar .cb-content .cb-button {
    display: flex;
    gap: .6rem;
    justify-content: flex-end;
    margin-bottom: 1.5rem
}

#cookie-bar.cookie-bar>div {
    display: flex;
    flex-flow: row wrap;
    font-size: .9rem;
    gap: .6rem;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1400px;
    padding: 1.5rem 3rem
}

#cookie-bar.cookie-bar>div>div {
    width: 100%
}

#nav-bar {
    position: relative
}

#nav-bar #nav-bar-right {
    flex-grow: 2
}

@media screen and (max-width:991px) {
    .header-layer {
        display: none
    }
}

.header-layer:hover {
    background-color: var(--color-white)
}

.header-layer:hover .header-layer-content,
.header-layer:hover ul.active,
.header-layer:hover ul.topmenu {
    height: 14.5rem
}

.header-layer .header-link-wrapper {
    align-items: center;
    display: flex;
    height: 3.5rem
}

.header-layer .header-link-wrapper:after {
    font-family: remixicon;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-down-s);
    line-height: 3.5rem;
    text-align: center;
    width: 3.5rem
}

.header-layer .header-link-wrapper .link-cat {
    color: var(--color-black);
    font-weight: 700;
    padding-left: 1rem;
    position: relative
}

.header-layer-content {
    background: var(--color-white);
    border-radius: 0 0 1rem 1rem;
    box-shadow: 10px 10px 12px rgba(0, 0, 0, .1);
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all .2s ease-in-out
}

.header-layer-inner {
    align-items: stretch;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: space-between
}

.header-layer-inner .left-side {
    flex: 1 1 auto
}

.header-layer-inner .right-side {
    display: flex;
    flex: 0 1 auto;
    justify-content: flex-end
}

.menu-toggle {
    padding: .3rem .3rem 0 0
}

.menu-icon:after {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-menu)
}

.mobile-background {
    background: var(--color-black);
    display: none;
    height: 100%;
    left: 0;
    opacity: .8;
    position: fixed;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index: 11
}

.mobile-background.show {
    display: block
}

.mobile-navigation-trigger {
    display: none
}

.mobile-navigation-trigger:checked+.nav-menu-mobile {
    transform: none
}

.mobile-navigation-trigger:checked+.nav-menu-mobile+.mobile-background {
    display: block
}

.nav-menu-mobile {
    background: var(--color-bg-shade-1);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    max-width: 28rem;
    min-width: 8.75rem;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    transform: translate(-100%);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
    width: 85%;
    z-index: 12
}

.nav-menu-mobile.show {
    transform: translateZ(0)
}

.nav-menu-mobile .top-nav-mobile {
    background: var(--color-bg-shade-2);
    position: relative
}

.nav-menu-mobile .top-nav-mobile ul li {
    display: inline-block;
    padding: 0 1.5rem 0 0
}

.nav-menu-mobile .top-nav-mobile ul li:last-child {
    border: 0
}

.nav-menu-mobile .top-nav-mobile ul li a {
    font-size: .9rem;
    padding: 5px 0
}

.nav-menu-mobile .top-nav-mobile .btn-close-menu {
    background: transparent;
    border: 0;
    color: var(--color-black);
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 10
}

.nav-menu-mobile .top-nav-mobile .btn-close-menu:after {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-close)
}

.nav-menu-mobile .bottom-nav-mobile,
.nav-menu-mobile .footer-nav-mobile,
.nav-menu-mobile .top-nav-mobile {
    padding: 1.2rem
}

.nav-menu-mobile .main-nav-mobile {
    flex-grow: 1;
    overflow: auto
}

.nav-menu-mobile .main-nav-mobile ul .arrow:before {
    font-family: remixicon;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    position: absolute;
    right: 1rem;
    text-decoration: none !important;
    text-rendering: auto;
    top: .6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-down-s);
    cursor: pointer
}

.nav-menu-mobile .main-nav-mobile ul li.collapsed>a {
    font-weight: 700;
    text-decoration: underline
}

.nav-menu-mobile .main-nav-mobile ul li.collapsed>.arrow:before {
    content: var(--icon-arrow-up-s)
}

.nav-menu-mobile .main-nav-mobile ul.topmenu {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    width: 100%
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li {
    position: relative
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li a {
    display: block;
    padding: .8rem 1rem
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1 {
    padding: 0
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1>a {
    color: var(--color-black);
    font-weight: 600
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1.collapsed>a {
    font-weight: 700
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1.parent ul {
    display: none
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1.parent ul li.level2>a {
    padding-left: 2rem
}

.nav-menu-mobile .main-nav-mobile ul.topmenu li.level1.parent ul li.level2.parent ul li.level3 a {
    padding-left: 4rem
}

.nav-menu-mobile .bottom-nav-mobile {
    background: var(--color-bg-shade-2)
}

.nav-menu-mobile .bottom-nav-mobile ul.topmenu {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
    width: 100%
}

.nav-menu-mobile .bottom-nav-mobile ul.topmenu li {
    padding: .5rem 0
}

.nav-menu-mobile .bottom-nav-mobile ul.topmenu li a {
    font-weight: 700
}

.nav-menu-mobile .footer-nav-mobile {
    background: var(--color-bg-shade-3)
}

.nav-menu-mobile .footer-nav-mobile ul li {
    display: inline-block
}

.nav-menu-mobile .changeLanguage {
    height: 2rem
}

.nav-menu-mobile .changeLanguage .gadget .language-item .language-link-wrapper {
    padding: 0
}

.nav-menu-mobile .changeLanguage .gadget .languagesLayer {
    background: transparent;
    border: 0;
    box-shadow: none;
    display: block;
    left: 3rem !important;
    padding: 0;
    right: auto !important;
    text-align: left;
    top: 0 !important;
    width: 80%
}

.nav-menu-mobile .changeLanguage .gadget .languagesLayer .topmenu li {
    margin: 0 1rem 0 0
}

.nav-menu-mobile .changeLanguage .gadget .languagesLayer .topmenu li a.active {
    background: none
}

.template-menu ul.topmenu {
    display: flex;
    flex-flow: row nowrap
}

.template-menu ul.topmenu a {
    color: var(--color-gray-shade-3);
    font-size: .9rem;
    line-height: 1.2rem
}

.template-menu ul.topmenu ul {
    transition: all .2s ease-in-out !important
}

.template-menu ul.topmenu li a:hover {
    color: var(--color-primary)
}

.template-menu ul.topmenu>li {
    position: relative;
    z-index: 11
}

.template-menu ul.topmenu>li>a {
    padding: .8rem;
    text-transform: uppercase
}

.template-menu ul.topmenu>li>a:before {
    background-color: var(--color-primary);
    bottom: 0;
    content: "";
    display: block;
    height: .2rem;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s ease;
    width: 100%
}

.template-menu ul.topmenu>li>a:hover {
    color: var(--color-black)
}

.template-menu ul.topmenu>li:hover a:before {
    transform: scale(1);
    transform-origin: left center
}

.template-menu ul.topmenu>li.parent>a:after {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-down-s);
    margin-left: .2rem
}

.template-menu ul.topmenu>li>ul {
    background: var(--color-white);
    box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05);
    display: flex;
    flex-direction: column;
    left: 0;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    top: calc(100% - 1rem);
    visibility: hidden;
    width: 15rem;
    z-index: 10
}

.template-menu ul.topmenu>li>ul li {
    padding: 0 1rem;
    position: relative
}

.template-menu ul.topmenu>li>ul li a {
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    padding: .4rem 0
}

.template-menu ul.topmenu>li>ul li.parent>a:after {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-right-s)
}

.template-menu ul.topmenu>li>ul li>ul {
    background: var(--color-white);
    box-shadow: 5px 10px 16px rgba(51, 51, 51, .05), -5px 10px 16px rgba(51, 51, 51, .05);
    left: 15rem;
    opacity: 0;
    padding: 1rem 0;
    position: absolute;
    top: -.5rem;
    visibility: hidden;
    width: 15rem
}

.template-menu ul.topmenu>li>ul li:hover>ul {
    opacity: 1;
    visibility: visible
}

.template-menu ul.topmenu>li:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible
}

@media screen and (max-width:767px) {
    .template-menu ul.topmenu {
        display: none
    }
}

.--tab-container .--tab-panels {
    padding-top: 1rem
}

.--tab-container .--tab-controls {
    align-items: center;
    background: var(--tabs-controls-background);
    display: flex;
    justify-content: flex-start
}

.--tab-container .--tab-controls .--tab-control {
    background: var(--tabs-control-background);
    color: var(--tabs-control-color);
    cursor: pointer;
    padding: 1rem 1.2rem
}

.--tab-container .--tab-controls .--tab-control:hover {
    background: var(--tabs-control-hover-background);
    color: var(--tabs-control-hover-color)
}

.--tab-container .--tab-controls .--tab-control.active {
    background: var(--tabs-control-active-background);
    color: var(--tabs-control-active-color)
}

.--tab-container.vertical {
    align-items: stretch;
    display: flex;
    gap: 2rem
}

.--tab-container.vertical.right .--tab-panels {
    order: 1
}

.--tab-container.vertical.right .--tab-controls {
    order: 2
}

.--tab-container.vertical .--tab-panels {
    width: 75%
}

.--tab-container.vertical .--tab-controls {
    flex-direction: column;
    width: calc(25% - 2rem)
}

.--tab-container.vertical .--tab-controls .--tab-control {
    width: 100%
}

.--tab-container.light .--tab-controls {
    background: var(--tabs-light-controls-background);
    border-bottom: 1px solid var(--tabs-light-controls-border-color);
    color: var(--tabs-light-controls-color);
    text-align: center
}

.--tab-container.light .--tab-controls .--tab-control {
    background: var(--tabs-light-control-background);
    border-bottom: 6px solid transparent;
    color: var(--tabs-light-control-color)
}

.--tab-container.light .--tab-controls .--tab-control.active {
    background: var(--tabs-light-control-active-background);
    border-bottom-color: var(--tabs-light-control-active-border-color);
    color: var(--tabs-light-control-active-color);
    font-weight: 600
}

.--tab-container.light.vertical .--tab-controls {
    border-bottom: 0;
    border-right: 1px solid var(--tabs-light-controls-border-color);
    padding: 0 2rem 0 0
}

.--tab-container.light.vertical .--tab-control {
    padding-left: 0;
    padding-right: 0
}

.--tab-container.light.vertical.right .--tab-controls {
    border-left: 1px solid var(--tabs-light-controls-border-color);
    border-right: 0;
    padding: 0 0 0 2rem
}

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

    .--tab-container.light.vertical .--tab-controls,
    .--tab-container.light.vertical.right .--tab-controls {
        border: 0;
        padding: 0
    }
}

.--tab-container.boxed .--tab-controls {
    background: var(--tabs-boxed-controls-background);
    color: var(--tabs-boxed-controls-color)
}

.--tab-container.boxed .--tab-controls .--tab-control {
    background: var(--tabs-boxed-control-background);
    color: var(--tabs-boxed-control-color);
    font-size: 1.2rem
}

.--tab-container.boxed .--tab-controls .--tab-control.active {
    background: var(--tabs-boxed-control-active-background);
    color: var(--tabs-boxed-control-active-color);
    font-weight: 600
}

.--tab-container.boxed .--tab-panels .--tab {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.--tab-container.boxed.vertical .--tab-controls {
    border-bottom: 0;
    padding: 0 2rem 0 0
}

.--tab-container.boxed.vertical .--tab-control {
    padding-left: 0;
    padding-right: 0
}

.--tab-container.boxed.vertical.right .--tab-controls {
    padding: 0 0 0 2rem
}

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

    .--tab-container.boxed.vertical .--tab-controls,
    .--tab-container.boxed.vertical.right .--tab-controls {
        border: 0;
        padding: 0
    }

    .--tab-container {
        flex-direction: column
    }

    .--tab-container .--tab-panels,
    .--tab-container.right .--tab-panels,
    .--tab-container.vertical .--tab-panels,
    .--tab-container.vertical.right .--tab-panels {
        order: 2;
        width: 100%
    }

    .--tab-container .--tab-controls,
    .--tab-container.right .--tab-controls,
    .--tab-container.vertical .--tab-controls,
    .--tab-container.vertical.right .--tab-controls {
        flex-flow: row wrap;
        order: 1;
        width: 100%
    }

    .--tab-container .--tab-controls .--tab-control,
    .--tab-container.right .--tab-controls .--tab-control,
    .--tab-container.vertical .--tab-controls .--tab-control,
    .--tab-container.vertical.right .--tab-controls .--tab-control {
        width: 100%
    }
}

.owl-carousel.owl-theme .owl-item {
    display: flex;
    justify-content: center
}

.owl-carousel.owl-theme .owl-nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 10
}

.owl-carousel.owl-theme .owl-nav .owl-next,
.owl-carousel.owl-theme .owl-nav .owl-prev {
    background: var(--color-bg-shade-2);
    border: 0;
    border-radius: 4rem;
    color: var(--color-white);
    height: 2.8rem;
    margin-top: -1.4rem;
    position: absolute;
    text-align: center;
    width: 2.8rem
}

.owl-carousel.owl-theme .owl-nav .owl-next.disabled,
.owl-carousel.owl-theme .owl-nav .owl-prev.disabled {
    display: block;
    opacity: .4
}

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

.owl-carousel.owl-theme .owl-nav .owl-next:before,
.owl-carousel.owl-theme .owl-nav .owl-prev:before {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: auto;
    width: 100%
}

.owl-carousel.owl-theme .owl-nav .owl-prev {
    left: -3.2rem
}

.owl-carousel.owl-theme .owl-nav .owl-prev:before {
    content: var(--icon-arrow-left-s)
}

.owl-carousel.owl-theme .owl-nav .owl-next {
    right: -3.2rem
}

.owl-carousel.owl-theme .owl-nav .owl-next:before {
    content: var(--icon-arrow-right-s)
}

@media screen and (max-width:991px) {
    .owl-carousel.owl-theme .owl-nav .owl-prev {
        left: -.6rem
    }

    .owl-carousel.owl-theme .owl-nav .owl-next {
        right: -.6rem
    }
}

.owl-carousel.owl-theme .owl-dots {
    text-align: center;
    width: 100%
}

.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: var(--color-white);
    border: 1px solid var(--color-bg-shade-1);
    border-radius: 1rem;
    height: .7rem;
    width: .7rem
}

.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-bg-shade-2)
}

.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot.active:hover span {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    width: 1.8rem
}

.SpUpload {
    color: rgba(0, 0, 0, .93);
    height: 100%;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
        /*!control:SpUpload*/
}

.simple>.SpUpload .uploader_holder {
    box-sizing: border-box;
    padding: 10px;
    width: 100%
}

.simple>.SpUpload .uploader_form>input {
    display: block;
    margin: 5px auto
}

.simple>.SpUpload .message_holder {
    color: #f22613;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.simple>.SpUpload .uploader_input_file {
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1px;
    z-index: -1
}

.simple>.SpUpload .uploader_input_file+label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #d2d2d2;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.simple>.SpUpload .uploader_input_file+label span,
.simple>.SpUpload .uploader_input_file+label strong {
    padding: 4px 8px
}

.simple>.SpUpload .uploader_input_file+label span {
    display: inline-block;
    max-width: 260px;
    min-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

.simple>.SpUpload .uploader_input_file+label strong {
    background-color: #1e88e5;
    color: hsla(0, 0%, 100%, .93);
    display: inline-block;
    font-weight: 400;
    height: 100%
}

.drag>.SpUpload .uploader_holder {
    border: 1px dashed #bababa;
    box-sizing: border-box;
    display: table;
    height: 100%;
    width: 100%
}

.drag>.SpUpload .message_holder,
.drag>.SpUpload .message_holder_uploading {
    color: rgba(0, 0, 0, .93);
    cursor: default;
    display: table-cell;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.drag>.SpUpload .status_holder {
    background-color: #f3f3f3;
    color: rgba(0, 0, 0, .93);
    display: table-row;
    font-size: 13px;
    overflow: hidden
}

.SpUpload .button {
    background-color: #1e88e5;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #d2d2d2;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .93);
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 26px;
    margin-top: 10px;
    padding: 4px 8px
}

.SpUpload .button[disabled] {
    background-color: #cecece;
    color: #888
}

.SpUpload .status_holder {
    text-align: center
}

.SpUpload .status_holder>* {
    display: inline-block;
    margin: 6px;
    vertical-align: middle
}

.category-content .category-content-text {
    max-width: 58%;
    padding: 1.25rem 1.25rem 0 0
}

.category-content .category-content-text h1 {
    font-weight: 400
}

.category-content .category-content-text p {
    padding: 2rem 0
}

.category-content .category-content-image {
    max-width: 40%;
    text-align: right
}

@media screen and (max-width:991px) {
    .category-content .category-content-text {
        order: 2
    }

    .category-content .category-content-image {
        order: 1
    }

    .category-content .category-content-image,
    .category-content .category-content-text {
        max-width: 100%
    }
}

.content-banner-menu {
    height: 14.5rem;
    padding: 1rem;
    position: relative
}

.content-banner-menu img {
    border-radius: 1rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.content-banner-menu .content-banner-menu-text {
    display: flex;
    flex-direction: column;
    inset: .5rem;
    justify-content: space-between;
    position: absolute;
    text-align: center
}

@media screen and (max-width:1199px) {
    .content-banner-menu {
        display: none
    }
}

.content-banner {
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    transition: box-shadow .2s ease-in-out !important
}

.content-banner img {
    margin-left: auto;
    margin-right: auto;
    max-height: 16rem
}

.content-banner .content-banner-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.content-banner:hover {
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2)
}

@media screen and (min-width:992px) {
    .content-banner img {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .content-banner img {
        max-height: 11rem;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.content-banner-fullwidth {
    position: relative
}

.content-banner-fullwidth img {
    width: 100%
}

.content-banner-fullwidth .content-banner-text {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.content-slide .content-slide-text {
    max-width: 40%;
    padding: 1.25rem 1.25rem 0 0
}

.content-slide .content-slide-text h2 .title {
    display: block;
    font-weight: 700
}

.content-slide .content-slide-text h2 .sub-title {
    display: block;
    font-weight: 400;
    padding: 0 0 1rem
}

.content-slide .content-slide-text p {
    font-weight: 400;
    margin: 0 0 1.25rem
}

.content-slide .content-slide-image {
    max-width: 60%;
    text-align: right
}

@media screen and (max-width:991px) {
    .content-slide .content-slide-text {
        order: 2;
        padding: 0
    }

    .content-slide .content-slide-image {
        order: 1;
        padding: 0 0 2rem
    }

    .content-slide .content-slide-image,
    .content-slide .content-slide-text {
        max-width: 100%
    }
}

.contact-text .contact-right {
    border-left: .1rem solid var(--color-gray-shade-2)
}

@media screen and (max-width:991px) {
    .contact-text .contact-right {
        border: 0
    }
}

.registration-content .registration-left {
    width: 25%
}

.registration-content .registration-right {
    width: 70%
}

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

    .registration-content .registration-left,
    .registration-content .registration-right {
        width: 100%
    }
}

.img-rad {
    border-radius: 25px
}

.img-resp {
    display: block;
    height: auto;
    max-width: 60%
}

.txt-find-more {
    color: var(--color-primary);
    font-weight: 700;
    text-transform: uppercase
}

.list-tick {
    list-style-type: none;
    padding-left: 0
}

.list-tick li {
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative
}

.list-tick li:before {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-primary);
    content: var(--icon-check-mark);
    left: -20px;
    position: absolute;
    top: 15%
}

.list-circle {
    list-style-type: none;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0
}

.list-circle li {
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative
}

.list-circle li:before {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-primary);
    content: var(--icon-circle-fill);
    left: -20px;
    padding-right: 10px;
    top: 10%
}

@media(max-width:576px) {
    .img-resp {
        max-width: 100%
    }

    .block-cont-1 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .block-cont-1 .tab-cont-1 {
        flex-wrap: wrap
    }

    .block-cont-1 .tab-cont-1 .col-md-6 {
        width: 50%
    }

    .block-cont-2 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .block-cont-2 .tab-cont-2 {
        flex-wrap: wrap
    }

    .block-cont-2 .tab-cont-2 .col-md-6 {
        width: 50%
    }
}

@media(max-width:1000px) {
    .img-resp {
        max-width: 100%
    }
}

.block-cont-1 {
    padding-left: 9rem;
    padding-right: 9rem
}

.gadget {
    position: relative
}

.gadget-title,
.gadget>.title {
    font-size: 2.7rem
}

.gadget.title-left-title,
.gadget.title-left>.title>* {
    font-size: 1.6rem;
    text-align: left
}

.gadget.title-left-subtitle,
.gadget.title-left>.subtitle>* {
    font-size: 1rem
}

.lblPriceInfo,
.price-info-label {
    font-size: .9rem;
    margin: 1rem 0
}

.lblPriceInfo a,
.lblPriceInfo div,
.price-info-label a,
.price-info-label div {
    align-items: center;
    color: var(--color-gray-shade-4);
    cursor: pointer;
    display: flex;
    gap: .5rem
}

.lblPriceInfo a:hover,
.lblPriceInfo div:hover,
.price-info-label a:hover,
.price-info-label div:hover {
    color: var(--color-black)
}

.lblPriceInfo a:before,
.lblPriceInfo div:before,
.price-info-label a:before,
.price-info-label div:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-info);
    font-size: 1rem
}

.grid {
    height: auto !important
}

.grid th,
.grid thead td {
    font-weight: 600
}

.grid table table {
    width: auto
}

.grid table table td {
    border: 0;
    padding: 0
}

.grid_navbar td {
    padding: .5rem 0 !important
}

.grid_navbar td a {
    font-size: 1.4rem
}

.grid_navbar .grid_first:before,
.grid_navbar .grid_first_dis:before {
    content: var(--icon-page-first)
}

.grid_navbar .grid_first:before,
.grid_navbar .grid_first_dis:before,
.grid_navbar .grid_prev:before,
.grid_navbar .grid_prev_dis:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid_navbar .grid_prev:before,
.grid_navbar .grid_prev_dis:before {
    content: var(--icon-page-prev)
}

.grid_navbar .grid_next:before,
.grid_navbar .grid_next_dis:before {
    content: var(--icon-page-next)
}

.grid_navbar .grid_last:before,
.grid_navbar .grid_last_dis:before,
.grid_navbar .grid_next:before,
.grid_navbar .grid_next_dis:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid_navbar .grid_last:before,
.grid_navbar .grid_last_dis:before {
    content: var(--icon-page-last)
}

.grid_navbar .grid_minus:before {
    content: var(--icon-page-minus)
}

.grid_navbar .grid_minus:before,
.grid_navbar .grid_plus:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid_navbar .grid_plus:before {
    content: var(--icon-page-plus)
}

.grid_navbar .grid_first_dis,
.grid_navbar .grid_last_dis,
.grid_navbar .grid_next_dis,
.grid_navbar .grid_prev_dis {
    opacity: .3
}

.grid_navbar .grid_navbar_curpage_input,
.grid_navbar .grid_navbar_totpages_input {
    padding: .5rem;
    text-align: center;
    width: 3rem !important
}

.grid .grid_orderby_ul {
    background: var(--color-white);
    border: 1px solid var(--color-gray-shade-2);
    border-radius: var(--border-radius-card);
    font-weight: 300;
    list-style: none;
    margin: .625rem 0 0;
    padding: 0;
    position: relative;
    width: 9.375rem;
    z-index: 1
}

.grid .grid_orderby_ul li,
.grid .grid_orderby_ul ul {
    margin: 0;
    padding: 0
}

.grid .grid_orderby_ul_pin {
    background-position: 100%;
    position: absolute
}

.grid .grid_orderby_ul .grid_orderby_li {
    cursor: pointer;
    padding: .2rem .5rem;
    transition: color .2s ease-in-out !important
}

.grid .grid_orderby_ul .grid_orderby_li:hover {
    color: var(--color-primary)
}

.grid .grid_orderby_ul .grid_orderby_li:before {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid .grid_orderby_ul .grid_orderby_li.desc:before {
    content: var(--icon-order-desc)
}

.grid .grid_orderby_ul .grid_orderby_li.asc:before {
    content: var(--icon-order-asc)
}

.grid .grid_orderby_ul .grid_orderby_li.add_asc:before,
.grid .grid_orderby_ul .grid_orderby_li.add_desc:before {
    content: var(--icon-plus)
}

.grid .grid_orderby_ul .grid_orderby_li.find {
    margin-top: .5rem
}

.grid .grid_orderby_ul .grid_orderby_li.find:before {
    content: var(--icon-icon-search)
}

.grid .grid_orderby_ico {
    font-size: .8rem;
    font-weight: 600
}

.grid .grid_orderby_ico.menu {
    margin-left: .5rem
}

.grid .grid_orderby_ico.menu.desc:after {
    content: var(--icon-order-desc)
}

.grid .grid_orderby_ico.menu.asc:after,
.grid .grid_orderby_ico.menu.desc:after {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid .grid_orderby_ico.menu.asc:after {
    content: var(--icon-order-asc)
}

.grid .grid_orderby_ico.text {
    text-align: center
}

.grid .grid_title_filtered,
.grid .grid_title_filtered+div {
    float: left
}

.grid .grid_title_filtered+div {
    font-weight: 300;
    margin-left: .5rem
}

.grid .grid_title_filtered+div:before {
    content: "("
}

.grid .grid_title_filtered+div:after {
    content: ")"
}

.grid .filter_mask_container {
    background: var(--color-white);
    border: 1px solid var(--color-gray-shade-2);
    border-radius: var(--border-radius-card);
    color: var(--color-black);
    width: 28.125rem
}

.grid .filter_mask_container .filter_mask_content .buttonMask,
.grid .filter_mask_container .filter_mask_content .toplabel,
.grid .filter_mask_container .filter_mask_top {
    height: 2.5rem;
    line-height: 2.5rem
}

.grid .filter_mask_container .filter_mask_content {
    padding: .5rem 1rem 0
}

.grid .filter_mask_container .filter_mask_content>div {
    top: 0 !important
}

.grid .filter_mask_container .filter_mask_content>div:first-child {
    left: 0 !important;
    margin-left: 1rem
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer {
    display: flex;
    gap: .2rem;
    margin-right: 1rem;
    right: 0 !important
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .buttonMask {
    font-size: 1.2rem
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_loading {
    display: none
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_apply:before {
    content: var(--icon-check-mark)
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_addnew:before,
.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_apply:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_addnew:before {
    content: var(--icon-plus)
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_close:before {
    content: var(--icon-close)
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filter_close:before,
.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filters_removeall:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.grid .filter_mask_container .filter_mask_content>div.buttonMaskContainer .grid_img_filters_removeall:before {
    content: var(--icon-rem-filters)
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr {
    background: none
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td {
    border: 0;
    padding: 0 0 .5rem
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td:last-child {
    padding-left: 0;
    padding-right: 0
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td:last-child a {
    font-size: 1.2rem
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td:last-child a:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-cancel)
}

.grid .filter_mask_container .filter_mask_content .filter_mask tr td+td {
    padding-left: .5rem
}

.grid .filter_mask_container .filter_mask_content .filter_mask .filters_body {
    color: var(--color-black);
    font-size: .7rem
}

.grid .search_fields_ul {
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: .9rem;
    font-weight: 300;
    opacity: .93;
    position: absolute;
    right: auto;
    width: 9.375rem;
    z-index: 200
}

.grid .search_fields_ul .search_fields_li {
    background: none !important;
    border-width: 0;
    cursor: pointer;
    line-height: 2.25rem;
    list-style-type: none;
    padding: 0 .625rem;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap
}

.grid .buttonMaskContainer {
    right: .5rem;
    top: .375rem
}

.grid .filterByExampleHandler {
    display: none !important
}

.spModalLayer {
    background: var(--box-background);
    border: none !important;
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-left: -2rem;
    margin-top: -2rem;
    overflow-y: auto;
    padding: 2rem;
    z-index: 100 !important
}

.spModalLayer .icon_container .spModalLayer_closebtn {
    cursor: pointer;
    opacity: 1;
    position: absolute;
    right: 1rem;
    top: .5rem
}

.spModalLayer .icon_container .spModalLayer_closebtn:before {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-close)
}

.spModalLayer .icon_container .spModalLayer_closebtn:hover {
    opacity: .7
}

.spModalLayer_cinema {
    background: var(--color-gray-shade-6);
    border: 0;
    height: 100%;
    left: 0;
    opacity: .74;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99 !important
}

.product {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.product.hidden {
    padding: 0;
    visibility: hidden
}

.product .product-badges {
    display: flex
}

.product .product-badges .compare,
.product .product-badges .favourite {
    cursor: pointer;
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black)
}

.product .product-badges .compare.selected:after,
.product .product-badges .compare:hover:after,
.product .product-badges .favourite.selected:after,
.product .product-badges .favourite:hover:after {
    color: var(--color-primary)
}

.product .product-badges .compare:after {
    content: var(--icon-compare)
}

.product .product-badges .favourite:after {
    content: var(--icon-favourite)
}

.product .product-badges .favourite.selected:after {
    content: var(--icon-favourite-selected)
}

.product .product-badges .promo-sale {
    align-items: center;
    background: var(--badge-primary-background);
    border: var(--badge-primary-border);
    border-radius: .75rem;
    color: var(--badge-primary-color);
    display: flex;
    font-size: .8rem;
    font-weight: 600;
    height: 1.5rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: .375rem;
    padding: 0 .625rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product .product-badges .promo-sale:after,
.product .product-badges .promo-sale:before {
    color: inherit
}

.product .product-badges .discount {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: .75rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .8rem;
    font-weight: 600;
    height: 1.5rem;
    justify-content: center;
    line-height: 1.25rem;
    margin-right: .375rem;
    padding: 0 .625rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.product .product-badges .discount:after,
.product .product-badges .discount:before {
    color: inherit
}

.product .product-tile-top {
    display: flex;
    height: 1.875rem;
    justify-content: space-between
}

.product .product-image {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    height: 12.5rem;
    justify-content: center;
    max-width: 100%;
    position: relative
}

.product .product-image img {
    max-height: 12.5rem;
    width: auto !important
}

.product .product-info .product-name {
    color: var(--color-black);
    padding: 1.2rem 0;
    width: 100%
}

.product .product-info .product-name h3 {
    font-size: 1rem;
    font-weight: 600;
    height: 1rem;
    line-height: 1rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product .product-info .product-name:hover h3 {
    color: var(--color-primary)
}

.product .product-info .description {
    display: none
}

.product .product-purchase {
    display: flex;
    flex-flow: column wrap;
    gap: .8rem
}

.product .product-purchase .product-prices {
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.product .product-purchase .product-availabilities {
    flex-direction: column;
    font-size: .8rem
}

.product .product-purchase .product-availabilities img {
    max-width: 1rem
}

.product .product-purchase .product-add {
    display: flex;
    flex-flow: column wrap;
    gap: .4rem
}

.product .product-purchase .product-add .product-quantity {
    display: flex;
    flex-flow: row nowrap;
    gap: .2rem;
    justify-content: flex-end
}

.product .product-purchase .product-add .product-quantity .select-quantity {
    display: contents;
    flex: 0 1 auto;
    padding-right: 1.625rem
}

.product .product-purchase .product-add .product-quantity .sel {
    display: inline-block;
    width: calc(100% - 3.125rem)
}

.product .product-purchase .product-add .product-quantity .number-input {
    border: 0;
    display: inline-flex
}

.product .product-purchase .product-add .product-buttons {
    display: flex;
    flex-direction: column
}

.product .product-purchase .product-notes {
    align-items: flex-start;
    display: flex;
    width: 100%
}

.product .product-purchase .product-notes textarea {
    background: var(--color-bg-shade-1);
    box-shadow: inset 2px 2px 8px rgba(0, 0, 0, .2);
    font-size: .9rem;
    height: 2.5rem;
    min-height: auto;
    padding: .6rem .8rem;
    resize: none;
    width: calc(100% - 2rem)
}

.product .product-purchase .product-notes .note {
    background: var(--btn-secondary-background);
    border: var(--btn-secondary-border);
    color: var(--btn-secondary-color);
    display: block;
    font-weight: 600;
    height: 2.5rem;
    line-height: 2rem;
    padding: .2rem 0;
    text-align: center;
    width: 2.5rem
}

.product .product-purchase .product-notes .note:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.product .product-purchase .product-notes .note:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.product .product-purchase .product-notes .note:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.product .product-purchase .product-notes .note:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-save)
}

.product.hidden-space {
    height: 0;
    visibility: hidden
}

.product.small {
    flex-direction: row;
    gap: 1rem;
    margin: 0;
    width: 19rem
}

.product.small .product-image {
    height: auto;
    width: 4.5rem
}

.product.small .product-info {
    width: calc(100% - 5.5rem)
}

.product.small .product-info .product-name {
    padding: 0 0 .8rem
}

.product.small .product-info .product-name h3 {
    height: 2.4rem;
    line-height: 1.2rem;
    white-space: wrap
}

.product.small .product-info .product-purchase {
    padding: 0 0 .4rem
}

.product.small .product-info .product-purchase .product-prices {
    flex-direction: column
}

.product.small .product-info .product-purchase .product-prices .end-price {
    font-size: 1.2rem
}

.product.small .product-info .product-buttons a {
    font-size: .9rem;
    padding: .7rem
}

@media screen and (max-width:767px) {
    .product {
        margin: 1rem auto
    }
}

.products-alter .product,
.products-featured .product {
    max-width: 20rem
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    position: relative
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div {
    text-align: center
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box .info {
    font-size: 1.2rem;
    text-align: center
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box .info:before {
    font-family: remixicon;
    font-size: 4rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-primary);
    content: var(--icon-smile);
    display: block;
    margin: 0 0 .5rem
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box #product_info_box {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .5rem;
    max-height: 80px;
    overflow-y: auto;
    padding: 1rem;
    text-align: right;
    width: auto
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box #product_info_box .p_name {
    align-self: center;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    width: calc(100% - 40px - 1rem)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box #product_info_box .p_image {
    width: 40px
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box #product_info_box .p_image img {
    width: 85% !important
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #continue_shopping {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    display: inline-block;
    font-weight: 600;
    margin: 0;
    order: 4;
    padding: 1em;
    width: 18rem
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #continue_shopping:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #continue_shopping:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #continue_shopping:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #shopping_cart {
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    color: var(--btn-primary-color);
    display: inline-block;
    font-weight: 600;
    margin: 0;
    order: 3;
    padding: 1em;
    width: 18rem
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #shopping_cart:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #shopping_cart:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.spModalLayer .resource_container_wrapper .resource_container .wrapper_box div #shopping_cart:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.compare-box .gadget .link-icon {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.compare-box .gadget .link {
    display: flex;
    flex-direction: column;
    width: 3.3rem
}

.compare-box .gadget .link-text {
    display: none;
    font-size: .8rem;
    font-weight: 600;
    height: 0;
    padding: 0
}

.compare-box .gadget .link-icon.compare:before {
    content: var(--icon-compare)
}

.compare-box .compare-quantity-wrap {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 50%;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 1.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    position: absolute;
    right: .2rem;
    text-align: center;
    top: 1rem;
    width: 1.25rem;
    z-index: 1
}

.compare-box .compare-quantity-wrap:after,
.compare-box .compare-quantity-wrap:before {
    color: inherit
}

.box-favourite .gadget .link-icon {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.box-favourite .gadget .link {
    display: flex;
    flex-direction: column;
    width: 3.3rem
}

.box-favourite .gadget .link-text {
    display: none;
    font-size: .8rem;
    font-weight: 600;
    height: 0;
    padding: 0
}

.box-favourite .gadget .link-icon.wishlist:before {
    content: var(--icon-favourite)
}

.box-favourite .favourite-quantity-wrap {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 50%;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 1.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    position: absolute;
    right: .2rem;
    text-align: center;
    top: 1rem;
    width: 1.25rem;
    z-index: 1
}

.box-favourite .favourite-quantity-wrap:after,
.box-favourite .favourite-quantity-wrap:before {
    color: inherit
}

.products-featured.html .title {
    display: flex
}

.products-featured.html .title h3 {
    font-size: 1rem;
    font-weight: 600;
    text-align: left
}

.products-featured.html .product .price-weight,
.products-featured.html .product .product-conv {
    display: none
}

.products-featured.html .small .title h3:after {
    width: 5rem
}

.products-featured.html .small .products {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem;
    padding: 1.5rem 0
}

.products.owl-theme .owl-item {
    padding: 0 .625rem
}

.products.owl-theme .owl-stage-outer {
    z-index: 10
}

.productsContainer .gadget {
    padding: 3rem 0
}

.productsContainer .gadget .filters-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    font-size: .9rem;
    justify-content: space-between;
    margin-bottom: 1.25rem
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper {
    align-items: center;
    display: flex
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview {
    align-items: flex-end;
    justify-content: flex-start
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span {
    cursor: pointer;
    font-family: remixicon;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black)
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span.grid-view:after {
    content: var(--icon-view-grid)
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .pageview span.list-view:after {
    content: var(--icon-view-list)
}

.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-2)
}

.productsContainer .gadget .filters-wrapper .pageview-wrapper .number-results {
    font-size: .8rem;
    font-weight: 600;
    margin-left: 1.25rem
}

.productsContainer .gadget .filters-wrapper label {
    font-weight: 600
}

.productsContainer .gadget .filters-wrapper .sort-wrapper {
    align-items: flex-start;
    align-self: flex-end;
    display: flex;
    flex-flow: row wrap
}

.productsContainer .gadget .filters-wrapper .sort-wrapper .number-display,
.productsContainer .gadget .filters-wrapper .sort-wrapper .sort-results {
    align-items: center;
    display: flex;
    margin-right: 1.25rem
}

.productsContainer .gadget .filters-wrapper .sort-wrapper label {
    margin-right: 1.25rem
}

.productsContainer .gadget .utilities-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.productsContainer .gadget .addAllToBasket {
    display: flex;
    justify-content: flex-end
}

.productsContainer .gadget .addAllToBasket .btn {
    background: var(--btn-secondary-background);
    border: var(--btn-secondary-border);
    color: var(--btn-secondary-color);
    font-weight: 600
}

.productsContainer .gadget .addAllToBasket .btn:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.productsContainer .gadget .addAllToBasket .btn:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.productsContainer .gadget .addAllToBasket .btn:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.productsContainer .gadget .items-grid-layout {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: 3%;
    justify-content: space-around
}

.productsContainer .gadget .items-grid-layout .product {
    width: 22%
}

.productsContainer .gadget .items-grid-layout .product .price-weight {
    width: 100%
}

@media screen and (max-width:1199px) {
    .productsContainer .gadget .items-grid-layout .product {
        width: 30%
    }
}

@media screen and (max-width:991px) {
    .productsContainer .gadget .items-grid-layout .product {
        width: 47%
    }
}

@media screen and (max-width:575px) {
    .productsContainer .gadget .items-grid-layout .product {
        width: 100%
    }
}

.productsContainer .gadget .items-list-layout {
    display: flex;
    flex-flow: column wrap;
    gap: 1.5rem
}

.productsContainer .gadget .items-list-layout .product {
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
    position: relative;
    width: 100%
}

.productsContainer .gadget .items-list-layout .product:after {
    background: var(--color-bg-shade-2);
    bottom: -1.5rem;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.productsContainer .gadget .items-list-layout .product .product-tile-top {
    width: 2rem
}

.productsContainer .gadget .items-list-layout .product .product-tile-top .product-badges.offers {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.productsContainer .gadget .items-list-layout .product .product-tile-top .product-badges.utilities {
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 1.25rem;
    position: absolute;
    text-align: center;
    top: 1.25rem;
    z-index: 1
}

.productsContainer .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .compare,
.productsContainer .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .favourite {
    padding: .2rem
}

.productsContainer .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .favourite {
    border-top: 0
}

.productsContainer .gadget .items-list-layout .product .product-image {
    width: 15%
}

.productsContainer .gadget .items-list-layout .product .product-info {
    width: 45%
}

.productsContainer .gadget .items-list-layout .product .product-info .product-name h3 {
    font-size: 1rem;
    margin: 0 0 1rem
}

.productsContainer .gadget .items-list-layout .product .product-info .description {
    display: block;
    font-size: .9rem;
    line-height: 1.1rem;
    max-height: 5.5rem;
    overflow: hidden
}

.productsContainer .gadget .items-list-layout .product .product-purchase {
    display: flex;
    flex-direction: column;
    padding: 3rem 0 0;
    width: 40%
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-prices {
    gap: 1rem;
    justify-content: flex-end;
    order: 2
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-prices .end-price {
    order: 2
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-prices .prev-price {
    order: 1
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-availabilities {
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
    order: 1
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-add {
    display: flex;
    flex-direction: row;
    gap: .2rem;
    justify-content: flex-end;
    order: 3
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-add .product-quantity {
    flex-grow: 2;
    gap: .2rem;
    margin: 0
}

.productsContainer .gadget .items-list-layout .product .product-purchase .product-add .add-to-basket a {
    height: 2.5rem;
    padding: 0 1rem
}

@media screen and (max-width:991px) {
    .productsContainer .gadget .items-list-layout .product {
        flex-flow: row wrap;
        gap: 1rem
    }

    .productsContainer .gadget .items-list-layout .product .product-tile-top {
        width: 0
    }

    .productsContainer .gadget .items-list-layout .product .product-image {
        padding: 2rem 0 0;
        width: 25%
    }

    .productsContainer .gadget .items-list-layout .product .product-info {
        padding: 2rem 0 0;
        width: 60%
    }

    .productsContainer .gadget .items-list-layout .product .product-purchase {
        padding: 0;
        width: 100%
    }

    .productsContainer .gadget .items-list-layout .product .product-purchase .product-add {
        flex-direction: column
    }
}

.productsContainer .gadget.grid-simple {
    margin: 0 6rem
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.grid-simple {
        margin: 0 4rem
    }
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.grid-simple {
        margin: 0 2rem
    }
}

.productsContainer .gadget.grid-simple .filters-wrapper .pageview-wrapper .number-results {
    margin-left: 0
}

.productsContainer .gadget.grid-simple .products {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: 4%;
    justify-content: space-around
}

.productsContainer .gadget.grid-simple .products .product {
    border-bottom: 1px solid var(--color-bg-shade-2);
    border-radius: 0;
    margin: 2rem 0;
    padding: 0 0 2rem;
    width: 21%
}

.productsContainer .gadget.grid-simple .products .product .product-tile-top {
    height: 0;
    visibility: hidden
}

.productsContainer .gadget.grid-simple .products .product .product-image {
    align-items: center;
    height: 18rem
}

.productsContainer .gadget.grid-simple .products .product .product-image img {
    max-height: 18rem
}

.productsContainer .gadget.grid-simple .products .product .product-info {
    padding: 1rem 0;
    text-align: center
}

.productsContainer .gadget.grid-simple .products .product .product-info .product-code {
    font-size: .9rem;
    font-weight: 400
}

.productsContainer .gadget.grid-simple .products .product .product-info .product-name {
    padding: 0;
    width: auto
}

.productsContainer .gadget.grid-simple .products .product .product-info .product-name h3 {
    white-space: normal
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-prices {
    gap: 1rem;
    justify-content: center
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat,
.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet {
    background: var(--btn-secondary-background);
    border: var(--btn-secondary-border);
    border-radius: 1rem;
    color: var(--btn-secondary-color);
    font-size: .9rem;
    font-weight: 600;
    height: 2.8rem;
    justify-content: center;
    transition: all .2s ease-in-out !important;
    visibility: hidden
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat:hover,
.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat:active,
.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat:disabled,
.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet:after {
    content: var(--icon-goto-sheet)
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat:after,
.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.goto-sheet:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0 .3rem
}

.productsContainer .gadget.grid-simple .products .product .product-purchase .product-buttons .button.btn-cat:after {
    content: var(--icon-basket)
}

.productsContainer .gadget.grid-simple .products .product:hover {
    box-shadow: none
}

.productsContainer .gadget.grid-simple .products .product:hover .product-tile-top {
    height: 2rem;
    visibility: visible
}

.productsContainer .gadget.grid-simple .products .product:hover .product-image {
    height: 16rem
}

.productsContainer .gadget.grid-simple .products .product:hover .product-image img {
    max-height: 16rem
}

.productsContainer .gadget.grid-simple .products .product:hover .product-purchase .product-buttons .button.btn-cat,
.productsContainer .gadget.grid-simple .products .product:hover .product-purchase .product-buttons .button.goto-sheet {
    font-size: 1rem;
    visibility: visible
}

@media screen and (max-width:1199px) {
    .productsContainer .gadget.grid-simple .products .product {
        width: 29%
    }
}

@media screen and (max-width:991px) {
    .productsContainer .gadget.grid-simple .products .product {
        width: 46%
    }
}

@media screen and (max-width:575px) {
    .productsContainer .gadget.grid-simple .products .product {
        width: 100%
    }
}

.productsContainer .gadget.list-simple .filters-wrapper .pageview-wrapper .number-results {
    margin-left: 0
}

.productsContainer .gadget.list-simple .products {
    display: flex;
    flex-flow: column wrap
}

.productsContainer .gadget.list-simple .products .product {
    align-items: center;
    background: var(--color-bg-shade-1);
    display: flex;
    flex-flow: row nowrap;
    gap: 1rem;
    justify-content: space-between;
    margin: .5rem 0;
    width: 100%
}

.productsContainer .gadget.list-simple .products .product .product-tile-top {
    order: 5
}

.productsContainer .gadget.list-simple .products .product .product-tile-top .product-badges.utilities {
    display: flex;
    flex-direction: row;
    z-index: 1
}

.productsContainer .gadget.list-simple .products .product .product-tile-top .product-badges.utilities .compare,
.productsContainer .gadget.list-simple .products .product .product-tile-top .product-badges.utilities .favourite {
    padding: .2rem
}

.productsContainer .gadget.list-simple .products .product .product-tile-top .product-badges.utilities .favourite {
    border-top: 0
}

.productsContainer .gadget.list-simple .products .product .product-info {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    gap: .5rem;
    width: 48%
}

.productsContainer .gadget.list-simple .products .product .product-info .product-promo {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.productsContainer .gadget.list-simple .products .product .product-info .product-promo .promo-sale {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: .2rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .7rem;
    font-weight: 600;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    margin: 0;
    padding: 0 .2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.productsContainer .gadget.list-simple .products .product .product-info .product-promo .promo-sale:after,
.productsContainer .gadget.list-simple .products .product .product-info .product-promo .promo-sale:before {
    color: inherit
}

.productsContainer .gadget.list-simple .products .product .product-info .product-code {
    font-size: .9rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5rem
}

.productsContainer .gadget.list-simple .products .product .product-info .product-name {
    display: flex;
    padding: 0;
    width: auto
}

.productsContainer .gadget.list-simple .products .product .product-info .product-name h3 {
    height: auto;
    overflow: visible;
    white-space: normal
}

.productsContainer .gadget.list-simple .products .product .product-purchase {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    width: 50%
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-prices {
    gap: 1rem;
    justify-content: flex-end;
    order: 2
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-prices .end-price {
    order: 2
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-availabilities {
    flex-direction: column;
    flex-grow: 1;
    gap: .2rem;
    order: 1
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add {
    display: flex;
    flex-direction: row;
    gap: .3rem;
    order: 3
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity {
    flex-grow: 2;
    gap: .3rem;
    margin: 0
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .number-input button,
.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .number-input input,
.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .sel .comboUM-cat {
    background-color: var(--color-white)
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .sel .comboUM-cat {
    border-radius: .5rem;
    width: 10rem
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .number-input button[id$=_decreaseQta] {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .product-quantity .number-input button[id$=_increaseQta] {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .button {
    border-radius: .5rem
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .button:after {
    font-size: 1.2rem
}

.productsContainer .gadget.list-simple .products .product .product-purchase .product-add .add-to-basket a {
    height: 2.5rem;
    padding: 0 1rem
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-simple .products .product .product-info {
        width: 30%
    }

    .productsContainer .gadget.list-simple .products .product .product-purchase {
        width: 58%
    }

    .productsContainer .gadget.list-simple .products .product .product-purchase .product-availabilities {
        flex-flow: row wrap;
        gap: 1rem;
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .productsContainer .gadget.list-simple .products .product {
        flex-flow: row wrap
    }

    .productsContainer .gadget.list-simple .products .product .product-info,
    .productsContainer .gadget.list-simple .products .product .product-purchase {
        width: 100%
    }

    .productsContainer .gadget.list-simple .products .product .product-info .product-code {
        width: auto
    }
}

@media screen and (max-width:575px) {
    .productsContainer .gadget.list-simple .products .product .product-info {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem
    }

    .productsContainer .gadget.list-simple .products .product .product-purchase .product-availabilities {
        flex-direction: column;
        gap: .2rem
    }
}

.productsContainer .gadget.list-table {
    margin: 0 1rem
}

.productsContainer .gadget.list-table .filters-wrapper .pageview-wrapper .number-results {
    margin-left: 0
}

.productsContainer .gadget.list-table .products.flex {
    margin: 1rem 0;
    padding: 0
}

.productsContainer .gadget.list-table .products.flex .product {
    border-radius: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 1rem
}

.productsContainer .gadget.list-table .products.flex .product>div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr))
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product>div {
        align-items: flex-start
    }
}

.productsContainer .gadget.list-table .products.flex .product>div>div {
    display: flex;
    padding: 0;
    width: auto
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product>div>div {
        flex-flow: row wrap
    }

    .productsContainer .gadget.list-table .products.flex .product>div>div.labelled:before {
        color: var(--color-gray-shade-4);
        content: attr(data-label);
        font-size: .9rem;
        width: 100%
    }
}

.productsContainer .gadget.list-table .products.flex .product .product-info {
    grid-template-columns: 10rem minmax(10rem, 1fr);
    min-width: 60rem;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product .product-info {
        min-width: 38rem
    }
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product .product-info {
        min-width: auto;
        width: 100%
    }
}

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

    .productsContainer .gadget.list-table .products.flex .product .product-info,
    .productsContainer .gadget.list-table .products.flex .product .product-prices,
    .productsContainer .gadget.list-table .products.flex .product.editQta .product-prices,
    .productsContainer .gadget.list-table .products.flex .product.viewDisp .product-prices,
    .productsContainer .gadget.list-table .products.flex .product.viewDisp.editQta .product-prices {
        max-width: 100%;
        min-width: auto
    }

    .productsContainer .gadget.list-table .products.flex .product .product-purchase {
        grid-template-columns: 8rem 4rem 4rem;
        justify-content: flex-start;
        min-width: 16rem;
        width: 100%
    }
}

.productsContainer .gadget.list-table .products.flex .product .product-purchase {
    gap: .2rem;
    grid-template-columns: 11rem 4rem 4rem;
    justify-content: flex-end;
    min-width: 20rem
}

.productsContainer .gadget.list-table .products.flex .product .product-actions .product-compare,
.productsContainer .gadget.list-table .products.flex .product .product-actions .product-favourite {
    width: 2rem
}

.productsContainer .gadget.list-table .products.flex .product .product-prices {
    grid-template-columns: minmax(6rem, 8rem);
    min-width: 6rem
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product .product-prices {
        width: 100%
    }
}

.productsContainer .gadget.list-table .products.flex .product.listRif .product-info {
    min-width: 45rem
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product.listRif .product-info {
        min-width: 24rem
    }
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.listRif .product-info {
        max-width: 100%;
        min-width: auto
    }

    .productsContainer .gadget.list-table .products.flex .product.listRif .product-purchase {
        grid-template-columns: 8rem 4rem 4rem;
        min-width: 16rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.listRif .product-prices {
    grid-template-columns: minmax(6rem, 8rem) minmax(6rem, 11rem) minmax(6rem, 8rem);
    min-width: 24rem
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product.listRif .product-prices {
        width: 100%
    }
}

.productsContainer .gadget.list-table .products.flex .product.listRif.viewDisp .product-info {
    min-width: 40rem
}

.productsContainer .gadget.list-table .products.flex .product.listRif.viewDisp .product-prices {
    grid-template-columns: 16rem minmax(6rem, 8rem) minmax(6rem, 11rem) minmax(6rem, 8rem);
    min-width: 40rem
}

.productsContainer .gadget.list-table .products.flex .product.listRif.viewDisp.editQta .product-info {
    min-width: 28rem
}

.productsContainer .gadget.list-table .products.flex .product.listRif.editQta .product-info {
    min-width: 42rem
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product.listRif.editQta .product-info {
        min-width: 44rem
    }

    .productsContainer .gadget.list-table .products.flex .product.listRif.editQta.labels .product-add,
    .productsContainer .gadget.list-table .products.flex .product.listRif.editQta.labels .product-format {
        display: none
    }
}

.productsContainer .gadget.list-table .products.flex .product.viewDisp .product-info {
    min-width: 48rem
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product.viewDisp .product-info {
        min-width: 26rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.viewDisp .product-prices {
    grid-template-columns: 16rem minmax(6rem, 8rem);
    min-width: 22rem
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.viewDisp .product-info {
        max-width: 100%;
        min-width: auto
    }

    .productsContainer .gadget.list-table .products.flex .product.viewDisp .product-purchase {
        min-width: auto
    }
}

.productsContainer .gadget.list-table .products.flex .product.viewDisp.editQta .product-info {
    min-width: 44rem
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product.viewDisp.editQta .product-info {
        min-width: 24rem
    }
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.viewDisp.editQta .product-info {
        max-width: 100%;
        min-width: auto
    }

    .productsContainer .gadget.list-table .products.flex .product.viewDisp.editQta .product-purchase {
        min-width: auto
    }
}

.productsContainer .gadget.list-table .products.flex .product.editQta .product-info {
    min-width: 60rem
}

@media screen and (max-width:1749px) {
    .productsContainer .gadget.list-table .products.flex .product.editQta .product-info {
        min-width: 40rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.editQta .product-purchase {
    grid-template-columns: 11rem 8rem 4rem;
    min-width: 24rem
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.editQta .product-info {
        max-width: 100%;
        min-width: auto
    }

    .productsContainer .gadget.list-table .products.flex .product.editQta .product-purchase {
        grid-template-columns: 8rem 8rem 4rem;
        min-width: 20rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.labels {
    background: var(--color-bg-shade-2);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: var(--color-gray-shade-4);
    font-size: .9rem;
    font-weight: 600
}

.productsContainer .gadget.list-table .products.flex .product.labels .product-add,
.productsContainer .gadget.list-table .products.flex .product.labels .product-format {
    display: none
}

@media screen and (max-width:1399px) {
    .productsContainer .gadget.list-table .products.flex .product.labels>div {
        display: none
    }
}

.productsContainer .gadget.list-table .products.flex .product.attributes {
    background: var(--color-bg-shade-1);
    border-bottom: .5rem solid var(--color-bg-shade-2);
    gap: 1rem;
    position: relative
}

@media screen and (min-width:1750px) {

    .productsContainer .gadget.list-table .products.flex .product.attributes .product-availabilities,
    .productsContainer .gadget.list-table .products.flex .product.attributes .product-description,
    .productsContainer .gadget.list-table .products.flex .product.attributes .product-discount,
    .productsContainer .gadget.list-table .products.flex .product.attributes .product-end-price,
    .productsContainer .gadget.list-table .products.flex .product.attributes .product-prev-price {
        border-left: 1px solid var(--color-gray-shade-2);
        padding-left: .8rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-availabilities,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-code,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-description,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-discount,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-end-price,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-prev-price {
    align-items: center
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.attributes {
        gap: 0
    }

    .productsContainer .gadget.list-table .products.flex .product.attributes>div.collapsable {
        display: flex;
        flex-direction: column
    }

    .productsContainer .gadget.list-table .products.flex .product.attributes>div.collapsable>div {
        flex-direction: row;
        gap: .5rem;
        padding-bottom: 1rem
    }

    .productsContainer .gadget.list-table .products.flex .product.attributes>div.collapsable>div.labelled:before {
        width: 100%
    }
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code {
    gap: .5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code .product-promo {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code .product-promo .promo-sale {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: .2rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .7rem;
    font-weight: 600;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    margin: 0;
    padding: 0 .2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code .product-promo .promo-sale:after,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code .product-promo .promo-sale:before {
    color: inherit
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-code .code-name {
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-description {
    gap: .5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-description .product-name {
    display: inline;
    padding: 0;
    width: auto
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-info .product-description .product-name h3 {
    font-weight: 400;
    height: auto;
    line-height: 1.3rem;
    white-space: wrap
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-availabilities {
    display: flex
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-availabilities .availability {
    display: flex;
    flex-direction: column;
    font-size: .8rem;
    padding: 0 .5rem 0 0
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-availabilities .availability img {
    max-width: 1rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-prev-price {
    gap: .5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .prev-price {
    font-size: 1rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-discount {
    gap: .5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-discount .discount-value {
    line-height: 1.5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price {
    gap: .5rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price .end-price-weight {
    display: flex;
    flex-direction: column
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price .end-price {
    font-size: 1rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price .price-weight {
    font-size: .8rem;
    padding-top: .2rem
}

@media screen and (max-width:767px) {
    .productsContainer .gadget.list-table .products.flex .product.attributes .product-prices .product-end-price .end-price-weight {
        flex-direction: row;
        gap: .5rem
    }
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .number-input button,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .number-input input,
.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .sel .comboUM-cat {
    background-color: var(--color-white)
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-add .product-conv {
    font-size: .8rem;
    font-weight: 400
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-quantity {
    justify-content: flex-start;
    width: 100%
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-quantity .sel {
    width: 100%
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-format {
    flex-direction: column;
    gap: 0
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-qta {
    flex-flow: row nowrap;
    gap: .2rem;
    justify-content: flex-end
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button {
    padding: .65rem 1rem
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .button.goto-sheet:after {
    content: var(--icon-goto-sheet)
}

.productsContainer .gadget.list-table .products.flex .product.attributes .product-purchase .product-badges {
    align-items: center;
    justify-content: flex-end;
    padding-top: .5rem
}

.productsContainer .gadget.list-table .products.flex .product:hover {
    box-shadow: none
}

.productsContainer .gadget .pagination-rapper {
    padding: .6rem 0
}

.layerFilter,
.layerFilter>div {
    height: auto !important
}

.layerFilter>div {
    position: relative !important
}

.layerFilter .tblLayerNavigator table,
.layerFilter .tblLayerNavigator td,
.layerFilter .tblLayerNavigator tr {
    display: block
}

.layerFilter .tblLayerNavigator tbody {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    place-items: stretch
}

.layerFilter .tblLayerNavigator ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.layerFilter .tblLayerNavigator ul li,
.layerFilter .tblLayerNavigator ul ul {
    margin: 0;
    padding: 0
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul {
    height: 2.9rem;
    overflow: hidden
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul .layerTitle {
    display: block;
    display: flex;
    font-weight: 600;
    justify-content: space-between
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul .layerTitle:after {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-order-desc)
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul .layerTitle:hover {
    background: var(--color-bg-shade-2)
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul .layerTitle.active:after {
    content: var(--icon-check-mark)
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul:hover {
    overflow: visible;
    position: relative;
    z-index: 2
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul:hover li:first-of-type {
    background: var(--color-bg-shade-2);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li:first-of-type {
    background: var(--color-white);
    border-radius: var(--border-radius-filter);
    display: block;
    height: 2.9rem;
    line-height: 2.9rem;
    padding: 0 1rem
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi {
    background: var(--color-bg-shade-2);
    padding: .2rem 1rem
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi:last-child {
    border-bottom-left-radius: var(--border-radius-filter);
    border-bottom-right-radius: var(--border-radius-filter);
    padding-bottom: 1.2rem
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi input {
    display: none
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi:hover label {
    color: var(--color-black)
}

.layerFilter .tblLayerNavigator .tdLayerNavigator ul li.multi label {
    font-size: 1rem
}

.layerFilter .tblLayerActive {
    font-size: .9rem
}

.layerFilter .tblLayerActive b:first-child {
    margin: 0 .5rem 0 0
}

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

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

.layerFilter .tblLayerActive .btnRemove {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 600
}

.layerFilter .tblLayerActive .btnRemove img {
    display: none
}

.layerFilter .tblLayerActive .btnRemove:before {
    content: var(--icon-remove)
}

.layerFilter .tblLayerActive .btnRemove:hover {
    color: var(--color-black)
}

.layerFilter .tblLayerActive .btnRemoveAll {
    font-size: .8rem;
    font-weight: 600;
    margin: 0 0 0 .4rem;
    padding: .3rem .6rem
}

.productsContainer.productSheet .message-box-wrap {
    background: var(--color-white);
    display: none;
    margin-bottom: 1.5rem;
    padding: .8rem
}

.productsContainer.productSheet .message-box-wrap .message-box {
    display: flex;
    position: relative
}

.productsContainer.productSheet .message-box-wrap .message-box a {
    color: var(--color-black);
    font-weight: 600;
    margin: 0 0 0 .5rem
}

.productsContainer.productSheet .message-box-wrap .message-box:before {
    font-family: remixicon;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-primary);
    content: var(--icon-message-success);
    padding: 0 .5rem 0 0
}

.productsContainer.productSheet .main-article {
    display: flex;
    flex-direction: column
}

.productsContainer.productSheet .main-article .product-section {
    display: flex;
    flex-direction: row
}

.productsContainer.productSheet .main-article .product-section .product-gallery {
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    width: 50%
}

.productsContainer.productSheet .main-article .product-section .product-text {
    background: var(--color-bg-shade-1);
    padding: 4rem 6rem 6rem;
    position: relative;
    width: 50%
}

@media screen and (max-width:1399px) {
    .productsContainer.productSheet .main-article .product-section .product-text {
        padding: 3rem
    }
}

@media screen and (max-width:991px) {
    .productsContainer.productSheet .main-article .product-section {
        flex-direction: column
    }

    .productsContainer.productSheet .main-article .product-section .product-gallery {
        width: 100%
    }

    .productsContainer.productSheet .main-article .product-section .product-text {
        padding: 3rem 1.8rem 1.8rem;
        width: 100%
    }
}

.productsContainer.productSheet .product-section .product-gallery-main.owl-carousel .owl-stage {
    align-items: center;
    display: flex
}

.productsContainer.productSheet .product-section .product-gallery-main.owl-carousel .owl-item {
    align-items: center;
    display: flex;
    height: 10.375rem;
    justify-content: center;
    text-align: center
}

.productsContainer.productSheet .product-section .product-gallery-main.owl-carousel .owl-item a {
    align-items: center;
    display: flex;
    height: 100%
}

.productsContainer.productSheet .product-section .product-gallery-main.owl-carousel .owl-item img {
    margin: 0 auto;
    max-height: 9.375rem;
    width: auto
}

.productsContainer.productSheet .product-section .product-gallery-thumbs {
    margin-top: 1.25rem
}

.productsContainer.productSheet .product-section .product-gallery-thumbs.owl-carousel .owl-item .img-wrapper {
    align-items: center;
    display: flex;
    height: 5rem;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: auto
}

.productsContainer.productSheet .product-section .product-gallery-thumbs.owl-carousel .owl-item .img-wrapper img {
    max-height: 100%;
    width: auto
}

.productsContainer.productSheet .product-section .product-info .product-title-wrapper {
    display: flex;
    gap: 2rem;
    justify-content: space-between
}

.productsContainer.productSheet .product-section .product-info .product-title-wrapper h1 {
    font-size: 1.7rem;
    font-weight: 400;
    margin-bottom: 1.875rem;
    text-align: left
}

.productsContainer.productSheet .product-section .product-info .product-description {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0 0 3rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper {
    display: flex;
    flex-flow: column wrap;
    padding: .8rem 0
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper.delimiter {
    border-top: 1px solid var(--color-gray-shade-2);
    padding-top: 2rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-conv {
    display: flex;
    margin-top: .5rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-availabilities {
    gap: .8rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-availabilities .val {
    margin-right: 1.5rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices {
    align-items: baseline;
    gap: 1rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.end-price {
    font-size: 1.7rem;
    order: 1
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price {
    align-items: center;
    display: flex;
    gap: 1rem;
    order: 2
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .product-price-container {
    align-items: center;
    display: flex;
    gap: .5rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .product-price-container .price-compare-info a {
    color: var(--color-gray-shade-4);
    display: flex
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .product-price-container .price-compare-info a:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-info)
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .product-price-container .price-compare-info a:hover {
    color: var(--color-black)
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .product-price.rif-price .prev-price {
    font-size: 1.4rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .price-weight {
    order: 4
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount {
    font-size: .9rem;
    position: absolute;
    right: 6rem;
    top: 1.5rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount .discount-perc {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: .75rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .8rem;
    font-weight: 600;
    height: 1.5rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 .625rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount .discount-perc:after,
.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount .discount-perc:before {
    color: inherit
}

@media screen and (max-width:1399px) {
    .productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount {
        right: 3rem
    }
}

@media screen and (max-width:991px) {
    .productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .discount {
        right: 1.8rem;
        top: 1rem
    }
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-prices .price-timer {
    font-size: .9rem;
    order: 3
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants.product-quantity {
    align-items: stretch;
    gap: .2rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .sel-um {
    flex-grow: 2
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .sel-um .product-unimis {
    background: var(--color-bg-shade-2);
    height: 4rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input {
    border: 0;
    display: inline-flex
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input button {
    background: var(--color-bg-shade-2);
    height: 4rem;
    width: 2rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .number-input input {
    background: var(--color-bg-shade-2);
    height: 4rem;
    width: 3rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .product-variants .button {
    flex-grow: 3;
    font-size: 1.2rem;
    height: 4rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .labelVariant {
    font-weight: 600;
    padding: 0 0 1.2rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .itemVariant {
    align-items: center;
    display: flex;
    font-size: .9rem;
    justify-content: space-between;
    margin: 0 0 .5rem;
    max-width: 24rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .itemVariant .name {
    font-weight: 600;
    padding: 0 1rem 0 0
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .itemVariant select {
    width: 16rem
}

@media screen and (max-width:991px) {
    .productsContainer.productSheet .product-section .product-info .product-variants-wrapper .itemVariant select {
        width: 12rem
    }
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components .title {
    margin: 0 0 .5rem;
    text-transform: uppercase
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list {
    display: flex;
    flex-direction: column;
    max-height: 12rem;
    overflow-y: scroll;
    padding: 0 1rem 0 0
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component {
    align-items: flex-end;
    border-bottom: 1px solid var(--color-white);
    display: flex;
    font-size: .9rem;
    justify-content: space-between;
    padding: .8rem 0
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component .name {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component .name .itemcode {
    font-weight: 700;
    margin: 0 0 .2rem
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component .name .description {
    font-weight: 400
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component .qta {
    font-weight: 700
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component:hover {
    color: var(--color-black)
}

.productsContainer.productSheet .product-section .product-info .product-variants-wrapper .kit-components-list .component:hover .name .description {
    text-decoration: underline
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper {
    margin-top: 2.5rem
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper h3 {
    display: block;
    margin-bottom: 2.5rem
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper .product-specs {
    display: flex;
    flex-wrap: wrap
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper .product-specs .data-group {
    display: flex;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0 1.875rem
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper .product-specs .data-group .title {
    flex: 0 0 40%;
    max-width: 40%;
    padding-right: .375rem
}

.productsContainer.productSheet .product-section .product-info .product-specs-wrapper .product-specs .data-group .description {
    flex: 0 0 60%;
    line-height: 1;
    max-width: 60%
}

.productsContainer.productSheet .product-section .product-info .product-badges {
    display: flex
}

.productsContainer.productSheet .product-section .product-info .product-badges .compare,
.productsContainer.productSheet .product-section .product-info .product-badges .favourite {
    cursor: pointer
}

.productsContainer.productSheet .product-section .product-info .product-badges .compare:after,
.productsContainer.productSheet .product-section .product-info .product-badges .favourite:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black)
}

.productsContainer.productSheet .product-section .product-info .product-badges .compare.selected:after,
.productsContainer.productSheet .product-section .product-info .product-badges .compare:hover:after,
.productsContainer.productSheet .product-section .product-info .product-badges .favourite.selected:after,
.productsContainer.productSheet .product-section .product-info .product-badges .favourite:hover:after {
    color: var(--color-primary)
}

.productsContainer.productSheet .product-section .product-info .product-badges .compare {
    cursor: pointer;
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 2rem
}

.productsContainer.productSheet .product-section .product-info .product-badges .compare:after {
    content: var(--icon-compare)
}

.productsContainer.productSheet .product-section .product-info .product-badges .favourite {
    cursor: pointer;
    float: left;
    height: 2rem;
    line-height: 2rem;
    width: 2rem
}

.productsContainer.productSheet .product-section .product-info .product-badges .favourite:after {
    content: var(--icon-favourite)
}

.productsContainer.productSheet .product-section .product-info .product-badges .favourite.selected:after {
    content: var(--icon-favourite-selected)
}

.productsContainer.productSheet .product-section .product-info .promoList {
    border: 1px solid var(--color-black);
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
    padding: 1.5rem
}

.productsContainer.productSheet .product-section .product-info .promoList .iconPromo {
    visibility: hidden
}

.productsContainer.productSheet .product-section .product-info .promoList .promoListItem {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.productsContainer.productSheet .product-section .product-info .promoList .promoListItem .titlePromo {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.productsContainer.productSheet .product-section .product-info .promoList .promoListItem .descriPromo {
    font-size: 1rem;
    padding: 0 0 0 .5rem
}

.productsContainer.productSheet .product-section .product-info .promoList .promoListItem~.promoListItem {
    margin: .5rem 0 0
}

.productsContainer.productSheet .main-article.slim .product-section {
    align-items: center;
    flex-flow: row wrap
}

.productsContainer.productSheet .main-article.slim .product-section .kit-components-list {
    background: var(--color-bg-shade-1)
}

.productsContainer.productSheet .main-article.slim .product-section .product-description,
.productsContainer.productSheet .main-article.slim .product-section .product-text {
    background: none;
    padding: 4rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-description {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 32%
}

.productsContainer.productSheet .main-article.slim .product-section .product-description .sheet-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.productsContainer.productSheet .main-article.slim .product-section .product-description .sheet-list .att {
    font-weight: 700
}

.productsContainer.productSheet .main-article.slim .product-section .product-description .attachment-list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-top: .6rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-description .attachment-list li {
    margin: 0
}

.productsContainer.productSheet .main-article.slim .product-section .product-description .attachment-list a {
    align-items: center;
    display: flex;
    font-size: .9rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-gallery {
    width: 36%
}

.productsContainer.productSheet .main-article.slim .product-section .product-text {
    width: 32%
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper {
    padding-top: 1rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper .itemVariant select {
    background: var(--color-bg-shade-1)
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper .product-variants.product-availabilities {
    font-size: .9rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper .product-variants.product-prices .discount {
    right: 4rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper .product-variants .button:after {
    font-size: 1.5rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-infoprice {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: .5rem
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-infoprice .product-prices {
    flex-direction: column;
    gap: 0
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .sel-um .product-unimis {
    background: transparent;
    border: 1px solid var(--color-black)
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input button,
.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input input {
    background: transparent
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input button {
    border: 1px solid var(--color-black)
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input button:first-child {
    border-right: 0
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input button:nth-child(3) {
    border-left: 0
}

.productsContainer.productSheet .main-article.slim .product-section .product-text .product-info .product-variants-wrapper.product-purchase .product-quantity .number-input input {
    border-bottom: 1px solid var(--color-black);
    border-top: 1px solid var(--color-black);
    width: 2rem
}

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

    .productsContainer.productSheet .main-article.slim .product-section .product-description,
    .productsContainer.productSheet .main-article.slim .product-section .product-text {
        padding: 3rem
    }

    .productsContainer.productSheet .main-article.slim .product-section .product-description {
        order: 3;
        width: 100%
    }

    .productsContainer.productSheet .main-article.slim .product-section .product-gallery,
    .productsContainer.productSheet .main-article.slim .product-section .product-text {
        width: 50%
    }
}

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

    .productsContainer.productSheet .main-article.slim .product-section .product-description,
    .productsContainer.productSheet .main-article.slim .product-section .product-text {
        padding: 1.8rem
    }
}

@media screen and (max-width:767px) {
    .productsContainer.productSheet .main-article.slim .product-section {
        flex-flow: column wrap
    }

    .productsContainer.productSheet .main-article.slim .product-section .product-description,
    .productsContainer.productSheet .main-article.slim .product-section .product-gallery,
    .productsContainer.productSheet .main-article.slim .product-section .product-text {
        width: 100%
    }

    .productsContainer.productSheet .main-article.slim .product-section .product-text {
        padding-bottom: 0
    }
}

.productsContainer.productSheet .main-article.slim .product-detail {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.productsContainer.productSheet .product-detail {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.productsContainer.productSheet .product-detail h3 {
    font-weight: 400;
    margin: 0 0 3rem;
    padding: 0 0 1rem;
    position: relative
}

.productsContainer.productSheet .product-detail h3:after {
    background: var(--color-primary);
    bottom: 0;
    content: "";
    height: .3rem;
    left: 0;
    position: absolute;
    width: 14rem
}

.productsContainer.productSheet .attachment-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.productsContainer.productSheet .attachment-list li,
.productsContainer.productSheet .attachment-list ul {
    margin: 0;
    padding: 0
}

.productsContainer.productSheet .attachment-list li {
    margin: 0 0 1rem
}

.productsContainer.productSheet .attachment-list a {
    color: var(--color-black);
    font-weight: 600
}

.productsContainer.productSheet .attachment-list a:before {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-file);
    margin: 0 .5rem 0 0
}

.productsContainer.productSheet .attachment-list a:hover {
    color: var(--color-primary)
}

.products-alter.html .title {
    background-color: var(--color-bg-shade-2);
    display: flex
}

.products-alter.html .title h3 {
    font-size: 1rem;
    padding: 1rem;
    text-align: left
}

.products-alter.html .product .price-weight,
.products-alter.html .product .product-conv {
    display: none
}

.products-alter.html .small .products {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem;
    padding: 1.5rem 0
}

.compareContainer {
    min-height: 0 !important;
    padding: 2rem 0
}

.compareContainer .lblNoRecord {
    margin: 3rem 0 2rem !important;
    text-align: center;
    width: 100% !important
}

.compareContainer .repeater .repeater_wrapper {
    display: flex;
    flex-flow: row nowrap;
    float: none !important;
    overflow-x: auto
}

.compareContainer .repeater .repeater_wrapper .repeater_ele {
    display: flex;
    flex: 0 0 280px
}

.compareContainer .repeater .repeater_wrapper .repeater_ele:first-child {
    flex: 0
}

.compareArticoli {
    display: flex;
    flex-flow: row wrap;
    height: 100%;
    padding: 0 1rem;
    position: relative
}

.compareArticoli.compareArticoliFirstCol {
    padding: 0
}

.compareArticoli.compareArticoliFirstCol .boxDisponib,
.compareArticoli.compareArticoliFirstCol .buttonDel-wrapper,
.compareArticoli.compareArticoliFirstCol .imgArt_ctrl a {
    display: none
}

.compareArticoli.compareArticoliFirstCol .grid {
    font-weight: 700 !important;
    margin: 0 !important;
    width: calc(100% + 1rem) !important
}

.compareArticoli:not(.compareArticoliFirstCol) .grid {
    margin: 2rem -1rem 0 !important;
    width: calc(100% + 2rem) !important
}

.compareArticoli:not(.compareArticoliFirstCol) .grid td {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.compareArticoli .buttonDel-wrapper {
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

.compareArticoli .buttonDel-wrapper.selected {
    color: var(--colAccentTwo)
}

.compareArticoli .buttonDel-wrapper:before {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    content: var(--icon-compare)
}

.compareArticoli .buttonDel-wrapper.selected:before,
.compareArticoli .buttonDel-wrapper:hover:before {
    color: var(--color-primary)
}

.compareArticoli .buttonDel-wrapper .buttonDel {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 100%;
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: 100%
}

.compareArticoli div.imgArt_ctrl {
    height: 250px;
    margin: 0;
    padding: 1.5rem;
    width: 100%;
    z-index: unset !important
}

.compareArticoli div.imgArt_ctrl a {
    display: block;
    height: 100%;
    width: 100%
}

.compareArticoli div.imgArt_ctrl .image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.compareArticoli .desArt {
    height: 60px !important;
    margin: 0 !important
}

.compareArticoli .desArt a {
    font-weight: 600;
    min-height: 0 !important;
    text-align: left !important
}

.compareArticoli .desArt a h3 {
    text-align: left !important;
    text-transform: none
}

.compareArticoli .boxBasket,
.compareArticoli .boxDisponib,
.compareArticoli .boxPrice,
.compareArticoli .boxPriceFinal,
.compareArticoli .boxPriceWarning,
.compareArticoli .grid {
    align-self: flex-end
}

.compareArticoli .boxDisponib {
    align-items: center;
    color: var(--color-gray-shade-4);
    display: flex;
    flex-flow: row nowrap;
    font-size: .8rem;
    justify-content: left;
    margin: 0 0 .8rem !important;
    min-height: 0 !important;
    padding: 0;
    width: 100% !important
}

.compareArticoli .boxDisponib td {
    padding: 0
}

.compareArticoli .boxDisponib .dispLabel,
.compareArticoli .boxDisponib .dispView {
    margin: 0 !important;
    min-height: 0 !important;
    width: auto !important
}

.compareArticoli .boxDisponib .dispView {
    padding-left: 5px
}

.compareArticoli .boxDisponib .dispView img {
    padding-bottom: 2px;
    width: 15px
}

.compareArticoli .boxPrice,
.compareArticoli .boxPriceFinal,
.compareArticoli .boxPriceWarning {
    margin: 0 !important;
    min-height: 0 !important
}

.compareArticoli .boxPrice td,
.compareArticoli .boxPriceFinal td,
.compareArticoli .boxPriceWarning td {
    padding: 0 !important
}

.compareArticoli .boxPriceWarning {
    height: auto !important;
    width: 100% !important
}

.compareArticoli .boxPriceWarning .priceWarning {
    float: none !important;
    font-weight: 700;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    width: 100% !important
}

.compareArticoli .boxPrice,
.compareArticoli .boxPriceFinal {
    height: 2rem !important;
    width: 100% !important
}

.compareArticoli .boxPriceFinal .priceFinal {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 30px !important;
    margin: 0 !important;
    min-height: auto !important;
    text-align: left !important;
    width: 100% !important
}

.compareArticoli .boxPrice {
    margin-bottom: .8rem !important
}

.compareArticoli .boxPrice .price {
    align-items: center;
    display: flex;
    font-size: .9rem !important;
    left: 0 !important;
    margin: 0 !important;
    min-height: 100% !important;
    position: relative !important;
    text-align: left !important;
    text-decoration: line-through;
    top: 0 !important;
    width: 100% !important
}

.compareArticoli .boxBasket {
    height: auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    order: 10;
    width: 100% !important
}

.compareArticoli .boxBasket [style*=hidden] {
    display: none !important
}

.compareArticoli .boxBasket table {
    table-layout: fixed;
    width: 100%
}

.compareArticoli .boxBasket table td {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .2rem;
    padding: 0
}

.compareArticoli .boxBasket .cmbUniMis {
    flex: 1 0 auto;
    font-size: .9rem !important;
    max-width: calc(100% - 40px) !important;
    width: auto !important
}

.compareArticoli .boxBasket .cmbUniMis,
.compareArticoli .boxBasket .txtQTA_ctrl {
    float: none !important;
    height: 2.5rem !important;
    margin: 0 !important;
    min-height: 0 !important
}

.compareArticoli .boxBasket .txtQTA_ctrl {
    line-height: 2.5rem !important;
    width: 2.5rem !important
}

.compareArticoli .boxBasket .txtQTA_ctrl .qta {
    padding: .2rem;
    width: 100% !important
}

.compareArticoli .boxBasket .addToBasket {
    border: var(--btn-primary-border) !important;
    font-family: inherit;
    font-size: inherit;
    height: auto !important;
    margin: 0 !important;
    width: 100% !important
}

.compareArticoli .boxBasket .addToBasket:hover {
    border: var(--btn-primary-hover-border) !important
}

.compareArticoli .grid {
    height: auto !important;
    order: 99
}

.compareArticoli .grid tr:first-child {
    display: none !important
}

.compareArticoli .grid_rowselected {
    color: inherit !important
}

.compareArticoli .grid_row,
.compareArticoli .grid_rowodd {
    border-bottom: 1px solid var(--color-bg-shade-1)
}

.kit-components .title {
    margin-top: 3rem
}

.kit-components .products {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: center;
    padding: 1.5rem 0;
    text-align: left
}

.kit-components .product {
    background: var(--box-primary-background);
    border: var(--box-primary-border);
    border-radius: var(--border-radius-box);
    color: var(--box-primary-color);
    flex-direction: row-reverse;
    gap: .2rem;
    margin: 0;
    padding: 1rem;
    width: 20rem
}

.kit-components .product .product-image {
    height: auto;
    width: 50%
}

.kit-components .product .product-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%
}

.kit-components .product .product-info .product-name {
    padding: 0 0 .8rem
}

.kit-components .product .product-info .product-name h3 {
    height: 2.4rem;
    line-height: 1.2rem;
    white-space: wrap
}

.kit-components .product .product-info .product-qta {
    font-weight: 600
}

.kit-components .product .product-info .product-availabilities {
    flex-direction: column;
    flex-grow: 1;
    font-size: .8rem
}

.kit-components .product .product-info .product-availabilities img {
    max-width: 1rem
}

.kit-components .product .button.goto-sheet {
    align-items: center;
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    display: flex;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    justify-content: flex-start;
    padding: .8rem 0 0;
    text-align: center;
    text-decoration: none
}

.kit-components .product .button.goto-sheet:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.kit-components .product .button.goto-sheet:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.kit-components .product .button.goto-sheet:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.kit-components .product .button.goto-sheet:after,
.kit-components .product .button.goto-sheet:before {
    color: inherit
}

.kit-components .product .button.goto-sheet:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.kit-components .product .button.goto-sheet:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.kit-components .product .button.goto-sheet:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.kit-components .product .button.goto-sheet:hover {
    text-decoration: none !important
}

.kit-components .product .button.goto-sheet:after {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--btn-primary-background);
    border-radius: 50%;
    color: var(--btn-primary-color);
    content: var(--icon-page-next)
}

.kit-components .product .button.goto-sheet:hover:after {
    background-color: var(--btn-primary-hover-background);
    color: var(--btn-primary-hover-color)
}

.kit-components .list .title h3 {
    font-weight: 700
}

.kit-components .list .products {
    flex-flow: column wrap
}

.kit-components .list .products .product {
    align-items: stretch;
    background: var(--color-white);
    flex-direction: row;
    gap: 2rem;
    margin: .5rem 0 0;
    padding: 1rem 1.5rem;
    position: relative;
    width: 100%
}

.kit-components .list .products .product:after {
    background: var(--color-bg-shade-2);
    bottom: -.8rem;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.kit-components .list .products .product .product-image {
    width: 6rem
}

.kit-components .list .products .product .product-info {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 2;
    justify-content: space-between
}

.kit-components .list .products .product .product-info .product-name {
    width: 60%
}

.kit-components .list .products .product .product-info .product-name .product-code {
    font-size: .9rem;
    margin: 0 0 .2rem
}

.kit-components .list .products .product .product-info .product-name .name {
    font-weight: 600
}

.kit-components .list .products .product .product-info .product-availabilities {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 0;
    gap: 1rem;
    width: auto
}

.kit-components .list .products .product .product-info .product-availabilities .product-qta {
    background: var(--color-bg-shade-1);
    min-width: 8rem;
    padding: .5rem;
    text-align: center
}

.kit-components .list .products .product .product-info .product-availabilities .availability {
    flex-flow: row wrap
}

.kit-components .slide .title h3 {
    font-weight: 700
}

.kit-components .slide .owl-carousel .owl-stage {
    align-items: center;
    display: flex
}

.kit-components .slide .products .product {
    background: var(--color-white);
    flex-direction: column;
    gap: 1.2rem;
    margin: .5rem 0 1rem;
    padding: 1rem 1.5rem;
    position: relative
}

.kit-components .slide .products .product .product-image {
    height: 16rem;
    width: 100%
}

.kit-components .slide .products .product .product-image img {
    max-height: 16rem
}

.kit-components .slide .products .product .product-info {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

.kit-components .slide .products .product .product-info .product-name .product-code {
    font-size: .9rem;
    font-weight: 700;
    margin: 0 0 .2rem
}

.kit-components .slide .products .product .product-info .product-name .name {
    display: -webkit-box;
    height: 2.4rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.kit-components .slide .products .product .product-info .product-availabilities {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    gap: .8rem;
    width: auto
}

.kit-components .slide .products .product .product-info .product-availabilities .product-qta {
    background: var(--color-white);
    border: 1px solid var(--color-black);
    color: var(--color-black);
    font-weight: 400;
    padding: .5rem
}

.kit-components .slide .products .product .product-info .product-availabilities .availability {
    flex-flow: row wrap
}

.breadcrumb,
.breadcrumb .brd {
    height: auto !important
}

.breadcrumb .brd {
    color: var(--color-primary);
    font-size: .8rem;
    padding: 1rem 0;
    position: relative !important;
    width: 100% !important
}

.breadcrumb .brd span {
    font-weight: 600
}

.breadcrumb .brd a,
.breadcrumb .brd span {
    color: var(--color-black)
}

.breadcrumb .brd a:hover {
    color: var(--color-black);
    font-weight: 700
}

.content .news-detail .news-nav {
    background: var(--color-bg-shade-1);
    padding: 1rem 0 0
}

.content .news-detail .news-nav .link-back {
    font-size: .9rem
}

.content .news-detail .news-nav .link-back:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-go-back);
    font-size: 1.2rem;
    margin: 0 .5rem 0 0
}

.content .news-detail .news-top {
    background: var(--color-bg-shade-1);
    padding: 2rem 0
}

.content .news-detail .news-top .info .info-top .date {
    color: var(--color-gray-shade-4);
    font-size: .9rem
}

.content .news-detail .news-top .info .info-top .category {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 0;
    border-radius: 1.2rem;
    color: var(--badge-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: auto;
    height: 2.4rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.content .news-detail .news-top .info .info-top .category:after,
.content .news-detail .news-top .info .info-top .category:before {
    color: inherit
}

.content .news-detail .news-top .title {
    margin: 1.5rem 0
}

.content .news-detail .news-top .title h1 {
    font-size: 1.7rem;
    font-weight: 600
}

.content .news-detail .news-top .image {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.content .news-detail .news-top .image img {
    border-radius: 1rem;
    max-width: 100%
}

.content .news-detail .news-main {
    background: var(--color-white);
    padding: 3rem 0 5rem
}

@media screen and (max-width:991px) {
    .content .news-detail .news-top {
        padding: 2rem
    }

    .content .news-detail .news-main {
        padding: 3rem 2rem
    }
}

.content .boxed .title {
    margin-bottom: 4rem
}

.content .boxed .text {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.contentsList.html .contents {
    list-style: none;
    margin: 0;
    padding: 0
}

.contentsList.html .contents li,
.contentsList.html .contents ul {
    margin: 0;
    padding: 0
}

.contentsList.html .listContents .contents {
    display: flex;
    gap: 1.5rem;
    justify-content: space-around
}

@media screen and (max-width:991px) {
    .contentsList.html .listContents .contents {
        flex-direction: column
    }
}

.contentsList.html .news-slide .title {
    padding-bottom: 3rem
}

.contentsList.html .news-slide .content {
    align-items: stretch;
    display: flex;
    gap: 6%;
    width: 100%
}

.contentsList.html .news-slide .content .content-image {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%
}

.contentsList.html .news-slide .content .content-image img {
    border-radius: 2rem
}

.contentsList.html .news-slide .content .content-text {
    border-left: 1px solid var(--color-gray-shade-2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 2.5rem;
    width: 44%
}

.contentsList.html .news-slide .content .content-text .title h5 {
    font-size: 2.2rem;
    font-weight: 600
}

.contentsList.html .news-slide .content .content-text .title h5 a {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.contentsList.html .news-slide .content .content-text .title h5 a:after {
    content: var(--icon-arrow-right);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.contentsList.html .news-slide .content .content-text .info .info-top .date {
    color: var(--color-gray-shade-4);
    font-size: .9rem
}

.contentsList.html .news-slide .content .content-text .info .info-top .category {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 0;
    border-radius: 1.2rem;
    color: var(--badge-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: auto;
    height: 2.4rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contentsList.html .news-slide .content .content-text .info .info-top .category:after,
.contentsList.html .news-slide .content .content-text .info .info-top .category:before {
    color: inherit
}

.contentsList.html .news-slide .content .content-text .info .abstract {
    font-size: 1.2rem
}

@media screen and (max-width:991px) {
    .contentsList.html .news-slide .content {
        flex-direction: column
    }

    .contentsList.html .news-slide .content .content-image {
        width: 100%
    }

    .contentsList.html .news-slide .content .content-text {
        border: 0;
        padding: 2rem 0;
        width: 100%
    }
}

.contentsList.html .news-list .contents {
    display: flex;
    flex-flow: row wrap;
    gap: 10%
}

.contentsList.html .news-list .contents .content {
    display: flex;
    flex-direction: column;
    margin: 0 0 4rem;
    width: 45%
}

.contentsList.html .news-list .contents .content .content-image {
    order: 2;
    width: 100%
}

.contentsList.html .news-list .contents .content .content-image a {
    display: block;
    width: 100%
}

.contentsList.html .news-list .contents .content .content-image a img {
    border-radius: 1rem;
    width: 100%
}

.contentsList.html .news-list .contents .content .content-text {
    display: flex;
    flex-direction: column;
    order: 1
}

.contentsList.html .news-list .contents .content .content-text .title {
    margin: 0 0 1rem;
    order: 2
}

.contentsList.html .news-list .contents .content .content-text .info {
    order: 1
}

.contentsList.html .news-list .contents .content .content-text .info .info-top .date {
    color: var(--color-gray-shade-4);
    font-size: .9rem
}

.contentsList.html .news-list .contents .content .content-text .info .info-top .category {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 1.2rem;
    color: var(--badge-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 2.4rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contentsList.html .news-list .contents .content .content-text .info .info-top .category:after,
.contentsList.html .news-list .contents .content .content-text .info .info-top .category:before {
    color: inherit
}

@media screen and (max-width:575px) {
    .contentsList.html .news-list .contents .content {
        width: 100%
    }
}

.contentsList.html .gadget.faq .content {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-bottom: .5rem;
    padding: 1.2rem
}

.contentsList.html .gadget.faq .content .title a {
    display: flex;
    font-weight: 700;
    justify-content: space-between
}

.contentsList.html .gadget.faq .content .title a:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-add)
}

.contentsList.html .gadget.faq .content .abstract {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 0;
    transition: all .2s ease-in-out !important
}

.contentsList.html .gadget.faq .content.expanded .title a:after {
    content: var(--icon-subtract)
}

.contentsList.html .gadget.faq .content.expanded .abstract {
    height: auto;
    opacity: 1;
    padding-top: 1.5rem
}

.contents.owl-theme .owl-stage-outer {
    margin-bottom: 2rem
}

.category .category-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%
}

.category .category-image {
    width: 30%
}

.categoriesList.html .slide .categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.categoriesList.html .slide .categories li,
.categoriesList.html .slide .categories ul {
    margin: 0;
    padding: 0
}

.categoriesList.html .slide .categories .category {
    margin: .625rem 0;
    transition: all .2s ease-in-out !important
}

.categoriesList.html .slide .categories .category .titleimg {
    background: var(--color-black);
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.categoriesList.html .slide .categories .category .titleimg .title {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.categoriesList.html .slide .categories .category .titleimg .title h5 {
    color: var(--color-white);
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    text-align: center
}

.categoriesList.html .slide .categories .category .titleimg .title h5 a {
    color: var(--color-white)
}

.categoriesList.html .slide .categories .category .titleimg .img {
    display: flex;
    flex-direction: column;
    opacity: .75;
    width: 100%
}

.categoriesList.html .slide .categories .category .titleimg .img img {
    max-width: 100%
}

.categoriesList.html .slide .categories .category a:hover .titleimg {
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2)
}

.categoriesList.html .slide .categories .category .descri {
    display: none
}

.categoriesList.html .slide-image .categories {
    align-items: center;
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.categoriesList.html .slide-image .categories li,
.categoriesList.html .slide-image .categories ul {
    margin: 0;
    padding: 0
}

.categoriesList.html .slide-image .categories .category a {
    display: block
}

.categoriesList.html .slide-image .categories .titleimg .img {
    align-items: center;
    display: flex;
    flex-direction: column
}

.categoriesList.html .slide-image .categories .titleimg .img img {
    margin: auto;
    max-height: 8rem;
    max-width: 100%;
    width: auto
}

.categoriesList.html .slide-image .owl-carousel .owl-stage {
    align-items: center;
    display: flex
}

.categoriesList.html .grid .categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style-type: none;
    padding: 0;
    width: 100%
}

.categoriesList.html .grid .categories .category {
    margin: 0 auto;
    padding: 1rem 0
}

.categoriesList.html .grid .categories .category .titleimg {
    display: flex;
    flex-direction: column-reverse;
    height: 100%
}

.categoriesList.html .grid .categories .category .titleimg .title {
    background: var(--box-primary-background);
    border: var(--box-primary-border);
    border-radius: var(--border-radius-box);
    color: var(--box-primary-color);
    height: 100%;
    margin-top: -2.25rem;
    padding: 3.5rem 3.5rem 1.25rem;
    text-align: center;
    transition: box-shadow .2s ease-in-out !important;
    width: 15.625rem
}

.categoriesList.html .grid .categories .category .titleimg .title a {
    color: var(--color-black)
}

.categoriesList.html .grid .categories .category .titleimg img {
    border-radius: var(--border-radius-box);
    display: block;
    margin: 0 auto;
    position: relative;
    transition: transform .2s ease-in-out !important;
    width: 8.75rem;
    z-index: 2
}

.categoriesList.html .grid .categories .category:hover .titleimg .title {
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2)
}

.categoriesList.html .grid .categories .category:hover .titleimg img {
    transform: scale(1.1)
}

.categoriesList.html .grid .categories .category .descri {
    display: none
}

.categories.owl-theme .owl-item {
    padding: 0 .625rem
}

.categories.owl-theme .owl-stage-outer {
    z-index: 10
}

.contents-related.html .grid .title h3 {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 0 4rem
}

.contents-related.html .grid .contents {
    display: flex;
    flex-flow: row wrap;
    gap: 10%
}

.contents-related.html .grid .contents .content {
    display: flex;
    flex-direction: column;
    margin: 0 0 4rem;
    width: 45%
}

.contents-related.html .grid .contents .content .content-image {
    order: 2
}

.contents-related.html .grid .contents .content .content-image img {
    border-radius: 1rem
}

.contents-related.html .grid .contents .content .content-text {
    display: flex;
    flex-direction: column;
    order: 1
}

.contents-related.html .grid .contents .content .content-text .title {
    margin: 0 0 1rem;
    order: 2
}

.contents-related.html .grid .contents .content .content-text .info {
    order: 1
}

.contents-related.html .grid .contents .content .content-text .info .info-top .date {
    color: var(--color-gray-shade-4);
    font-size: .9rem
}

.contents-related.html .grid .contents .content .content-text .info .info-top .category {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 1.2rem;
    color: var(--badge-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 2.4rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 2rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contents-related.html .grid .contents .content .content-text .info .info-top .category:after,
.contents-related.html .grid .contents .content .content-text .info .info-top .category:before {
    color: inherit
}

@media screen and (max-width:575px) {
    .contents-related.html .grid .contents .content {
        width: 100%
    }
}

.gsec_fe_html_basket_container {
    padding: 4rem 0 !important
}

.basketHtml {
    position: relative
}

.basketHtml label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.basketHtml button [type=submit],
.basketHtml input[type=button],
.basketHtml input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basketHtml button [type=submit]:hover,
.basketHtml input[type=button]:hover,
.basketHtml input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basketHtml button [type=submit]:active,
.basketHtml input[type=button]:active,
.basketHtml input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basketHtml button [type=submit]:disabled,
.basketHtml input[type=button]:disabled,
.basketHtml input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basketHtml button [type=submit]:after,
.basketHtml button [type=submit]:before,
.basketHtml input[type=button]:after,
.basketHtml input[type=button]:before,
.basketHtml input[type=submit]:after,
.basketHtml input[type=submit]:before {
    color: inherit
}

.basketHtml button [type=submit]:hover,
.basketHtml input[type=button]:hover,
.basketHtml input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basketHtml button [type=submit]:active,
.basketHtml input[type=button]:active,
.basketHtml input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basketHtml button [type=submit]:disabled,
.basketHtml input[type=button]:disabled,
.basketHtml input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.basketHtml button [type=reset],
.basketHtml input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basketHtml button [type=reset]:hover,
.basketHtml input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basketHtml button [type=reset]:active,
.basketHtml input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basketHtml button [type=reset]:disabled,
.basketHtml input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basketHtml button [type=reset]:after,
.basketHtml button [type=reset]:before,
.basketHtml input[type=reset]:after,
.basketHtml input[type=reset]:before {
    color: inherit
}

.basketHtml button [type=reset]:hover,
.basketHtml input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basketHtml button [type=reset]:active,
.basketHtml input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basketHtml button [type=reset]:disabled,
.basketHtml input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basketHtml input:not([type]),
.basketHtml input[type=date],
.basketHtml input[type=email],
.basketHtml input[type=number],
.basketHtml input[type=password],
.basketHtml input[type=text],
.basketHtml input[type=time],
.basketHtml select,
.basketHtml textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.basketHtml input:not([type]):disabled,
.basketHtml input[type=date]:disabled,
.basketHtml input[type=email]:disabled,
.basketHtml input[type=number]:disabled,
.basketHtml input[type=password]:disabled,
.basketHtml input[type=text]:disabled,
.basketHtml input[type=time]:disabled,
.basketHtml select:disabled,
.basketHtml textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.basketHtml input:not([type]):focus,
.basketHtml input[type=date]:focus,
.basketHtml input[type=email]:focus,
.basketHtml input[type=number]:focus,
.basketHtml input[type=password]:focus,
.basketHtml input[type=text]:focus,
.basketHtml input[type=time]:focus,
.basketHtml select:focus,
.basketHtml textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.basketHtml input[type=date],
.basketHtml input[type=time],
.basketHtml select {
    cursor: pointer
}

.basketHtml .col-lg-12,
.basketHtml .row,
.basketHtml .row>*,
.basketHtml ul {
    margin: 0;
    padding: 0
}

.basketHtml ul {
    list-style: none
}

.basketHtml ul li,
.basketHtml ul ul {
    margin: 0;
    padding: 0
}

.basketHtml .alert-message {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem;
    width: 100%
}

.basketHtml .message-box-wrap {
    margin-bottom: 1rem
}

.basketHtml .message-box-wrap .message-box.success {
    background: var(--alert-success-background);
    border: var(--alert-success-border);
    color: var(--alert-success-color);
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.basketHtml .message-box-wrap .message-box.error {
    background: var(--alert-danger-background);
    border: var(--alert-danger-border);
    color: var(--alert-danger-color);
    font-size: .9rem;
    font-weight: 600;
    margin: .5rem 0;
    padding: 1rem;
    text-align: center
}

.basketHtml .basket-entry .basket-section>div {
    display: flex;
    flex-direction: row;
    gap: 2rem
}

.basketHtml .basket-entry .basket-section>div>div:first-of-type {
    flex-grow: 2
}

.basketHtml .basket-entry .basket-section>div .items-list {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-gray-shade-2);
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: 1rem 0 2rem;
    position: relative
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item:last-child {
    border-bottom: 0
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .column-title {
    display: none
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-image img {
    max-width: 6rem
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features {
    align-items: flex-start;
    display: flex;
    flex-grow: 2;
    gap: 1rem;
    position: relative
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-info {
    width: 60%
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-info .product-name {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-weight: 600
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-info .product-name p {
    font-size: .9rem;
    font-weight: 400
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-info .product-promo .icon-promo {
    cursor: pointer;
    font-size: .9rem;
    padding: .4rem 0 0;
    text-decoration: underline
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group {
    display: flex
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group input {
    width: 4rem
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update {
    background: var(--btn-primary-background);
    color: var(--btn-primary-color);
    cursor: pointer;
    display: block;
    height: 2.5rem;
    line-height: 2rem;
    padding: .2rem 0;
    text-align: center;
    width: 2.5rem
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-refresh)
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update:hover {
    background: var(--btn-primary-hover-background);
    color: var(--btn-primary-hover-color)
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-format {
    width: 10%
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-format .column-value {
    line-height: 2.5rem
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-prices {
    display: flex;
    flex-direction: column-reverse;
    width: 20%
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-prices .product-price {
    font-size: 1rem;
    text-align: right
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-prices .product-price.total {
    font-size: 1.2rem;
    font-weight: 900
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action {
    bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
    position: absolute;
    right: 0
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-remove .icon-trash:after {
    content: var(--icon-delete)
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-modify .icon-modify:after {
    content: var(--icon-note)
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-modify .icon-modify,
.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-remove .icon-trash {
    cursor: pointer;
    line-height: 2.5rem;
    opacity: .5
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-modify .icon-modify:after,
.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-remove .icon-trash:after {
    font-family: remixicon;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-modify .icon-modify:hover,
.basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action .product-remove .icon-trash:hover {
    opacity: 1
}

.basketHtml .basket-entry .basket-section>div .items-list+div {
    max-width: 24rem
}

.basketHtml .basket-entry .basket-section>div button[id$=_btnAggiungi] {
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    color: var(--btn-primary-color);
    font-weight: 600;
    left: 0;
    position: absolute;
    top: .5rem
}

.basketHtml .basket-entry .basket-section>div button[id$=_btnAggiungi]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basketHtml .basket-entry .basket-section>div button[id$=_btnAggiungi]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basketHtml .basket-entry .basket-section>div button[id$=_btnAggiungi]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

@media screen and (max-width:1199px) {
    .basketHtml .basket-entry .basket-section>div {
        flex-direction: column
    }
}

@media screen and (max-width:767px) {
    .basketHtml .basket-entry .basket-section>div {
        flex-direction: column
    }

    .basketHtml .basket-entry .basket-section>div>div:first-of-type {
        width: 100%
    }

    .basketHtml .basket-entry .basket-section>div .items-list .product-item {
        flex-direction: column
    }
}

@media screen and (max-width:575px) {
    .basketHtml .basket-entry .basket-section>div .items-list .product-item .product-image {
        margin: 0 auto
    }

    .basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features {
        flex-flow: row wrap
    }

    .basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-info {
        text-align: center;
        width: 100%
    }

    .basketHtml .basket-entry .basket-section>div .items-list .product-item .product-features .product-prices {
        flex-grow: 2;
        width: auto
    }

    .basketHtml .basket-entry .basket-section>div .items-list .product-item .product-action {
        align-self: flex-end;
        position: relative
    }
}

.basketHtml .basket-entry div[id$=_page_1_footer] {
    width: 24rem !important
}

.basketHtml .basket-entry button[id$=_btnCheckOut] {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    width: 100%
}

.basketHtml .basket-entry div[id$=_DOCOUPON] {
    margin-top: 1.5rem
}

.basketHtml .basket-entry div[id$=_DOCOUPON] label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:after,
.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:before,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:after,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:before,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:after,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:before {
    color: inherit
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=submit]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=button]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:after,
.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:before,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:after,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:before {
    color: inherit
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:hover,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:active,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] button [type=reset]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basketHtml .basket-entry div[id$=_DOCOUPON] input:not([type]),
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=date],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=email],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=number],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=password],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=text],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=time],
.basketHtml .basket-entry div[id$=_DOCOUPON] select,
.basketHtml .basket-entry div[id$=_DOCOUPON] textarea {
    background-color: var(--form-dark-background-color);
    border: 1px solid;
    border-color: var(--form-dark-border-color);
    border-radius: 3px;
    color: var(--form-dark-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.basketHtml .basket-entry div[id$=_DOCOUPON] input:not([type]):disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=date]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=email]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=number]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=password]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=text]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=time]:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] select:disabled,
.basketHtml .basket-entry div[id$=_DOCOUPON] textarea:disabled {
    background-color: var(--form-dark-disabled-background-color);
    border-color: var(--form-dark-disabled-border-color);
    cursor: not-allowed
}

.basketHtml .basket-entry div[id$=_DOCOUPON] input:not([type]):focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=date]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=email]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=number]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=password]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=text]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=time]:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] select:focus,
.basketHtml .basket-entry div[id$=_DOCOUPON] textarea:focus {
    border-color: var(--form-dark-border-color);
    box-shadow: var(--form-dark-focus-box-shadow);
    color: var(--form-dark-focus-color);
    outline: 0
}

.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=date],
.basketHtml .basket-entry div[id$=_DOCOUPON] input[type=time],
.basketHtml .basket-entry div[id$=_DOCOUPON] select {
    cursor: pointer
}

.basketHtml .basket-entry div[id$=_DOCOUPON] label {
    display: none
}

.basketHtml .basket-checkout {
    float: none !important;
    overflow: visible !important;
    position: relative
}

.basketHtml .basket-checkout .title-space {
    display: none
}

.basketHtml .basket-checkout .checkout-box {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem;
    position: relative
}

.basketHtml .basket-checkout .checkout-box h3 {
    padding-right: 2rem
}

.basketHtml .basket-checkout .checkout-box .content {
    font-weight: 600;
    padding: 0 0 .2rem
}

.basketHtml .basket-checkout .checkout-box .icon-modify {
    cursor: pointer;
    position: absolute;
    right: 2rem;
    top: 2rem
}

.basketHtml .basket-checkout .checkout-box .icon-modify:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-edit)
}

.basketHtml .basket-checkout .modify-box-header {
    height: 2rem
}

.basketHtml .basket-checkout .modify-box-header h4 {
    display: none;
    font-weight: 700
}

.basketHtml .basket-checkout .modify-box-main li {
    border-top: 1px solid var(--color-gray-shade-2)
}

.basketHtml .basket-checkout .modify-box-main li:first-of-type {
    border-top: 0
}

.basketHtml .basket-checkout .modify-box-main li label {
    padding: .8rem 0
}

.basketHtml .basket-checkout .modify-box-footer {
    text-align: right
}

.basketHtml .basket-checkout .basket-section {
    display: flex;
    flex-direction: row;
    gap: 2rem
}

.basketHtml .basket-checkout .basket-section>div {
    padding: 0
}

.basketHtml .basket-checkout .basket-section>div .basket-details,
.basketHtml .basket-checkout .basket-section>div .col-basket-promodet,
.basketHtml .basket-checkout .basket-section>div .items-list,
.basketHtml .basket-checkout .basket-section>div .summary-header {
    background: var(--color-white);
    padding: 0 2rem
}

.basketHtml .basket-checkout .basket-section>div .basket-details .col-basket-details,
.basketHtml .basket-checkout .basket-section>div .col-basket-promodet .col-basket-details,
.basketHtml .basket-checkout .basket-section>div .items-list .col-basket-details,
.basketHtml .basket-checkout .basket-section>div .summary-header .col-basket-details {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.basketHtml .basket-checkout .basket-section>div .basket-details .col-basket-details .promotion,
.basketHtml .basket-checkout .basket-section>div .col-basket-promodet .col-basket-details .promotion,
.basketHtml .basket-checkout .basket-section>div .items-list .col-basket-details .promotion,
.basketHtml .basket-checkout .basket-section>div .summary-header .col-basket-details .promotion {
    display: flex;
    flex-flow: row wrap;
    gap: 2rem
}

.basketHtml .basket-checkout .basket-section>div .basket-details .col-basket-details .promotion .title,
.basketHtml .basket-checkout .basket-section>div .col-basket-promodet .col-basket-details .promotion .title,
.basketHtml .basket-checkout .basket-section>div .items-list .col-basket-details .promotion .title,
.basketHtml .basket-checkout .basket-section>div .summary-header .col-basket-details .promotion .title {
    font-weight: 600
}

.basketHtml .basket-checkout .basket-section>div .summary-header {
    border-top-left-radius: var(--border-radius-box);
    border-top-right-radius: var(--border-radius-box);
    padding-top: 2rem
}

.basketHtml .basket-checkout .basket-section>div .summary-header .summary-info .summary-info-item {
    font-weight: 600;
    padding: 0 0 .5rem
}

.basketHtml .basket-checkout .basket-section>div .items-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-bottom: 2rem;
    padding-top: 2rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item {
    background: var(--box-primary-background);
    border: var(--box-primary-border);
    border-radius: var(--border-radius-box);
    color: var(--box-primary-color);
    display: block;
    padding: 1rem 2rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item:first-of-type {
    border-top: 0
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .column-title,
.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-image {
    display: none
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    padding: .5rem 0
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-info {
    width: 50%
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-info .product-name {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    gap: .5rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-info .product-name p {
    font-size: .9rem;
    font-weight: 400
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity {
    text-align: center;
    width: 10%
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group {
    display: flex
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group input {
    width: 4rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update {
    background: var(--color-bg-shade-2);
    cursor: pointer;
    display: block;
    height: 2.5rem;
    line-height: 2rem;
    padding: .2rem 0;
    text-align: center;
    width: 2.5rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update:after {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-refresh)
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .form-group .icon-update:hover {
    background: var(--color-bg-shade-3);
    color: var(--color-black)
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity .column-value {
    background: var(--color-bg-shade-2);
    border-radius: 2rem;
    font-weight: 600;
    padding: .3rem 1rem
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-format {
    width: 10%
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-prices {
    display: flex;
    flex-direction: column-reverse;
    width: 22%
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-prices .product-price {
    font-size: 1.2rem;
    text-align: right
}

.basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-prices .product-price.total {
    font-weight: 900
}

@media screen and (max-width:575px) {
    .basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-info {
        width: 100%
    }

    .basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-quantity {
        width: 16%
    }

    .basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-format {
        width: 25%
    }

    .basketHtml .basket-checkout .basket-section>div .items-list .product-item .product-features .product-prices {
        width: 45%
    }
}

.basketHtml .basket-checkout .basket-section>div .col-basket-promodet {
    padding-bottom: 1rem
}

.basketHtml .basket-checkout .basket-section>div .col-basket-promodet h3 {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0 0 1rem
}

.basketHtml .basket-checkout .basket-section>div .col-basket-promodet span {
    display: block
}

.basketHtml .basket-checkout .basket-section>div .basket-details {
    border-bottom-left-radius: var(--border-radius-box);
    border-bottom-right-radius: var(--border-radius-box);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

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

    .basketHtml .basket-checkout .basket-section>div .basket-details,
    .basketHtml .basket-checkout .basket-section>div .col-basket-promodet,
    .basketHtml .basket-checkout .basket-section>div .items-list,
    .basketHtml .basket-checkout .basket-section>div .summary-header {
        width: 100%
    }
}

.basketHtml .basket-checkout .basket-section .basket-totals {
    gap: 1.5rem
}

.basketHtml .basket-checkout .basket-section .basket-totals .col-data {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.basketHtml .basket-checkout .basket-section .basket-checkout-left {
    flex-grow: 2;
    width: auto
}

.basketHtml .basket-checkout .basket-section .basket-checkout-right {
    width: 24rem
}

.basketHtml .basket-checkout .col-basket-cigcup {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 2rem
}

.basketHtml .basket-checkout .col-basket-cigcup>div:last-child {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.basketHtml .basket-checkout .datedelivery {
    align-items: center;
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: 2rem
}

.basketHtml .basket-checkout .datedelivery .title {
    padding-bottom: 0
}

.basketHtml .basket-checkout .basket-checkout-notes {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-bottom: 2rem;
    padding: 2rem;
    width: 100%
}

.basketHtml .basket-checkout .basket-checkout-notes textarea {
    background: var(--colo-white);
    border: 1px solid var(--color-black);
    height: 6rem;
    width: 100%
}

.basketHtml .basket-checkout button[id$=_btnCancelPag2] {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    font-size: .9rem;
    font-weight: 600
}

.basketHtml .basket-checkout button[id$=_btnCancelPag2]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basketHtml .basket-checkout button[id$=_btnCancelPag2]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basketHtml .basket-checkout button[id$=_btnCancelPag2]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basketHtml .basket-checkout button[id$=_btnBackToCart] {
    align-items: center;
    display: flex;
    gap: .2rem;
    left: 0;
    position: absolute;
    top: -2.5rem
}

.basketHtml .basket-checkout button[id$=_btnBackToCart]:before {
    font-family: remixicon;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-goback)
}

.basketHtml .basket-checkout button[id$=_btnBackToCart]:hover {
    text-decoration: none !important
}

.basketHtml .basket-totals {
    display: flex;
    flex-direction: column
}

.basketHtml .basket-totals .col-totals {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: 2rem
}

.basketHtml .basket-totals .col-data .content {
    font-weight: 600
}

.basketHtml .basket-totals .col-totals .col-prices {
    border-bottom: 1px solid var(--color-gray-shade-2);
    padding: 0 0 1.5rem
}

.basketHtml .basket-totals .col-totals .col-prices .prices-list {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.basketHtml .basket-totals .col-totals .col-prices .prices-list li {
    display: flex;
    justify-content: space-between
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-total {
    display: flex;
    flex-direction: column
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-total .big-label-price {
    display: flex;
    font-size: 1.2rem;
    font-weight: 900;
    justify-content: space-between;
    padding: 1.5rem 0
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links {
    display: flex;
    flex-flow: row wrap
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-primary {
    background: var(--btn-secondary-background);
    border: var(--btn-secondary-border);
    color: var(--btn-secondary-color);
    font-weight: 600;
    width: 100%
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-primary:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-primary:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-primary:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-secondary {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    font-weight: 600;
    padding: 0
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-secondary:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-secondary:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn.btn-secondary:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basketHtml .basket-totals .col-totals .col-buttons .basket-links .btn {
    margin-bottom: 1rem
}

@media screen and (max-width:767px) {
    .basketHtml .basket-totals {
        width: 100%
    }
}

.basketHtml .basket-links {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    justify-content: flex-start;
    margin-top: 1.5rem
}

.basketHtml .basket-links .btn.btn-secondary {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    font-weight: 600;
    padding: 0
}

.basketHtml .basket-links .btn.btn-secondary:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basketHtml .basket-links .btn.btn-secondary:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basketHtml .basket-links .btn.btn-secondary:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basketHtml .btn-primary {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1.2rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    margin: 0;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.basketHtml .btn-primary:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basketHtml .btn-primary:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basketHtml .btn-primary:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basketHtml .btn-primary:after,
.basketHtml .btn-primary:before {
    color: inherit
}

.basketHtml .btn-primary:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basketHtml .btn-primary:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basketHtml .btn-primary:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.basket.editRowHtml label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.basket.editRowHtml button [type=submit],
.basket.editRowHtml input[type=button],
.basket.editRowHtml input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basket.editRowHtml button [type=submit]:hover,
.basket.editRowHtml input[type=button]:hover,
.basket.editRowHtml input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basket.editRowHtml button [type=submit]:active,
.basket.editRowHtml input[type=button]:active,
.basket.editRowHtml input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basket.editRowHtml button [type=submit]:disabled,
.basket.editRowHtml input[type=button]:disabled,
.basket.editRowHtml input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basket.editRowHtml button [type=submit]:after,
.basket.editRowHtml button [type=submit]:before,
.basket.editRowHtml input[type=button]:after,
.basket.editRowHtml input[type=button]:before,
.basket.editRowHtml input[type=submit]:after,
.basket.editRowHtml input[type=submit]:before {
    color: inherit
}

.basket.editRowHtml button [type=submit]:hover,
.basket.editRowHtml input[type=button]:hover,
.basket.editRowHtml input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basket.editRowHtml button [type=submit]:active,
.basket.editRowHtml input[type=button]:active,
.basket.editRowHtml input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basket.editRowHtml button [type=submit]:disabled,
.basket.editRowHtml input[type=button]:disabled,
.basket.editRowHtml input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.basket.editRowHtml button [type=reset],
.basket.editRowHtml input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basket.editRowHtml button [type=reset]:hover,
.basket.editRowHtml input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basket.editRowHtml button [type=reset]:active,
.basket.editRowHtml input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basket.editRowHtml button [type=reset]:disabled,
.basket.editRowHtml input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basket.editRowHtml button [type=reset]:after,
.basket.editRowHtml button [type=reset]:before,
.basket.editRowHtml input[type=reset]:after,
.basket.editRowHtml input[type=reset]:before {
    color: inherit
}

.basket.editRowHtml button [type=reset]:hover,
.basket.editRowHtml input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basket.editRowHtml button [type=reset]:active,
.basket.editRowHtml input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basket.editRowHtml button [type=reset]:disabled,
.basket.editRowHtml input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basket.editRowHtml input:not([type]),
.basket.editRowHtml input[type=date],
.basket.editRowHtml input[type=email],
.basket.editRowHtml input[type=number],
.basket.editRowHtml input[type=password],
.basket.editRowHtml input[type=text],
.basket.editRowHtml input[type=time],
.basket.editRowHtml select,
.basket.editRowHtml textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 2.8rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.basket.editRowHtml input:not([type]):disabled,
.basket.editRowHtml input[type=date]:disabled,
.basket.editRowHtml input[type=email]:disabled,
.basket.editRowHtml input[type=number]:disabled,
.basket.editRowHtml input[type=password]:disabled,
.basket.editRowHtml input[type=text]:disabled,
.basket.editRowHtml input[type=time]:disabled,
.basket.editRowHtml select:disabled,
.basket.editRowHtml textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.basket.editRowHtml input:not([type]):focus,
.basket.editRowHtml input[type=date]:focus,
.basket.editRowHtml input[type=email]:focus,
.basket.editRowHtml input[type=number]:focus,
.basket.editRowHtml input[type=password]:focus,
.basket.editRowHtml input[type=text]:focus,
.basket.editRowHtml input[type=time]:focus,
.basket.editRowHtml select:focus,
.basket.editRowHtml textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.basket.editRowHtml input[type=date],
.basket.editRowHtml input[type=time],
.basket.editRowHtml select {
    cursor: pointer
}

.basket.editRowHtml .row {
    margin: 0
}

.basket.editRowHtml .col-12 {
    padding: 0
}

.basket.editRowHtml .box {
    background: none;
    border-radius: 0;
    padding-bottom: 0;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-top: 0
}

.basket.editRowHtml .edit-row-section {
    display: flex;
    flex-direction: column
}

.basket.editRowHtml .edit-row-section .form-group {
    align-items: center;
    display: flex;
    margin-bottom: 1rem
}

.basket.editRowHtml .edit-row-section .form-group .input {
    align-items: center;
    display: flex;
    gap: .3rem
}

.basket-prom {
    height: auto !important;
    padding: 0 0 1rem
}

.basket-prom .title {
    font-size: 1.4rem
}

.basket-prom .grid {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin-bottom: 1.5rem;
    padding: 0
}

.basket-prom .grid .grid-row {
    background: var(--color-bg-shade-1);
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem
}

.basket-prom .grid .grid-row .des a {
    font-weight: 600
}

.basket-prom .prom-button {
    display: none
}

.selectionCigCup .titleSelection {
    position: relative !important;
    width: 100% !important
}

.selectionCigCup .grid {
    position: relative !important;
    top: 0 !important
}

.selectionCigCup .grid table[id$=_gridContr] thead {
    background: var(--color-bg-shade-2);
    border-bottom: 1px solid var(--color-bg-shade-2)
}

.selectionCigCup .grid table[id$=_gridContr] .grid_row,
.selectionCigCup .grid table[id$=_gridContr] .grid_rowodd {
    border-bottom: 1px solid var(--color-bg-shade-2);
    cursor: pointer
}

.selectionCigCup .grid table[id$=_gridContr] .grid_row.grid_rowselected:hover,
.selectionCigCup .grid table[id$=_gridContr] .grid_row:hover,
.selectionCigCup .grid table[id$=_gridContr] .grid_rowodd.grid_rowselected:hover,
.selectionCigCup .grid table[id$=_gridContr] .grid_rowodd:hover {
    background: var(--color-bg-shade-1)
}

.selectionCigCup .grid table[id$=_gridContr] .grid_row.grid_rowselected td>div,
.selectionCigCup .grid table[id$=_gridContr] .grid_rowodd.grid_rowselected td>div {
    font-weight: 600
}

.selectionCigCup .grid table[id$=_gridContr] .grid_row,
.selectionCigCup .grid table[id$=_gridContr] .grid_rowodd {
    background: var(--color-white)
}

.selectionCigCup .btn.btn-primary,
.selectionCigCup a.button {
    bottom: 0 !important;
    height: auto;
    width: 10rem
}

.selectionCigCup input[id$=_btnCancel] {
    background: var(--btn-clear-background);
    border: var(--btn-clear-border);
    color: var(--btn-clear-color);
    right: 10.5rem
}

.selectionCigCup input[id$=_btnCancel]:hover {
    background: var(--btn-clear-hover-background);
    border: var(--btn-clear-hover-border);
    color: var(--btn-clear-hover-color);
    -webkit-text-decoration: var(--btn-clear-hover-text-decoration);
    text-decoration: var(--btn-clear-hover-text-decoration)
}

.selectionCigCup input[id$=_btnCancel]:active {
    background: var(--btn-clear-active-background);
    border: var(--btn-clear-active-border);
    color: var(--btn-clear-active-color)
}

.selectionCigCup input[id$=_btnCancel]:disabled {
    background: var(--btn-clear-disabled-background);
    border: var(--btn-clear-disabled-border);
    color: var(--btn-clear-disabled-color);
    -webkit-text-decoration: var(--btn-clear-disabled-text-decoration);
    text-decoration: var(--btn-clear-disabled-text-decoration)
}

.selectionCigCup input[id$=_btnSelect] {
    right: 0
}

.basket.addressHtml label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.basket.addressHtml button [type=submit],
.basket.addressHtml input[type=button],
.basket.addressHtml input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basket.addressHtml button [type=submit]:hover,
.basket.addressHtml input[type=button]:hover,
.basket.addressHtml input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basket.addressHtml button [type=submit]:active,
.basket.addressHtml input[type=button]:active,
.basket.addressHtml input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basket.addressHtml button [type=submit]:disabled,
.basket.addressHtml input[type=button]:disabled,
.basket.addressHtml input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basket.addressHtml button [type=submit]:after,
.basket.addressHtml button [type=submit]:before,
.basket.addressHtml input[type=button]:after,
.basket.addressHtml input[type=button]:before,
.basket.addressHtml input[type=submit]:after,
.basket.addressHtml input[type=submit]:before {
    color: inherit
}

.basket.addressHtml button [type=submit]:hover,
.basket.addressHtml input[type=button]:hover,
.basket.addressHtml input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basket.addressHtml button [type=submit]:active,
.basket.addressHtml input[type=button]:active,
.basket.addressHtml input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basket.addressHtml button [type=submit]:disabled,
.basket.addressHtml input[type=button]:disabled,
.basket.addressHtml input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.basket.addressHtml button [type=reset],
.basket.addressHtml input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.basket.addressHtml button [type=reset]:hover,
.basket.addressHtml input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basket.addressHtml button [type=reset]:active,
.basket.addressHtml input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basket.addressHtml button [type=reset]:disabled,
.basket.addressHtml input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basket.addressHtml button [type=reset]:after,
.basket.addressHtml button [type=reset]:before,
.basket.addressHtml input[type=reset]:after,
.basket.addressHtml input[type=reset]:before {
    color: inherit
}

.basket.addressHtml button [type=reset]:hover,
.basket.addressHtml input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.basket.addressHtml button [type=reset]:active,
.basket.addressHtml input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.basket.addressHtml button [type=reset]:disabled,
.basket.addressHtml input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.basket.addressHtml input:not([type]),
.basket.addressHtml input[type=date],
.basket.addressHtml input[type=email],
.basket.addressHtml input[type=number],
.basket.addressHtml input[type=password],
.basket.addressHtml input[type=text],
.basket.addressHtml input[type=time],
.basket.addressHtml select,
.basket.addressHtml textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 2.8rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.basket.addressHtml input:not([type]):disabled,
.basket.addressHtml input[type=date]:disabled,
.basket.addressHtml input[type=email]:disabled,
.basket.addressHtml input[type=number]:disabled,
.basket.addressHtml input[type=password]:disabled,
.basket.addressHtml input[type=text]:disabled,
.basket.addressHtml input[type=time]:disabled,
.basket.addressHtml select:disabled,
.basket.addressHtml textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.basket.addressHtml input:not([type]):focus,
.basket.addressHtml input[type=date]:focus,
.basket.addressHtml input[type=email]:focus,
.basket.addressHtml input[type=number]:focus,
.basket.addressHtml input[type=password]:focus,
.basket.addressHtml input[type=text]:focus,
.basket.addressHtml input[type=time]:focus,
.basket.addressHtml select:focus,
.basket.addressHtml textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.basket.addressHtml input[type=date],
.basket.addressHtml input[type=time],
.basket.addressHtml select {
    cursor: pointer
}

.basket.addressHtml .wrapper {
    display: flex;
    flex-direction: column
}

.basket.addressHtml .wrapper .row {
    margin: 0
}

.basket.addressHtml .title-space+div>div {
    display: flex;
    flex-direction: row-reverse;
    gap: .5rem;
    width: auto
}

.basket.addressHtml input[type=checkbox] {
    display: inline-block
}

.basket.addressHtml .new-address-section {
    padding: 1rem 0 0
}

.basket.addressHtml .new-address-section .form-group {
    margin-bottom: 5px
}

.basket.addressHtml .new-address-section .form-group>div[class^=col] {
    position: relative
}

.basket.addressHtml .new-address-section .form-group .labelAsterisk {
    margin-top: .3rem;
    padding: 0;
    text-align: left
}

.basket.addressHtml .new-address-section .form-group span[id*=_autosuggestCity_wrp] {
    height: 2rem !important;
    left: 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important
}

.basket.addressHtml .new-address-section .form-group textarea[id*=autosuggestCity] {
    height: 2.8rem !important;
    line-height: 1.8rem;
    min-height: 2.8rem
}

.basket.addressHtml .new-address-section .form-group .city_sw {
    background-color: var(--color-bg-shade-1);
    border: 1px solid var(--color-bg-shade-2);
    left: .8rem !important;
    padding: 1rem !important;
    top: 2.8rem !important;
    width: calc(100% - 1.6rem) !important
}

.basket.addressHtml .new-address-section .form-group .city_sw .over {
    color: var(--color-gray-shade-4)
}

.basket.addressHtml .new-address-section .form-group .city_sw li {
    width: 100% !important
}

.basket.addressHtml .button {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.basket.addressHtml .button:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.basket.addressHtml .button:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.basket.addressHtml .button:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.basket.addressHtml .button:after,
.basket.addressHtml .button:before {
    color: inherit
}

.basket.addressHtml .button:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.basket.addressHtml .button:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.basket.addressHtml .button:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.gsec_fe_basket_msg_container {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.total-basket {
    position: relative
}

.total-basket .gadget .link-icon {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.total-basket .gadget .link {
    display: flex;
    flex-direction: column;
    width: 3.3rem
}

.total-basket .gadget .link-text {
    display: none;
    font-size: .8rem;
    font-weight: 600;
    height: 0;
    padding: 0
}

.total-basket .gadget .link-icon.basket:before {
    content: var(--icon-basket)
}

.total-basket .basket-quantity-wrap {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 50%;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 1.25rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0;
    position: absolute;
    right: .2rem;
    text-align: center;
    top: 1rem;
    width: 1.25rem;
    z-index: 1
}

.total-basket .basket-quantity-wrap:after,
.total-basket .basket-quantity-wrap:before {
    color: inherit
}

.total-basket .basketTotalLayer {
    background: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 1rem;
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2);
    height: auto !important;
    left: 50% !important;
    margin-left: -9rem !important;
    padding: 1.25rem;
    position: absolute;
    text-align: left;
    top: 3.125rem !important;
    width: 18rem !important;
    z-index: 10001 !important
}

.total-basket .basketTotalLayer .title {
    display: flex;
    justify-content: space-between
}

.total-basket .basketTotalLayer .title h5 {
    font-weight: 700
}

.total-basket .basketTotalLayer .title .number-items {
    font-size: .8rem
}

@media screen and (max-width:991px) {
    .total-basket .basketTotalLayer {
        left: auto !important;
        right: 0 !important
    }
}

.total-basket .total-basket-list {
    display: flex;
    flex-direction: column;
    height: auto !important;
    min-height: auto !important
}

.total-basket .total-basket-list>div:first-child {
    max-height: 21rem;
    overflow-y: scroll
}

.total-basket .total-basket-list .listitem {
    border-top: 1px solid var(--color-gray-shade-2);
    display: flex;
    flex-flow: row wrap;
    gap: .3rem;
    justify-content: space-between;
    padding: .375rem 0;
    width: 100%
}

.total-basket .total-basket-list .listitem:first-of-type {
    border-top: 0
}

.total-basket .total-basket-list .listitem .image {
    width: 3rem
}

.total-basket .total-basket-list .listitem .itemrow {
    align-items: center;
    display: flex;
    gap: .625rem;
    justify-content: flex-end;
    width: 100%
}

.total-basket .total-basket-list .listitem .itemrow:first-of-type {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 4rem)
}

.total-basket .total-basket-list .listitem .itemrow .descri {
    color: var(--color-black);
    font-size: .9rem
}

.total-basket .total-basket-list .listitem .itemrow .edit,
.total-basket .total-basket-list .listitem .itemrow .remove,
.total-basket .total-basket-list .listitem .itemrow .wishlist {
    color: var(--color-gray-shade-4);
    display: inline-block;
    font-size: .9rem
}

.total-basket .total-basket-list .listitem .itemrow .edit:before,
.total-basket .total-basket-list .listitem .itemrow .remove:before,
.total-basket .total-basket-list .listitem .itemrow .wishlist:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.total-basket .total-basket-list .listitem .itemrow .remove:before {
    content: var(--icon-delete)
}

.total-basket .total-basket-list .listitem .itemrow .price {
    font-size: .9rem;
    font-weight: 700;
    white-space: nowrap
}

.total-basket .total-basket-list .listitem .itemrow .qta {
    display: block;
    font-size: .8rem;
    margin: 0
}

.total-basket .total-basket-list .listfooter {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.total-basket .total-basket-list .listfooter .total {
    background: var(--color-bg-shade-1);
    font-size: .8rem;
    margin: 0 0 .5rem;
    padding: .8rem;
    position: relative
}

.total-basket .total-basket-list .listfooter .total span {
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    right: .8rem
}

.total-basket .total-basket-list .listfooter .gotobasket {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.total-basket .total-basket-list .listfooter .gotobasket:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.total-basket .total-basket-list .listfooter .gotobasket:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.total-basket .total-basket-list .listfooter .gotobasket:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.total-basket .total-basket-list .listfooter .gotobasket:after,
.total-basket .total-basket-list .listfooter .gotobasket:before {
    color: inherit
}

.total-basket .total-basket-list .listfooter .gotobasket:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.total-basket .total-basket-list .listfooter .gotobasket:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.total-basket .total-basket-list .listfooter .gotobasket:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.total-basket .total-basket-list ::-webkit-scrollbar {
    width: .8rem
}

.total-basket .total-basket-list ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1rem
}

.total-basket .total-basket-list ::-webkit-scrollbar-thumb {
    background: var(--color-gray-shade-2);
    border-radius: 1rem
}

.total-basket .total-basket-list ::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-shade-3)
}

.promo-products.html .slide .products {
    display: flex;
    flex-wrap: wrap;
    gap: 4%
}

.promo-products.html .slide .products .product {
    background-color: var(--color-bg-shade-1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 24rem;
    padding: 2rem
}

.promo-products.html .slide .products .product .promotion {
    margin: 0 0 2rem;
    position: relative
}

.promo-products.html .slide .products .product .promotion .details .title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 1rem
}

.promo-products.html .slide .products .product .promotion .details .subtitle {
    display: none
}

.promo-products.html .slide .products .product .promotion .details .effect {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 1rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .8rem;
    font-weight: 700;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    padding: .2rem .5rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: -1.2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.promo-products.html .slide .products .product .promotion .details .effect:after,
.promo-products.html .slide .products .product .promotion .details .effect:before {
    color: inherit
}

.promo-products.html .slide .products .product .product-image img {
    max-height: 12.5rem
}

.promo-products.html .slide .products .product .product-text {
    display: flex;
    flex-direction: column;
    width: 100%
}

.promo-products.html .slide .products .product .product-text .product-info {
    margin: 1.5rem 0;
    text-align: center
}

.promo-products.html .slide .products .product .product-text .product-info .product-name {
    font-size: 1rem;
    font-weight: 600;
    width: auto
}

.promo-products.html .slide .products .product .product-text .product-info .product-name:hover {
    color: var(--color-primary)
}

.promo-products.html .slide .products .product .product-text .product-info .description {
    display: block;
    height: 1rem;
    overflow: hidden
}

.promo-products.html .slide .products .product .product-text .product-info .product-prices {
    gap: 1rem;
    justify-content: center;
    margin: 1rem 0 0
}

.promo-products.html .slide .products .product .product-text .product-info .product-prices .price-compare {
    font-size: 1.2rem
}

.promo-products.html .slide .products .product .product-text .product-info .product-prices .end-price {
    font-size: 1.4rem
}

.promo-products.html .slide .products .product .product-links,
.promo-products.html .slide .products .product .product-text .product-info .product-prices .price-weight {
    display: none
}

@media screen and (max-width:991px) {
    .promo-products.html .slide .products .product {
        margin: 1rem auto
    }
}

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

.promo-detail.html .gadget .promotion {
    background: var(--color-bg-shade-1);
    display: flex;
    flex-direction: row
}

.promo-detail.html .gadget .promotion .promotion-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8%;
    width: 50%
}

.promo-detail.html .gadget .promotion .promotion-text .title {
    order: 2;
    padding: 1.5rem 0
}

.promo-detail.html .gadget .promotion .promotion-text .subtitle {
    order: 3;
    padding: 0 0 1.5rem
}

.promo-detail.html .gadget .promotion .promotion-text .effect {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 1rem;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 700;
    height: auto;
    justify-content: center;
    line-height: 1.25rem;
    order: 1;
    padding: .5rem 1rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.promo-detail.html .gadget .promotion .promotion-text .effect:after,
.promo-detail.html .gadget .promotion .promotion-text .effect:before {
    color: inherit
}

.promo-detail.html .gadget .promotion .promotion-text .description {
    font-size: 1.2rem;
    order: 4
}

.promo-detail.html .gadget .promotion .promotion-image {
    width: 50%
}

.promo-detail.html .gadget .promotion .promotion-image img {
    height: 100%
}

@media screen and (max-width:767px) {
    .promo-detail.html .gadget .promotion {
        flex-direction: column
    }

    .promo-detail.html .gadget .promotion .promotion-image,
    .promo-detail.html .gadget .promotion .promotion-text {
        width: 100%
    }
}

.promo-detail.html .gadget .products-container {
    padding: 3rem 0
}

.promo-detail.html .gadget .filters-wrapper {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    font-size: .9rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding-bottom: .625rem
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper {
    align-items: center;
    display: flex
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview {
    align-items: flex-end;
    justify-content: flex-start
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span {
    cursor: pointer;
    font-family: remixicon;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black)
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span.grid-view:after {
    content: var(--icon-view-grid)
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span.list-view:after {
    content: var(--icon-view-list)
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span.grid-view.active,
.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span.list-view.active,
.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .pageview span:hover {
    background: var(--color-bg-shade-2)
}

.promo-detail.html .gadget .filters-wrapper .pageview-wrapper .number-results {
    font-size: .8rem;
    font-weight: 600;
    margin-left: 1.25rem
}

.promo-detail.html .gadget .filters-wrapper label {
    font-weight: 600
}

.promo-detail.html .gadget .filters-wrapper .sort-wrapper {
    align-items: flex-start;
    align-self: flex-end;
    display: flex
}

.promo-detail.html .gadget .filters-wrapper .sort-wrapper .number-display,
.promo-detail.html .gadget .filters-wrapper .sort-wrapper .sort-results {
    align-items: center;
    display: flex;
    margin-right: 1.25rem
}

.promo-detail.html .gadget .filters-wrapper .sort-wrapper label {
    margin-right: 1.25rem
}

.promo-detail.html .gadget .items-grid-layout {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    gap: 3%;
    justify-content: space-around
}

.promo-detail.html .gadget .items-grid-layout .product {
    width: 22%
}

.promo-detail.html .gadget .items-grid-layout .product:after {
    background: var(--color-bg-shade-2);
    content: "";
    height: 100%;
    position: absolute;
    right: -1.5rem;
    width: 1px
}

.promo-detail.html .gadget .items-grid-layout .product .price-weight,
.promo-detail.html .gadget .items-grid-layout .product .product-conv {
    display: none
}

@media screen and (max-width:1199px) {
    .promo-detail.html .gadget .items-grid-layout .product {
        width: 30%
    }
}

@media screen and (max-width:991px) {
    .promo-detail.html .gadget .items-grid-layout .product {
        width: 47%
    }
}

@media screen and (max-width:575px) {
    .promo-detail.html .gadget .items-grid-layout .product {
        width: 100%
    }
}

.promo-detail.html .gadget .items-list-layout {
    display: flex;
    flex-flow: column wrap;
    gap: 1.5rem
}

.promo-detail.html .gadget .items-list-layout .product {
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
    position: relative;
    width: 100%
}

.promo-detail.html .gadget .items-list-layout .product:after {
    background: var(--color-bg-shade-2);
    bottom: -1.5rem;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.promo-detail.html .gadget .items-list-layout .product .product-tile-top {
    width: 2rem
}

.promo-detail.html .gadget .items-list-layout .product .product-tile-top .product-badges.offers {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.promo-detail.html .gadget .items-list-layout .product .product-tile-top .product-badges.utilities {
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 1.25rem;
    position: absolute;
    text-align: center;
    top: 1.25rem;
    z-index: 1
}

.promo-detail.html .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .compare,
.promo-detail.html .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .favourite {
    padding: .2rem
}

.promo-detail.html .gadget .items-list-layout .product .product-tile-top .product-badges.utilities .favourite {
    border-top: 0
}

.promo-detail.html .gadget .items-list-layout .product .product-image {
    width: 15%
}

.promo-detail.html .gadget .items-list-layout .product .product-info {
    width: 45%
}

.promo-detail.html .gadget .items-list-layout .product .product-info .product-name h3 {
    font-size: 1.2rem;
    margin: 0 0 1rem
}

.promo-detail.html .gadget .items-list-layout .product .product-info .description {
    display: block;
    font-size: .9rem;
    line-height: 1.1rem;
    max-height: 5.5rem;
    overflow: hidden
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase {
    display: flex;
    flex-direction: column;
    padding: 3rem 0 0;
    width: 40%
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-prices {
    gap: 1rem;
    justify-content: flex-end;
    order: 2
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-prices .end-price {
    order: 2
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-prices .prev-price {
    order: 1
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-availabilities {
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-end;
    order: 1
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-add {
    display: flex;
    flex-direction: row;
    gap: .2rem;
    justify-content: flex-end;
    order: 3
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-add .product-quantity {
    flex-grow: 2;
    gap: .2rem;
    margin: 0
}

.promo-detail.html .gadget .items-list-layout .product .product-purchase .product-add .add-to-basket a {
    height: 2.5rem;
    padding: 0 1rem
}

@media screen and (max-width:991px) {
    .promo-detail.html .gadget .items-list-layout .product {
        flex-flow: row wrap;
        gap: 1rem
    }

    .promo-detail.html .gadget .items-list-layout .product .product-tile-top {
        width: 0
    }

    .promo-detail.html .gadget .items-list-layout .product .product-image {
        padding: 2rem 0 0;
        width: 25%
    }

    .promo-detail.html .gadget .items-list-layout .product .product-info {
        padding: 2rem 0 0;
        width: 60%
    }

    .promo-detail.html .gadget .items-list-layout .product .product-purchase {
        padding: 0;
        width: 100%
    }

    .promo-detail.html .gadget .items-list-layout .product .product-purchase .product-add {
        flex-direction: column
    }
}

.promo-detail.html .gadget .pagination-rapper {
    padding: .6rem 0
}

.promo-list.html .title {
    display: flex
}

.promo-list.html .title h2 {
    font-size: 1rem;
    font-weight: 600;
    text-align: left
}

.promo-list.html .slide .promotions {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    height: 100%;
    padding-left: 0
}

.promo-list.html .slide .promotions .promoInfo {
    align-items: stretch;
    background-color: var(--box-primary-background);
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    height: calc(100% - 2.4rem);
    justify-content: space-between;
    margin: 1.2rem auto;
    max-width: 17rem;
    min-width: calc(20% - 2.8rem);
    padding: 2rem;
    position: relative
}

.promo-list.html .slide .promotions .promoInfo .promo-badges {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

.promo-list.html .slide .promotions .promoInfo .promo-badges span {
    align-items: center;
    background: var(--badge-secondary-background);
    border: var(--badge-secondary-border);
    border-radius: 0;
    color: var(--badge-secondary-color);
    display: flex;
    font-size: .9rem;
    font-weight: 600;
    height: 1.8rem;
    justify-content: center;
    line-height: 1.25rem;
    padding: 0 .6rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.promo-list.html .slide .promotions .promoInfo .promo-badges span:after,
.promo-list.html .slide .promotions .promoInfo .promo-badges span:before {
    color: inherit
}

.promo-list.html .slide .promotions .promoInfo .title {
    justify-content: center
}

.promo-list.html .slide .promotions .promoInfo .title h3 {
    color: var(--box-primary-color);
    font-size: 1.7rem;
    font-weight: 900;
    padding: 1rem 0;
    text-align: center
}

.promo-list.html .slide .promotions .promoInfo .subtitle {
    display: none
}

.promo-list.html .slide .promotions .promoInfo .effect {
    align-items: center;
    background: var(--badge-background);
    border: var(--badge-border);
    border-radius: 0;
    color: var(--badge-color);
    display: flex;
    flex-direction: row;
    font-size: .9rem;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 1.25rem;
    margin: 1rem 0;
    padding: .5rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%
}

.promo-list.html .slide .promotions .promoInfo .effect:after,
.promo-list.html .slide .promotions .promoInfo .effect:before {
    color: inherit
}

.promo-list.html .slide .promotions .promoInfo.img .effect {
    opacity: .8
}

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

ul.topmenu li,
ul.topmenu ul,
ul.topmenu ul li,
ul.topmenu ul ul {
    margin: 0;
    padding: 0
}

.dropdown ul {
    float: left;
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 1rem;
    width: 33%
}

.dropdown ul li,
.dropdown ul ul {
    margin: 0;
    padding: 0
}

.dropdown ul ul {
    display: none
}

.dropdown ul:not(.topmenu) {
    border-left: 1px solid var(--color-gray-shade-2)
}

.dropdown ul li a {
    color: var(--color-black);
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding: 0 1rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown ul li:hover {
    background: var(--color-bg-shade-1);
    font-weight: 700;
    text-decoration: underline
}

.dropdown ul li:hover:after {
    border-color: var(--color-black) !important
}

.dropdown ul li.parent {
    position: relative
}

.dropdown ul li.parent:after {
    border-bottom: 2px solid var(--color-gray-shade-2);
    border-right: 2px solid var(--color-gray-shade-2);
    content: "";
    display: block;
    font-size: 2rem;
    height: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    transform: rotate(-45deg);
    width: .5rem
}

.dropdown ul li.parent a {
    margin-right: 2.5rem
}

.categoryMenuFlat,
.categoryMenuFlat .menuview_flat,
.categoryMenuFlat>div,
.categoryMenuHorizontal,
.categoryMenuHorizontal .menuview_horizontal,
.categoryMenuHorizontal>div,
.categoryMenuVertical,
.categoryMenuVertical .menuview_vertical,
.categoryMenuVertical>div {
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: auto;
    position: static !important;
    width: 100% !important
}

.categoryMenuFlat .menuview_flat,
.categoryMenuHorizontal .menuview_horizontal,
.categoryMenuVertical .menuview_vertical {
    display: flex !important
}

.col-sidebar .categoryMenuHorizontal ul.topmenu {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 2rem
}

.col-sidebar .categoryMenuHorizontal ul.topmenu>li {
    display: inline-block;
    margin: 0 1rem 1rem 0
}

.col-sidebar .categoryMenuHorizontal ul.topmenu>li>a {
    font-size: 1.2rem
}

.col-sidebar .categoryMenuHorizontal ul.topmenu>li>a.selected {
    font-weight: 600
}

.col-sidebar .categoryMenuHorizontal ul.topmenu>li>ul {
    display: none
}

.col-sidebar .categoryMenuFlat ul.topmenu,
.col-sidebar .categoryMenuVertical ul.topmenu {
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem
}

.col-sidebar .categoryMenuFlat ul.topmenu>li,
.col-sidebar .categoryMenuVertical ul.topmenu>li {
    display: inline-block;
    margin: 0 0 2rem
}

.col-sidebar .categoryMenuFlat ul.topmenu>li>a,
.col-sidebar .categoryMenuVertical ul.topmenu>li>a {
    font-size: 1.4rem
}

.col-sidebar .categoryMenuFlat ul.topmenu>li>a.selected,
.col-sidebar .categoryMenuVertical ul.topmenu>li>a.selected {
    font-weight: 600
}

.col-sidebar .categoryMenuFlat ul.topmenu>li>ul,
.col-sidebar .categoryMenuVertical ul.topmenu>li>ul {
    display: none
}

.col-sidebar .categoryMenuFlat ul.topmenu li.active a,
.col-sidebar .categoryMenuVertical ul.topmenu li.active a {
    font-weight: 600
}

.col-sidebar .categoryMenuAccordion {
    min-width: auto !important;
    width: auto !important
}

.col-sidebar .categoryMenuAccordion div>ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 2rem;
    padding: 0
}

.col-sidebar .categoryMenuAccordion div>ul li,
.col-sidebar .categoryMenuAccordion div>ul ul {
    margin: 0;
    padding: 0
}

.col-sidebar .categoryMenuAccordion div>ul>li {
    display: inline-block;
    margin: 0 0 1rem
}

.col-sidebar .categoryMenuAccordion div>ul>li>a {
    font-size: 1.4rem;
    margin: 0 0 1.5rem
}

.col-sidebar .categoryMenuAccordion div>ul>li>a.selected {
    font-weight: 600
}

.col-sidebar .categoryMenuAccordion div>ul>li>ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0 0 0 .5rem;
    padding: 0
}

.col-sidebar .categoryMenuAccordion div>ul>li>ul li,
.col-sidebar .categoryMenuAccordion div>ul>li>ul ul {
    margin: 0;
    padding: 0
}

.col-sidebar .categoryMenuAccordion div>ul>li>ul li {
    display: inline-block;
    margin: 0 0 1rem
}

.col-sidebar .categoryMenuAccordion div>ul>li>ul li a {
    font-size: 1rem
}

.col-sidebar .categoryMenuAccordion div>ul a {
    display: block
}

.col-sidebar .categoryMenuAccordion div>ul a.subMenu {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.col-sidebar .categoryMenuAccordion div>ul a.subMenu:after {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-arrow-down-s)
}

.col-sidebar .categoryMenuAccordion div>ul a.subMenu.active:after {
    content: var(--icon-arrow-up-s)
}

.search .gadget {
    display: flex
}

.search .search-input {
    display: flex;
    flex: 1 1 0;
    white-space: nowrap
}

.search .search-input span {
    display: flex;
    flex-grow: 4
}

.search .search-input input[type=text] {
    background: var(--color-bg-shade-2);
    border: 0;
    width: 100%
}

.search .search-input .search-button {
    background: var(--btn-background);
    background: var(--btn-secondary-background);
    background-image: url(../img/search-line.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--btn-color);
    color: var(--btn-secondary-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    height: auto;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-in-out !important;
    width: 3.125rem
}

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

.search .search-input .search-button:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.search .search-input .search-button:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.search .search-input .search-button:after,
.search .search-input .search-button:before {
    color: inherit
}

.search .search-input .search-button:hover {
    background: var(--btn-secondary-hover-background);
    border: var(--btn-secondary-hover-border);
    color: var(--btn-secondary-hover-color);
    -webkit-text-decoration: var(--btn-secondary-hover-text-decoration);
    text-decoration: var(--btn-secondary-hover-text-decoration)
}

.search .search-input .search-button:active {
    background: var(--btn-secondary-active-background);
    border: var(--btn-secondary-active-border);
    color: var(--btn-secondary-active-color)
}

.search .search-input .search-button:disabled {
    background: var(--btn-secondary-disabled-background);
    border: var(--btn-secondary-disabled-border);
    color: var(--btn-secondary-disabled-color);
    -webkit-text-decoration: var(--btn-secondary-disabled-text-decoration);
    text-decoration: var(--btn-secondary-disabled-text-decoration)
}

.search .search-input .search-button:focus,
.search .search-input .search-button:hover {
    background-image: url(../img/search-line.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    box-shadow: none
}

.search .suggester {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    color: var(--box-color);
    padding: .5rem;
    transition: all .2s ease-in-out !important
}

.search .suggester ul {
    list-style: none;
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.search .suggester ul li {
    display: block;
    padding: .2rem
}

.social-links-portlet {
    display: flex;
    justify-content: flex-end
}

.social-links-portlet .icon-facebook:after {
    content: var(--icon-facebook);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-facebook:hover:after {
    color: var(--color-social-facebook)
}

.social-links-portlet .icon-youtube:after {
    content: var(--icon-youtube);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-youtube:hover:after {
    color: var(--color-social-youtube)
}

.social-links-portlet .icon-twitter:after {
    content: var(--icon-twitter);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-twitter:hover:after {
    color: var(--color-social-twitter)
}

.social-links-portlet .icon-twitter-x:after {
    content: var(--icon-twitter-x);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-twitter-x:hover:after {
    color: var(--color-social-twitter-x)
}

.social-links-portlet .icon-x:after {
    content: var(--icon-twitter-x);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-x:hover:after {
    color: var(--color-social-x)
}

.social-links-portlet .icon-linkedin:after {
    content: var(--icon-linkedin);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-linkedin:hover:after {
    color: var(--color-social-linkedin)
}

.social-links-portlet .icon-instagram:after {
    content: var(--icon-instagram);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-instagram:hover:after {
    color: var(--color-social-instagram)
}

.social-links-portlet .icon-spotify:after {
    content: var(--icon-spotify);
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-black);
    font-size: 1.7rem
}

.social-links-portlet .icon-spotify:hover:after {
    color: var(--color-social-spotify)
}

.social-links-portlet .social-links-container {
    min-height: auto !important;
    padding: 1rem 0 0;
    width: auto !important
}

.social-links-portlet .social-links-container ul.social-links {
    display: flex;
    gap: 1.7rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.social-links-portlet .social-links-container ul.social-links li,
.social-links-portlet .social-links-container ul.social-links ul {
    margin: 0;
    padding: 0
}

.social-links-portlet .social-links-container ul.social-links span {
    display: none
}

.portletCont {
    width: 100%
}

.portletCont .contact-section,
.portletCont .title-space>div {
    padding-left: 0
}

.portletCont .contact-section label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.portletCont .contact-section button [type=submit],
.portletCont .contact-section input[type=button],
.portletCont .contact-section input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 25%
}

.portletCont .contact-section button [type=submit]:hover,
.portletCont .contact-section input[type=button]:hover,
.portletCont .contact-section input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.portletCont .contact-section button [type=submit]:active,
.portletCont .contact-section input[type=button]:active,
.portletCont .contact-section input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.portletCont .contact-section button [type=submit]:disabled,
.portletCont .contact-section input[type=button]:disabled,
.portletCont .contact-section input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.portletCont .contact-section button [type=submit]:after,
.portletCont .contact-section button [type=submit]:before,
.portletCont .contact-section input[type=button]:after,
.portletCont .contact-section input[type=button]:before,
.portletCont .contact-section input[type=submit]:after,
.portletCont .contact-section input[type=submit]:before {
    color: inherit
}

.portletCont .contact-section button [type=submit]:hover,
.portletCont .contact-section input[type=button]:hover,
.portletCont .contact-section input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.portletCont .contact-section button [type=submit]:active,
.portletCont .contact-section input[type=button]:active,
.portletCont .contact-section input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.portletCont .contact-section button [type=submit]:disabled,
.portletCont .contact-section input[type=button]:disabled,
.portletCont .contact-section input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.portletCont .contact-section button [type=reset],
.portletCont .contact-section input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 25%
}

.portletCont .contact-section button [type=reset]:hover,
.portletCont .contact-section input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.portletCont .contact-section button [type=reset]:active,
.portletCont .contact-section input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.portletCont .contact-section button [type=reset]:disabled,
.portletCont .contact-section input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.portletCont .contact-section button [type=reset]:after,
.portletCont .contact-section button [type=reset]:before,
.portletCont .contact-section input[type=reset]:after,
.portletCont .contact-section input[type=reset]:before {
    color: inherit
}

.portletCont .contact-section button [type=reset]:hover,
.portletCont .contact-section input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.portletCont .contact-section button [type=reset]:active,
.portletCont .contact-section input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.portletCont .contact-section button [type=reset]:disabled,
.portletCont .contact-section input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.portletCont .contact-section input:not([type]),
.portletCont .contact-section input[type=date],
.portletCont .contact-section input[type=email],
.portletCont .contact-section input[type=number],
.portletCont .contact-section input[type=password],
.portletCont .contact-section input[type=text],
.portletCont .contact-section input[type=time],
.portletCont .contact-section select,
.portletCont .contact-section textarea {
    background-color: var(--form-alternate-background-color);
    border: 1px solid;
    border-color: var(--form-alternate-border-color);
    border-radius: 3px;
    color: var(--form-alternate-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.portletCont .contact-section input:not([type]):disabled,
.portletCont .contact-section input[type=date]:disabled,
.portletCont .contact-section input[type=email]:disabled,
.portletCont .contact-section input[type=number]:disabled,
.portletCont .contact-section input[type=password]:disabled,
.portletCont .contact-section input[type=text]:disabled,
.portletCont .contact-section input[type=time]:disabled,
.portletCont .contact-section select:disabled,
.portletCont .contact-section textarea:disabled {
    background-color: var(--form-alternate-disabled-background-color);
    border-color: var(--form-alternate-disabled-border-color);
    cursor: not-allowed
}

.portletCont .contact-section input:not([type]):focus,
.portletCont .contact-section input[type=date]:focus,
.portletCont .contact-section input[type=email]:focus,
.portletCont .contact-section input[type=number]:focus,
.portletCont .contact-section input[type=password]:focus,
.portletCont .contact-section input[type=text]:focus,
.portletCont .contact-section input[type=time]:focus,
.portletCont .contact-section select:focus,
.portletCont .contact-section textarea:focus {
    border-color: var(--form-alternate-border-color);
    box-shadow: var(--form-alternate-focus-box-shadow);
    color: var(--form-alternate-focus-color);
    outline: 0
}

.portletCont .contact-section input[type=date],
.portletCont .contact-section input[type=time],
.portletCont .contact-section select {
    cursor: pointer
}

.portletCont .contact-section .form-wrapper {
    padding-top: 2rem
}

.portletCont .contact-section .form-wrapper h4 {
    font-size: 1.2rem;
    margin: 1rem 0
}

.portletCont .contact-section .form-wrapper .form-group {
    align-items: flex-end;
    display: flex
}

.portletCont .contact-section .form-wrapper .form-group .securityCode .form-control {
    margin-bottom: 0
}

.portletCont .contact-section .form-wrapper .form-group .form-control {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .6rem
}

.portletCont .contact-section .form-wrapper .form-group textarea {
    height: 12rem
}

.portletCont .contact-section .form-wrapper .form-group .required:after {
    content: "*";
    margin-left: .3rem
}

.portletCont .contact-section .form-wrapper .form-group .required-group:after {
    content: "**";
    margin-left: .3rem
}

.portletCont .contact-section .form-wrapper .form-group .text-right {
    margin-top: 1.2rem;
    text-align: right
}

.portletCont .contact-section .form-wrapper .form-group .text-right input[type=button] {
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    color: var(--btn-link-color);
    font-weight: 600
}

.portletCont .contact-section .form-wrapper .form-group .text-right input[type=button]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.portletCont .contact-section .form-wrapper .form-group .text-right input[type=button]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.portletCont .contact-section .form-wrapper .form-group .text-right input[type=button]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.portletCont .contact-section .form-wrapper .custom-checkbox {
    display: flex;
    justify-content: flex-end
}

.portletCont .contact-section .form-wrapper .custom-checkbox label {
    font-size: 1rem
}

.portletCont .contact-section .form-wrapper .imageCaptcha img {
    height: 3.5rem
}

.box-usertoolbar {
    height: 4.375rem;
    position: relative
}

.box-usertoolbar .gadget {
    border-left: 2px solid var(--color-gray-shade-2bis);
    border-right: 2px solid var(--color-gray-shade-2bis);
    display: flex;
    margin: 0 .375rem;
    padding: 0 .375rem
}

.box-usertoolbar .gadget .usertoolbar-item {
    display: flex;
    flex-direction: column;
    position: relative
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper {
    display: flex;
    padding: 0 .375rem
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-icon {
    font-family: remixicon;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link {
    display: flex;
    flex-direction: column;
    width: 3.3rem
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-text {
    display: none;
    font-size: .8rem;
    font-weight: 600;
    height: 0;
    padding: 0
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-icon.icon-user-login:before {
    content: var(--icon-user);
    cursor: pointer;
    font-size: 2rem
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-icon.icon-user-logged:before {
    content: var(--icon-user-logged)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-icon.icon-costumer:before {
    content: var(--icon-customer)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .link-icon.icon-office:before {
    content: var(--icon-office)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text {
    display: flex;
    flex-direction: column;
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif;
    padding: 0 .5rem
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text.login {
    cursor: pointer;
    font-weight: 700;
    justify-content: center
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text .name {
    font-weight: 700
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text .link-modify {
    color: var(--color-black)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text .link-modify .icon-edit:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-edit);
    padding-left: .2em
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content {
    position: absolute;
    right: -2.5rem;
    top: 2.625rem;
    z-index: 10001
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content iframe {
    border: none
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user {
    background: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 1rem;
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2);
    display: none;
    height: auto;
    left: auto;
    min-width: 14rem;
    text-align: left;
    width: auto;
    z-index: 10
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-primary {
    border: none;
    margin: .25rem 0;
    padding: .625rem 1.25rem;
    width: 100%
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary {
    background: var(--btn-background);
    background: var(--btn-clear-background);
    border: var(--btn-clear-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-clear-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    justify-content: center;
    margin: .25rem 0;
    padding: .625rem 1.25rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:after,
.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:before {
    color: inherit
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:hover {
    background: var(--btn-clear-hover-background);
    border: var(--btn-clear-hover-border);
    color: var(--btn-clear-hover-color);
    -webkit-text-decoration: var(--btn-clear-hover-text-decoration);
    text-decoration: var(--btn-clear-hover-text-decoration)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:active {
    background: var(--btn-clear-active-background);
    border: var(--btn-clear-active-border);
    color: var(--btn-clear-active-color)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .btn.btn-secondary:disabled {
    background: var(--btn-clear-disabled-background);
    border: var(--btn-clear-disabled-border);
    color: var(--btn-clear-disabled-color);
    -webkit-text-decoration: var(--btn-clear-disabled-text-decoration);
    text-decoration: var(--btn-clear-disabled-text-decoration)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .menuProfile-title {
    background: var(--color-bg-shade-2);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    display: block;
    font-weight: 600;
    padding: .625rem 0;
    text-align: center
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .login {
    margin: .5rem 0
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user .login span {
    color: var(--color-black);
    display: block;
    font-size: 1rem;
    padding: .5rem 0;
    text-align: center
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selCust,
.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selOffice {
    display: none;
    right: -.375rem
}

@media screen and (max-width:991px) {
    .box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user {
        left: 0;
        right: auto;
        top: 3.2rem
    }

    .box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selCust {
        right: -2.5rem;
        top: 4.2rem
    }

    .box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selOffice {
        right: 0;
        top: 4.2rem
    }
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu a {
    color: var(--color-gray-shade-5);
    display: block;
    width: 100%
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu a:hover {
    color: var(--color-primary)
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu h1 {
    background: var(--color-bg-shade-2);
    color: var(--color-black);
    display: none;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: .5rem 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu ul {
    list-style-type: none;
    padding: 0;
    text-align: center
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu ul li {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.25rem;
    padding: .625rem 0
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu .logout-wrapper {
    background: var(--color-black);
    border-bottom: 1px solid var(--color-black);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2);
    padding: .625rem 0
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu .logout-wrapper .dropdown-item.logout-link {
    align-items: center;
    color: var(--color-white);
    display: flex;
    font-size: 1rem;
    justify-content: center;
    line-height: 1.25rem
}

.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content .dropdown-menu .logout-wrapper .dropdown-item.logout-link:before {
    font-family: remixicon;
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--icon-logout)
}

.box-usertoolbar .gadget .usertoolbar-item.user {
    cursor: pointer;
    padding-bottom: .5rem
}

@media screen and (max-width:991px) {
    .box-usertoolbar .gadget {
        border: 0;
        justify-content: space-between;
        margin: 0;
        padding: 0
    }

    .box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center
    }

    .box-usertoolbar .gadget .usertoolbar-item .usertoolbar-link-wrapper .text {
        padding: 0
    }
}

.registration .comp-zone {
    margin-bottom: 1rem
}

.registration .comp-zone.chkPIVA {
    display: flex
}

.registration .comp-zone.chkPIVA .btnChkPIVA_ctrl {
    width: 68%
}

.registration .CompZone_ctrl {
    height: auto !important
}

.registration form label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.registration form button [type=submit],
.registration form input[type=button],
.registration form input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 40%
}

.registration form button [type=submit]:hover,
.registration form input[type=button]:hover,
.registration form input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.registration form button [type=submit]:active,
.registration form input[type=button]:active,
.registration form input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.registration form button [type=submit]:disabled,
.registration form input[type=button]:disabled,
.registration form input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.registration form button [type=submit]:after,
.registration form button [type=submit]:before,
.registration form input[type=button]:after,
.registration form input[type=button]:before,
.registration form input[type=submit]:after,
.registration form input[type=submit]:before {
    color: inherit
}

.registration form button [type=submit]:hover,
.registration form input[type=button]:hover,
.registration form input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.registration form button [type=submit]:active,
.registration form input[type=button]:active,
.registration form input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.registration form button [type=submit]:disabled,
.registration form input[type=button]:disabled,
.registration form input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.registration form button [type=reset],
.registration form input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 40%
}

.registration form button [type=reset]:hover,
.registration form input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.registration form button [type=reset]:active,
.registration form input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.registration form button [type=reset]:disabled,
.registration form input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.registration form button [type=reset]:after,
.registration form button [type=reset]:before,
.registration form input[type=reset]:after,
.registration form input[type=reset]:before {
    color: inherit
}

.registration form button [type=reset]:hover,
.registration form input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.registration form button [type=reset]:active,
.registration form input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.registration form button [type=reset]:disabled,
.registration form input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.registration form input:not([type]),
.registration form input[type=date],
.registration form input[type=email],
.registration form input[type=number],
.registration form input[type=password],
.registration form input[type=text],
.registration form input[type=time],
.registration form select,
.registration form textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 2.75rem;
    line-height: inherit;
    padding: .8rem;
    width: 100%
}

.registration form input:not([type]):disabled,
.registration form input[type=date]:disabled,
.registration form input[type=email]:disabled,
.registration form input[type=number]:disabled,
.registration form input[type=password]:disabled,
.registration form input[type=text]:disabled,
.registration form input[type=time]:disabled,
.registration form select:disabled,
.registration form textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.registration form input:not([type]):focus,
.registration form input[type=date]:focus,
.registration form input[type=email]:focus,
.registration form input[type=number]:focus,
.registration form input[type=password]:focus,
.registration form input[type=text]:focus,
.registration form input[type=time]:focus,
.registration form select:focus,
.registration form textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.registration form input[type=date],
.registration form input[type=time],
.registration form select {
    cursor: pointer
}

.registration h1 {
    text-align: center
}

.registration .registration-section .form-wrapper {
    background: var(--color-white);
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-bottom: 1.9rem;
    padding: 3rem
}

.registration .registration-section .form-wrapper h4 {
    display: block;
    margin: 1.25rem 0 0
}

.registration .registration-section .form-wrapper .form-group {
    margin-bottom: 1rem
}

.registration .registration-section .form-wrapper .form-group span.label {
    display: block;
    font-size: .9rem
}

.registration .registration-section .form-wrapper .form-group .control-label {
    display: block;
    font-size: 1rem;
    padding-top: .8rem;
    text-align: right
}

.registration .registration-section .form-wrapper .form-group .required div {
    float: left;
    width: calc(100% - 1rem) !important
}

.registration .registration-section .form-wrapper .form-group .required:after {
    content: "*";
    margin-left: .3rem
}

.registration .registration-section .form-wrapper .form-group .alternate div {
    float: left;
    width: calc(100% - 1.5rem) !important
}

.registration .registration-section .form-wrapper .form-group .alternate:after {
    content: "**";
    margin-left: .3rem
}

.registration .registration-section .form-wrapper .form-group .checkbox-control-input {
    float: left;
    height: 1.5rem;
    margin: 0;
    width: 1.5em
}

.registration .registration-section .form-wrapper .form-group .checkbox-control-label {
    float: left;
    height: 1.8rem;
    margin-left: 1rem;
    padding: .2rem 0 0;
    top: auto;
    width: calc(100% - 3.1rem)
}

.registration .registration-section .form-wrapper .form-group span[id*=_autosuggestCity_wrp] {
    left: 0 !important;
    position: relative !important;
    top: auto !important;
    width: 100% !important
}

.registration .registration-section .form-wrapper .form-group textarea[id*=autosuggestCity] {
    left: 0 !important;
    line-height: 2.5rem;
    min-height: 3.5rem;
    position: relative !important;
    top: auto !important;
    width: 100% !important
}

.registration .registration-section .form-wrapper .form-group .city_sw {
    background: var(--color-bg-shade-1);
    font-size: 1.2rem;
    left: 0 !important;
    margin: 0 .6rem !important;
    padding: 1rem !important;
    top: 3.8rem !important;
    width: auto !important
}

.registration .registration-section .form-wrapper .form-group .city_sw li {
    width: 100% !important
}

.registration .registration-section .form-wrapper .form-group .city_sw .over {
    text-decoration: underline
}

.registration .registration-section .form-wrapper .form-group.text-right {
    margin-top: 7rem;
    text-align: center !important
}

.registration .registration-section .form-wrapper .form-group .col-md-8 {
    position: relative
}

@media screen and (max-width:991px) {
    .registration .registration-section .form-wrapper .form-group .control-label {
        text-align: left
    }
}

.registration .registration-section .form-wrapper .custom-control {
    font-size: .9rem
}

@media screen and (max-width:991px) {
    .registration .registration-section .form-wrapper .custom-control {
        font-size: .8rem
    }
}

.registration .registration-section .legend {
    color: var(--color-gray-shade-6);
    font-weight: 600;
    position: relative
}

.login.html {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 3rem
}

.login.html .form-wrapper {
    margin: 0 auto;
    max-width: 80%
}

.login.html .btn.btn-link {
    font-size: 1rem;
    height: 3.5rem;
    margin-top: .2rem
}

.login.html .link {
    font-weight: 600
}

.login.html .form-group {
    display: flex;
    margin-bottom: .8rem
}

.login.html .form-check label {
    font-size: 1rem
}

.login.html .text-wrapper {
    text-align: center
}

.login.html .button-wrapper,
.login.html .text-wrapper {
    display: flex;
    flex-direction: column
}

.login.html .button-wrapper.logged {
    margin: 3rem 2rem 0
}

.login.html .button-wrapper.logged .btn {
    font-size: 1rem;
    padding: 1.2rem 1rem
}

.login.html .alert {
    margin-bottom: .5rem;
    width: 100%
}

.profile .btn,
.profile .button {
    height: auto !important
}

.changeaddress,
.changepw,
.enableOTP,
.totalticket,
.viewcredit {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-bottom: 5rem !important;
    padding: 2rem
}

.changeaddress label,
.changepw label,
.enableOTP label,
.totalticket label,
.viewcredit label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.changeaddress button [type=submit],
.changeaddress input[type=button],
.changeaddress input[type=submit],
.changepw button [type=submit],
.changepw input[type=button],
.changepw input[type=submit],
.enableOTP button [type=submit],
.enableOTP input[type=button],
.enableOTP input[type=submit],
.totalticket button [type=submit],
.totalticket input[type=button],
.totalticket input[type=submit],
.viewcredit button [type=submit],
.viewcredit input[type=button],
.viewcredit input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 3.2rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 18%
}

.changeaddress button [type=submit]:hover,
.changeaddress input[type=button]:hover,
.changeaddress input[type=submit]:hover,
.changepw button [type=submit]:hover,
.changepw input[type=button]:hover,
.changepw input[type=submit]:hover,
.enableOTP button [type=submit]:hover,
.enableOTP input[type=button]:hover,
.enableOTP input[type=submit]:hover,
.totalticket button [type=submit]:hover,
.totalticket input[type=button]:hover,
.totalticket input[type=submit]:hover,
.viewcredit button [type=submit]:hover,
.viewcredit input[type=button]:hover,
.viewcredit input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.changeaddress button [type=submit]:active,
.changeaddress input[type=button]:active,
.changeaddress input[type=submit]:active,
.changepw button [type=submit]:active,
.changepw input[type=button]:active,
.changepw input[type=submit]:active,
.enableOTP button [type=submit]:active,
.enableOTP input[type=button]:active,
.enableOTP input[type=submit]:active,
.totalticket button [type=submit]:active,
.totalticket input[type=button]:active,
.totalticket input[type=submit]:active,
.viewcredit button [type=submit]:active,
.viewcredit input[type=button]:active,
.viewcredit input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.changeaddress button [type=submit]:disabled,
.changeaddress input[type=button]:disabled,
.changeaddress input[type=submit]:disabled,
.changepw button [type=submit]:disabled,
.changepw input[type=button]:disabled,
.changepw input[type=submit]:disabled,
.enableOTP button [type=submit]:disabled,
.enableOTP input[type=button]:disabled,
.enableOTP input[type=submit]:disabled,
.totalticket button [type=submit]:disabled,
.totalticket input[type=button]:disabled,
.totalticket input[type=submit]:disabled,
.viewcredit button [type=submit]:disabled,
.viewcredit input[type=button]:disabled,
.viewcredit input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.changeaddress button [type=submit]:after,
.changeaddress button [type=submit]:before,
.changeaddress input[type=button]:after,
.changeaddress input[type=button]:before,
.changeaddress input[type=submit]:after,
.changeaddress input[type=submit]:before,
.changepw button [type=submit]:after,
.changepw button [type=submit]:before,
.changepw input[type=button]:after,
.changepw input[type=button]:before,
.changepw input[type=submit]:after,
.changepw input[type=submit]:before,
.enableOTP button [type=submit]:after,
.enableOTP button [type=submit]:before,
.enableOTP input[type=button]:after,
.enableOTP input[type=button]:before,
.enableOTP input[type=submit]:after,
.enableOTP input[type=submit]:before,
.totalticket button [type=submit]:after,
.totalticket button [type=submit]:before,
.totalticket input[type=button]:after,
.totalticket input[type=button]:before,
.totalticket input[type=submit]:after,
.totalticket input[type=submit]:before,
.viewcredit button [type=submit]:after,
.viewcredit button [type=submit]:before,
.viewcredit input[type=button]:after,
.viewcredit input[type=button]:before,
.viewcredit input[type=submit]:after,
.viewcredit input[type=submit]:before {
    color: inherit
}

.changeaddress button [type=submit]:hover,
.changeaddress input[type=button]:hover,
.changeaddress input[type=submit]:hover,
.changepw button [type=submit]:hover,
.changepw input[type=button]:hover,
.changepw input[type=submit]:hover,
.enableOTP button [type=submit]:hover,
.enableOTP input[type=button]:hover,
.enableOTP input[type=submit]:hover,
.totalticket button [type=submit]:hover,
.totalticket input[type=button]:hover,
.totalticket input[type=submit]:hover,
.viewcredit button [type=submit]:hover,
.viewcredit input[type=button]:hover,
.viewcredit input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.changeaddress button [type=submit]:active,
.changeaddress input[type=button]:active,
.changeaddress input[type=submit]:active,
.changepw button [type=submit]:active,
.changepw input[type=button]:active,
.changepw input[type=submit]:active,
.enableOTP button [type=submit]:active,
.enableOTP input[type=button]:active,
.enableOTP input[type=submit]:active,
.totalticket button [type=submit]:active,
.totalticket input[type=button]:active,
.totalticket input[type=submit]:active,
.viewcredit button [type=submit]:active,
.viewcredit input[type=button]:active,
.viewcredit input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.changeaddress button [type=submit]:disabled,
.changeaddress input[type=button]:disabled,
.changeaddress input[type=submit]:disabled,
.changepw button [type=submit]:disabled,
.changepw input[type=button]:disabled,
.changepw input[type=submit]:disabled,
.enableOTP button [type=submit]:disabled,
.enableOTP input[type=button]:disabled,
.enableOTP input[type=submit]:disabled,
.totalticket button [type=submit]:disabled,
.totalticket input[type=button]:disabled,
.totalticket input[type=submit]:disabled,
.viewcredit button [type=submit]:disabled,
.viewcredit input[type=button]:disabled,
.viewcredit input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.changeaddress button [type=reset],
.changeaddress input[type=reset],
.changepw button [type=reset],
.changepw input[type=reset],
.enableOTP button [type=reset],
.enableOTP input[type=reset],
.totalticket button [type=reset],
.totalticket input[type=reset],
.viewcredit button [type=reset],
.viewcredit input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 18%
}

.changeaddress button [type=reset]:hover,
.changeaddress input[type=reset]:hover,
.changepw button [type=reset]:hover,
.changepw input[type=reset]:hover,
.enableOTP button [type=reset]:hover,
.enableOTP input[type=reset]:hover,
.totalticket button [type=reset]:hover,
.totalticket input[type=reset]:hover,
.viewcredit button [type=reset]:hover,
.viewcredit input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.changeaddress button [type=reset]:active,
.changeaddress input[type=reset]:active,
.changepw button [type=reset]:active,
.changepw input[type=reset]:active,
.enableOTP button [type=reset]:active,
.enableOTP input[type=reset]:active,
.totalticket button [type=reset]:active,
.totalticket input[type=reset]:active,
.viewcredit button [type=reset]:active,
.viewcredit input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.changeaddress button [type=reset]:disabled,
.changeaddress input[type=reset]:disabled,
.changepw button [type=reset]:disabled,
.changepw input[type=reset]:disabled,
.enableOTP button [type=reset]:disabled,
.enableOTP input[type=reset]:disabled,
.totalticket button [type=reset]:disabled,
.totalticket input[type=reset]:disabled,
.viewcredit button [type=reset]:disabled,
.viewcredit input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.changeaddress button [type=reset]:after,
.changeaddress button [type=reset]:before,
.changeaddress input[type=reset]:after,
.changeaddress input[type=reset]:before,
.changepw button [type=reset]:after,
.changepw button [type=reset]:before,
.changepw input[type=reset]:after,
.changepw input[type=reset]:before,
.enableOTP button [type=reset]:after,
.enableOTP button [type=reset]:before,
.enableOTP input[type=reset]:after,
.enableOTP input[type=reset]:before,
.totalticket button [type=reset]:after,
.totalticket button [type=reset]:before,
.totalticket input[type=reset]:after,
.totalticket input[type=reset]:before,
.viewcredit button [type=reset]:after,
.viewcredit button [type=reset]:before,
.viewcredit input[type=reset]:after,
.viewcredit input[type=reset]:before {
    color: inherit
}

.changeaddress button [type=reset]:hover,
.changeaddress input[type=reset]:hover,
.changepw button [type=reset]:hover,
.changepw input[type=reset]:hover,
.enableOTP button [type=reset]:hover,
.enableOTP input[type=reset]:hover,
.totalticket button [type=reset]:hover,
.totalticket input[type=reset]:hover,
.viewcredit button [type=reset]:hover,
.viewcredit input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.changeaddress button [type=reset]:active,
.changeaddress input[type=reset]:active,
.changepw button [type=reset]:active,
.changepw input[type=reset]:active,
.enableOTP button [type=reset]:active,
.enableOTP input[type=reset]:active,
.totalticket button [type=reset]:active,
.totalticket input[type=reset]:active,
.viewcredit button [type=reset]:active,
.viewcredit input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.changeaddress button [type=reset]:disabled,
.changeaddress input[type=reset]:disabled,
.changepw button [type=reset]:disabled,
.changepw input[type=reset]:disabled,
.enableOTP button [type=reset]:disabled,
.enableOTP input[type=reset]:disabled,
.totalticket button [type=reset]:disabled,
.totalticket input[type=reset]:disabled,
.viewcredit button [type=reset]:disabled,
.viewcredit input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.changeaddress input:not([type]),
.changeaddress input[type=date],
.changeaddress input[type=email],
.changeaddress input[type=number],
.changeaddress input[type=password],
.changeaddress input[type=text],
.changeaddress input[type=time],
.changeaddress select,
.changeaddress textarea,
.changepw input:not([type]),
.changepw input[type=date],
.changepw input[type=email],
.changepw input[type=number],
.changepw input[type=password],
.changepw input[type=text],
.changepw input[type=time],
.changepw select,
.changepw textarea,
.enableOTP input:not([type]),
.enableOTP input[type=date],
.enableOTP input[type=email],
.enableOTP input[type=number],
.enableOTP input[type=password],
.enableOTP input[type=text],
.enableOTP input[type=time],
.enableOTP select,
.enableOTP textarea,
.totalticket input:not([type]),
.totalticket input[type=date],
.totalticket input[type=email],
.totalticket input[type=number],
.totalticket input[type=password],
.totalticket input[type=text],
.totalticket input[type=time],
.totalticket select,
.totalticket textarea,
.viewcredit input:not([type]),
.viewcredit input[type=date],
.viewcredit input[type=email],
.viewcredit input[type=number],
.viewcredit input[type=password],
.viewcredit input[type=text],
.viewcredit input[type=time],
.viewcredit select,
.viewcredit textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.changeaddress input:not([type]):disabled,
.changeaddress input[type=date]:disabled,
.changeaddress input[type=email]:disabled,
.changeaddress input[type=number]:disabled,
.changeaddress input[type=password]:disabled,
.changeaddress input[type=text]:disabled,
.changeaddress input[type=time]:disabled,
.changeaddress select:disabled,
.changeaddress textarea:disabled,
.changepw input:not([type]):disabled,
.changepw input[type=date]:disabled,
.changepw input[type=email]:disabled,
.changepw input[type=number]:disabled,
.changepw input[type=password]:disabled,
.changepw input[type=text]:disabled,
.changepw input[type=time]:disabled,
.changepw select:disabled,
.changepw textarea:disabled,
.enableOTP input:not([type]):disabled,
.enableOTP input[type=date]:disabled,
.enableOTP input[type=email]:disabled,
.enableOTP input[type=number]:disabled,
.enableOTP input[type=password]:disabled,
.enableOTP input[type=text]:disabled,
.enableOTP input[type=time]:disabled,
.enableOTP select:disabled,
.enableOTP textarea:disabled,
.totalticket input:not([type]):disabled,
.totalticket input[type=date]:disabled,
.totalticket input[type=email]:disabled,
.totalticket input[type=number]:disabled,
.totalticket input[type=password]:disabled,
.totalticket input[type=text]:disabled,
.totalticket input[type=time]:disabled,
.totalticket select:disabled,
.totalticket textarea:disabled,
.viewcredit input:not([type]):disabled,
.viewcredit input[type=date]:disabled,
.viewcredit input[type=email]:disabled,
.viewcredit input[type=number]:disabled,
.viewcredit input[type=password]:disabled,
.viewcredit input[type=text]:disabled,
.viewcredit input[type=time]:disabled,
.viewcredit select:disabled,
.viewcredit textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.changeaddress input:not([type]):focus,
.changeaddress input[type=date]:focus,
.changeaddress input[type=email]:focus,
.changeaddress input[type=number]:focus,
.changeaddress input[type=password]:focus,
.changeaddress input[type=text]:focus,
.changeaddress input[type=time]:focus,
.changeaddress select:focus,
.changeaddress textarea:focus,
.changepw input:not([type]):focus,
.changepw input[type=date]:focus,
.changepw input[type=email]:focus,
.changepw input[type=number]:focus,
.changepw input[type=password]:focus,
.changepw input[type=text]:focus,
.changepw input[type=time]:focus,
.changepw select:focus,
.changepw textarea:focus,
.enableOTP input:not([type]):focus,
.enableOTP input[type=date]:focus,
.enableOTP input[type=email]:focus,
.enableOTP input[type=number]:focus,
.enableOTP input[type=password]:focus,
.enableOTP input[type=text]:focus,
.enableOTP input[type=time]:focus,
.enableOTP select:focus,
.enableOTP textarea:focus,
.totalticket input:not([type]):focus,
.totalticket input[type=date]:focus,
.totalticket input[type=email]:focus,
.totalticket input[type=number]:focus,
.totalticket input[type=password]:focus,
.totalticket input[type=text]:focus,
.totalticket input[type=time]:focus,
.totalticket select:focus,
.totalticket textarea:focus,
.viewcredit input:not([type]):focus,
.viewcredit input[type=date]:focus,
.viewcredit input[type=email]:focus,
.viewcredit input[type=number]:focus,
.viewcredit input[type=password]:focus,
.viewcredit input[type=text]:focus,
.viewcredit input[type=time]:focus,
.viewcredit select:focus,
.viewcredit textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.changeaddress input[type=date],
.changeaddress input[type=time],
.changeaddress select,
.changepw input[type=date],
.changepw input[type=time],
.changepw select,
.enableOTP input[type=date],
.enableOTP input[type=time],
.enableOTP select,
.totalticket input[type=date],
.totalticket input[type=time],
.totalticket select,
.viewcredit input[type=date],
.viewcredit input[type=time],
.viewcredit select {
    cursor: pointer
}

.changeaddress .button,
.changepw .button,
.enableOTP .button,
.totalticket .button,
.viewcredit .button {
    left: 22rem !important
}

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

    .changeaddress .button,
    .changepw .button,
    .enableOTP .button,
    .totalticket .button,
    .viewcredit .button {
        left: 21rem !important
    }
}

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

    .changeaddress .button,
    .changepw .button,
    .enableOTP .button,
    .totalticket .button,
    .viewcredit .button {
        left: 11rem !important;
        width: 35% !important
    }
}

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

    .profile .changeaddress,
    .profile .changepw,
    .profile .enableOTP,
    .profile .totalticket,
    .profile .viewcredit {
        min-width: 100% !important;
        right: .6rem;
        width: 100% !important
    }

    .profile .changeaddress label,
    .profile .changepw label,
    .profile .enableOTP label,
    .profile .totalticket label,
    .profile .viewcredit label {
        color: var(--color-text-form);
        font-size: 1rem;
        line-height: 1.1rem
    }

    .profile .changeaddress button [type=submit],
    .profile .changeaddress input[type=button],
    .profile .changeaddress input[type=submit],
    .profile .changepw button [type=submit],
    .profile .changepw input[type=button],
    .profile .changepw input[type=submit],
    .profile .enableOTP button [type=submit],
    .profile .enableOTP input[type=button],
    .profile .enableOTP input[type=submit],
    .profile .totalticket button [type=submit],
    .profile .totalticket input[type=button],
    .profile .totalticket input[type=submit],
    .profile .viewcredit button [type=submit],
    .profile .viewcredit input[type=button],
    .profile .viewcredit input[type=submit] {
        background: var(--btn-background);
        background: var(--btn-primary-background);
        border: var(--btn-primary-border);
        border-radius: 0;
        color: var(--btn-color);
        color: var(--btn-primary-color);
        cursor: pointer;
        font-size: .8rem;
        font-size: 1rem;
        font-weight: 400;
        font-weight: 600;
        height: 3.2rem;
        justify-content: center;
        padding: .8rem 1rem;
        text-align: center;
        text-decoration: none;
        width: 22%
    }

    .profile .changeaddress button [type=submit]:hover,
    .profile .changeaddress input[type=button]:hover,
    .profile .changeaddress input[type=submit]:hover,
    .profile .changepw button [type=submit]:hover,
    .profile .changepw input[type=button]:hover,
    .profile .changepw input[type=submit]:hover,
    .profile .enableOTP button [type=submit]:hover,
    .profile .enableOTP input[type=button]:hover,
    .profile .enableOTP input[type=submit]:hover,
    .profile .totalticket button [type=submit]:hover,
    .profile .totalticket input[type=button]:hover,
    .profile .totalticket input[type=submit]:hover,
    .profile .viewcredit button [type=submit]:hover,
    .profile .viewcredit input[type=button]:hover,
    .profile .viewcredit input[type=submit]:hover {
        background: var(--btn-hover-background);
        border: var(--btn-hover-border);
        color: var(--btn-hover-color)
    }

    .profile .changeaddress button [type=submit]:active,
    .profile .changeaddress input[type=button]:active,
    .profile .changeaddress input[type=submit]:active,
    .profile .changepw button [type=submit]:active,
    .profile .changepw input[type=button]:active,
    .profile .changepw input[type=submit]:active,
    .profile .enableOTP button [type=submit]:active,
    .profile .enableOTP input[type=button]:active,
    .profile .enableOTP input[type=submit]:active,
    .profile .totalticket button [type=submit]:active,
    .profile .totalticket input[type=button]:active,
    .profile .totalticket input[type=submit]:active,
    .profile .viewcredit button [type=submit]:active,
    .profile .viewcredit input[type=button]:active,
    .profile .viewcredit input[type=submit]:active {
        background: var(--btn-active-background);
        border: var(--btn-active-border);
        color: var(--btn-active-color)
    }

    .profile .changeaddress button [type=submit]:disabled,
    .profile .changeaddress input[type=button]:disabled,
    .profile .changeaddress input[type=submit]:disabled,
    .profile .changepw button [type=submit]:disabled,
    .profile .changepw input[type=button]:disabled,
    .profile .changepw input[type=submit]:disabled,
    .profile .enableOTP button [type=submit]:disabled,
    .profile .enableOTP input[type=button]:disabled,
    .profile .enableOTP input[type=submit]:disabled,
    .profile .totalticket button [type=submit]:disabled,
    .profile .totalticket input[type=button]:disabled,
    .profile .totalticket input[type=submit]:disabled,
    .profile .viewcredit button [type=submit]:disabled,
    .profile .viewcredit input[type=button]:disabled,
    .profile .viewcredit input[type=submit]:disabled {
        background: var(--btn-disabled-background);
        border: var(--btn-disabled-border);
        color: var(--btn-disabled-color);
        cursor: not-allowed
    }

    .profile .changeaddress button [type=submit]:after,
    .profile .changeaddress button [type=submit]:before,
    .profile .changeaddress input[type=button]:after,
    .profile .changeaddress input[type=button]:before,
    .profile .changeaddress input[type=submit]:after,
    .profile .changeaddress input[type=submit]:before,
    .profile .changepw button [type=submit]:after,
    .profile .changepw button [type=submit]:before,
    .profile .changepw input[type=button]:after,
    .profile .changepw input[type=button]:before,
    .profile .changepw input[type=submit]:after,
    .profile .changepw input[type=submit]:before,
    .profile .enableOTP button [type=submit]:after,
    .profile .enableOTP button [type=submit]:before,
    .profile .enableOTP input[type=button]:after,
    .profile .enableOTP input[type=button]:before,
    .profile .enableOTP input[type=submit]:after,
    .profile .enableOTP input[type=submit]:before,
    .profile .totalticket button [type=submit]:after,
    .profile .totalticket button [type=submit]:before,
    .profile .totalticket input[type=button]:after,
    .profile .totalticket input[type=button]:before,
    .profile .totalticket input[type=submit]:after,
    .profile .totalticket input[type=submit]:before,
    .profile .viewcredit button [type=submit]:after,
    .profile .viewcredit button [type=submit]:before,
    .profile .viewcredit input[type=button]:after,
    .profile .viewcredit input[type=button]:before,
    .profile .viewcredit input[type=submit]:after,
    .profile .viewcredit input[type=submit]:before {
        color: inherit
    }

    .profile .changeaddress button [type=submit]:hover,
    .profile .changeaddress input[type=button]:hover,
    .profile .changeaddress input[type=submit]:hover,
    .profile .changepw button [type=submit]:hover,
    .profile .changepw input[type=button]:hover,
    .profile .changepw input[type=submit]:hover,
    .profile .enableOTP button [type=submit]:hover,
    .profile .enableOTP input[type=button]:hover,
    .profile .enableOTP input[type=submit]:hover,
    .profile .totalticket button [type=submit]:hover,
    .profile .totalticket input[type=button]:hover,
    .profile .totalticket input[type=submit]:hover,
    .profile .viewcredit button [type=submit]:hover,
    .profile .viewcredit input[type=button]:hover,
    .profile .viewcredit input[type=submit]:hover {
        background: var(--btn-primary-hover-background);
        border: var(--btn-primary-hover-border);
        color: var(--btn-primary-hover-color);
        -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
        text-decoration: var(--btn-primary-hover-text-decoration)
    }

    .profile .changeaddress button [type=submit]:active,
    .profile .changeaddress input[type=button]:active,
    .profile .changeaddress input[type=submit]:active,
    .profile .changepw button [type=submit]:active,
    .profile .changepw input[type=button]:active,
    .profile .changepw input[type=submit]:active,
    .profile .enableOTP button [type=submit]:active,
    .profile .enableOTP input[type=button]:active,
    .profile .enableOTP input[type=submit]:active,
    .profile .totalticket button [type=submit]:active,
    .profile .totalticket input[type=button]:active,
    .profile .totalticket input[type=submit]:active,
    .profile .viewcredit button [type=submit]:active,
    .profile .viewcredit input[type=button]:active,
    .profile .viewcredit input[type=submit]:active {
        background: var(--btn-primary-active-background);
        border: var(--btn-primary-active-border);
        color: var(--btn-primary-active-color)
    }

    .profile .changeaddress button [type=submit]:disabled,
    .profile .changeaddress input[type=button]:disabled,
    .profile .changeaddress input[type=submit]:disabled,
    .profile .changepw button [type=submit]:disabled,
    .profile .changepw input[type=button]:disabled,
    .profile .changepw input[type=submit]:disabled,
    .profile .enableOTP button [type=submit]:disabled,
    .profile .enableOTP input[type=button]:disabled,
    .profile .enableOTP input[type=submit]:disabled,
    .profile .totalticket button [type=submit]:disabled,
    .profile .totalticket input[type=button]:disabled,
    .profile .totalticket input[type=submit]:disabled,
    .profile .viewcredit button [type=submit]:disabled,
    .profile .viewcredit input[type=button]:disabled,
    .profile .viewcredit input[type=submit]:disabled {
        background: var(--btn-primary-disabled-background);
        border: var(--btn-primary-disabled-border);
        color: var(--btn-primary-disabled-color);
        -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
        text-decoration: var(--btn-primary-disabled-text-decoration)
    }

    .profile .changeaddress button [type=reset],
    .profile .changeaddress input[type=reset],
    .profile .changepw button [type=reset],
    .profile .changepw input[type=reset],
    .profile .enableOTP button [type=reset],
    .profile .enableOTP input[type=reset],
    .profile .totalticket button [type=reset],
    .profile .totalticket input[type=reset],
    .profile .viewcredit button [type=reset],
    .profile .viewcredit input[type=reset] {
        background: var(--btn-background);
        background: var(--btn-link-background);
        border: var(--btn-link-border);
        border-radius: 0;
        color: var(--btn-color);
        color: var(--btn-link-color);
        cursor: pointer;
        font-size: .8rem;
        font-size: 1rem;
        font-weight: 400;
        font-weight: 600;
        height: 4rem;
        justify-content: center;
        padding: .8rem 1rem;
        text-align: center;
        text-decoration: none;
        width: 22%
    }

    .profile .changeaddress button [type=reset]:hover,
    .profile .changeaddress input[type=reset]:hover,
    .profile .changepw button [type=reset]:hover,
    .profile .changepw input[type=reset]:hover,
    .profile .enableOTP button [type=reset]:hover,
    .profile .enableOTP input[type=reset]:hover,
    .profile .totalticket button [type=reset]:hover,
    .profile .totalticket input[type=reset]:hover,
    .profile .viewcredit button [type=reset]:hover,
    .profile .viewcredit input[type=reset]:hover {
        background: var(--btn-hover-background);
        border: var(--btn-hover-border);
        color: var(--btn-hover-color)
    }

    .profile .changeaddress button [type=reset]:active,
    .profile .changeaddress input[type=reset]:active,
    .profile .changepw button [type=reset]:active,
    .profile .changepw input[type=reset]:active,
    .profile .enableOTP button [type=reset]:active,
    .profile .enableOTP input[type=reset]:active,
    .profile .totalticket button [type=reset]:active,
    .profile .totalticket input[type=reset]:active,
    .profile .viewcredit button [type=reset]:active,
    .profile .viewcredit input[type=reset]:active {
        background: var(--btn-active-background);
        border: var(--btn-active-border);
        color: var(--btn-active-color)
    }

    .profile .changeaddress button [type=reset]:disabled,
    .profile .changeaddress input[type=reset]:disabled,
    .profile .changepw button [type=reset]:disabled,
    .profile .changepw input[type=reset]:disabled,
    .profile .enableOTP button [type=reset]:disabled,
    .profile .enableOTP input[type=reset]:disabled,
    .profile .totalticket button [type=reset]:disabled,
    .profile .totalticket input[type=reset]:disabled,
    .profile .viewcredit button [type=reset]:disabled,
    .profile .viewcredit input[type=reset]:disabled {
        background: var(--btn-disabled-background);
        border: var(--btn-disabled-border);
        color: var(--btn-disabled-color);
        cursor: not-allowed
    }

    .profile .changeaddress button [type=reset]:after,
    .profile .changeaddress button [type=reset]:before,
    .profile .changeaddress input[type=reset]:after,
    .profile .changeaddress input[type=reset]:before,
    .profile .changepw button [type=reset]:after,
    .profile .changepw button [type=reset]:before,
    .profile .changepw input[type=reset]:after,
    .profile .changepw input[type=reset]:before,
    .profile .enableOTP button [type=reset]:after,
    .profile .enableOTP button [type=reset]:before,
    .profile .enableOTP input[type=reset]:after,
    .profile .enableOTP input[type=reset]:before,
    .profile .totalticket button [type=reset]:after,
    .profile .totalticket button [type=reset]:before,
    .profile .totalticket input[type=reset]:after,
    .profile .totalticket input[type=reset]:before,
    .profile .viewcredit button [type=reset]:after,
    .profile .viewcredit button [type=reset]:before,
    .profile .viewcredit input[type=reset]:after,
    .profile .viewcredit input[type=reset]:before {
        color: inherit
    }

    .profile .changeaddress button [type=reset]:hover,
    .profile .changeaddress input[type=reset]:hover,
    .profile .changepw button [type=reset]:hover,
    .profile .changepw input[type=reset]:hover,
    .profile .enableOTP button [type=reset]:hover,
    .profile .enableOTP input[type=reset]:hover,
    .profile .totalticket button [type=reset]:hover,
    .profile .totalticket input[type=reset]:hover,
    .profile .viewcredit button [type=reset]:hover,
    .profile .viewcredit input[type=reset]:hover {
        background: var(--btn-link-hover-background);
        border: var(--btn-link-hover-border);
        color: var(--btn-link-hover-color);
        -webkit-text-decoration: var(--btn-link-hover-text-decoration);
        text-decoration: var(--btn-link-hover-text-decoration)
    }

    .profile .changeaddress button [type=reset]:active,
    .profile .changeaddress input[type=reset]:active,
    .profile .changepw button [type=reset]:active,
    .profile .changepw input[type=reset]:active,
    .profile .enableOTP button [type=reset]:active,
    .profile .enableOTP input[type=reset]:active,
    .profile .totalticket button [type=reset]:active,
    .profile .totalticket input[type=reset]:active,
    .profile .viewcredit button [type=reset]:active,
    .profile .viewcredit input[type=reset]:active {
        background: var(--btn-link-active-background);
        border: var(--btn-link-active-border);
        color: var(--btn-link-active-color)
    }

    .profile .changeaddress button [type=reset]:disabled,
    .profile .changeaddress input[type=reset]:disabled,
    .profile .changepw button [type=reset]:disabled,
    .profile .changepw input[type=reset]:disabled,
    .profile .enableOTP button [type=reset]:disabled,
    .profile .enableOTP input[type=reset]:disabled,
    .profile .totalticket button [type=reset]:disabled,
    .profile .totalticket input[type=reset]:disabled,
    .profile .viewcredit button [type=reset]:disabled,
    .profile .viewcredit input[type=reset]:disabled {
        background: var(--btn-link-disabled-background);
        border: var(--btn-link-disabled-border);
        color: var(--btn-link-disabled-color);
        -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
        text-decoration: var(--btn-link-disabled-text-decoration)
    }

    .profile .changeaddress input:not([type]),
    .profile .changeaddress input[type=date],
    .profile .changeaddress input[type=email],
    .profile .changeaddress input[type=number],
    .profile .changeaddress input[type=password],
    .profile .changeaddress input[type=text],
    .profile .changeaddress input[type=time],
    .profile .changeaddress select,
    .profile .changeaddress textarea,
    .profile .changepw input:not([type]),
    .profile .changepw input[type=date],
    .profile .changepw input[type=email],
    .profile .changepw input[type=number],
    .profile .changepw input[type=password],
    .profile .changepw input[type=text],
    .profile .changepw input[type=time],
    .profile .changepw select,
    .profile .changepw textarea,
    .profile .enableOTP input:not([type]),
    .profile .enableOTP input[type=date],
    .profile .enableOTP input[type=email],
    .profile .enableOTP input[type=number],
    .profile .enableOTP input[type=password],
    .profile .enableOTP input[type=text],
    .profile .enableOTP input[type=time],
    .profile .enableOTP select,
    .profile .enableOTP textarea,
    .profile .totalticket input:not([type]),
    .profile .totalticket input[type=date],
    .profile .totalticket input[type=email],
    .profile .totalticket input[type=number],
    .profile .totalticket input[type=password],
    .profile .totalticket input[type=text],
    .profile .totalticket input[type=time],
    .profile .totalticket select,
    .profile .totalticket textarea,
    .profile .viewcredit input:not([type]),
    .profile .viewcredit input[type=date],
    .profile .viewcredit input[type=email],
    .profile .viewcredit input[type=number],
    .profile .viewcredit input[type=password],
    .profile .viewcredit input[type=text],
    .profile .viewcredit input[type=time],
    .profile .viewcredit select,
    .profile .viewcredit textarea {
        background-color: var(--form-background-color);
        border: 1px solid;
        border-color: var(--form-border-color);
        border-radius: 3px;
        color: var(--form-color);
        font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
        font-size: 1rem;
        font-size: inherit;
        font-weight: 600;
        height: 3.5rem;
        line-height: inherit;
        padding: .5rem;
        width: 100%
    }

    .profile .changeaddress input:not([type]):disabled,
    .profile .changeaddress input[type=date]:disabled,
    .profile .changeaddress input[type=email]:disabled,
    .profile .changeaddress input[type=number]:disabled,
    .profile .changeaddress input[type=password]:disabled,
    .profile .changeaddress input[type=text]:disabled,
    .profile .changeaddress input[type=time]:disabled,
    .profile .changeaddress select:disabled,
    .profile .changeaddress textarea:disabled,
    .profile .changepw input:not([type]):disabled,
    .profile .changepw input[type=date]:disabled,
    .profile .changepw input[type=email]:disabled,
    .profile .changepw input[type=number]:disabled,
    .profile .changepw input[type=password]:disabled,
    .profile .changepw input[type=text]:disabled,
    .profile .changepw input[type=time]:disabled,
    .profile .changepw select:disabled,
    .profile .changepw textarea:disabled,
    .profile .enableOTP input:not([type]):disabled,
    .profile .enableOTP input[type=date]:disabled,
    .profile .enableOTP input[type=email]:disabled,
    .profile .enableOTP input[type=number]:disabled,
    .profile .enableOTP input[type=password]:disabled,
    .profile .enableOTP input[type=text]:disabled,
    .profile .enableOTP input[type=time]:disabled,
    .profile .enableOTP select:disabled,
    .profile .enableOTP textarea:disabled,
    .profile .totalticket input:not([type]):disabled,
    .profile .totalticket input[type=date]:disabled,
    .profile .totalticket input[type=email]:disabled,
    .profile .totalticket input[type=number]:disabled,
    .profile .totalticket input[type=password]:disabled,
    .profile .totalticket input[type=text]:disabled,
    .profile .totalticket input[type=time]:disabled,
    .profile .totalticket select:disabled,
    .profile .totalticket textarea:disabled,
    .profile .viewcredit input:not([type]):disabled,
    .profile .viewcredit input[type=date]:disabled,
    .profile .viewcredit input[type=email]:disabled,
    .profile .viewcredit input[type=number]:disabled,
    .profile .viewcredit input[type=password]:disabled,
    .profile .viewcredit input[type=text]:disabled,
    .profile .viewcredit input[type=time]:disabled,
    .profile .viewcredit select:disabled,
    .profile .viewcredit textarea:disabled {
        background-color: var(--form-disabled-background-color);
        border-color: var(--form-disabled-border-color);
        cursor: not-allowed
    }

    .profile .changeaddress input:not([type]):focus,
    .profile .changeaddress input[type=date]:focus,
    .profile .changeaddress input[type=email]:focus,
    .profile .changeaddress input[type=number]:focus,
    .profile .changeaddress input[type=password]:focus,
    .profile .changeaddress input[type=text]:focus,
    .profile .changeaddress input[type=time]:focus,
    .profile .changeaddress select:focus,
    .profile .changeaddress textarea:focus,
    .profile .changepw input:not([type]):focus,
    .profile .changepw input[type=date]:focus,
    .profile .changepw input[type=email]:focus,
    .profile .changepw input[type=number]:focus,
    .profile .changepw input[type=password]:focus,
    .profile .changepw input[type=text]:focus,
    .profile .changepw input[type=time]:focus,
    .profile .changepw select:focus,
    .profile .changepw textarea:focus,
    .profile .enableOTP input:not([type]):focus,
    .profile .enableOTP input[type=date]:focus,
    .profile .enableOTP input[type=email]:focus,
    .profile .enableOTP input[type=number]:focus,
    .profile .enableOTP input[type=password]:focus,
    .profile .enableOTP input[type=text]:focus,
    .profile .enableOTP input[type=time]:focus,
    .profile .enableOTP select:focus,
    .profile .enableOTP textarea:focus,
    .profile .totalticket input:not([type]):focus,
    .profile .totalticket input[type=date]:focus,
    .profile .totalticket input[type=email]:focus,
    .profile .totalticket input[type=number]:focus,
    .profile .totalticket input[type=password]:focus,
    .profile .totalticket input[type=text]:focus,
    .profile .totalticket input[type=time]:focus,
    .profile .totalticket select:focus,
    .profile .totalticket textarea:focus,
    .profile .viewcredit input:not([type]):focus,
    .profile .viewcredit input[type=date]:focus,
    .profile .viewcredit input[type=email]:focus,
    .profile .viewcredit input[type=number]:focus,
    .profile .viewcredit input[type=password]:focus,
    .profile .viewcredit input[type=text]:focus,
    .profile .viewcredit input[type=time]:focus,
    .profile .viewcredit select:focus,
    .profile .viewcredit textarea:focus {
        border-color: var(--form-border-color);
        box-shadow: var(--form-focus-box-shadow);
        color: var(--form-focus-color);
        outline: 0
    }

    .profile .changeaddress input[type=date],
    .profile .changeaddress input[type=time],
    .profile .changeaddress select,
    .profile .changepw input[type=date],
    .profile .changepw input[type=time],
    .profile .changepw select,
    .profile .enableOTP input[type=date],
    .profile .enableOTP input[type=time],
    .profile .enableOTP select,
    .profile .totalticket input[type=date],
    .profile .totalticket input[type=time],
    .profile .totalticket select,
    .profile .viewcredit input[type=date],
    .profile .viewcredit input[type=time],
    .profile .viewcredit select {
        cursor: pointer
    }
}

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

    .changeaddress,
    .changepw {
        right: .7rem;
        width: 100% !important
    }

    .enableOTP {
        right: .625rem
    }

    .enableOTP .boxLabel1_ctrl,
    .enableOTP .lblHelp2_ctrl,
    .enableOTP .lblHelp3_ctrl {
        max-width: 18.75rem !important
    }

    .enableOTP .btnChk_ctrl {
        height: 2.438rem !important;
        margin-left: 1.25rem !important;
        margin-top: 10px !important
    }
}

.boxCons,
.boxPag,
.boxSped_ctrl,
.traceOrder .boxDatiFatt_ctrl {
    padding: 1.25rem !important
}

.profile {
    min-width: 12.5rem !important
}

.profile .container_resource {
    height: auto !important
}

@media screen and (max-width:991px) {
    .profile .container_resource {
        padding-left: 0 !important
    }
}

.profile .labelBold {
    height: 2.3rem;
    line-height: 2.5rem;
    min-width: 18rem;
    width: auto !important
}

@media screen and (max-width:575px) {
    .profile .labelBold {
        font-size: .8rem;
        min-width: 7rem
    }
}

.profile .labelBold h3 {
    display: block;
    font-weight: 700;
    line-height: 1;
    margin: 1.2rem 0 0;
    padding: 1.2rem;
    position: relative;
    text-align: center;
    white-space: unset
}

@media screen and (max-width:991px) {
    .profile .labelBold h3 {
        height: auto;
        padding: .2rem;
        text-align: center;
        white-space: unset
    }
}

.profile .documentList .labelBold {
    min-width: auto !important
}

.profile .box,
.profile span[id$=_lblHeader] {
    background: none;
    border: 0 !important;
    height: auto !important;
    padding: 0;
    text-align: center;
    width: 100% !important
}

.profile .box .labelBold,
.profile span[id$=_lblHeader] .labelBold {
    text-align: center !important;
    width: 100% !important
}

.profile span[id*=_wrp],
.profile span[id*=_wrp] input {
    height: 2.3rem !important;
    line-height: 2.3rem;
    margin-left: 5.9rem
}

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

    .profile span[id*=_wrp],
    .profile span[id*=_wrp] input {
        font-size: .9rem;
        margin-left: -.4rem
    }
}

.profile .combobox {
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    height: 2.3rem !important;
    left: 20.5rem !important;
    line-height: 2.3rem;
    margin-bottom: 0;
    padding: 0 .5rem;
    width: 13.313rem !important
}

@media screen and (max-width:575px) {
    .profile .combobox {
        left: 8rem !important;
        padding: 0 !important
    }
}

.profile .labelOk,
.profile .lblMenu {
    width: auto !important
}

.profile .lblMenu {
    display: none;
    margin: .6rem 0 0 .6rem !important
}

@media screen and (max-width:991px) {
    .profile .lblMenu {
        display: block
    }
}

.profile div[id$=_container_resource] {
    width: 70% !important
}

@media screen and (max-width:991px) {
    .profile div[id$=_container_resource] {
        left: 0;
        width: 100% !important
    }
}

.profile .boxMenu {
    background-clip: padding-box;
    border-radius: 0;
    margin-left: 0 !important;
    width: 25% !important
}

.profile .boxMenu table td {
    padding-left: 0
}

@media screen and (max-width:991px) {
    .profile .boxMenu {
        margin-bottom: .938rem !important;
        min-height: 2.5rem !important;
        padding: .313rem;
        width: 100% !important
    }

    .profile .boxMenu table td {
        height: 2.5rem !important;
        vertical-align: middle !important
    }
}

.profile .menuview_slide {
    display: block;
    height: auto !important;
    margin-bottom: 1.25rem !important;
    margin-left: 0 !important;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    width: 100% !important
}

.profile .menuview_slide.active {
    font-weight: 600;
    padding-left: 1.8rem
}

.profile .menuview_slide div[id*=_slide] {
    display: block !important
}

.profile .menuview_slide div[id*=_slideChild] {
    padding-bottom: 1.25rem
}

.profile .menuview_slide .menuview_sep {
    height: .5rem
}

.profile .menuview_slide .menuview_font,
.profile .menuview_slide .menuview_font_over {
    background-color: transparent !important;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 !important
}

.profile .menuview_slide .parent.menuview_font,
.profile .menuview_slide .parent.menuview_font_over {
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding: .5rem 0 !important;
    position: relative
}

.profile .menuview_slide td.menuview_sub_font,
.profile .menuview_slide td.menuview_sub_font_over {
    cursor: pointer;
    font-size: 1rem !important;
    position: relative
}

.profile .menuview_slide td.menuview_sub_font :hover,
.profile .menuview_slide td.menuview_sub_font_over :hover {
    color: var(--color-primary)
}

.profile .menuview_slide td.menuview_sub_font.active,
.profile .menuview_slide td.menuview_sub_font_over.active {
    font-weight: 600
}

@media screen and (max-width:991px) {
    .profile .menuview_slide {
        display: none
    }
}

.gsec_fe_gadget_doc_trace_container_portlet .btnAnnulla_ctrl,
.gsec_fe_gadget_doc_trace_container_portlet .btnConfirmOrder_ctrl,
.gsec_fe_gadget_doc_trace_container_portlet .btnEditOrder_ctrl {
    margin: .5rem 0 0 .5rem !important
}

.menuview_border,
.menuview_border table {
    width: 100%
}

.menuview_border table td,
.menuview_border table th,
.menuview_border td,
.menuview_border th {
    padding: .5rem 0
}

.changeaddress .labelAsterisk {
    left: 35rem !important;
    right: 0 !important
}

@media screen and (max-width:575px) {
    .changeaddress .labelAsterisk {
        left: 21.37rem !important
    }
}

.changepw span.labelBold {
    left: 0 !important
}

@media screen and (max-width:991px) {
    .changepw span.labelBold {
        left: .5rem !important
    }
}

.changepw .labelAsterisk {
    left: 46.5rem !important
}

@media screen and (max-width:991px) {
    .changepw .labelAsterisk {
        left: 36.5rem !important
    }
}

@media screen and (max-width:575px) {
    .changepw .labelAsterisk {
        left: 21rem !important
    }
}

.changepw span[id*=_wrp],
.changepw span[id*=_wrp] input {
    width: 25rem !important
}

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

    .changepw span[id*=_wrp],
    .changepw span[id*=_wrp] input {
        margin-left: 6rem;
        width: 15rem !important
    }
}

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

    .changepw span[id*=_wrp],
    .changepw span[id*=_wrp] input {
        margin-left: 0;
        width: 11.8rem !important
    }
}

.viewcredit .SADATELA_ctrl {
    min-width: 7.813rem !important
}

@media screen and (max-width:575px) {
    .gspv_fe_gadget_wworkerspref_portlet {
        min-width: 56.25rem !important
    }
}

.enableOTP,
.gspv_fe_gadget_wcustumerpref_portlet {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin-bottom: 5rem !important;
    padding: 2rem
}

.enableOTP .btnChk_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    height: 2.8rem !important;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 8rem !important
}

.enableOTP .btnChk_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.enableOTP .btnChk_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.enableOTP .btnChk_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.enableOTP .btnChk_ctrl:after,
.enableOTP .btnChk_ctrl:before,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:after,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:before {
    color: inherit
}

.enableOTP .btnChk_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.enableOTP .btnChk_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.enableOTP .btnChk_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

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

    .enableOTP .btnChk_ctrl,
    .gspv_fe_gadget_wcustumerpref_portlet .btnChk_ctrl {
        margin: 1rem 1.6rem !important
    }
}

.enableOTP .btnActive_ctrl,
.enableOTP .btnDisable_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    height: 2.8rem !important;
    justify-content: center;
    margin-left: 0 !important;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.enableOTP .btnActive_ctrl:hover,
.enableOTP .btnDisable_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.enableOTP .btnActive_ctrl:active,
.enableOTP .btnDisable_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.enableOTP .btnActive_ctrl:disabled,
.enableOTP .btnDisable_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.enableOTP .btnActive_ctrl:after,
.enableOTP .btnActive_ctrl:before,
.enableOTP .btnDisable_ctrl:after,
.enableOTP .btnDisable_ctrl:before,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:after,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:before,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:after,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:before {
    color: inherit
}

.enableOTP .btnActive_ctrl:hover,
.enableOTP .btnDisable_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:hover,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.enableOTP .btnActive_ctrl:active,
.enableOTP .btnDisable_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:active,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.enableOTP .btnActive_ctrl:disabled,
.enableOTP .btnDisable_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnActive_ctrl:disabled,
.gspv_fe_gadget_wcustumerpref_portlet .btnDisable_ctrl:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.enableOTP .textbox-container,
.gspv_fe_gadget_wcustumerpref_portlet .textbox-container {
    height: 2.8rem !important;
    width: 11.8rem !important
}

.enableOTP .textbox-container .textbox,
.gspv_fe_gadget_wcustumerpref_portlet .textbox-container .textbox {
    margin-left: 0 !important
}

.enableOTP .txtOTP_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .txtOTP_ctrl {
    height: 2.9rem !important;
    line-height: 3rem !important
}

.enableOTP .boxLabel,
.gspv_fe_gadget_wcustumerpref_portlet .boxLabel {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important
}

.enableOTP .boxLabel .label,
.gspv_fe_gadget_wcustumerpref_portlet .boxLabel .label {
    font-size: 1rem !important;
    margin: 10px 0 0 !important;
    min-height: 0 !important;
    text-align: center !important;
    width: 100% !important
}

.enableOTP .qrSide_ctrl td,
.gspv_fe_gadget_wcustumerpref_portlet .qrSide_ctrl td {
    text-align: center
}

.enableOTP .qrSide_ctrl img,
.gspv_fe_gadget_wcustumerpref_portlet .qrSide_ctrl img {
    display: inline-block !important;
    margin: 20px 30px 0 0 !important
}

.enableOTP .boxActivate td,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate td {
    text-align: center
}

.enableOTP .boxActivate .button,
.enableOTP .boxActivate .txtOTP_ctrl,
.enableOTP .boxActivate .txtOTP_ctrl input,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate .button,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate .txtOTP_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate .txtOTP_ctrl input {
    display: inline-block !important;
    float: none !important
}

.enableOTP .boxActivate .btnActive_ctrl,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate .btnActive_ctrl {
    float: left !important;
    margin: 10px 0 0 50% !important;
    transform: translateX(-50%)
}

.enableOTP .boxActivate .label,
.gspv_fe_gadget_wcustumerpref_portlet .boxActivate .label {
    font-size: 1rem !important;
    min-height: 0 !important;
    text-align: center !important;
    width: 100% !important
}

.enableOTP span[id*=_wrp],
.enableOTP span[id*=_wrp] input,
.gspv_fe_gadget_wcustumerpref_portlet span[id*=_wrp],
.gspv_fe_gadget_wcustumerpref_portlet span[id*=_wrp] input {
    height: 2.9rem !important
}

.enableOTP .GridOpe_ctrl img,
.gspv_fe_gadget_wcustumerpref_portlet .GridOpe_ctrl img {
    display: inline-block !important
}

.gsec_fe_gadget_docnav_portlet .buttonClose_ctrl {
    right: 160px !important
}

@media screen and (max-width:575px) {
    .gsec_fe_gadget_docnav_portlet .buttonClose_ctrl {
        left: 6.25rem !important;
        top: 17.5rem !important;
        width: 7.5rem !important
    }

    .gsec_fe_gadget_docnav_portlet .buttonBrowse_ctrl {
        top: 17.5rem !important;
        width: 7.5rem !important
    }
}

@media screen and (max-width:767px) {
    .gsec_fe_gadget_docnav_portlet .btnNewDoc_ctrl {
        left: .25rem !important
    }

    .gsec_fe_gadget_docnav_portlet .buttonClose_ctrl {
        left: 6.25rem !important;
        top: 17.5rem !important;
        width: 7.5rem !important
    }

    .gsec_fe_gadget_docnav_portlet .buttonBrowse_ctrl {
        top: 17.5rem !important;
        width: 7.5rem !important
    }
}

.gsec_fe_gadget_customers_age_container .grid_row,
.gsec_fe_gadget_customers_age_container .grid_row .grid_rowselected,
.gsec_fe_gadget_customers_age_container .grid_rowodd,
.gsec_fe_gadget_customers_age_container .grid_rowodd .grid_rowselected {
    font-size: .9rem;
    font-weight: 400;
    height: 1.375rem !important
}

.gsec_fe_gadget_customers_age_container .grid_cell_title {
    font-weight: 600;
    height: 2.4rem !important;
    padding-left: .2rem
}

.gsec_fe_gadget_customers_age_container .grid_cell {
    min-width: 1rem;
    padding: 1rem .2rem
}

.gsec_fe_gadget_customers_age_container img {
    height: 1.563rem !important;
    width: 1.563rem !important
}

.gsec_fe_gadget_customers_age_container .btnNew_ctrl {
    height: auto !important;
    top: 4.188rem !important
}

@media screen and (max-width:991px) {
    .gsec_fe_gadget_customers_age_container .btnNew_ctrl {
        left: 0 !important
    }
}

.myorder .box {
    height: auto !important;
    width: auto !important
}

.myorder .box .box .boxButton {
    float: left !important
}

.myorder .traceOrder .repeater {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    padding: .5rem
}

.myorder .traceOrder .boxButton,
.myorder .traceOrder .boxTitleRepeat,
.myorder .traceOrder .boxTotal {
    background: none;
    border: 0 !important;
    margin: .625rem 0 !important;
    padding: 0;
    width: auto !important
}

.myorder .traceOrder .boxTotal {
    float: right;
    margin: .625rem 0 !important
}

.myorder .traceOrder .box.boxButton .btnAddToCart {
    font-size: .938rem;
    height: auto !important;
    margin: 1.25rem .313rem 0 0 !important;
    width: auto !important
}

.myorder .traceOrder .labelBold {
    color: var(--colgreyThree);
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: left !important
}

.myorder .traceOrder .labelBold a {
    text-decoration: underline
}

.myorder .traceOrder div[id$=_imgTracking] {
    float: right;
    margin: .688rem .938rem
}

.myorder .traceOrder .boxPag {
    clear: left !important
}

.myorder .traceOrder .boxCons {
    clear: right !important
}

.myorder .traceOrder .labelBold.stato {
    color: var(--primary-color);
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
    margin-top: -.625rem
}

.myorder .traceOrder .labelH2 {
    color: var(--colDark);
    font-size: 1.125rem;
    font-weight: 700;
    height: 1.563rem;
    line-height: 1.563rem;
    margin: 0 0 0 1.25rem !important
}

.myorder .traceOrder .box.boxTotal .labelBold {
    text-align: right !important;
    width: 7.5rem !important
}

.myorder .traceOrder .box .boxTotal .labelH2,
.myorder .traceOrder .box.boxTotal .labelBold {
    margin: 0 !important;
    padding: .313rem .625rem
}

.myorder .traceOrder .box.boxTitleRepeat {
    width: 100% !important
}

.myorder .traceOrder .box.boxTitleRepeat .labelH2 {
    font-size: .875rem;
    margin: 0 !important;
    text-align: left !important
}

.myorder .traceOrder .box.boxTitleRepeat .lblArt_ctrl {
    width: calc(100% - 350px) !important
}

.myorder .traceOrder .box.boxTitleRepeat .Quantità_ctrl,
.myorder .traceOrder .box.boxTitleRepeat .label4_ctrl,
.myorder .traceOrder .box.boxTitleRepeat .label6_ctrl {
    width: 6.25rem !important
}

@media screen and (max-width:991px) {
    .myorder .traceOrder .traceOrder .box50 {
        margin-left: .5rem !important;
        padding: .313rem;
        width: 49% !important
    }
}

.myorder .traceOrder .lblTotaleValueSummary_ctrl {
    font-weight: 700
}

.myorder .traceOrderItem {
    border-bottom: .063rem solid var(--colgreyThree);
    min-height: 0 !important
}

.myorder .traceOrderItem .boxStateOrder {
    float: right;
    height: 2.5rem !important;
    margin: 0 !important;
    width: .625rem !important
}

.myorder .traceOrderItem .labelBold {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0 0 0 1.25rem;
    text-align: right
}

.myorder .traceOrderItem .labelBold a {
    font-size: 1rem
}

.myorder .traceOrderItem .grid {
    padding-top: 1.25rem
}

.myorder .traceOrderItem>* {
    margin: 0 !important
}

.myorder .traceOrderItem span {
    float: left;
    height: auto !important;
    min-height: 2.5rem !important
}

.myorder .traceOrderItem .lblDesArtText_ctrl,
.myorder .traceOrderItem .lblDesArt_ctrl {
    align-items: center;
    display: flex;
    white-space: break-spaces;
    width: calc(100% - 21.875rem) !important
}

.myorder .traceOrderItem .lblPrice_ctrl,
.myorder .traceOrderItem .lblQta_ctrl,
.myorder .traceOrderItem .lblTot_ctrl {
    line-height: 2.5rem;
    min-width: 0 !important;
    width: 6.25rem !important
}

.myorder .traceOrderItem .imgTracking_ctrl {
    height: 2.5rem !important;
    position: relative !important;
    width: 2.5rem !important
}

.myorder .traceOrderItem .imgTracking_ctrl a {
    align-items: center;
    display: flex;
    justify-content: center
}

.myorder .traceOrderItem .imgTracking_ctrl a:before {
    content: "";
    display: block;
    font-family: icons8_win10;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center
}

.myorder .traceOrderItem .imgTracking_ctrl .imgTracking {
    left: 0;
    opacity: 0 !important;
    position: absolute !important;
    top: 0
}

.myorder .grid img {
    max-width: inherit
}

table[id$=_dmsGridBase],
table[id$=_gridCustomers],
table[id$=_gridMyOrderProv],
table[id$=_gridMyOrder] {
    border-collapse: separate;
    border-spacing: 0
}

table[id$=_dmsGridBase]>tbody td,
table[id$=_gridCustomers]>tbody td,
table[id$=_gridMyOrderProv]>tbody td,
table[id$=_gridMyOrder]>tbody td {
    background-color: #fff;
    border-color: transparent;
    border-style: none solid solid none;
    border-width: .063rem
}

table[id$=_dmsGridBase] tr:first-child td:first-child,
table[id$=_gridCustomers] tr:first-child td:first-child,
table[id$=_gridMyOrderProv] tr:first-child td:first-child,
table[id$=_gridMyOrder] tr:first-child td:first-child {
    border-top-left-radius: .625rem
}

table[id$=_dmsGridBase] tr:first-child td:last-child,
table[id$=_gridCustomers] tr:first-child td:last-child,
table[id$=_gridMyOrderProv] tr:first-child td:last-child,
table[id$=_gridMyOrder] tr:first-child td:last-child {
    border-top-right-radius: .625rem
}

table[id$=_dmsGridBase] tr:last-child td:first-child,
table[id$=_gridCustomers] tr:last-child td:first-child,
table[id$=_gridMyOrderProv] tr:last-child td:first-child,
table[id$=_gridMyOrder] tr:last-child td:first-child {
    border-bottom-left-radius: .625rem
}

table[id$=_dmsGridBase] tr:last-child td:last-child,
table[id$=_gridCustomers] tr:last-child td:last-child,
table[id$=_gridMyOrderProv] tr:last-child td:last-child,
table[id$=_gridMyOrder] tr:last-child td:last-child {
    border-bottom-right-radius: .625rem
}

table[id$=_dmsGridBase] a,
table[id$=_gridCustomers] a,
table[id$=_gridMyOrderProv] a,
table[id$=_gridMyOrder] a {
    text-decoration: underline !important
}

table[id$=_gridMyOrder] td:last-child {
    padding: 0
}

table[id$=_gridMyOrder] td:last-child.green div,
table[id$=_gridMyOrder] td:last-child.red div,
table[id$=_gridMyOrder] td:last-child.yellow div {
    height: 2.5rem;
    margin-left: auto;
    width: .5rem
}

table[id$=_gridMyOrder] td:last-child.red div {
    background: var(--color-red)
}

table[id$=_gridMyOrder] td:last-child.yellow div {
    background: var(--color-yellow)
}

table[id$=_gridMyOrder] td:last-child.green div {
    background: var(--color-green)
}

.changeLanguage {
    height: 4.125rem;
    position: relative
}

.changeLanguage .gadget {
    display: flex;
    height: 100%
}

.changeLanguage .gadget .language-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.changeLanguage .gadget .language-item .language-link-wrapper {
    display: flex;
    padding: 0 .3rem
}

.changeLanguage .gadget .language-item .language-link-wrapper .link-icon {
    font-family: remixicon;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: inherit;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative
}

.changeLanguage .gadget .language-item .language-link-wrapper .link {
    display: flex;
    flex-direction: column;
    width: 3.3rem
}

.changeLanguage .gadget .language-item .language-link-wrapper .link-text {
    display: none;
    font-size: .8rem;
    font-weight: 600;
    height: 0;
    padding: 0
}

.changeLanguage .gadget .language-item .language-link-wrapper .link-icon.language:before {
    content: var(--icon-language);
    cursor: pointer
}

.changeLanguage .gadget .languagesLayer {
    background: var(--color-white);
    border: .06rem solid var(--color-white);
    border-radius: 1rem;
    box-shadow: 0 .2rem .6rem rgba(0, 0, 0, .2);
    display: none;
    height: auto !important;
    left: auto !important;
    padding: 1.2rem 0;
    position: absolute;
    right: -1.2rem !important;
    text-align: center;
    top: 2.6rem !important;
    width: 5rem;
    z-index: 10001 !important
}

.changeLanguage .gadget .languagesLayer li a {
    color: var(--color-gray-shade-4);
    display: block;
    padding: .6rem 0;
    width: 100%
}

.changeLanguage .gadget .languagesLayer li a span {
    font-size: 1rem;
    margin-bottom: 0;
    padding: .5rem 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.changeLanguage .gadget .languagesLayer li a.active {
    background: var(--color-gray-shade-1bis);
    color: var(--color-gray-shade-5);
    font-weight: 600
}

.changeLanguage .gadget:hover .languagesLayer {
    display: block
}

.new-password.html,
.password-demand.html {
    padding: 5rem 0
}

.new-password.html .gadget,
.password-demand.html .gadget {
    background: var(--box-background);
    border: var(--box-border);
    border-radius: var(--border-radius-box);
    color: var(--box-color);
    margin: 0 auto;
    max-width: 35rem;
    padding: 5rem;
    position: relative
}

.new-password.html .gadget .col-lg-6,
.password-demand.html .gadget .col-lg-6 {
    margin: 0;
    width: 100%
}

.new-password.html .gadget .title h1,
.password-demand.html .gadget .title h1 {
    display: block;
    margin: 0 0 2rem;
    text-align: center
}

.new-password.html .gadget .form-wrapper label,
.password-demand.html .gadget .form-wrapper label {
    color: var(--color-text-form);
    font-size: 1rem;
    line-height: 1.1rem
}

.new-password.html .gadget .form-wrapper button [type=submit],
.new-password.html .gadget .form-wrapper input[type=button],
.new-password.html .gadget .form-wrapper input[type=submit],
.password-demand.html .gadget .form-wrapper button [type=submit],
.password-demand.html .gadget .form-wrapper input[type=button],
.password-demand.html .gadget .form-wrapper input[type=submit] {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.new-password.html .gadget .form-wrapper button [type=submit]:hover,
.new-password.html .gadget .form-wrapper input[type=button]:hover,
.new-password.html .gadget .form-wrapper input[type=submit]:hover,
.password-demand.html .gadget .form-wrapper button [type=submit]:hover,
.password-demand.html .gadget .form-wrapper input[type=button]:hover,
.password-demand.html .gadget .form-wrapper input[type=submit]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.new-password.html .gadget .form-wrapper button [type=submit]:active,
.new-password.html .gadget .form-wrapper input[type=button]:active,
.new-password.html .gadget .form-wrapper input[type=submit]:active,
.password-demand.html .gadget .form-wrapper button [type=submit]:active,
.password-demand.html .gadget .form-wrapper input[type=button]:active,
.password-demand.html .gadget .form-wrapper input[type=submit]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.new-password.html .gadget .form-wrapper button [type=submit]:disabled,
.new-password.html .gadget .form-wrapper input[type=button]:disabled,
.new-password.html .gadget .form-wrapper input[type=submit]:disabled,
.password-demand.html .gadget .form-wrapper button [type=submit]:disabled,
.password-demand.html .gadget .form-wrapper input[type=button]:disabled,
.password-demand.html .gadget .form-wrapper input[type=submit]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.new-password.html .gadget .form-wrapper button [type=submit]:after,
.new-password.html .gadget .form-wrapper button [type=submit]:before,
.new-password.html .gadget .form-wrapper input[type=button]:after,
.new-password.html .gadget .form-wrapper input[type=button]:before,
.new-password.html .gadget .form-wrapper input[type=submit]:after,
.new-password.html .gadget .form-wrapper input[type=submit]:before,
.password-demand.html .gadget .form-wrapper button [type=submit]:after,
.password-demand.html .gadget .form-wrapper button [type=submit]:before,
.password-demand.html .gadget .form-wrapper input[type=button]:after,
.password-demand.html .gadget .form-wrapper input[type=button]:before,
.password-demand.html .gadget .form-wrapper input[type=submit]:after,
.password-demand.html .gadget .form-wrapper input[type=submit]:before {
    color: inherit
}

.new-password.html .gadget .form-wrapper button [type=submit]:hover,
.new-password.html .gadget .form-wrapper input[type=button]:hover,
.new-password.html .gadget .form-wrapper input[type=submit]:hover,
.password-demand.html .gadget .form-wrapper button [type=submit]:hover,
.password-demand.html .gadget .form-wrapper input[type=button]:hover,
.password-demand.html .gadget .form-wrapper input[type=submit]:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.new-password.html .gadget .form-wrapper button [type=submit]:active,
.new-password.html .gadget .form-wrapper input[type=button]:active,
.new-password.html .gadget .form-wrapper input[type=submit]:active,
.password-demand.html .gadget .form-wrapper button [type=submit]:active,
.password-demand.html .gadget .form-wrapper input[type=button]:active,
.password-demand.html .gadget .form-wrapper input[type=submit]:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.new-password.html .gadget .form-wrapper button [type=submit]:disabled,
.new-password.html .gadget .form-wrapper input[type=button]:disabled,
.new-password.html .gadget .form-wrapper input[type=submit]:disabled,
.password-demand.html .gadget .form-wrapper button [type=submit]:disabled,
.password-demand.html .gadget .form-wrapper input[type=button]:disabled,
.password-demand.html .gadget .form-wrapper input[type=submit]:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

.new-password.html .gadget .form-wrapper button [type=reset],
.new-password.html .gadget .form-wrapper input[type=reset],
.password-demand.html .gadget .form-wrapper button [type=reset],
.password-demand.html .gadget .form-wrapper input[type=reset] {
    background: var(--btn-background);
    background: var(--btn-link-background);
    border: var(--btn-link-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-link-color);
    cursor: pointer;
    font-size: .8rem;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 600;
    height: 4rem;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.new-password.html .gadget .form-wrapper button [type=reset]:hover,
.new-password.html .gadget .form-wrapper input[type=reset]:hover,
.password-demand.html .gadget .form-wrapper button [type=reset]:hover,
.password-demand.html .gadget .form-wrapper input[type=reset]:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.new-password.html .gadget .form-wrapper button [type=reset]:active,
.new-password.html .gadget .form-wrapper input[type=reset]:active,
.password-demand.html .gadget .form-wrapper button [type=reset]:active,
.password-demand.html .gadget .form-wrapper input[type=reset]:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.new-password.html .gadget .form-wrapper button [type=reset]:disabled,
.new-password.html .gadget .form-wrapper input[type=reset]:disabled,
.password-demand.html .gadget .form-wrapper button [type=reset]:disabled,
.password-demand.html .gadget .form-wrapper input[type=reset]:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.new-password.html .gadget .form-wrapper button [type=reset]:after,
.new-password.html .gadget .form-wrapper button [type=reset]:before,
.new-password.html .gadget .form-wrapper input[type=reset]:after,
.new-password.html .gadget .form-wrapper input[type=reset]:before,
.password-demand.html .gadget .form-wrapper button [type=reset]:after,
.password-demand.html .gadget .form-wrapper button [type=reset]:before,
.password-demand.html .gadget .form-wrapper input[type=reset]:after,
.password-demand.html .gadget .form-wrapper input[type=reset]:before {
    color: inherit
}

.new-password.html .gadget .form-wrapper button [type=reset]:hover,
.new-password.html .gadget .form-wrapper input[type=reset]:hover,
.password-demand.html .gadget .form-wrapper button [type=reset]:hover,
.password-demand.html .gadget .form-wrapper input[type=reset]:hover {
    background: var(--btn-link-hover-background);
    border: var(--btn-link-hover-border);
    color: var(--btn-link-hover-color);
    -webkit-text-decoration: var(--btn-link-hover-text-decoration);
    text-decoration: var(--btn-link-hover-text-decoration)
}

.new-password.html .gadget .form-wrapper button [type=reset]:active,
.new-password.html .gadget .form-wrapper input[type=reset]:active,
.password-demand.html .gadget .form-wrapper button [type=reset]:active,
.password-demand.html .gadget .form-wrapper input[type=reset]:active {
    background: var(--btn-link-active-background);
    border: var(--btn-link-active-border);
    color: var(--btn-link-active-color)
}

.new-password.html .gadget .form-wrapper button [type=reset]:disabled,
.new-password.html .gadget .form-wrapper input[type=reset]:disabled,
.password-demand.html .gadget .form-wrapper button [type=reset]:disabled,
.password-demand.html .gadget .form-wrapper input[type=reset]:disabled {
    background: var(--btn-link-disabled-background);
    border: var(--btn-link-disabled-border);
    color: var(--btn-link-disabled-color);
    -webkit-text-decoration: var(--btn-link-disabled-text-decoration);
    text-decoration: var(--btn-link-disabled-text-decoration)
}

.new-password.html .gadget .form-wrapper input:not([type]),
.new-password.html .gadget .form-wrapper input[type=date],
.new-password.html .gadget .form-wrapper input[type=email],
.new-password.html .gadget .form-wrapper input[type=number],
.new-password.html .gadget .form-wrapper input[type=password],
.new-password.html .gadget .form-wrapper input[type=text],
.new-password.html .gadget .form-wrapper input[type=time],
.new-password.html .gadget .form-wrapper select,
.new-password.html .gadget .form-wrapper textarea,
.password-demand.html .gadget .form-wrapper input:not([type]),
.password-demand.html .gadget .form-wrapper input[type=date],
.password-demand.html .gadget .form-wrapper input[type=email],
.password-demand.html .gadget .form-wrapper input[type=number],
.password-demand.html .gadget .form-wrapper input[type=password],
.password-demand.html .gadget .form-wrapper input[type=text],
.password-demand.html .gadget .form-wrapper input[type=time],
.password-demand.html .gadget .form-wrapper select,
.password-demand.html .gadget .form-wrapper textarea {
    background-color: var(--form-background-color);
    border: 1px solid;
    border-color: var(--form-border-color);
    border-radius: 3px;
    color: var(--form-color);
    font-family: var(--font-family-primary), Helvetica, Arial, sans-serif !important;
    font-size: 1rem;
    font-size: inherit;
    font-weight: 600;
    height: 3.5rem;
    line-height: inherit;
    padding: .5rem;
    width: 100%
}

.new-password.html .gadget .form-wrapper input:not([type]):disabled,
.new-password.html .gadget .form-wrapper input[type=date]:disabled,
.new-password.html .gadget .form-wrapper input[type=email]:disabled,
.new-password.html .gadget .form-wrapper input[type=number]:disabled,
.new-password.html .gadget .form-wrapper input[type=password]:disabled,
.new-password.html .gadget .form-wrapper input[type=text]:disabled,
.new-password.html .gadget .form-wrapper input[type=time]:disabled,
.new-password.html .gadget .form-wrapper select:disabled,
.new-password.html .gadget .form-wrapper textarea:disabled,
.password-demand.html .gadget .form-wrapper input:not([type]):disabled,
.password-demand.html .gadget .form-wrapper input[type=date]:disabled,
.password-demand.html .gadget .form-wrapper input[type=email]:disabled,
.password-demand.html .gadget .form-wrapper input[type=number]:disabled,
.password-demand.html .gadget .form-wrapper input[type=password]:disabled,
.password-demand.html .gadget .form-wrapper input[type=text]:disabled,
.password-demand.html .gadget .form-wrapper input[type=time]:disabled,
.password-demand.html .gadget .form-wrapper select:disabled,
.password-demand.html .gadget .form-wrapper textarea:disabled {
    background-color: var(--form-disabled-background-color);
    border-color: var(--form-disabled-border-color);
    cursor: not-allowed
}

.new-password.html .gadget .form-wrapper input:not([type]):focus,
.new-password.html .gadget .form-wrapper input[type=date]:focus,
.new-password.html .gadget .form-wrapper input[type=email]:focus,
.new-password.html .gadget .form-wrapper input[type=number]:focus,
.new-password.html .gadget .form-wrapper input[type=password]:focus,
.new-password.html .gadget .form-wrapper input[type=text]:focus,
.new-password.html .gadget .form-wrapper input[type=time]:focus,
.new-password.html .gadget .form-wrapper select:focus,
.new-password.html .gadget .form-wrapper textarea:focus,
.password-demand.html .gadget .form-wrapper input:not([type]):focus,
.password-demand.html .gadget .form-wrapper input[type=date]:focus,
.password-demand.html .gadget .form-wrapper input[type=email]:focus,
.password-demand.html .gadget .form-wrapper input[type=number]:focus,
.password-demand.html .gadget .form-wrapper input[type=password]:focus,
.password-demand.html .gadget .form-wrapper input[type=text]:focus,
.password-demand.html .gadget .form-wrapper input[type=time]:focus,
.password-demand.html .gadget .form-wrapper select:focus,
.password-demand.html .gadget .form-wrapper textarea:focus {
    border-color: var(--form-border-color);
    box-shadow: var(--form-focus-box-shadow);
    color: var(--form-focus-color);
    outline: 0
}

.new-password.html .gadget .form-wrapper input[type=date],
.new-password.html .gadget .form-wrapper input[type=time],
.new-password.html .gadget .form-wrapper select,
.password-demand.html .gadget .form-wrapper input[type=date],
.password-demand.html .gadget .form-wrapper input[type=time],
.password-demand.html .gadget .form-wrapper select {
    cursor: pointer
}

.new-password.html .gadget .form-wrapper .text-wrapper,
.password-demand.html .gadget .form-wrapper .text-wrapper {
    padding: 0 0 1rem
}

.new-password.html .gadget .form-wrapper .text-wrapper .form-group,
.password-demand.html .gadget .form-wrapper .text-wrapper .form-group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 0 .8rem;
    position: relative
}

.new-password.html .gadget .form-wrapper .text-wrapper .form-group .textbox-container,
.password-demand.html .gadget .form-wrapper .text-wrapper .form-group .textbox-container {
    flex: 1
}

.new-password.html .gadget .form-wrapper a.link,
.password-demand.html .gadget .form-wrapper a.link {
    font-weight: 600
}

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

    .new-password.html .gadget,
    .password-demand.html .gadget {
        padding: 2.5rem
    }
}

.navbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5rem 1rem;
    position: relative
}

.navbar .pagination {
    border-radius: .25rem;
    display: flex;
    list-style: none;
    padding-left: 0
}

.navbar .pagination li {
    display: inline-block
}

.navbar .pagination li a {
    display: block;
    height: 1.625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 1.625rem
}

.navbar .pagination li a.page {
    background: transparent;
    color: var(--color-gray-shade-4);
    line-height: 1.625rem
}

.navbar .pagination li a.page:hover {
    font-weight: 600
}

.navbar .pagination li a.page.active,
.navbar .pagination li a.page.active:hover {
    background: transparent;
    border: none;
    color: var(--color-black);
    font-weight: 600
}

.navbar .pagination li a.prev {
    background: var(--color-gray-shade-1bis);
    border-radius: 50%;
    height: 1.625rem;
    margin-right: .625rem;
    width: 1.625rem
}

.navbar .pagination li a.prev:after {
    border-bottom: 2px solid var(--color-white);
    border-right: 2px solid var(--color-white);
    content: "";
    height: .375rem;
    left: .625rem;
    position: absolute;
    top: .5rem;
    transform: rotate(135deg);
    width: .375rem
}

.navbar .pagination li a.prev.disabled {
    cursor: default;
    opacity: .5
}

.navbar .pagination li a.prev:hover {
    background: var(--color-gray-shade-2)
}

.navbar .pagination li a.next {
    background: var(--color-gray-shade-1bis);
    border-radius: 50%;
    height: 1.625rem;
    margin-left: .625rem;
    width: 1.625rem
}

.navbar .pagination li a.next:after {
    border-bottom: 2px solid var(--color-white);
    border-right: 2px solid var(--color-white);
    content: "";
    height: .375rem;
    left: .5rem;
    position: absolute;
    top: .625rem;
    transform: rotate(-45deg);
    width: .375rem
}

.navbar .pagination li a.next.disabled {
    cursor: default;
    opacity: .5
}

.navbar .pagination li a.next:hover {
    background: var(--color-gray-shade-2)
}

.navbar .navbar_count {
    color: var(--color-gray-shade-3)
}

.selectionCustomer,
.selectionOffice {
    background: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 1rem;
    height: auto;
    left: auto;
    min-width: 14rem !important;
    text-align: left;
    width: auto
}

.selectionCustomer .btn.btn-primary,
.selectionOffice .btn.btn-primary {
    border: none;
    margin: .25rem 0;
    padding: .625rem 1.25rem;
    width: 100%
}

.selectionCustomer .btn.btn-secondary,
.selectionOffice .btn.btn-secondary {
    background: var(--btn-background);
    background: var(--btn-clear-background);
    border: var(--btn-clear-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-clear-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    justify-content: center;
    margin: .25rem 0;
    padding: .625rem 1.25rem;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.selectionCustomer .btn.btn-secondary:hover,
.selectionOffice .btn.btn-secondary:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.selectionCustomer .btn.btn-secondary:active,
.selectionOffice .btn.btn-secondary:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.selectionCustomer .btn.btn-secondary:disabled,
.selectionOffice .btn.btn-secondary:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.selectionCustomer .btn.btn-secondary:after,
.selectionCustomer .btn.btn-secondary:before,
.selectionOffice .btn.btn-secondary:after,
.selectionOffice .btn.btn-secondary:before {
    color: inherit
}

.selectionCustomer .btn.btn-secondary:hover,
.selectionOffice .btn.btn-secondary:hover {
    background: var(--btn-clear-hover-background);
    border: var(--btn-clear-hover-border);
    color: var(--btn-clear-hover-color);
    -webkit-text-decoration: var(--btn-clear-hover-text-decoration);
    text-decoration: var(--btn-clear-hover-text-decoration)
}

.selectionCustomer .btn.btn-secondary:active,
.selectionOffice .btn.btn-secondary:active {
    background: var(--btn-clear-active-background);
    border: var(--btn-clear-active-border);
    color: var(--btn-clear-active-color)
}

.selectionCustomer .btn.btn-secondary:disabled,
.selectionOffice .btn.btn-secondary:disabled {
    background: var(--btn-clear-disabled-background);
    border: var(--btn-clear-disabled-border);
    color: var(--btn-clear-disabled-color);
    -webkit-text-decoration: var(--btn-clear-disabled-text-decoration);
    text-decoration: var(--btn-clear-disabled-text-decoration)
}

.selectionCustomer .form-wrapper input[type=search].form-control,
.selectionOffice .form-wrapper input[type=search].form-control {
    background-color: var(--color-bg-shade-2);
    background: var(--color-bg-shade-2) url(../img/search-line.svg) no-repeat right;
    background-position: top .4rem right .4rem;
    background-size: 1.25rem;
    border: 1px solid var(--color-bg-shade-2);
    margin-bottom: .625rem;
    padding: .5rem .625rem;
    width: 100%
}

.selectionCustomer .form-wrapper .selection-box .selection-box-header,
.selectionOffice .form-wrapper .selection-box .selection-box-header {
    padding: 1.25rem 0
}

.selectionCustomer .form-wrapper .selection-box .selection-box-header h4,
.selectionOffice .form-wrapper .selection-box .selection-box-header h4 {
    color: var(--color-black);
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    text-transform: none
}

.selectionCustomer .form-wrapper .selection-box .selection-box-main ul,
.selectionOffice .form-wrapper .selection-box .selection-box-main ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.selectionCustomer .form-wrapper .selection-box .selection-box-main ul li,
.selectionCustomer .form-wrapper .selection-box .selection-box-main ul ul,
.selectionOffice .form-wrapper .selection-box .selection-box-main ul li,
.selectionOffice .form-wrapper .selection-box .selection-box-main ul ul {
    margin: 0;
    padding: 0
}

.selectionCustomer .form-wrapper .selection-box .selection-box-footer,
.selectionOffice .form-wrapper .selection-box .selection-box-footer {
    padding: 1rem 0;
    text-align: right
}

.selectionCustomer .form-wrapper .selection-box .selection-box-navbar,
.selectionOffice .form-wrapper .selection-box .selection-box-navbar {
    font-size: .9rem;
    padding: .625rem 0 0
}

.selectionCustomer .form-wrapper .selection-box .selection-box-navbar .navbar,
.selectionOffice .form-wrapper .selection-box .selection-box-navbar .navbar {
    justify-content: center;
    padding: 0
}

.selectionCustomer .form-wrapper .selection-box .selection-box-navbar .navbarPortlet_ctrl,
.selectionOffice .form-wrapper .selection-box .selection-box-navbar .navbarPortlet_ctrl {
    height: auto !important
}

.gscs_message_portlet .alert-message {
    padding-top: .5rem
}

.gscs_message_portlet .alert-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem
}

.gscs_message_portlet .alert-actions button {
    background: var(--btn-background);
    background: var(--btn-primary-background);
    border: var(--btn-primary-border);
    border-radius: 0;
    color: var(--btn-color);
    color: var(--btn-primary-color);
    cursor: pointer;
    font-size: .8rem;
    font-weight: 400;
    font-weight: 600;
    justify-content: center;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none
}

.gscs_message_portlet .alert-actions button:hover {
    background: var(--btn-hover-background);
    border: var(--btn-hover-border);
    color: var(--btn-hover-color)
}

.gscs_message_portlet .alert-actions button:active {
    background: var(--btn-active-background);
    border: var(--btn-active-border);
    color: var(--btn-active-color)
}

.gscs_message_portlet .alert-actions button:disabled {
    background: var(--btn-disabled-background);
    border: var(--btn-disabled-border);
    color: var(--btn-disabled-color);
    cursor: not-allowed
}

.gscs_message_portlet .alert-actions button:after,
.gscs_message_portlet .alert-actions button:before {
    color: inherit
}

.gscs_message_portlet .alert-actions button:hover {
    background: var(--btn-primary-hover-background);
    border: var(--btn-primary-hover-border);
    color: var(--btn-primary-hover-color);
    -webkit-text-decoration: var(--btn-primary-hover-text-decoration);
    text-decoration: var(--btn-primary-hover-text-decoration)
}

.gscs_message_portlet .alert-actions button:active {
    background: var(--btn-primary-active-background);
    border: var(--btn-primary-active-border);
    color: var(--btn-primary-active-color)
}

.gscs_message_portlet .alert-actions button:disabled {
    background: var(--btn-primary-disabled-background);
    border: var(--btn-primary-disabled-border);
    color: var(--btn-primary-disabled-color);
    -webkit-text-decoration: var(--btn-primary-disabled-text-decoration);
    text-decoration: var(--btn-primary-disabled-text-decoration)
}

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