/* COLOR OVERRIDE*/
: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:#9c1732;
	--color-primary-light:#c41d3f;
	--color-secondary:#1d2127;
	--color-secondary-light:#343a40;
	--color-accent:#dc6f71;
	--color-gray-shade-1:#f0f0f0;
	--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:#f0f0f0;
	--color-bg-shade-2:#f0f0f0;
	--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-bg-gradient-primary:linear-gradient(to right,var(--color-primary),var(--color-primary-light));
	--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-primary);
	--btn-primary-border:1px solid var(--color-primary);
	--btn-primary-hover-color:var(--color-primary);
	--btn-primary-hover-background:var(--color-white);
	--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-white);
	--btn-secondary-border:none;
	--btn-secondary-hover-color:var(--color-black);
	--btn-secondary-hover-background:var(--color-accent);
	--btn-secondary-hover-border:none;
	--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-white);
	--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);
}
.bg-header {
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
}
.bg-primary-darker {
	background: #630619 !important;
	color: var(--color-white) !important;
}
.btn-dark {
	background:var(--color-black);
	border:1px solid var(--color-black);
	color:var(--color-white);
	font-weight:600
}
.btn-dark:hover {
	border:1px solid var(--color-black);
	background:var(--color-white);
	color:var(--color-black) !important;
}
.btn-dark:active {
	border:1px solid var(--color-black);
	background:var(--color-white);
	color:var(--color-black) !important;
}
.btn-dark:disabled {
	background:var(--btn-dark-outlined-background);
	border:var(--btn-dark-outlined-border);
	color:var(--btn-dark-outlined-color);
}
.product-badge.promo-sale {
	background:rgb(var(--bs-warning-rgb)) !important;
	color: black !important;
}

/* UTILITIES */
.scroll-disabled {
    position: fixed;
    overflow-y:scroll;
	width:100%;
}
.spinner-border {
    width: var(--side);
    height: var(--side);
    border: 5px solid var(--color-black);
    border-bottom-color: var(--color-primary-light);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.product-list .animated-product {
	animation: opacity 0.5s cubic-bezier(0.32, 0, 0.67, 0);
}
.rotating::after {
	display: inline-block;
    animation: rotation 1s linear infinite;
}


/* ANIMATIONS */
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
@keyframes opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
} 


/* PRODUCT GRID */
.product-list.items-grid-layout {
	align-items:flex-start;
	display:flex;
	flex-flow:row wrap;
	gap:1%;
	justify-content:space-around
}
.product-list.items-grid-layout .product {
	width:24% !important;
}
.product-list.items-grid-layout .product .price-weight {
	width:100% !important;
}
@media screen and (max-width:1399px) {
	.product-list.items-grid-layout .product {
		width:32% !important;
	}
}
@media screen and (max-width:991px) {
	.product-list.items-grid-layout .product {
		width:32% !important;
	}
}
@media screen and (max-width:767px) {
	.product-list.items-grid-layout .product {
		width:49% !important;
	}
}
@media screen and (max-width:350px) {
	.product-list.items-grid-layout .product {
		/*width:100% !important;*/
	}
}
@media screen and (max-width: 991px) {
    .total-basket .basketTotalLayer {
        left: auto !important;
        right: 0 !important;
    }
	.gsec_fe_html_basket_total_portlet {
    position: static !important;
	}
}

.product .product-info .product-name h3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	height: 3rem;
	white-space: wrap;
}
.product .product-info .product-name {
	padding-bottom: 9px;
}
.product .product-image {
	height: auto;
}

/* DESKTOP MENU */
.dropdown ul:not(.topmenu) {
  height: 300px;
}
.dropdown ul {
  scrollbar-width: thin;
}
#header .container {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
#header #top-bar-menu ul.topmenu li a {
	color: var(--color-white);
}
#nav-bar #nav-bar-left .link-cat {
  color: var(--color-white);
}
#nav-bar #nav-bar-left .link-cat:hover {
	color: var(--color-black);
}
.header-item:hover .header-link-wrapper a {
	color: var(--color-black) !important;
}
.search .search-input input[type="text"] {
	background: var(--color-gray-shade-1);
	height: 3rem;
	border-radius: 0;
}
@media screen and (max-width:767px) {
#top-bar-logo img {
	max-height:36px;
}
}
#nav-bar .right-side .content-banner-menu {
  min-width: 240px;
}
#top-bar-cart {
  padding: .2rem 0 0;
  display: flex;
  flex-flow: row wrap;
}
#top-bar-cart .gadget > div {
	position:absolute;
	top:0;
	right:0;
}
.usertoolbar-item .name {
	max-width: 150px;
	
}

/* MOBILE MENU */
.search-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-search);
}
.user-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-user);
}

.dropdown ul li.title > a::before {
  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;
  left: 1rem;
  top: 1rem;
  transform: rotate(135deg);
  width: .5rem;
  float: left;
}

.dropdown ul div h5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: wrap;
}

.dropdown ul li a:hover::before, .dropdown ul li.active a::before {
  border-color: var(--color-black) !important;
}

.bottom-nav-mobile {
  display: flex;
  flex-flow: row wrap;
}

