:root {
	--color-light-num:250,250,250;
	--color-light:rgb(var(--color-light-num));
	--color-dark-num:23,17,24;
	--color-dark:rgb(var(--color-dark-num));
	--color-base-num: 35, 86, 96;
	--color-base: rgb(var(--color-base-num));
	--color-base-two-num: 190, 22, 34;
	--color-base-two: rgb(var(--color-base-two-num));
	--color-base-three-num: 187, 177, 147;
	--color-base-three: rgb(var(--color-base-three-num));
	--color-contrast-num: 190, 22, 34;
	--color-contrast: rgb(var(--color-contrast-num));
	--color-contrast-two-num: 187, 177, 147;
	--color-contrast-two: rgb(var(--color-contrast-two-num));
	--color-wa-num: 37, 211, 102;
	--color-wa: rgb(var(--color-wa-num));
	/*rgb(37, 211, 102)*/

	/* --color-contrast-three-num: 209, 73, 91; */
	--color-contrast-three-num: 159, 40, 56;
	--color-contrast-three: rgb(var(--color-contrast-three-num));

	--font-head: "Lato", sans-serif;
	--font-body: "Lato", sans-serif;

	--font-size-xs: .8rem;
	--font-size-sm: .9rem;
	--font-size-md: 1.1rem;
	--font-size-lg: 1.4rem;
	--font-size-xl: 2rem;

	--radius: 0;/*1.75rem;*/

	--bs-success: #12633D;
	--bs-success-rgb: 18,99,61;

	--bs-danger: #A51D2B;
	--bs-danger-rgb: 165,29,43;
}

html,
body {
	/*letter-spacing: 2px;*/
	font-family: var(--font-body);
	background-color: var(--color-light);
	/*font-weight: 200;*/
}

h1,
h2,
h3,
h4,
h5,
h6,
#main_menu {
	font-family: var(--font-head);
}

.btn,
.btn-sm,
.btn-lg {
	border-radius: var(--radius) !important;
}

.fs-7 {
	font-size: var(--font-size-xs) !important;
}

.w-12 {
	width: 12px;
}

.w-16 {
	width: 16px;
}

.w-24 {
	width: 24px;
}
.w-36 {
	width: 36px;
}

.w-44 {
	width: 44px;
}
.w-96 {
	width: 96px;
}

.rounded-custom {border-radius: var(--radius);}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select {
	border-radius: var(--radius) !important;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.text-base {
	color: var(--color-base) !important;
}

.bg-base {
	background-color: var(--color-base) !important;
}
.bg-base-two {
	background-color: var(--color-base-two) !important;
}
.bg-base-three {
	background-color: var(--color-base-three) !important;
}

.bg-outline-base {
	background-color: var(--color-base) !important;
}

.btn-base {
	background-color: var(--color-base) !important;
	border-color: rgba(var(--bs-color-base-num), 0.5) !important;
}

.btn-outline-base {
	color: var(--color-base) !important;
	border-color: var(--color-base) !important;
}

.btn-outline-base:hover,
.btn-outline-base:active {
	color: var(--color-light) !important;
	background-color: var(--color-base) !important;
}

.btn-outline-base:focus,
.btn-outline-base:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(213, 173, 0, 0.24);
}

.btn-outline-light {
	color: var(--color-light) !important;
	border-color: var(--color-light) !important;
}

.btn-outline-light:hover,
.btn-outline-light:active {
	color: var(--color-dark) !important;
	background-color: var(--color-light) !important;
}

.btn-outline-light:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(213, 173, 0, 0.24);
}

.border-base {
	border-color: var(--color-base) !important;
}

.text-base-two {
	color: var(--color-base-two) !important;
}

.bg-base-two {
	background-color: var(--color-base-two) !important;
}

.btn-base-two {
	color: white;
	background-color: var(--color-base-two) !important;
	border-color: rgba(var(--bs-color-base-two-num), 0.5) !important;
}

.btn-default,
.btn-outline-base-two {
	color: var(--color-base-two) !important;
	border-color: var(--color-base-two) !important;
}

.btn-default:hover,
.btn-default:active,
.btn-outline-base-two:hover,
.btn-outline-base-two:active {
	color: var(--color-light) !important;
	background-color: var(--color-base-two) !important;
}

.btn-outline-base-two:focus,
.btn-outline-base-two:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(213, 173, 0, 0.24);
}

.border-base-two {
	border-color: var(--color-base-two) !important;
}

.btn-wa {
	color:var(--color-light);
	background-color: var(--color-wa) !important;
	border-color: rgba(var(--color-dark-num), 0.1) !important;
}
.btn-wa:hover {
	--color-wa: hsl(150, 50%, 40%);
	color:var(--color-light);
	background-color: var(--color-wa) !important;
	border-color: rgba(var(--color-dark-num), 0.1) !important;
}

.btn-wa:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--color-wa-num), 0.5);
}

.text-contrast {
	color: var(--color-contrast) !important;
}

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

.btn-contrast {
	background-color: var(--color-contrast) !important;
	border-color: rgba(var(--bs-color-contrast-num), 0.5) !important;
}

.border-contrast {
	border-color: var(--color-contrast) !important;
}

.text-contrast-two {
	color: var(--color-contrast-two) !important;
}

.bg-contrast-two {
	background-color: var(--color-contrast-two) !important;
}

.btn-contrast-two {
	background-color: var(--color-contrast-two) !important;
	border-color: rgba(var(--bs-color-contrast-two-num), 0.5) !important;
}

.border-contrast-two {
	border-color: var(--color-contrast-two) !important;
}

.text-red {
	color: var(--color-contrast) !important;
}

.bg-red {
	background-color: var(--color-contrast-three) !important;
}

.btn-red {
	background-color: var(--color-contrast-three) !important;
	color: var(--color-light);
}

.border-red {
	border-color: var(--color-contrast-three) !important;
}

a.btn-red {
	color: var(--color-light) !important;
}

.btn-outline-red {
	color: var(--color-contrast-three) !important;
	border-color: var(--color-contrast-three) !important;
}

.btn-outline-red:hover,
.btn-outline-red:active {
	color: var(--color-light) !important;
	background-color: var(--color-contrast-three) !important;
}

.text-light {
	color: var(--color-light) !important;
}

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

.btn-info {
	background-color: #DDD !important;
	border-color: var(--color-light) !important;
	color: var(--color-base-two) !important;
}

.bg-info {
	background-color: #DDD !important;
}

.custom-raduis {}

a {
	color: var(--color-base);
}

a:hover {
	color: var(--color-contrast);
}

h2,
h3 {
	/*font-weight: 300;*/
	line-height: 1.4;
}

/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}

.page-link {
	color: var(--color-base-two);
}

.page-item.active .page-link {
	background-color: var(--color-base-two);
	border-color: var(--color-base-two);
}

.mt-25 {
	margin-top: 25px;
}

.mr-25 {
	margin-right: 25px;
}

.well {
	padding: 15px;
	border: 0.5px solid var(--color-light);
	background-color: var(--color-light);
	margin: 15px auto;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0;
}

header #logo {
	background: url(../images/logo.png) no-repeat center left transparent;
	max-width: 150px;
	max-height: 75px;
	min-width: 100%;
	min-height: 100%;
	margin: 10px 0;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;

	/*-webkit-filter: invert(100%);
	filter: invert(100%);*/
}

header #logo a {
	display: block;
	min-height: 60px;
}

header #logo a span {
	float: left;
	height: 0;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
}

header #wish_box,
header #carrello {
	cursor: pointer;
}

header .accedi {
	color: var(--color-dark);
}

header #p_login_form a.registrati {
	display: none;
}

#user_login .radio {
	margin-bottom: 1rem;
}
#user_login .radio p { margin:0;}

#main_menu ul li:last-child a {
	color: var(--color-contrast);
	font-weight: bold;
}

/*#offcanvasNavbar .nav-item > a { text-transform: uppercase; }
#offcanvasNavbar .nav-item > a.highlight { color:var(--color-contrast-three); }

#offcanvasNavbar li a {
	border-bottom: .5px solid var(--color-base-two) !important;
}
#offcanvasNavbar .dropdown-menu {
	background-color: transparent !important;
	border: 0;
	margin: 0;
	padding: 0;
}
#offcanvasNavbar .dropdown-menu li a {
	padding-left: 1rem;
}
#offcanvasNavbar .dropdown-menu .dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent !important;
}*/

/*** pagination inizio ***/
/*.pagination-sm .page-item:first-child .page-link {
	border-top-left-radius: 1.75rem;
	border-bottom-left-radius: 1.75rem;
}

.pagination-sm .page-item:last-child .page-link {
	border-top-right-radius: 1.75rem;
	border-bottom-right-radius: 1.75rem;
}*/

/*** pagination fine ***/

/* menu sempre mobile */
header nav.navbar {
	padding: 0;
}

#main_menu_button:after {
    content: "menu";   
    text-transform:uppercase;
    font-size:0.8rem;
}

/*#main_menu_button {
	text-transform: uppercase;
	font-size: var(--font-size-sm);
}*/

#main_menu ul {
	list-style: none;
    padding: 0;
	background-color: var(--color-base);
	margin: 0;
}
#main_menu ul li,
#main_menu ul li .dropdown-menu a {
	text-align: left;
	border-bottom: .5px solid var(--color-light) !important;
}

/*#main_menu ul li.special_link {
	border-bottom: 0 !important;
}*/

#main_menu ul li a {
/*	font-weight: 100;*/
	color: white;
	padding: .75rem 1rem !important;
	text-decoration: none;
	display: block;
}
#main_menu ul li a:hover {
    background-color: var(--color-base-three) !important;
    color: var(--color-light) !important;
}

/*#main_menu ul li .dropdown-menu {
	background-color: transparent;
	border: 0;
	padding-left: 15px;
}*/

.breadcrumb {
	background-color: transparent;
	padding: .75rem 0;
	margin-bottom: 0 !important;
}

.breadcrumb li {
	font-size: var(--font-size-sm);
}

.breadcrumb li a {
	color: var(--color-base-two);
	/*font-weight: 300;*/
}

.breadcrumb-item+.breadcrumb-item::before {
	color: var(--color-dark);
	/*font-weight: 300;*/
	content: ">";
}

.breadcrumb li.active a {
	color: var(--color-dark);
}

aside #aside_category {
	position: relative;
}

aside .aside_subtitle {
	/*line-height: 1.1;*/
	margin-bottom: .25rem;
	padding: .75rem 0;
	font-weight: 600;
	border-bottom: 0.5px solid var(--color-light);
	border-top: 0.5px solid var(--color-light);
}

aside nav ul li a {
	color: var(--bs-body-color) !important;
	padding: .3rem 0;
	text-decoration: none;
	display: block;
}

aside nav ul li a:hover {
	font-weight: bold;
}

aside nav#profile-nav ul li a span {
	color: var(--color-base)
}

aside nav#profile-nav ul li br {
	display: none;
}

#filtri .aside_subtitle {
	cursor: pointer;
	border: 1px solid var(--bs-gray-300);
	font-size: 14px;
	border-radius: var(--radius);
}

/*#filtri > div:first-child .aside_subtitle {border-radius:15px 0 0 0;}
#filtri > div:last-child:not(.my-3) .aside_subtitle {border-radius:0 0 15px 0;}*/
nav.filtri {
	max-height: 230px;
	overflow-x: auto;
	border-radius: var(--radius);
}

nav.filtri>ul>li {
	line-height: 1;
	margin-bottom: .8rem;
	/*font-weight: 200;*/
}

nav.filtri>ul>li>label {
	font-size: var(--font-size-sm);
}

nav.filtri>ul>li>label>input[type="checkbox"] {
	margin-right: .5rem;
}


#open-sidebar {
	margin-bottom: 25px;
}

#close-sidebar {
	margin-top: 25px;
}

/*.box_ordinamento .box_sort strong {
	font-weight: 300;
}*/

.box_ordinamento .box_sort a {
	/*font-weight: 200;*/
	text-decoration: none;
}

.box_ordinamento .box_sort a.active {
	text-decoration: underline;
	/*font-weight: 300 !important;*/
}