a.menu-toggle, a.menu-toggle:hover, a.menu-toggle:focus,a.menu-toggle span {
    color: white !important;
}
.total-basket .basketTotalLayer {
  right: 0 !important;
  left: auto !important;
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  padding: 12px;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.total-basket .total-basket-list .listitem {
  padding: 0.375rem
}
@media screen and (max-width:767px) {
	.basketHtml .basket-entry div[id$="_page_1_footer"] {
		width: 100% !important;
		max-width: 100vw;
	}
}


/* FOOTER */

#footer ul.topmenu li a {
	color: var(--color-bg-shade-1);
}
.social-links-portlet .social-links li a::after {
	color: var(--color-white);
}

/* OVERRIDES */
#nav-bar {
	align-items: center;
}
#nav-bar-right {
	display: flex;
}
#nav-bar-right .gsec_fe_html_search_container {
	flex-grow: 1;
}
.gsec_fe_html_search_portlet input {
	height: 2.2rem !important;
}
.nav-menu-mobile {
	z-index: 1025 !important;
}
@media screen and (min-width: 991px) {
	.productsContainer.productSheet .main-article .product-section .product-gallery{width:50%}
	.productsContainer.productSheet .main-article .product-section .product-text{width:50%}
	.productsContainer.productSheet .main-article .product-section .product-buy{max-width:320px}
	.containerGallery {width:100%; max-width: 500px;}
}
@media screen and (min-width: 768px) {
	.productsContainer.productSheet .main-article .product-section .product-buy{max-width:320px}
}
@media screen and (max-width: 768px) {
	.productsContainer.productSheet .main-article .product-section .description{max-height:200px;overflow:hidden;}
}
@media screen and (max-width: 767px) {
  .product {
    padding: 0;
  }
}
.ug-slider-control {
	filter: brightness(0);
	transform: scale(1.5);
}
.ug-button-fullscreen.ug-skin-default {
	right: 9px !important;
	top: 9px !important;
}
.gpcs_fe_html_menu_side_portlet .dropdown ul li a {
	line-height: 1.5rem;
	white-space: wrap;
	height: auto;
}
.spModalLayer, .header-item .header-layer-content {
	z-index: 2000 !important;
	top: 2rem;
}
.owl-carousel.owl-theme .owl-nav .owl-next, .owl-carousel.owl-theme .owl-nav .owl-prev {
	background: var(--color-black);
}
@media screen and (max-width: 991px) {
	.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.user {
		right: 0 !important;
		left: auto !important;
	}
	.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selOffice {
		left: 0 !important;
		right: auto !important;
	}
}
.gscs_fe_html_user_toolbar_portlet .gadget {
	flex-direction: row-reverse;
}
.flexslider {
	background: transparent !important;
}
.gsec_fe_html_basket_portlet input[type=number] {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto
}
.gsec_fe_html_basket_portlet input[type=number]::-webkit-inner-spin-button {
	opacity: 1;
}
.gsec_fe_html_promo_products_container .product-image .preview,
.gsec_fe_html_promo_detail_container .product-image .preview,
.gsec_fe_html_products_container .product-image .preview{  display:flex;
  justify-content: end; align-items: end;
}
.gsec_fe_html_promo_products_container .preview-text,
.gsec_fe_html_promo_detail_container .preview-text,
.gsec_fe_html_products_container .preview-text{
  display:none;
}
.gsec_fe_html_promo_products_container .product-image:hover .preview-text,
.gsec_fe_html_promo_detail_container .product-image:hover .preview-text,
.gsec_fe_html_products_container .product-image:hover .preview-text{
  display:inline;
}
.gsec_fe_html_promo_products_container .product-image:hover .preview,
.gsec_fe_html_promo_detail_container .product-image:hover .preview,
.gsec_fe_html_products_container .product-image:hover .preview{
  display:flex;
}
.promo-detail.html .gadget .items-grid-layout .product:after {
	display: none;
}
.gpec_fe_html_product_quick_container dialog {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    border-width: 1px;
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.3);
}
.gpec_fe_html_product_quick_container dialog::backdrop {
	backdrop-filter: blur(3px);
}
.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;
}
.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-size:1.3rem;
	margin:0;
}

.gsec_fe_gadget_doc_trace_portlet > .IMG_ctrl {
	position: absolute !important;
}
.gsec_fe_gadget_doc_trace_portlet > .lblDesArtText_ctrl {
	padding-left: 70px;
}
.gsec_fe_gadget_doc_trace_portlet > .lblDesArtText_ctrl > div{
	line-height:1rem !important;
}

.myorder .grid_cell.red,
.myorder .grid_cell.yellow,
.myorder .grid_cell.green {
	width: 10px;
	min-width: 0;
	padding: 0;
	border-right: 8px solid white;
	border-top: 4px solid white;
	border-bottom: 4px solid white;
	border-left: 2px solid white;
}
.myorder .grid_cell.red {
background: red;
}
.myorder .grid_cell.yellow {
background: yellow;
}
.myorder .grid_cell.green {
background: green;
}

body.fixed .gscs_fe_html_contents_container {
	display: none;
}

.brand-dropdown {
	top: 80px;
	z-index: 1;
}
@media screen and (max-width: 991px) {
	.brand-dropdown {
		top: 160px;
		left: 40px;

	}
}
@media screen and (max-width: 340px) {
	.box-usertoolbar .gadget .usertoolbar-item .usertoolbar-layer-content.selCust {
		right: -70px;
		top: 4.2rem;
		max-width: 280px;
	}
	.gscs_fe_html_contents_container {
		display:none;
	}
}
@media screen and (max-width: 600px) {
.owl-nav > button {
	top: -60px !important;
	background-color: transparent !important;
	color: black !important;
	border: 1px solid black !important;
}
}