/*.list-group {
	border-radius: var(--radius);
}*/

.list-group-horizontal>.list-group-item:first-child {
	border-top-left-radius: var(--radius) !important;
	border-bottom-left-radius: var(--radius) !important;
}

.list-group-horizontal>.list-group-item:last-child {
	border-top-right-radius: var(--radius) !important;
	border-bottom-right-radius: var(--radius) !important;
}

.list-group-item {
	/*border-radius: 0;*/
	cursor: pointer;
}

.list-group-item label {
	cursor: pointer;
	opacity: .5;
	filter: grayscale(100%)
}

.list-group-item label:hover {
	opacity: 1;
	filter: none;
}

/*MODAL*/
.modal-content .modal-header,
.modal-content .modal-body,
.modal-content .modal-footer {
	padding: 2rem 3rem;
}

#login_form .modal-header {
	border-bottom: 0;
	padding-bottom: 0;
}

#login_form .modal-body {
	font-size: var(--font-size-sm);
}

#login_form .modal-body .pwd_lost {
	�width: 100%;
	text-align: center;
}

#login_form .modal-footer {
	border-top: 0;
	background-color: var(--color-contrast);
	font-size: var(--font-size-sm);
	justify-content: center;
}

#login_form .modal-footer .registrati {
	width: 100%;
	text-align: center;
}

#login_form .modal-footer .registrati a {
	color: var(--color-light);
}

#login_form .modal-footer button {
	display: block;
	margin: 0 auto;
}

#login_form .btn {
	width: 100%;
}

.wishlist svg.text-base {
	stroke: var(--color-base);
	fill: var(--color-base);
}

.wishlist:hover svg.text-base,
.wishlist:active svg.text-base {
	stroke: var(--color-light);
	fill: var(--color-light);
}

.wishlist svg.text-base-two {
	stroke: var(--color-base-two);
	fill: transparent;
}

.wishlist:hover svg.text-base-two,
.wishlist:active svg.text-base-two {
	stroke: var(--color-base-two);
	fill: var(--color-base-two);
}

.banner_categoria {
	margin-bottom: 25px !important;
}

.banner_sidebar .item {
	margin: 10px 0;
}

/*PRODOTTTO ELENCO*/
.categoria_content img {
	margin-bottom: 25px;
}

h1.categoria_titolo {
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #505050;
}

h1.categoria_titolo span {
	/*font-weight: 200;/* font-size:13px; */
}

p.categoria_descrizione {
	font-size: var(--font-size-sm);
	color: #505050;
	border-bottom: 0.5px solid var(--color-light);
	padding-bottom: 10px;
}

p.categoria_descrizione.special {
	position: static !important;
}

p.categoria_descrizione a {
	color: #545454;
}

/* .prodotto_elenco_content {
	margin: 0;
} */

.prodotto_elenco {
	border: 0;
	cursor: pointer;
	position: relative;
	margin-bottom: var(--bs-gutter-x);
	/* margin: 0;
	padding: 0; */
}

.prodotto_elenco.card {
	background-color: transparent;
}

.prodotto_elenco .prodotto_content {
	height: 100%;
	position: relative;
	/* margin: var(--bs-gutter-y) 0; */
	/* border-radius: 0; */
	padding: 0 0 1rem 0;
    border-width: 0;
	/*border-width: 2px !important;
	border-color: var(--color-base-three);*/
	border-radius: var(--radius);
	overflow: hidden;
}

.prodotto_elenco h2 {
	font-size: var(--font-size-sm);
	font-weight: 500;
	/* margin-bottom: 5px;*/
	color: var(--color-base);

}

.prodotto_elenco span {
/*	font-weight: 100;*/
	display: block;
	color: var(--color-base);
	text-transform: uppercase;
	line-height: 1;
}

.promo {
	background: var(--color-contrast-two);
	display: block;
	/*height: 90px;*/
	left: auto;
	left: 1rem;
	pointer-events: none;
	position: absolute;
	top: 1rem;
	/*width: 90px;*/
	z-index: 2;
	border-radius: var(--radius);
	/*transform: rotate(-45deg);*/
	backface-visibility: hidden;
    padding:.5rem .7rem;
}

.promo>span {
	color: var(--color-light);
	display: block;
	font-size: var(--font-size-xs);
	font-weight: 500;
    text-transform: uppercase;
	/*position: absolute;
	bottom: 0;
	right: 26%;*/
}

.novita {
	background: var(--color-contrast);
	display: block;
	/*height: 90px;*/
	left: auto;
	right: 1rem;
	pointer-events: none;
	position: absolute;
	top: 1rem;
	/*width: 90px;*/
	z-index: 2;
	border-radius: var(--radius);
	/*transform: rotate(-45deg);*/
	backface-visibility: hidden;
    padding:.5rem .7rem;
}

.novita>span {
	color: var(--color-light);
	display: block;
	font-size: var(--font-size-xs);
	font-weight: 500;
    text-transform: uppercase;
	/*transform: rotate(90deg);
	position: absolute;
	bottom: 38%;
	right: 63%;*/
}

.fuori_produzione {
	background: var(--color-dark);
	display: block;
	/*height: 90px;*/
	left: auto;
	right: 1rem;
	pointer-events: none;
	position: absolute;
	bottom: 1rem;
	/*width: 90px;*/
	z-index: 2;
	border-radius: var(--radius);
	/*transform: rotate(-45deg);*/
	backface-visibility: hidden;
    padding:.5rem .7rem;
}

.fuori_produzione>span {
	color: var(--color-light);
	display: block;
	font-size: var(--font-size-xs);
	font-weight: 500;
    text-transform: uppercase;
	/*transform: rotate(90deg);
	position: absolute;
	bottom: 38%;
	right: 63%;*/
}

.prodotto_elenco h2 a {}

.prodotto_elenco h2 a:hover {}

.prodotto_elenco>.prodotto_content>img {
	/*padding:0.5px;*/
	margin: 0 auto 1rem;
	/*aspect-ratio: 1/1;*/
	text-indent: -9000px;
}

.prodotto_elenco>.prodotto_content>.descrizione>img {
	/*aspect-ratio: 3/1;*/
}

img.brand-image {
	border-radius: 0;
}

/*.prodotto_elenco p {
	display: none;
}*/

/*.prodotto_elenco .prezzo { margin-top:15px; }
.prodotto_elenco .prodotto_content .descrizione {padding:0 .5rem;} 
.prodotto_elenco .prodotto_content .prezzo { }*/
.prodotto_elenco .prezzo .importo,
.prodotto_elenco .prezzo.nopromo {
	font-weight: 700;
	font-size: var(--font-size-lg);
	color: var(--color-base);
}

.prodotto_elenco .prezzo .barrato {
/*	font-weight: 100;*/
	font-size: var(--font-size-md);
	color: var(--color-base);
	text-decoration: line-through;
}

.prodotto_elenco .sconto {
	background-color: var(--color-contrast-three);
	color: var(--color-light);
	/*border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
    top:40%;
    left: calc(var(--bs-gutter-x) / 2);*/
    border-radius: var(--radius);
    padding: .3rem .5rem;
    top:40%;
    left: calc(var(--bs-gutter-x) / 2);
    margin:.5rem 0;
    
	font-size: 14px;
	display: block;
	position: absolute;
	/*top: calc(var(--bs-gutter-x) / 2);
	right: calc(var(--bs-gutter-x) / 2);*/
}

.prodotto_elenco .disponibile {
	position: absolute;
	bottom: .5rem;
	line-height: .8;
}

.prodotto_elenco .disponibile,
.prodotto_elenco .disponibile i {
	font-size: var(--font-size-xs);
}

.prodotto_elenco .wishlist {
	position: absolute;
	top: 40%;
	/* right: calc(var(--bs-gutter-x) / 2); */
	right: calc(1.5rem / 2);
	cursor: pointer;
	border-radius: 50% !important;
	padding: .5rem;
}

.prodotto_elenco .wishlist i {
	/*color:var(--color-contrast);*/
}

.prodotto_elenco .dettaglio {
	color: #333333;
	text-align: center;
	font-size: var(--font-size-md);
}

/* .correlati .prodotto_elenco {
	max-width: 240px;
} */

.correlati .prodotto_elenco h2,
.correlati .prodotto_elenco .prezzo {
	white-space: normal;
}

article .prodotto_dettaglio .photos .image {
	position: relative;
	overflow: hidden;
	margin-right: calc(var(--bs-gutter-x) * .5);
	margin-left: calc(var(--bs-gutter-x) * .5);
	padding: 0 !important;
}

article .prodotto_dettaglio .photos .image img {
	max-width: 100%;
	height: auto;
	/* aspect-ratio: 1/1; */
	text-indent: -9000px;
}

/*article .prodotto_dettaglio .photos .gallery img {
	max-width: 120px;
}*/
article .prodotto_dettaglio .photos .gallery .fslightbox-source {
	display: none;
}

article .prodotto_dettaglio .nome .disponibile,
article .prodotto_dettaglio .nome .disponibile i {
	font-size: .8rem;
	margin: 10px 0;
}

article .prodotto_dettaglio .nome h1 {
	font-size: 22px;
	font-weight: 400;
	border-bottom: .5px solid var(--color-light);
	padding-bottom: .5rem;
}

article .prodotto_dettaglio .nome h1 strong {
	font-size: 22px;
	display: block;
}

article .prodotto_dettaglio .nome p small {
	color: var(--color-dark);
	text-transform: uppercase;
/*	font-weight: 300;*/
	font-size: .8rem;
}

article .prodotto_dettaglio .nome h2 {
	color: #505050;
/*	font-weight: 300;*/
	font-size: 1.2rem;
	margin: 0;
}

article .prodotto_dettaglio .nome .rate_short {
	margin: 10px 0;
}

article .prodotto_dettaglio .nome .rate_short>div:first-child {
	float: left;
	margin-right: 10px;
}

article .prodotto_dettaglio .nome .rate_short .reviews_link {
	font-size: .8rem;
}

article .prodotto_dettaglio .action .prezzo .barrato {
	/*font-weight: 300;*/
	font-size: 22px;
	line-height: 32px;
	color: var(--color-base);
	text-decoration: line-through;
}

article .prodotto_dettaglio .action .prezzo #importo {
	font-size: var(--font-size-xl);
	color: var(--color-base);
	font-weight: 700;
	margin-right: 15px;
}

article .prodotto_dettaglio .action .prezzo .sconto {
	background-color: var(--color-contrast-three);
	color: var(--color-light);
	border-radius: var(--radius);
}

article .prodotto_dettaglio .wishlist {
	border-radius: 50% !important;
	/* aspect-ratio: 1/1; */
	padding: .75rem;
}

article .prodotto_dettaglio .wishlist i {
	border-width: 0.5px;
	vertical-align: middle;
}

/*article .prodotto_dettaglio .action { padding: 15px 0; } */
article .prodotto_dettaglio .action .pulsante-group {
	margin: 15px 0;
}

article .prodotto_dettaglio .action .pulsante {
	text-align: left;
	margin: 0;
	/*background-color: var(--color-light);*/
}

article .prodotto_dettaglio .action .pulsante a {
	font-size: var(--font-size-md);
	font-weight: 700;
}

article .prodotto_dettaglio .action .pulsante a i {
	vertical-align: text-bottom;
}

article .prodotto_dettaglio .action .prezzo_opzioni {
	font-size: var(--font-size-sm);
}

article .prodotto_dettaglio .descrizione,
article .prodotto_dettaglio .descrizione_opinioni,
.correlati_title {
	margin-top: 10px;
}

article .prodotto_dettaglio .descrizione h3,
article .prodotto_dettaglio .descrizione_opinioni h3,
.correlati_title h3 {
	border-bottom: .5px solid var(--color-base-three);
	padding-bottom: .5rem;
}

/*article .prodotto_dettaglio .descrizione p.testo {
	font-size: 1rem;
	color: var(--color-light);
}*/

article .prodotto_dettaglio .pulsante {
	position: relative;
}

article .prodotto_dettaglio .action .disponibile {
	padding: 0.5rem 0;
}

/*article .prodotto_dettaglio .action .disponibile,
article .prodotto_dettaglio .action .disponibile i {
	font-size: 11px;
}*/

article #richiedi_info,
article #richiedi_friend {
	cursor: pointer;
}

#descrizione_prodotto dl.descrizione_attributi {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1rem;
}
#descrizione_prodotto dl.descrizione_attributi dt {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--color-base-two);
	text-transform: capitalize;
	flex: 0 0 25%;
	margin: 0;
	padding: .3rem;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: var(--color-base-three);
}
#descrizione_prodotto dl.descrizione_attributi dd {
	font-size: 0.8rem;
	font-weight: normal;
	color: #666;
	text-transform: capitalize;
	flex: 0 0 75%;
	margin: 0;
	padding: .3rem;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: var(--color-base-three);
}
#descrizione_prodotto dl.descrizione_attributi dt:first-of-type,
#descrizione_prodotto dl.descrizione_attributi dd:first-of-type {
	border-top: 1px solid var(--color-base-three);
}


article .prodotto_dettaglio .prodotto_dati {}

article .prodotto_dettaglio .prodotto_dati dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

article .prodotto_dettaglio .prodotto_dati dt {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--color-base-two);
	text-transform: capitalize;
	flex: 0 0 25%;
	margin: 4px 0;
}

article .prodotto_dettaglio .prodotto_dati dd {
	font-size: 0.8rem;
	font-weight: normal;
	color: #666;
	text-transform: capitalize;
	flex: 0 0 25%;
	margin: 4px 0;
}

article h2.title,
article .prodotto_dettaglio h2.title {
	font-size: 16px;
	color: #231F20;
	font-weight: normal;
	margin: 25px 0 50px;
	padding-bottom: 20px;
}

article .prodotto_dettaglio h3.title {
	font-size: 15px;
	color: #231F20;
	font-weight: normal;
	margin: 15px 0;
}

article .prodotto_dettaglio p.testo {
	font-size: 13px;
}

article .prodotto_dettaglio .omnibus {
	font-size: 11px;
}


/*** ATTRIBUTI ***/
/*#attributo_gruppo { text-align: center; }
#attributo_gruppo div.attr_color label {
	width:35px;
	height:30px;
	margin:0;
	padding:0;
	position:relative;
	cursor:pointer;
}
#attributo_gruppo div.attr_color label img {
	width:30px !important;
	height:30px !important;
	max-width:auto !important;
	position:absolute;
	bottom:0px;
	left:0px;
	transition:none;
	pointer-events:none;
}
#attributo_gruppo div.attr_color label input[checked="checked"] + img {
	border-color:#231F20 !important;
}
#attributo_gruppo div.attr_color label:hover img {
	width:120px !important;
	height:120px !important;
	z-index:9998;
}
#attributo_gruppo div.attr_color label input {
	display:none;	
}
#attributo_gruppo div.attr_color label span {
	display:none;
}
#attributo_gruppo div.attr_color label:hover span {
	display:block;
	position:absolute;
	background-color:#231F20;
	color:var(--color-light);
	padding:10px 15px;
	top:30px;
	font-size:13px;
	z-index:9999;
	white-space:nowrap;
}
#attributo_gruppo div.attr_color label:hover {
}
#attributo_gruppo .attributo_calcolo {  
	display:none;
}
#attributo_gruppo p a[data-toggle="tooltip"] {
}*/

#attribute_option {
	padding: 25px 15px 15px;
	/* background-color: #F8F8F8; */
	background-color: var(--color-base-three);
	text-align: left;
	border-radius: var(--radius);
}

#attribute_option .attr_select,
#attribute_option .attr_radio,
#attribute_option .attr_input_int,
#attribute_option .attr_input_dec,
#attribute_option p.attr_color {
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 10px;
}

#attribute_option p.attr_select strong,
#attribute_option p.attr_radio strong,
#attribute_option p.attr_input_int strong,
#attribute_option p.attr_input_dec strong,
#attribute_option p.attr_color strong {
	font-weight: 300;
	font-size: .8rem;
}

#attribute_option div.attr_color {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 15px 0;
}

#attribute_option div.attr_color label {
	width: 120px;
	height: 120px;
	position: relative;
	vertical-align: top;
	margin-right: 15px;
}

#attribute_option div.attr_color label img {
	width: 120px;
	height: 120px;
}

#attribute_option div.attr_color label input,
#attribute_option div.attr_color label span {
	display: none;
}

#attributo_gruppo div.attr_color label:hover img {
	width: 120px !important;
	height: 120px !important;
	max-width: 120px !important;
	z-index: 9998;
}

#attribute_option div.attr_color label:hover span {
	display: block;
	position: absolute;
	background-color: var(--color-base-two);
	color: var(--color-light);
	padding: 10px 15px;
	top: 00px;
	font-size: 13px;
	z-index: 9999;
	white-space: nowrap;
}

#attribute_option .attributo_calcolo {
	display: none;
}

/*** FINE ATTRIBUTI ***/

input:invalid,
.has-error {
	border: 1px solid var(--color-contrast) !important;
}

.has-feedback.has-success input {
	border: 1px solid #1A9400;
}

.barrato {
	/*font-weight: 200;*/
	font-size: 14px;
	color: var(--color-dark);
	text-decoration: line-through;
}

.reviews {
	padding-bottom: 15px;
	border-bottom: 0.5px solid var(--color-base-three);
	margin-bottom: 15px;
	display: flex;
}

.reviews .review_head {
	font-size: .9rem;
	flex: 0 0 25%;
	padding: .5rem;
}

.reviews .review_body {
	font-size: .9rem;
	color: var(--color-base-two);
	font-style: oblique;
	flex: 0 0 75%;
	padding: .5rem;
}

.reviews>span>span {
	display: none;
}

.reviews .review_head svg {
	color: var(--color-contrast-two);
}


footer .footer_nav {
	padding: 50px 0;
}

footer .footer_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

footer .footer_nav ul li a {
	color: var(--color-dark);
	text-decoration: none;
	font-size: 80%
}

footer .footer_bottom {
	padding: 15px;
/*	font-weight: 300;*/
	font-size: var(--font-size-xs);
}

/* footer #credits,
footer #credits i {
	font-size: 10px;
} */


.pt-20 {
	padding: 20px 0;
}

.pt-50 {
	padding: 50px 0;
}

/*.brand_filter,
.cat_filter,
.linea_filter {
	height: 70px;
}*/

.brand_filter li,
.cat_filter li,
.linea_filter li {
	text-align: center;
}

.brand_filter li label,
.cat_filter li label,
.linea_filter li label {
	font-size: 12px;
	text-transform: uppercase !important;
}

.brand_filter input,
.cat_filter input,
.linea_filter input {
	display: none;
}

#logo-bottom {
	/*-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    opacity: .35;*/
}

.social-link a {
	padding: 5px 25px;
}

#slide_home .carousel-item img {
	height: auto;
	aspect-ratio: 25 / 10;
}

#indicatori-slide {
	width: 100%;
	border-bottom: 3px solid #f2f2f2;
	border-radius: 5px;
}

#indicatori-slide ol {
	list-style: none;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: var(--color-light);
	border-radius: 0 0 5px 5px;
}

/*#indicatori-slide ol li {
	display: table-cell;
	text-align: center;
	cursor: pointer;
	padding: 15px;
	font-size: 13px;
	line-height: 20px;
	position: relative;
}

#indicatori-slide ol li.active {
	color: #E40046;
	font-weight: 600;
}

#indicatori-slide ol li .arrow-up {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
	display: none;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -5px;
}

#indicatori-slide ol li.active .arrow-up {
	display: block;
}*/

#banner_home .item,
#banner_home_sub .item {
	margin-top: 25px;
}

.bp-slide-home img,
.bp-banner-home img {
	border-radius: var(--radius);
}

/*.newsletter_footer {
    background-color: var(--color-base);
    margin-top: 25px;
}
.newsletter_footer div {
    text-align: center;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 14px;
    color: var(--color-light);
}
.newsletter_footer div a { 
    display: inline-block;
    border: 2px solid var(--color-light);
    color: var(--color-light);
    padding: 5px 10px;
    text-transform: uppercase;
}*/

#fascia-header {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
}

#fascia-header h3 {
	font-family: var(--font-body);
	display: inline-block;
	margin: 0;
	font-size: 12px;
	font-weight: 300;
}

#fascia-header p {
	display: inline-block;
	margin: 0;
	font-weight: 300;
	font-size: 12px;
}

#fascia-header a {
	display: inline-block;
	margin-left: 0;
	font-size: 11px;
	text-transform: uppercase;
	/*font-weight: 200;*/
}

.countdwn_txt,
.countdwn {
	font-size: 10px;
	color: #D1D3D4;
}

/*** INIZIO CARRELLO ***/
#shopping-cart {
	margin-top: 50px;
}

#shopping-cart .cart_item {
	padding-bottom: 25px !important;
}

#shopping-cart .cart_item .image a {
	display: flex;
}

#shopping-cart .cart_item .image img {
	aspect-ratio: 1/1;
	text-indent: -9000px;
	/*background-image: url('/files/no_photo.png');
    background-repeat: no-repeat;
    background-size: contain; */
	width: 100%;
	margin: 0 auto;
}

#shopping-cart .cart_item .action {
	text-align: center;
}

#shopping-cart .cart_item .action .qta {
	width: 50px;
	text-align: center;
	border: 0.5px solid var(--color-base-three);
	font-size: 15px;
/*	font-weight: 300;*/
}

#shopping-cart .cart_item .action .disponibile {
	border-top: 0.5px solid #efefef;
	padding-top: 10px;
}

#shopping-cart .cart_item .action .disponibile,
#shopping-cart .action .disponibile i {
	/*font-size: 12px;*/
}

#shopping-cart .cart_item .price {
	text-align: right;
	font-weight: 500;
}

#shopping-cart .cart_item .price .barrato {
	text-decoration: line-through;
}

#shopping-cart .cart_v3_col h1,
#shopping-cart .cart_v3_col h2 {
	font-size: 16px !important;
	font-weight: 700;
}

#shopping-cart .cart_v3_col label,
#shopping-cart .cart_v3_col p {
	font-size: 14px;
	/*font-weight: 200;*/
	line-height: 18px;
}

#shopping-cart .cart_bottom .cart_v3_col .temp_result {
	float: right;
}

#shopping-cart .cart_v3_col p#subtotale span,
#shopping-cart .cart_v3_col p#totale span {
	float: right;
}

#shopping-cart .cart_v3_col p#totale {
	font-weight: 700;
	font-size: 18px;
}

#shopping-cart .cart_v3_btm {
	margin-top: 25px;
}

#shopping-cart #checkout #cassa {
	display: block;
}

#shopping-cart #checkout .mini {
	display: block;
	color: var(--color-dark);
	/*font-weight: 200;*/
	font-size: .8rem;
	text-align: center;
}

#shopping-cart #prev_step {
	margin-top: 50px;
}

#shopping-cart #payment_list {
	list-style: none;
	padding-left: 0;
}

#shopping-cart #payment_list input {
	display: inline-block;
}

#shopping-cart #payment_list label {
	display: inline;
}

#shopping-cart #billing_add {
	text-align: center;
}

#shopping-cart #shipping_list div {
	position: relative;
}

#shopping-cart #shipping_list .ico_edit {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#shopping-cart #shipping_list .ico_edit i {
	font-size: 14px;
}

#shopping-cart #shipping_list #shipping_list_add {
	text-align: center;
}

#shopping-cart #transport_list  {
	margin-bottom:25px;
}
#shopping-cart #transport_list input[type="checkbox"] {
	margin-left:25px;
}

#shopping-cart .form-group.half {
	width: 49.4%;
	display: inline-block;
}

#shopping-cart .form-group {
	margin-bottom: .5rem;
}

.box_selected,
.box_not_selected {
	padding: 20px;
	border: 0.5px solid var(--color-base-three);
	margin-bottom: 25px;
	display: block;
	border-radius: var(--radius);
}

.box_selected {
	background-color: var(--color-base);
	color: var(--color-light);
}

#user_login_box label {
	font-size: 13px;
}

#user_login_box .avviso #auth_si, .cart_v3_col.cart_summary .avviso #auth_si {
    display: block;
    margin: 1rem 0;
}

.logged {
	font-weight: normal;
	margin: 0;
	color: var(--color-base-three);
}

.logged a {
	color: var(--color-base-three);
	margin-left: 15px;
}

form .avviso {
	margin-top: 15px;
	/*font-weight: 200;*/
}

#valida_coupon {
	border: 1px solid var(--color-base-two);
	margin: 15px 0;
}

.captcha_box {
	float: left;
	margin: 10px 15px 0 0;
	text-align: center;
}

input[type='text']#captcha {
	width: 290px;
}

.pulsante {
	text-align: center;
	margin: 15px auto;
}

.hidden {
	display: none;
}

/*div#lista_brand {
	margin-bottom: 50px;
	border-radius: var(--radius);
}

div#lista_brand a {
	padding: 1rem !important;
	display: block;
}

section.customer-logos {
	padding: 20px;
}*/

#profile-nav ul li h2 {
	font-size: 18px;
}

#profile-nav ul li span i.material-icons {
	vertical-align: middle;
}

#payment_button {
	text-align: center;
	padding: 25px;
	border: 1px solid var(--color-base);
}

/*** SUBOTOTALE MOBILE ***/
#totale.fixed-bottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: var(--color-base);
	margin: 0;
	padding: 10px 30px;
	z-index: 3000000000;
}

#subtotale.fixed-bottom {
	position: fixed;
	bottom: 38px;
	font-size: 10px;
	width: 100%;
	left: 0;
	padding: 10px 30px;
	z-index: 3000000000;
	background-color: #efefef;
	margin: 0;
}


.lista_brand>div>a>img {
	filter: gray;
	-webkit-filter: grayscale(1);
	opacity: 0.7;
}

.lista_brand>div:hover>a>img {
	filter: none;
	-webkit-filter: grayscale(0);
	opacity: 1;
}

.ordine_ok {
	margin: 25px 0;
}

.ordine_ok h1,
.ordine_ok h2,
.ordine_ok p {
	text-align: center;
}

/*** FINE CARRELLO ***/

/*** INZIO UPSELL / CROSS SELL / BRAND ***/

/* #carouselUpSell .carousel-inner,
#carouselCrossSell .carousel-inner {
	padding: 1em;
} */

#carouselBrand {
	position: relative;
	margin-bottom: 50px;
}

#carouselBrand .bg-contrast {
	border-radius: var(--radius);
	padding: 0 25px;
}
#carouselBrand .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#carouselBrand .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#carouselBrand .carousel-control-next { right: -1rem; }
#carouselBrand .carousel-control-prev { left: -1rem; }
#carouselBrand .carousel-control-next,
#carouselBrand .carousel-control-prev {
	opacity: 1;
	background-color: var(--color-light);
}

#carouselUpSell .prodotto_elenco,
#carouselCrossSell .prodotto_elenco {
	width: 100% !important;
}

#carouselUpSell .card,
#carouselCrossSell .card {
	margin: 0 0.5em;
	/* box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18); */
	/* border: none; */
}

#carouselBrand .carousel-control-prev,
#carouselBrand .carousel-control-next,
#carouselUpSell .carousel-control-prev,
#carouselUpSell .carousel-control-next,
#carouselCrossSell .carousel-control-prev,
#carouselCrossSell .carousel-control-next {
	width: 6vh;
	height: 6vh;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#carouselUpSell .carousel-control-prev,
#carouselUpSell .carousel-control-next,
#carouselCrossSell .carousel-control-prev,
#carouselCrossSell .carousel-control-next {
	background-color: #e1e1e1;
}

#carouselUpSell .carousel-control-prev,
#carouselCrossSell .carousel-control-prev {
	left: -10px;
}

#carouselUpSell .carousel-control-next,
#carouselCrossSell .carousel-control-next {
	right: -10px;
}

#carouselBrand .carousel-item,
#carouselUpSell .carousel-item,
#carouselCrossSell .carousel-item {
	margin-right: 0;
	flex: 0 0 calc(100% / 2);
	display: block;
}

#carouselBrand .carousel-item {
	max-height: 90px;
}

#carouselBrand .carousel-item>div,
#carouselUpSell .carousel-item>div,
#carouselCrossSell .carousel-item>div {
	height: 100%;
}

#carouselBrand .carousel-inner,
#carouselUpSell .carousel-inner,
#carouselCrossSell .carousel-inner {
	display: flex;
}

@media (min-width: 768px) {
	#carouselBrand .carousel-item,
	#carouselUpSell .carousel-item,
	#carouselCrossSell .carousel-item
		{
		flex: 0 0 calc(100% / 3);
	}
}

@media (min-width: 1024px) {
	#carouselBrand .carousel-item

	/*,
	#carouselUpSell .carousel-item,
	#carouselCrossSell .carousel-item*/
		{
		flex: 0 0 calc(100% / 4);
	}
}

@media (min-width: 1200px) {
	#carouselBrand .carousel-item

	/*,
	#carouselUpSell .carousel-item,
	#carouselCrossSell .carousel-item*/
		{
		flex: 0 0 calc(100% / 5);
	}
}

@media (min-width: 1400px) {
	#carouselBrand .carousel-item

	/*,
	#carouselUpSell .carousel-item,
	#carouselCrossSell .carousel-item*/
		{
		flex: 0 0 calc(100% / 6);
	}
}

#carouselUpSell .card .img-wrapper,
#carouselCrossSell .card .img-wrapper {
	max-width: 100%;
	height: 13em;
	display: flex;
	justify-content: center;
	align-items: center;
}

#carouselUpSell .card img,
#carouselCrossSell .card img {
	max-height: 100%;
}

/* @media (max-width: 767px) {

	#carouselUpSell .card .img-wrapper,
	#carouselCrossSell .card .img-wrapper {
		height: 17em;
	}
} */

/*** FINE UPSELL / CROSS SELL / BRAND ***/

#toTop i {
	transform: rotate(180deg);

	color: var(--color-dark);
	position: fixed;
	bottom: 30px;
	right: 30px;
	opacity: 0.6;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 28px;
}

/* @media only screen and (max-width: 380px) {
    .prodotto_elenco .sconto {
        top:100px;
    }
} */
@media only screen and (max-width: 480px) {
	.prodotto_elenco:not(.col-12) {
		flex: 1 0 50% !important;
		width: 50% !important;
	}

	.prodotto_dettaglio .pulsante {
		position: fixed !important;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		margin-bottom: 0px;
		border: 10px solid var(--color-light);
		box-shadow: 0px 0px 15px rgba(var(--color-dark-num), 0.1) !important;
	}

	.prodotto_dettaglio .pulsante a {
		padding: 15px;
	}

	.prodotto_dettaglio .gallery {
		height: 275px;
		overflow: auto;
	}

	#shopping-cart .cart_item {
		text-align: center;
	}

	#shopping-cart .cart_item .image img {
		max-width: 250px;
	}

	#shopping-cart .cart_item .price {
		text-align: center;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.prodotto_dettaglio .gallery {
		height: 400px;
		overflow: auto;
	}

	#shopping-cart .cart_item {
		text-align: center;
	}

	#shopping-cart .cart_item .image img {
		max-width: 250px;
	}

	#shopping-cart .cart_item .price {
		text-align: center;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {}

@media only screen and (min-width: 992px) {
	header #logo {
		max-height: 80px;
		min-height: 80px;
	}

	header #main_menu ul {
		display: table;
		width: 100%;
		background-color: var(--color-light);
	}

	header #main_menu ul li {
		display: table-cell;
		text-align: center;
	}

	header #main_menu ul li a {
		/*font-size: 1.25rem;*/
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 400;
		color: var(--color-base);
        
	}

	header #main_menu ul li.active a {
		color: var(--color-light);
		background-color: var(--color-base);
	}

	.prodotto_elenco h2 {

		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	/*#main_menu {
		position: absolute;
		top: 0;
		background-color: var(--color-base-two);
		width: 100% !important;
		left: 0;
		z-index: 999;
		padding: 1rem;
	}*/

	#filtri .aside_subtitle {
		margin-top: 1rem;
	}

	.collapse.dont-collapse-sm {
		display: flex;
		height: auto !important;
		visibility: visible;
	}

	.cart_add.pulsante .w-100 {
		width: auto !important;
	}
}

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

	.prodotto_dettaglio img.brand-image {
		width: auto;
		max-height: 40px;
	}

	header .container {
		padding: 0;
	}

	/*header #main_menu ul { list-style: none; background-color: var(--color-base); padding:0; }
	header #main_menu ul li.special_link {border-bottom:0 !important;}
	header #main_menu ul li.special_link {border-bottom:0 !important;}
    header #main_menu ul li a { text-align: left; padding:.5rem; color:var(--color-light); }
    header #main_menu ul li .dropdown-menu { background-color: transparent; border: 0; padding-left: 15px; } */
}



/*** Autocomplete ***/
@import "/css/jquery-ui-1.10.4.custom.min.css";

.ui-autocomplete-loading {
	background: white url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>') right center no-repeat;
}

.ui-autocomplete-loading {
	/* background: white url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" /></svg>') right center no-repeat; */
	background-color: var(--color-light);
	background-image: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 -20 40 40">\ <style> circle { animation: 4s a infinite linear, 3s o infinite linear; }\ @keyframes a {from{stroke-dasharray:100 0}50%25{stroke-dasharray:0 100}to{stroke-dasharray:100 0}}\ @keyframes o {from{stroke-dashoffset:75}to{stroke-dashoffset:375}}\ <%2Fstyle><circle r="15.9154943092" stroke-width="7" fill="none" stroke="gray" />\ </svg>');
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 20px;
}

.ui-widget {
	font-size: 0.8em;
}

#search_nav_box {
	padding: calc(var(--bs-gutter-x) * .5);
}

form#search_box {
	position: relative;
}

form#search_box ul {
	position: absolute;
	top: 37px;
	left: 0;
	/* width: 100%; */
	max-height: 200px;
	overflow: auto;
	z-index: 1035;
	border: 0.5px solid #DDDDDD;
	/*	border-radius: 6px;*/

	background: var(--color-light) !important;
	/*padding: 0;
	border-radius: 0 !important;*/

	width: auto !important;
	display: none;
	margin: 0 var(--bs-gutter-x);
	border-radius: 0 0 var(--radius) var(--radius) !important;
	padding: 0 var(--bs-gutter-x);
}

form#search_box ul li {
	list-style: none;
	border-radius: 0 !important;
}

form#search_box ul li a {
	display: block;
	text-decoration: none;
	padding: 5px;
	/*	font-size: 0.9em;*/
	cursor: pointer;
	border-radius: 0 !important;
	color: #333;
}

form#search_box ul li a.category_list {
	color: var(--color-base);
	font-weight: bold;
	border-top: 1px solid #DDDDDD;
}

form#search_box ul li a:hover,
form#search_box ul li a.category_list:hover {
	color: var(--color-light);
}

form#search_box ul li a span.highlight {
	color: var(--color-base);
	/*color:var(--color-light);;*/
}

form#search_box button {
	background-color: white;/*var(--color-light);*/
	/* border: 1px solid #ced4da;
	border-left: 0;
	border-radius: 0; */
	border: 0 !important;
	border-radius: 0 var(--radius) var(--radius) 0 !important;
}

/* form#search.form-control:focus {
	border-color: #CCC !important;
} */

#search {
	/* border: 1px solid #ced4da !important; */
	border: 0 !important;
	border-radius: var(--radius) 0 0 var(--radius) !important;
/*	font-weight: 100;*/
}

span.ui-helper-hidden-accessible {
	display: none !important;
}

a.ui-state-focus {
	color: var(--color-light) !important;
	background: #AAA !important;
	border: 0px !important;
	border-radius: 0 !important;
}

/*** accesibility skip to content ***/
.skipToMain {  
	background: var(--color-contrast-two);
	color: var(--color-dark);
	font-weight: 700;
	left: 0;
	width: 100%;
	padding:1rem;
	position: absolute;
	transform: translateY(-100%);	
}
.skipToMain:focus {
	transform: translateY(0%);
}