/*--------------------------
*           FONT 
*--------------------------*/
@import url('https://fonts.googleapis.com/css?family=PT+Serif:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*--------------------------
*           GENERAL 
*--------------------------*/
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    overflow-x: clip;
}
body {
	background-color: #FFFFFF;
	margin: 0;
  position: relative;
}
body * {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.page_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	padding: 20px 3%;
	word-wrap: break-word;
	overflow: hidden;
	max-width: 900px;
	margin: auto;
}
#search{
	width: 100% ;
}
#scrollUp {
	background-color: black;
	bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}	
h1,h2,h3,h4,h5,h6 {
  color: #db9b5d;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.3;
  font-weight: 300; }h5{	font-size: 0.8rem !important;}
 
h1{ font-size:3.0625rem}
h2{ font-size:2.5rem; font-family: 'PT Serif', sans-serif;}
h4{ font-size:1.375rem}
p{ margin-bottom: 0}

a,a:hover,a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #303030;
  /*font-weight: 500;
  font-size: 14px;*/ }
  
ul,ol { margin: 0; }
ul li,ol li { list-style: none; }
section.post ul li,section.post ol li { list-style: inherit; }
.btn-secondary,.btn-primary{ border:0}
.form-control::placeholder {
  color: #000000;
  opacity: 1;
}

.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

#bread-container{background: #ededed; margin-bottom:35px}
#bread-container ol.breadcrumb{background-color:transparent;  margin-bottom:0; border-radius:0; padding: .75rem 1rem;}
#bread-container ol.breadcrumb li{ font-size: 1.125rem; font-weight:700; }
#bread-container ol.breadcrumb li a{ color:#49905b;}
#bread-container ol.breadcrumb li a.active{ color:#b59771;}
.custom-control-input:checked~.custom-control-label::before { color: #ffffff; border-color: #b59771; background-color: #b59771;}
.custom-control-input:checked~.custom-control-label::after{ top: .15rem;}

/* Icon 1 */
.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
box-shadow:0;}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;}

.animated-icon1 span {background: #b59771;}
.animated-icon1 span:nth-child(1) {top: 0px;}
.animated-icon1 span:nth-child(2) {top: 10px;}
.animated-icon1 span:nth-child(3) {top: 20px;}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.navbar-toggler{-moz-appearance: none;-webkit-appearance: none;}
.navbar-toggler:focus, .navbar-toggler:hover{ box-shadow: none; border:0; outline: none}

.noScroll{
	overflow: hidden;
}


/**********          SWIPER          **********/
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	height: auto !important;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/**********          //SWIPER          **********/




/*--------------------------
*           HEADER 
*--------------------------*/
/* header{ 
	border-bottom:4px solid #b59771; 
	transition: all 0.45s ease; 
	background-color: #db9b5d;
	border-bottom: 1px solid #9d696c;
	min-height: 112px;
} */
header .container{
	padding-top:15px;
}
header.sticky{
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
	background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);}
	
header li a.nav-link{
	padding: .7rem 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: #b59771;}
header ul.main_menu li:not(:last-child) a.nav-link:after {color: #000000; padding:0 .5rem; border: 0; vertical-align: inherit;}
header ul.shop_menu li{padding-left: .5rem}
header ul.shop_menu li:first-child a.nav-link:after {color:  var(--gray-dark); padding-left: .7rem; border:0}
header li a#smallcart{ /*width:36px; height:36px;*/ background:#b59771; color:#ffffff; border-radius:50%; width: 40px; height: 40px; padding:10px 0; text-align:center}
header li a#smallcart .badge-light{ padding:.4em .1em .2rem; vertical-align:text-top; min-width:1rem}
header li a#smallcart.act{background:var(--pink);}
header .dropdown-menu {
    border: 0;
    padding:.5rem 1rem;
    border-radius: 0;
    margin-top: 5px;
    box-shadow: 0 10px 12px rgba(0,0,0,.175);}
header .dropdown-menu li a{ font-size: 0.875rem; color: #49905b; font-weight: 600;}
header .dropdown-menu li a.nav-link{ padding:.1rem 0;}
header .dropdown-menu li a.nav-link:after { display:none;}

/*--------------------------
*           HOME 
*--------------------------*/
#carousel-home,#carousel-home .carousel-item{ max-height:800px}
#carousel-area .carousel-caption{ bottom:120px}
#carousel-area .carousel-caption h1{ font-weight:700; color:#ffffff; line-height: 1.1em;}
#carousel-area .carousel-caption h1 span{ display:block; font-weight:300}
#search-area{ position:relative}
#search-area #box-search{ position: relative; margin-top:-8rem; z-index:1000;}
#search-area form{ background: #b59771; color:#ffffff; border-radius:52px; min-height:60px; font-weight:300; font-size: .75rem; padding:.5rem 1rem .3rem;}
#search-area form .input-group-text{color:#ffffff;background-color:transparent; border:0;}
#search-area form .form-control {
    height: 44px;
	background-color:transparent;
	border:0;
	color:#ffffff;
	font-size:1.5rem;
	font-weight:300;}
#contact-area form .form-control::placeholder, #search-area form .form-control::placeholder {color:#ffffff;}	
#search-area form .custom-control{min-height: 1.3rem;}
#search-area form .custom-control-label::before,#search-area form .custom-control-label::after{top: .10rem;}
#search-area .custom-control.last{padding-left:2.5rem; color:#ffffff; font-size:0.875rem}
#search-area .select2-container--default .select2-selection--single, 
#search-area .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-top:4px;
    height: 44px;
	background-color:transparent;
	border:0;
	color:#ffffff !important;
	font-size:1.2rem;
	font-weight:200;}
#search-area form button{
font-size:1.125rem;
font-weight:900;
-webkit-border-top-right-radius: 52px;
-webkit-border-bottom-right-radius: 52px;
-moz-border-radius-topright: 52px;
-moz-border-radius-bottomright: 52px;
border-top-right-radius: 52px;
border-bottom-right-radius: 52px;
background:#28557b;
padding:.5rem 1.2rem; }
	
.text-home{ font-weight:300; font-size:1.875rem; line-height:38px; margin-top:40px; padding:45px 25px; color:#b59771}
.text-home p strong{ font-weight:700}
#banner-area-fluid{background: #b59771; min-height:270px; margin:40px 0; position:relative}
#banner-area-fluid .text{ font-size:1.625rem; font-weight:300; color:#ffffff; margin-top:25px}
#banner-area-fluid .text h2{ line-height:2.5rem; font-weight:700; color:#ffffff}
/*#banner-area-fluid img{ position: absolute; right: 0; top: -20px;}*/
.text .btn{ font-size:1.125rem; font-weight:700; /*border-radius:23px;*/ background-color: #ff8c37; padding: .5rem 2rem; margin-top:1.875rem}
#banner-area-fluid .text .btn{ margin:1rem 0;}
.section-heading {
position: relative;
z-index: 1;
margin-bottom: 0; 
text-transform: uppercase;}
.item{ border:1px solid #ededed; margin-top:10px}
.item .content{ padding:10px}
.item .thumb img{max-height: 225px;}
.item .price{ color:#28557b; font-weight:500; font-size:1.25rem; margin-bottom: 15px;}
.item .info{ color:#b59771; font-size:.875rem}
.item .info .offered{  color:#49905b; font-size:.75rem}
.item .info .brand, .item .info .brand a,.item .info button{ display:inline-block; font-weight:700; color:#ffffff; background:#b59771; font-size:1.25rem; padding:0 10px; border-radius:4px}
.item .info .brand { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; max-width:100%; }
.item .info .spese{ color:#28557b; font-size:0.75rem;}
.item .info h4{font-weight:700; line-height:1em; display:inline-block; margin-top:10px}
.star-rating{ margin-top:15px}
.star-rating .fas{font-size: 1.2em; color:#ffba00;}
.star-rating .fas.disable { color: #ededed; }

a.see-all{ display:inline-block; border:1px solid #b59771; border-radius:15px; font-weight:700; color:#b59771; padding:2px 28px; margin:40px 0}
#proposte-area .item{ min-height:400px; height:98%;}
#proposte-area .item .thumb img{max-height: 140px; margin-top:5px}
#proposte-area .item .info h4{ font-size:1.125rem; font-weight:500;}
#proposte-area .item.big .thumb img{max-height: 395px; margin-top:40px}
#proposte-area .item .promo{ display: inline-block; font-weight:700; color:#ffffff; padding:.1rem 1rem; background: #ff8c37; margin-top:10px}
.item .price del {
  color: #49905b;
  text-decoration: none;
  position: relative;}
  
.item  .price del:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 2px solid var(--danger);
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  /*transform: rotate(-7deg);*/}
.item-art{
	font-size:.875rem;
	font-family: 'Open Sans', sans-serif;
	margin:15px 0;}
.item-art .thumb img{max-height: 255px; margin-bottom:15px}
.item-art .info .date{color:#b59771;  font-weight:500;}
.item-art .info h4{font-weight:700; line-height:1em; display:inline-block; margin:0; min-height:70px}
.item-art .info hr{ border-color: ;}
.item-art .info a{color:#08090a;}
#contact-area{  
background:#b59771;
/*background: linear-gradient(to right, #b59771 70%, #ffffff);*/
background: linear-gradient(90deg, #b59771 73%, #ffffff 73%);
margin-bottom:3.125rem}
#contact-area .text{ font-size:1.375rem; line-height:1.1em; font-weight:300; color:#ffffff;}
#contact-area .text h2{ font-size:3.75rem; line-height:4rem; font-weight:500; color:#ffffff;}
#contact-area .contact-form-area .form-group{ margin-bottom:1.75rem}
#contact-area .contact-form-area .form-control {
	border-radius: .9375rem;
    height: 30px;
	background-color:#b59771;
	color:#ffffff;
	font-size:1.125rem;
	padding: 0 1rem;}
/*#contact-area .contact-form-area select.form-control { -webkit-appearance: none; -moz-appearance: none;}*/
#contact-area .contact-form-area .form-control:focus {
    box-shadow: none;
    border-color: #ff8c37; }
	
#servizicard-area{background:#316a9b; /*margin-top:7rem;*/ margin-bottom:1.25rem}
#servizicard-area .container{ background:#b59771;}
#servizicard-area h2{color:#ffffff;}
#servizicard-area .card{
	border:0;
    border-radius: 1.25rem;
	margin-bottom:4rem;
}
#servizicard-area .card .card-img-top {
    width: 100%;
	max-height:250px;
	overflow:hidden;
    border-top-left-radius: calc(1.25rem - 1px);
    border-top-right-radius: calc(1.25rem - 1px);}
#servizicard-area .card .card-title{background:#28557b; color:#ffffff; font-size:2.375rem; font-weight:700; padding:1rem 0}
#servizicard-area .card .card-body{ padding: 0 0.75rem; font-size:1.5rem;color: #28557b; min-height:330px}
#servizicard-area .card .card-body strong{ color:#b59771; display:block }
#servizicard-area .card .btn{ font-size:1.75rem; background:#b59771; font-weight:700; border-radius: 1.875rem; margin-bottom: 1.875rem; width:90%; position:absolute; bottom:0; left:5%; padding:1.3rem .75rem }

/*--------------------------
*        SERVIZI FORM
*--------------------------*/
#servizi-intro-area{ background: url(../images/elementi/home.jpg) no-repeat center; background-size:cover;  min-height:830px; position:relative}
#servizi-intro-area.serv{ background: url(../images/elementi/servizi.jpg) no-repeat center; background-size:cover;  min-height:830px; position:relative}
#search-area-serv{ position: absolute; bottom:10%; left:15%; right:15%; background:#b59771; opacity:0.9;  min-height:220px; border-radius:23px; padding:2rem 2.5rem 1.25rem;}
#search-area-serv h1{ font-weight:700; color:#ffffff; font-size:2.625rem; line-height:2.5rem; text-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
#search-area-serv h1 span{ display:block; font-weight:300; font-size:2.5rem;}
#search-area-serv form .form-group{ margin-bottom:1.875rem} 
#search-area-serv form .form-group label{ font-weight:700; color:#fff; font-size:0.875rem}
#search-area-serv form .input-group-text{color:#b59771;background-color:#fff;}
#search-area-serv form .form-group .form-control{
    height: 33px;
	background-color:#ffffff;
	border-radius:3px;
	font-size: .875rem;
	padding:0 1.75rem 0 0.75rem;
	border:0;
	font-weight:700;
	color:#b59771 }
#search-area-serv .select2-container--default .select2-selection--single, #search-area-serv .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 33px;
    background-color: #fff;
    border: 0;
    color: #ffffff;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height:33px;
	font-weight:700;
	color:#b59771;}
#search-area-serv .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color:#b59771;
}
.select2-selection__placeholder {
    color: #b59771 !important;
}
#search-area-serv form button{
font-size: 1.125rem;
font-weight:700;
border-radius:.3rem;
background:#FF8C37;
padding:.5rem 4.5rem;
box-shadow: 0 3px 6px rgba(0,0,0,.16)}

/*--------------------------
*         ELENCO
*--------------------------*/
#category-area{margin-bottom:60px;}
#category-area .text h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500;
    color: #b59771;}
#filter{ 
background: #ededed;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#filter .wrap {position: relative; display: block;}
#filter .wrap:after {
	content: "\f107";
    font-family: "Font Awesome 5 Free";
	 font-weight: 900;
    color: #49905b;
    position: absolute;
    right: 14px;
    top: .8rem;
    z-index: 1;
    pointer-events: none;
    font-size: 1.125rem;}
		
#filter select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	transition: .3s ease;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	vertical-align: middle;
	color:#49905b;
	font-weight:700;
	padding:1rem 1.5rem}
	  
#filter select::-ms-expand { display: none; } 
#filter select:hover{background-color: #b59771; color:#ffffff; transition: .3s ease;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#list .item{ border:0; border-bottom:1px solid #ededed; padding-bottom:10px; margin-top:10px}
#list .item .content{ padding:0}
#list .item .info h4{ font-size:1.125rem}
#list .star-rating{ margin-bottom:15px}
#list .item ul{ 
	padding: 0;
	line-height:1.3rem}
#list .item ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
.pagination{ margin:30px 0; font-size:1.5rem; font-weight:700}
.pagination .page-link {
    padding: .5rem .3rem;
    margin-left: -1px;
    line-height: 1.25;
    color:#49905b;
    background-color: #ffffff;
    border: 0;
	display:inline;}
.pagination .page-item:not(:first-child):not(:last-child):not(:nth-last-child(2)) .page-link:after {color:#49905b; content: "-"; padding-left: .5rem;}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{color: #b59771; border-radius:0; padding: .2rem .75rem; }
.pagination .page-item:first-child .page-link .fas,.pagination .page-item:last-child .page-link .fas{ font-size: 2.5rem}
.pagination li.page-item.active .page-link {
    z-index: 1;
    color:#b59771;
    background-color: #ffffff;
	border:0}
#dettaglio .testo{ margin:2.7rem 0;}
#dettaglio  h4{ font-size:1.125rem; font-weight:700; text-transform:capitalize;}
#dettaglio  h2{ font-size: inherit;}
#dettaglio .item{ border:0; border-bottom:1px solid #ededed; padding-bottom:20px; margin-top:0}
#dettaglio .item .content{ padding:0}
/*#dettaglio .star-rating{ margin-bottom:30px}*/
#dettaglio .testo ul{ 
	padding: 0;
	line-height:1.3rem}
#dettaglio .testo ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
#list form .input-group-text, #dettaglio form .input-group-text {
    color: #b59771;
    background-color: #ffffff;
    border-color: #b59771;}  
	  
#list form .form-control, #dettaglio form .form-control {
	background-color:transparent;
	border-color: #b59771;
	color:#b59771}
	
#list form button, #dettaglio form button, #servizi-area .item button, #venduti-area .item button {
	box-shadow: none;
	border:0;
	background: #ff8c37;
	font-size:1.125rem;
	font-weight:700;
	padding:.5rem 3rem; }
#dettaglio #cnt-form{color:#ffffff; padding:20px; font-size:0.875rem; line-height:0.875rem; min-height:190px; background:#b59771 url(../images/elementi/bg_parla.png) no-repeat; background-size:contain}
#dettaglio #cnt-form h2{ font-size:1.75rem; font-weight:700; color:#ffffff; line-height: 1;}
#dettaglio #cnt-form .form-control {
	background:#ffffff;
    height: 25px;
	border-radius:2px;
	font-size: 0.75rem;
	font-weight:700;}
#dettaglio #cnt-form .btn-sm {
    background: #28557b;
    padding: .1rem .9rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    border: none;}
#soluzioni-area{ background: #f4f4f4;}
#soluzioni-area .item{ margin-top:40px}
#soluzioni-area .item .content{ background: #ffffff;}
#reviews-area{ color:#b59771; margin:0 0 90px}
#reviews-area hr { margin-top: 2rem; margin-bottom: 2rem;}
#reviews-area h2{ width:90%; font-size:2.75rem; line-height: 1.1em; font-weight:700;}
#reviews-area .item-rev{ font-size:0.875rem; line-height:1.125rem; }
#reviews-area .item-rev h4{ font-weight:700; text-align:center}
#reviews-area .item-rev .star-rating{text-align:center}
#reviews-area .item-rev strong{ display:block; text-align:center; margin-top:0.75rem}
#reviews-area .carousel-control-prev,#reviews-area .carousel-control-next{position: relative; margin-top: 20%; color:#b59771; opacity:1; display:inline-block}
#reviews-area .carousel-control-next{left: 15%;}

/*--------------------------
*         SUPPORTO
*--------------------------*/
#search-area.support{ background: #f4f4f4; padding-top:40px; padding-bottom:20px}
#search-area.support form{ color: #b59771; background:#ffffff; padding:0 1rem 0; border:1px solid #b59771; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
#search-area.support .input-group-text{color:#b59771;background-color:transparent; }
#search-area.support .form-control {
    height: 60px;
	background-color:transparent;
	border:0;
	color:#b59771;
	font-size:1.5rem;
	font-weight:700;}
#search-area.support .form-control:focus {box-shadow: none;}
#btn-area{ margin:1.875rem 0}
#btn-area a{ display:block; background:#ffffff; color:#49905b; font-size:0.75rem; padding:1rem 2.3rem}
#supporto-area h3{ font-weight:700; font-size:1.875rem;} 
#supporto-area ul{ 
	padding: 0;
	line-height:1.3rem;
	margin-top:40px;
	margin-bottom:30px;
	position:relative}
#supporto-area ul:after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    top: 8%;
    right: -15px;
    background: #ededed;}
#supporto-area ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
  
#supporto-area ul a{ /*font-size:0.625rem;*/ color: #b59771; font-weight:700; margin-top:35px}
#domande-area .card{ margin:20px 0}
#domande-area .card-header {
    background-color: #fafafa;
    border-bottom: 0;
	padding: 1.3rem 1.25rem}
#domande-area .card-header h4 { font-weight:700; color: #49905b; }
#domande-area .card-header i.fas { color: #b59771; float: right; font-size: 1.5em; transform: rotate(0) ;transition: all linear 0.25s;}
#domande-area .card-header a[aria-expanded=true] i.fas {transform: rotate(90deg);}
#banners-area{ margin:40px 0}
#banners-area .banner{ min-height:205px; color:#ffffff; padding: 20px; line-height:1.1em;}
#banners-area h4{color:#ffffff; width:60%; font-size: 2.75rem; line-height:1em; font-weight:700; height:90px;}
#banners-area p{ width:80%; text-align:left}
#banners-area .btn-sm{ background:#28557b; padding:.1rem .9rem; margin-top: 1rem; font-size: 0.875rem; border:none;}
#banners-area .btn-sm:focus{color:#ffffff;}

/*--------------------------
*         SHOP
*--------------------------*/
#shop-area #bannerP-area{background-color: #b59771;color: #ffffff; padding:1rem; border-radius:0.1875rem;}
#shop-area #bannerP-area .text{ font-size:0.875rem; color:#ffffff; line-height:1rem}
#shop-area #bannerP-area .text h2{ font-size:2rem; line-height: 2rem; font-weight:700; color:#ffffff;}
#shop-area #bannerP-area .text hr{ border-top-color: #ffffff;}
#shop-area #bannerP-area .text .btn{ margin-top:1.25rem; font-size:0.875rem; padding: 0.3rem 2.7rem;}
#shop-area .item .info p{ color: #49905b; font-weight:400}
#shop-area form{ font-size:0.75rem; font-weight:700}
#shop-area form .form-control {
	background-color: #f8f8f8;
	border-color: #ededed;
	color: #49905b;
	font-size:0.75rem;
	height:35px;}
#shop-area form  .select2-container .select2-selection--single{ height:37px;}
#shop-area form .input-group-text{ color:#b59771; background-color: transparent; border: 0;}
#shop-area form button { background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem;}
#shop-area .btn-primary.pheart {background: #b59771; height:35px;}
#shop-area .table{color: #49905b;}
#shop-area .table td{ border:0; padding:.3rem .75rem}
#shop-area .table td .fas{ float:right; font-size: 1.2em;}
#shop-area .table td .fa-times{color: #eb001b;}
#shop-area .table td .fa-check{color: #0cc728;}
#shop-area .carousel-item img {height:35vh; object-fit:cover;}
#shop-area .starrating > input {display: none;}  /* Remove radio buttons */
#shop-area .starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 0;
  font-size: 1.7em;
  font-family: "Font Awesome 5 Free"; font-weight: 900;
  display: inline-block; }
#shop-area .starrating > label{color: #ededed; /* Start color when not clicked */}
#shop-area .starrating > input:checked ~ label{ color: #ffba00 ; } /* Set yellow color when star checked */
#shop-area .starrating > input:hover ~ label{ color: #ffba00 ;  } /* Set yellow color when star hover */
#venduti-area{ background: #f4f4f4;}
#venduti-area .item{ margin-top:40px; background: #ffffff}
#venduti-area .carousel-indicators{ position:relative; margin:3rem 0}
#venduti-area .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #b59771;
    opacity: 1;
    border: 2px solid #b59771;}
#venduti-area .carousel-indicators .active { background: transparent; }
#product-slider .carousel-inner{ border:1px solid #ededed; padding:1.875rem; text-align:center}
#product-slider .carousel-indicators{
    position: relative;
    width: 100%;
	margin-top:1.875rem;}
	
#product-slider .carousel-indicators li{
    text-indent:0;
    display:inherit;
    float:left;
    width: 100px;
    height: 100px;
	border:1px solid #ededed; }
#product-slider .carousel-indicators li a{ display:inline-block; padding:1rem}	
/*#product-slider .carousel-indicators li img{ height: 100px; padding:1rem}*/
#product-slider .carousel-indicators .active a{border-bottom:7px solid #b59771;}
#product-slider .carousel-control-prev,#product-slider .carousel-control-next{ width:5%; color:#b59771; opacity:1;}

/*--------------------------
*         LOGIN
*--------------------------*/
#login-area{ background:#316a9b; margin-top:3rem}
#login-area .row.m-0{ background:#b59771;}
#box-form{ background:#ffffff; padding: 2.75rem; font-size:.875rem; font-weight:700; font-family: 'Open Sans', sans-serif;}
#box-form h2{font-weight:700; color: #b59771; font-size: 2.375rem; text-transform:none}
#box-form .form-group{ margin-bottom: 1.5rem}
#box-form .form-control,#frmlogin .form-control{ border-color:#D3D3D3; font-size:0.75rem; font-weight:700; height:38px}
#box-form .custom-control-label::before,#frmlogin .custom-control-label::before{top: .10rem;}
#box-form .input-group-text,#frmlogin .input-group-text{ border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }
#box-form .lost-pwd,#frmlogin .passwordpersa{ display:inline-block; color:#49905b;}
#box-form .btn,#box-form-riv .btn{/*width:50%;*/font-weight:700;font-size:1.125rem;border-radius:.3rem;background:#ff8c37;padding:.6rem 1.2rem;margin-top:25px;text-transform:uppercase;}
#box-form .btn#registrazionereinvia{ color:#fff;}
#box-form .btn{/*width:100%;*/ background:#b59771;}
#box-form small.pprivacy{ display:inline-block; line-height: 1rem }
#login-area #reg{ display:inline-block; position:relative; color:#b59771; font-size:1rem; margin-top:1rem}
#login-area #reg:before,
#login-area #reg:after {
  content: "";
  position: absolute;
  border-top: 1px solid #b59771;;
  top: 45%;
  width: 32px;}
#login-area #reg:before {right: 100%;margin-right: 15px;}
#login-area #reg:after {left: 100%;margin-left: 15px;}
#box-form-riv{ color:#ffffff; }
#box-form-riv h2{color: #ffffff; font-weight:700; line-height:1; margin-bottom:1.5rem}
#box-form-riv h2 span{display: block;}
#contact-sconto-area{ color:#ffffff;}
#contact-sconto-area #cnt-form{ padding:30px; font-size:0.875rem; min-height:240px; background:url(../images/elementi/bg_form_sconto.png) no-repeat; background-size:cover}
#contact-sconto-area #cnt-form h2{ font-size:2.125rem; font-weight:700; color:#ffffff; line-height: 1.2;}
#contact-sconto-area .form-control {
    height: 25px;
	border-radius:2px;
	font-size: 0.75rem;
	font-weight:700;}
#contact-sconto-area .btn-sm {
    background: #28557b;
    padding: .1rem .9rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    border: none;}
	
/*--------------------------
*         CARRELLO
*--------------------------*/
#cart-area{background: #f4f4f4; padding-bottom:5rem;}
#cart-area h3{ font-weight:700; text-transform:none; font-size:1.875rem}
#cart-area #list .item{background: #ffffff; padding:1.5rem; margin:0 0 1.5rem; }
#cart-area .controls{background: #ffffff; padding:1.5rem 3rem;}
#cart-area .controls.last{ background:#b59771; color: #ffffff;}
#cart-area .controls.last hr{ border-top-color: #ffffff;}
#cart-area .controls .form-group{ margin-bottom:1.25rem}
#cart-area .controls .form-control { border-color: #000000; border-radius:0.1875rem; color: #b59771; font-weight:300}
#cart-area #dx .controls.last{ padding:1.5rem .8rem; font-size: 0.7rem; border-radius:0.1875rem;}
#cart-area #dx .controls.last .text-muted{ display:block; color: #ffffff !important; line-height:0.75rem; width:60%; margin-top: .50rem;}
#cart-area #dx .controls.last .totale{ font-size:1.3rem;padding-left: 0;}
#cart-area #dx .controls.last button{
font-size:1.125rem;
font-weight:700;
background: #ff8c37;
padding:.5rem 1.5rem }
#cart-area #dx .controls.last button:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}

#cart-area #dx.shop .controls.last{ color:#b59771; background: #ffffff; border:4px solid #b59771;}
#cart-area #dx.shop .controls.last hr { border-top-color: #ededed;}
#cart-area #dx.shop .controls.last .form-control { border-color: #b59771;}
#cart-area #dx.shop .controls.last .text-muted{ color: #49905b !important;}
#banner-sidebar{ background:#b59771; color: #ffffff; margin:1.875rem 0; padding:1.5rem .8rem; font-weight:300; font-size:1.625rem}
#banner-sidebar h2{color: #ffffff; font-weight:700; line-height:2.4rem}
#banner-sidebar .text .btn{ margin:1.25rem .6rem}
#cart-area #list .item.cart{/*background: #ffffff;*/ background: rgb(255,204,204); padding:0;}
#cart-area #list .item.cart .entry-thumb{ border:1px solid #ededed; padding:0.625rem; text-align:center}
#cart-area #list .item.cart .del{color: #eb001b; font-size:1.5rem}
#cart-area #list .item.cart .box{background:#b59771; color: #ffffff; padding:.7rem 1.5rem;}
#cart-area #list .item.cart .box .info .offered{color: #ffffff;}
#cart-area #list .item.cart .box .info .brand{color: #b59771 !important; background: #ffffff !important;}
#cart-area #list .item.cart .box .info .brand { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
#cart-area #list .item.cart .form-group{ margin-top:.5rem; margin-bottom: .5rem}
#cart-area #list .item.cart .col-form-label,#cart-area #list .item.cart .custom-select{ font-size: .75rem;}
#cart-area #list .item.cart .custom-select {background-color: #ffffff; }
#cart-area #list .item.cart .price{ font-weight:500; }

/*--------------------------
*         ORDINI
*--------------------------*/
.table#ordini{color: #49905b;}
.table#ordini td .fa-search{ color:#b59771;}
.table#ordini>thead:first-child>tr:first-child>th { border-top:0; font-weight: 400;}
.table#ordini tr th,.table#ordini tr td {border-color: #e9e9e9;padding: 12px 15px;vertical-align: middle;}
.table#ordini tr th:first-child {width: 40px;}
.table#ordini tr th:last-child {text-align:center;}
.table#ordini tbody tr:nth-of-type(odd) {background-color: #fcfcfc;}
.table#ordini tbody tr:hover {background: #f5f5f5;}
.table#ordini td a {color: #2196f3;}
.table#ordini .no-border td{border:0 !important; padding:0 15px}
.table#ordini .table#totaleordine{ color:#212529 !important}
#t_indietro{color:#b59771;}
.table#ordini .del{color: #eb001b; font-size:1.5rem}
/*--------------------------
*         COMUNICAZIONI
*--------------------------*/
#messAccordion .panel-default {
    overflow: hidden;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top:5px;
}
#messAccordion .panel-heading {
	overflow: hidden;
	margin-bottom: 5px;
	padding: 0;
	border: 1px solid #d9d7d7;
	background: #fafafa;
	border-radius: 0;
}
.panel-title{margin-bottom:0}
.panel-title a {
	display: block;
	position: relative;
	padding: 10px 60px 10px 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: #6d7194;
}
.panel-title .expand-icon-wrap {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #d9d7d7;
	font-size: 24px;
	line-height: 46px;
	color: #b59771;
}
.expand-icon-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.panel-title .expand-icon {
	padding: 0 18px;
	vertical-align: middle;
}
.panel-title .expand-icon:before {
	content: "\f055";
}
#messAccordion .panel-body {
	position: relative;
	border: 1px solid #d9d7d7;
	padding:15px 10px;
}
#messAccordion .panel-body .far{
	font-size: 2rem;
	color: #b59771;
	float: left;
    margin-right: 15px;
}
#messAccordion .tab-collapsed {
	border: transparent;
	background: #b59771;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
#messAccordion .tab-collapsed a {
	color: #fff;
}
.tab-collapsed .expand-icon-wrap {
	border-color: #fff;
	color: #fff;
}
.tab-collapsed .expand-icon:before {
	content: "\f056";
}

/*--------------------------
*         SX
*--------------------------*/
#sx form{ background-color:#b59771; border-radius:3px; color:#ffffff; padding:20px; /*margin-bottom:30px*/}
#sx form#filtra{font-family: 'Open Sans', sans-serif; font-size:.75rem; background-color:#f8f8f8; color:#49905b}
#sx form h2{ font-size:1.625rem; color: #ffffff; font-weight:700}
#sx form#filtra h2,#sx form h6{ color: #b59771; font-weight:700}
#sx form h6{ font-size:0.875rem;}
#sx form .input-group-text{color:#b59771; background-color:#ffffff; border:0; border-radius:0 }
#sx form .form-control{ border:0; border-radius: 0;}
#sx form .custom-control{ min-height:inherit}
#sx form .custom-control-label::before,#sx form .custom-control-label::after{ width:.8rem; height:.8rem; top: .15rem;}
#sx form#filtra .star-rating{ margin:0}
#sx form#filtra label{font-weight:700}
#sx form#filtra .form-group{ border-bottom:1px solid #b59771; padding-bottom:20px}
#sx form#filtra .form-group:last-child{ border-bottom:0;}
#sx form button{
font-size:1.125rem;
font-weight:900;
background:#28557b;
padding:.3rem 1.2rem; }
#sx.shop .section-heading{background: #b59771; font-size:1.25rem; padding: 14px 20px 6px}
#sx.shop .section-heading h2{font-size:1.25rem; color: #ffffff; font-weight:700; text-transform:none}
#sx.shop .section-heading h2 .fas{ float:right;}

/*--------------------------
*         FOOTER
*--------------------------*/
/*footer{
	background-color: #db9b5d;
border-bottom: 1px solid #9d696c;
min-height: 112px;
    padding:50px 0 20px;
	color:#FFFFFF;
	font-size: 0.875rem;
	font-weight:500}
footer h4 {	color:#FFFFFF;}
footer ul.nav h5{ font-size:16px; color:#b59771; font-weight:900; padding-bottom:10px; border-bottom:1px solid #b59771}	
footer ul.nav li a.nav-link{
	padding: 0;
    color: var(--lnk-color);}
	
footer hr{ border-color: #b59771; margin-bottom: 2rem;}*/
#scrollUp {
  position: fixed;
  z-index: 99999;
  background-color: transparent;
  border-radius: 0;
  bottom: 0;
  color: #ffffff;
  font-size: 1.5rem;
  height: 40px;
  line-height: 40px;
  right: 15px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
  bottom: 15px;
  box-shadow: none;
}
#scrollUp img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* lightbox */
.lightbox:hover {cursor: pointer;}

/*------------------------------
	OFFCANVAS
-------------------------------*/
.offcanvas-collapse {
position: fixed;
top: 6.5rem; /* Height of navbar */
bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: #f4f4f4;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index:99999;}
.offcanvas-collapse.open a.nav-link,.offcanvas-collapse.open .dropdown-menu li a{ font-size:1rem;}
.offcanvas-collapse.open a.nav-link:after{ display:none;}
.offcanvas-collapse.open a.nav-link.dropdown-toggle:after{ 
color: #b59771;
display: inline-block;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
border: 0;
vertical-align:top;}
.offcanvas-collapse.open .dropdown-menu {width: 90%;}

/*-----------------------------------
	DATEPICKER
-----------------------------------*/
.datepicker { background-color: transparent; }
.datepicker thead {	background-color: #b59771;	opacity: 0.9; }
.datepicker tbody { background-color: #ffffff;	opacity: 0.9; }
.datepicker td.old, .datepicker td.new { color: #666666; }
.datepicker td.day { background-color: #ffffff;	color: #b59771;	margin:5px; }

/*-----------------------------------
	ON/OFF TOGGLE
-----------------------------------*/
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #3e98d3; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Si'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 

/*-----------------------------------
	PERSONALIZZAZIONI FORM
-----------------------------------*/
.mainbg { background-color: #b59771; }
.bgarancione { background-color: #FF8C37; }
#contForm{ margin-bottom:2rem;}
#contForm .btn-primary,#cnt_cart .btn-primary, #cart-area .btn-primary,
#securhocnt .btn-primary,#msgform .btn-primary{background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; text-transform:uppercase; }
#securhocnt .btn-primary.pwl_week,#securhocnt .btn-primary.pwl_month{ margin-right:1rem;}
#securhocnt .btn-success{font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; background:#ff8c37; border-color:#ff8c37; text-transform:uppercase;}
#securhocnt .btn-success:hover,.modal-content .btn-success,.modal-content .btn-success:hover{color:#fff;background-color:#ff8c37;border-color:#ff8c37 }
#securhocnt .btn-success.focus,#securhocnt .btn-success:focus,.modal-content .btn-success.focus,.modal-content .btn-success:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}
#securhocnt{ min-height:500px}
#contForm .btn-primary,#cnt_cart .btn-primary,#securhobusinesscnt .btn-primary,#msgform .btn-primary{background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; text-transform:uppercase; }
#securhobusinesscnt .btn-primary.pwl_week,#securhobusinesscnt .btn-primary.pwl_month{ margin-right:1rem;}
#securhobusinesscnt .btn-success{font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; background:#ff8c37; border-color:#ff8c37; text-transform:uppercase;}
#securhobusinesscnt .btn-success:hover,.modal-content .btn-success,.modal-content .btn-success:hover{color:#fff;background-color:#ff8c37;border-color:#ff8c37 }
#securhobusinesscnt .btn-success.focus,#securhobusinesscnt .btn-success:focus,.modal-content .btn-success.focus,.modal-content .btn-success:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}
#securhobusinesscnt{ min-height:500px}
.modal-content .btn-primary,.btn-primary:hover{ background: #b59771; }
#msgform.alert-success{ background-color:transparent !important; border:0; padding:1rem 0rem; color:#49905b}
.btn-outline-primary{border-color: #b59771;}
.toggle.btn-outline-primary .toggle-handle,btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #b59771;
    border-color: #b59771;
}
.btn-outline-primary.disabled{ filter: grayscale(1);}

#securhocnt .box-btns,#securhobusinesscnt .box-btns{padding:1rem; border:1px solid #316a9b;background-image: linear-gradient(white, #ededed);}
#securhocnt .box-btns a,#securhobusinesscnt .box-btns a{color:#316a9b;}

/*-----------------------------------
    RICERA AVANZATA
-----------------------------------*/
#ricerca .modal-footer{ display:none}
#ricerca .tab { display: none;}
#ricerca h4{ font-weight:700; text-align:center; margin:1rem 0}
#ricerca input.invalid {background-color: #ffdddd;}
#ricerca .custom-control-input:checked~.custom-control-label::after {top: .25rem;}
#ricerca .btn:hover {opacity: 0.8;}
#ricerca .btn-success:focus,#ricerca .btn-success.focus { background-color: #ff8c37; border-color: #ff8c37;}
#ricerca .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;}
#ricerca .step.active,#ricerca .step.finish { opacity: 1;}
#ricerca .step.finish { background-color: #b59771;}


#geoindirizzo {
	position:absolute; 
	right:0px; 
	bottom:-20px; 
	font-size:0.8rem;
	color:#b59771;
}

#chlang {
	position:absolute; 
	right:0px; 
	top:-30px; 
	font-size:0.8rem;
	color:#b59771;
}

/*-----------------------------------
	RESPONSIVE
-----------------------------------*/
	
@media only screen and (min-width: 922px) and (max-width: 1200px) {
	header ul.main_menu li:not(:last-child) a.nav-link:after{ padding:0 .3rem;}
}
	
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#banners-area h4{ width:80%;}
}

@media only screen and (max-width: 768px) {
	#contact-area{ background:#b59771;}
	#contact-area img{ float:right;}
	#contact-area .text .btn{ margin-bottom:1.875rem}
	#reviews-area .carousel-control-prev, #reviews-area .carousel-control-next{ margin-top: 0;position: absolute; right: 0;left: inherit;}
	#reviews-area .carousel-control-prev{ right: 15%;}
	#category-area img {
		position:relative;
		top:inherit;
		max-width: 100%;
		height: auto;
		margin-top:2rem;}
	#dettaglio #cnt-form .btn-sm{margin-bottom: 1rem;}
	#securhocnt .box-btns,#securhobusinesscnt .box-btns{ margin-bottom:1rem;}
	#pwdiv .btn-group,#pmdiv .btn-group{ display:inline;}

	#geoindirizzo { right: -60px; }
	#filtra { display: none; }
}

@media (max-width: 480px) {
	.item-art .info h4{ min-height:inherit}
	h4{ font-size:1.2rem}
	#carousel-area .carousel-caption{
		position: relative;
		width:80%;
		bottom:0;
		right:10%;
		left:10%;
		z-index: 10;
		color:#b59771;
		text-align: center;}
	#carousel-area .carousel-caption h1{ color:#b59771; font-size:2.5rem}
	#search-area #box-search { margin-top: 0 !important;}
	#search-area #box-search form{border-radius: 0.1875rem;}
	#search-area #box-search .form-row>.col,#search-area #box-search .form-row>[class*=col-]{ flex: 0 0 100%; max-width: 100%; border-right:0 !important; padding: 1rem 0;}
	#search-area #box-search .form-row>.col:not(:last-child),#search-area #box-search .form-row>[class*=col-]:not(:last-child){ border-bottom:1px solid #ededed;}
	#search-area .custom-control.last { color: #b59771; margin-top:.5rem}
	#search-area form button { width:100%; border-radius:52px}
	.text-home{ margin:0;}
	#login-area{ padding:1.5rem 0}
	#banners-area .banner{ margin-bottom:1rem}
	#cart-area .controls.last#dx{padding: 1.5rem 3rem; font-size:1rem}
	.carousel-indicators{margin-bottom: 1.875rem;}
	#servizi-intro-area{ min-height:inherit; background:none}
	#search-area-serv{ position: relative; bottom: inherit; padding: 2rem;left: inherit;right: inherit;margin-top: 7%;}
	#logo-footer{ display:inline-block; margin-bottom:1.25rem}
	#shop-area .item form{ margin-top:1rem;}
	#shop-area .item .entry-thumb{padding: 1.875rem; text-align: center;}
	#shop-area .item .entry-thumb img { height: 35vh;}
	#box-form{ padding:2rem}
	#box-form-riv{ padding:2rem 0;}
	#sx form#filtra{ display:none;}
	#filter{ margin-top:1rem;}
	#banner-area-fluid img { width:80%; margin:0 10% 5%;}
	#securhocnt .btn-sm,#securhocnt .deletepartizione,#securhocnt .updatepartizione,#securhocnt .deletezone,#securhocnt .updatezone{ margin-top:.5rem;}
	.progress{ height:auto !important; display:block;}
	.progress-bar{ width:100% !important;}
	/*.fserial .row>[class*=col-],.fsensore .row>[class*=col-]{ margin-bottom:.5rem;}
	.falarm .row>[class*=col-]{ text-align:left !important;}*/

	#geoindirizzo { display: none; }

}

.modal-header, .modal-header button, .modal-header h5 {
	background-color: #b59771;
	color: #fff;
}

.modal-footer {
	background-color: #f8f8f8;
}

.card {
border: none;
}

.card-header {
}

.containerVideoMobile{
    display: none;
}

@media screen and (max-width: 767px) {
    .containerVideoMobile{
        display: block;
    }
}


/* ---------------------------------------------------------- */
/* |               NUOVE REGOLE RESTYLING                    |*/
/* ---------------------------------------------------------- */


/*--------------------------
*           HEADER 
*--------------------------*/

header .containerHeader{
	padding: 10px 5%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: initial !important;
} 
header .containerHeader .rigaHeader{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
} 
header .containerHeader .rigaHeader .containerHamburgerMenu{
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  cursor: pointer;
} 
header .containerHeader .rigaHeader .containerHamburgerMenu span{
  font-size: 11px;
  color: #212529;
} 

header .containerHeader .rigaHeader .containerLogo img{
  max-height: 100px;
}

header .containerHeader .rigaHeader .containerPreferiti{
	border: 1px solid black;
    border-radius: 10px;
    padding: 5px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
header .containerHeader .rigaHeader .containerPreferiti i{
	color: #B01E28;
}

header .containerHeader .rigaRicerca .containerRicerca {
	width: 75%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border: 1px solid black;
    border-radius: 8px;
    position: relative;
}
header .containerHeader .rigaRicerca .containerRicerca .containerIconaCerca{
	width: 15%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
}
header .containerHeader .rigaRicerca .containerRicerca input{
	width: 85%;
	border-radius: 0 8px 8px 0;
    border: none;
    padding: 3px 20px;
}
header .containerHeader .rigaRicerca .containerRicerca input:focus{
	outline: none;
}
header .containerHeader .rigaRicerca .containerFiltriHeader{
	width: 20%;
    background-color: #749f00;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    border-radius: 8px;
    color: white;
	gap: 5px;
}
header .containerHeader .rigaRicerca .containerFiltriHeader i{
	font-size: 10px;
}
.sliderTop .containerSliderTop{
	padding: 20px 0%;
}
.sliderTop .containerSliderTop .cardSliderTop{
	border-radius: 8px;
    padding: 3px;
}
.sliderTop .containerSliderTop .cardSliderTop img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.sidenav {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: -100vw;
	background-color: #ffffff;
	overflow-x: hidden;
	transition: 0.5s;
	text-align:center;
	overflow-y: hidden;
}
.sidenav .containerSidebar{
	/* position: relative; */
	height: 100vh;
  overflow-y: auto;
}
.sidenav a:hover{
	color: #f1f1f1;
}
.sidenav .cardCatoriaMenu{
	margin-top: 40px;
}
.containerVociSottoCategorie .accordion{
	width: 100%;
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.containerVociSottoCategorie .accordion p{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	background-color: #e9e9e9;
    padding: 15px 10px;
}
.containerVociSottoCategorie .collapse{
	gap: 8px;
}
.containerVociSottoCategorie .collapse.show{
	display: flex;
    flex-direction: column;
}
.containerVociSottoCategorie .accordion p:not(.collapsed) .rotate-icon {
transform: rotate(180deg);
}
/* .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
} */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.sidenav .titoloSidebar{
	background-color: #749f00;
    display: flex;
    flex-direction: row;
    padding-inline: 15px;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.sidenav .titoloSidebar .containerBottoneChiusura{
	width: 50px;
    height: 50px;
    border: 1px solid white;
    border-radius: 100%;
    margin-block: 10px;
}
.sidenav .titoloSidebar .containerBottoneChiusura a{
	position: relative;
	font-size: 30px;
	margin-left: 0px;
	padding: 0 !important;
	color: white;
}
.sidenav .titoloSidebar h2{
	font-size: 30px;
    margin-bottom: 0;
    color: white;
}
#mySidenav .rigaHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#mySidenav .rigaRicerca .containerRicerca {
	width: 75%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border: 1px solid black;
    border-radius: 8px;
    position: relative;
}
#mySidenav .rigaRicerca .containerRicerca .containerIconaCerca{
	width: 15%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
}
#mySidenav .rigaRicerca .containerRicerca input{
	width: 85%;
	border-radius: 0 8px 8px 0;
    border: none;
    padding: 3px 20px;
}
#mySidenav .rigaRicerca .containerRicerca input:focus{
	outline: none;
}
#mySidenav .rigaRicerca .containerFiltriHeader{
	width: 20%;
    background-color: #749f00;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    border-radius: 8px;
    color: white;
	gap: 5px;
}
#mySidenav .rigaRicerca .containerFiltriHeader i{
	font-size: 10px;
}
.containeCategorieMenu{
	overflow-y: scroll;
  margin-bottom: 40px;
}
.containeCategorieMenu .cardCatoriaMenu{
	margin-top: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu{
	width: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  align-items: flex-end;
  background-color: #dfdfdf47;
  height: 180px;
  position: relative;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria{
	width: 50%;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria{
  width: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: #00000060;
  cursor: pointer;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria h2{
	font-size: 32px;
    padding-left: 5%;
    padding-bottom: 20%;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria h2{
	font-size: 32px;
  padding-left: 5%;
  padding-bottom: 0;
  color: white !important;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria{
    width: 60%;
    height: 275px;
    transform: rotate(-15deg) translate(0px, 5%);
    -webkit-transform: rotate(-15deg) translate(0px, 5%);
    -moz-transform: rotate(-15deg) translate(0px, 5%);
    -ms-transform: rotate(-15deg) translate(0px, 5%);
    -o-transform: rotate(-15deg) translate(0px, 5%);
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria{
    width: 100%;
    height: 100%;
    transform: rotate(-0deg) translate(0px, 0%);
    -webkit-transform: rotate(-0deg) translate(0px, 0%);
    -moz-transform: rotate(-0deg) translate(0px, 0%);
    -ms-transform: rotate(-0deg) translate(0px, 0%);
    -o-transform: rotate(-0deg) translate(0px, 0%);
    top: 0;
    left: 0;
    position: absolute;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria.categoriaMenuAperta{
	position: fixed;
	z-index: 10;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria img{
  width: 115%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria.categoriaMenuAperta img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.containeCategorieMenu.nascondi{
  height: 0px;
  margin: 0px;
}
#mySidenav .sezioneSottocategorie{
	position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: none;
}
#mySidenav .sezioneSottocategorie.visible{
	display: flex;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria{
	background-color: white;
	width: 85vw;
	height: 75vh;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.55);
	padding: 20px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria.visibile{
	opacity: 1;
	z-index: 50;
	overflow-y: auto;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura .containerIcona{
	display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #749f00;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura .containerIcona i{
	font-size: 20px;
	color: #749f00;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .titolo{
	border-bottom: 2px solid #749f00;
    margin-bottom: 15px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-inline: 15px;
    gap: 8px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie a{
	width: 100%;
    text-align: left;
    background-color: #e9e9e9;
    padding: 15px 10px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie a:hover{
	font-weight: bold;
  color: black;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .vediTutto{
	margin-top: 15px;
    background-color: #749f00;
    padding: 5px;
    color: white;
    font-weight: bold;
}
.containerSottoCategoria .containerImmagine{
	height: 70px;
    width: 70px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
    margin: auto;
}
.iconaCategoriaPopUp{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.sezioneUnoHome .cardCatoriaHome .cardCategoriaHome .containerImmagineCategoria.categoriaMenuAperta {
    position: relative;
	top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}
body.addAfter::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	background-color: #0000007a;
}
/*--------------------------
*           // HEADER 
*--------------------------*/


/*--------------------------
*           HOME 
*--------------------------*/
.sezioneUnoHome .containerSezioneUnoHome{
	display: flex;
    flex-direction: column;
    gap: 25px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaTitolo{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaTitolo h1{
	font-size: 25px;
    margin-bottom: 0px;
    color: black;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome {
    border: 1px solid;
    padding: 10px;
    border-radius: 8px;
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
	position: relative;
	height: 100%;
}
.selettorePreferiti{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: -2px 2px 3px 2px #00000091;
    box-shadow: 0px 0px 2px 2px #00000042;
    background-color: #ffffff;
    cursor: pointer;
}
.selettorePreferiti i{
	font-size: 14px;
    color: #B01E28;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .containerImmagine{
    width: 100%;
	border-radius: 8px;
	max-width: 120px;
    max-height: 120px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .containerImmagine img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .nomeCategoria a{
	font-size: 20px;
    line-height: 21px;
    font-weight: 600;
}
.sezioneDueHome{
  margin-bottom: 15%;
}
.sezioneDueHome .containerSezioneDueHome{
	display: flex;
    flex-direction: column;
    gap: 25px;
}
.sezioneDueHome .containerSezioneDueHome .rigaTitolo{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
}
.sezioneDueHome .containerSezioneDueHome .rigaTitolo h1{
	font-size: 25px;
    margin-bottom: 0px;
    color: black;
}
.sezioneDueHome .containerSezioneDueHome .rigaProdottiHome{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome {
	border: 1px solid;
    padding: 40px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 48%;
    position: relative;
    justify-content: center;
    min-height: 120px;
    cursor: pointer;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerPrezzo{
	margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    width: fit-content;
    margin-inline: auto;
    border-radius: 5px;
    border: 2px solid #749f00;
    -webkit-box-shadow: 0px 3px 3px 0px #00000042;
    box-shadow: 0px 3px 3px 0px #00000042;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerPrezzo h4{
	padding: 0;
    margin: 0;
    color: #749f00;
    font-weight: bold;
}
/* .sezioneDueHome .containerSezioneDueHome .cardProdottoHome.elenco {
	width: 100%;
} */
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .nomeCategoria{
	width: 100%;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine .containerCaricamentoProdotto{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine{
    width: 100%;
	height: 160px;
	border-radius: 8px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine img{
    width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 8px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .nomeCategoria h2.title{
	font-size: 20px;
    line-height: 25px;
    font-weight: 600 !important;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    color: black;
}

.lds-roller {
	/* change color here */
	color: #749f00;
  }
  .lds-roller,
  .lds-roller div,
  .lds-roller div:after {
	box-sizing: border-box;
  }
  .lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  .lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
  }
  .lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7.2px;
	height: 7.2px;
	border-radius: 50%;
	background: currentColor;
	margin: -3.6px 0 0 -3.6px;
  }
  .lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
	top: 62.62742px;
	left: 62.62742px;
  }
  .lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
	top: 67.71281px;
	left: 56px;
  }
  .lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
	top: 70.90963px;
	left: 48.28221px;
  }
  .lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
  }
  .lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
	top: 70.90963px;
	left: 31.71779px;
  }
  .lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
	top: 67.71281px;
	left: 24px;
  }
  .lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
	top: 62.62742px;
	left: 17.37258px;
  }
  .lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12.28719px;
  }
  @keyframes lds-roller {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

/*--------------------------
*           // HOME 
*--------------------------*/

/*--------------------------
*           FOOTER 
*--------------------------*/

footer{
	background-color: #1d1d1d;
}
footer .containerFooter{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
footer .containerFooter .rigaSocialPopup{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.afterFooter{
	background-color: #6c1418;
}
.afterFooter .containerAfterFooter{
	padding-block: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/*--------------------------
*           //FOOTER 
*--------------------------*/





.modalProdotto {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modalProdotto .modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	width: 95vw;
	height: 90vh;
	border-radius: 0.5rem;

}
.modalProdotto .fotoProdotto{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 25vh;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.modalProdotto .rigaChiusura{
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
	margin-top: 15px;
    margin-right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: white;
	border: 1px solid #749f00;
  cursor: pointer;
}
.modalProdotto .rigaChiusura .close-button{
	color: #749f00;
	font-size: 20px;
	line-height: 20px;
}
.close-button:hover {
	color: var(--clr-main);
}
.modalProdotto.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	display: flex;
}
.modalProdotto .containerDescrizioneProdotto{
	width: 100%;
	height: 80%;
    background-color: white;
    overflow-y: scroll;
    margin: auto;
    margin-top: -8%;
    border-radius: 35px 35px 0 0;
    padding: 10% 5%;
    overflow: auto;
}
.modalProdotto .containerDescrizioneProdotto h4{
  text-align: center;
}
.modalProdotto .containerDescrizioneProdotto .descrizioneProdotto{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  margin-block: 15px;
}
.modalProdotto .containerDescrizioneProdotto .prezzoProdotto{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  width: fit-content;
  margin-inline: auto;
  border-radius: 5px;
  border: 2px solid #749f00;
  -webkit-box-shadow: 0px 3px 3px 0px #00000042;
  box-shadow: 0px 3px 3px 0px #00000042;
}
.modalProdotto .containerDescrizioneProdotto .prezzoProdotto h4{
  padding: 0;
  margin: 0;
  color: #749f00;
  font-weight: bold;
}
.modalProdotto .containerDescrizioneProdotto .acquistaProdotto{
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalProdotto .containerDescrizioneProdotto .acquistaProdotto button{
  width: 100%;
  height: 100%;
}
#blocco-carrello button{
  background: #db9b5d !important;
}
.titoloSidebar .sinistra{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.titoloSidebar .destra{
  margin-right: 20px;
}
.titoloSidebar .destra a{
  color: white;
  font-size: 20px;
  border: 1px solid white;
  padding: 10px;
}



/*LIVESEARCH*/
.linkerRicerca{
  position: relative;
}
.live-search-list {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-family: "Montserrat", sans-serif;
    color: black;
    width: calc(100% - 11px);
    max-height: 500px;
    overflow-y: scroll;
    /* padding-bottom: 10px; */
    z-index: 999999;
    flex-wrap: wrap;
    box-shadow: 0px 6px 5px -2px #c1c1c1;
    width: 100%;
    top: 0px;
  }
  /*scrollbar barra di ricerca*/ 
  .live-search-list::-webkit-scrollbar {
    width: 5px;
    height: 10px;
  }
  .live-search-list::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90, 0.374);
  }
  .live-search-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  .live-search-list > div{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid rgb(208 208 208 / 25%)
  }
  .live-search-list > div.art{
    width: 100%;
    text-align: left;
    padding: 10px 26px;
    font-size: 18px;
  }
  .live-search-list > div.prod{
    flex: 0 0 100%;
    max-width: 100%;
    max-height: 140px;
    padding: 15px 10px;
  }
  .live-search-list > div.prod a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }
  .live-search-list > div.prod a:hover{
    text-decoration: none;
  }
  .live-search-list > div.prod img{
    flex: 0 0 50%;
    max-width: 50%;
    object-fit: contain;
    height: 100%;
    max-height: 100px;
  }
  .live-search-list > div.prod a > span{
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
    padding-left: 10px;
  }
  .live-search-list > div.prod a > span .value{
    font-weight: bold;
    font-size: 150%;
  }
  .live-search-list > div.prod a > span .prezzo{
    font-size: 120%;
  }
  .live-search-list > div.prod a > span p{
    text-overflow: ellipsis;
    color: black;
  }
  .live-search-list > div.void{
    padding: 10px;
    margin:auto;
    width: 100%;
  }
  .live-search-list > div.all{
    flex: 0 0 100%;
    padding: 15px;
    background-color: black;
    color: white !important;
  }
  .live-search-list > div.all a{
    color: white !important;
  }
  .live-search-list-header-row{
    height: 50px;
    display:flex;
    justify-content: center;
    align-items:center;
    background-color: black;
    color: white;
    text-transform: uppercase;
    flex: 0 0 100%;
    font-size: 16px;
    position: sticky;
    top: 0;
  }
  .live-search-list-header-row a{
    color: white;
  }
  .live-search-list div a{
    width: 100%;
    overflow-wrap: break-word;
  }
  /*LIVESEARCH END*/



.art .cardProdottoHome {
    border: 1px solid;
      padding: 10px 8px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 100%;
      position: relative;
      justify-content: center;
      min-height: 120px;
  }
.art .cardProdottoHome .containerPrezzo{
    margin-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px 10px;
      width: fit-content;
      margin-inline: auto;
      border-radius: 5px;
      border: 2px solid #749f00;
      -webkit-box-shadow: 0px 3px 3px 0px #00000042;
      box-shadow: 0px 3px 3px 0px #00000042;
  }
.art .cardProdottoHome .containerPrezzo h4{
    padding: 0;
      margin: 0;
      color: #749f00;
      font-weight: bold;
  }
  /* .sezioneDueHome .containerSezioneDueHome .cardProdottoHome.elenco {
    width: 100%;
  } */
.art .cardProdottoHome .nomeCategoria{
    width: 100%;
  }
.art .cardProdottoHome .containerImmagine .containerCaricamentoProdotto{
    display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
.art .cardProdottoHome .containerImmagine{
      width: 100%;
    height: 160px;
    border-radius: 8px;
  }
.art .cardProdottoHome .containerImmagine img{
      width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
.art .cardProdottoHome .nomeCategoria a{
    font-size: 20px;
      line-height: 25px;
      font-weight: 600;
      width: 100%;
      display: flex;
      text-align: center;
      justify-content: center;
}
.live-search-list-header-row {
  z-index: 1;
}



.containerFiltriMenu {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  color: black;
  width: calc(100% - 11px);
  height: 500px;
  /* max-height: 500px; */
  overflow-y: scroll;
  /* padding-bottom: 10px; */
  z-index: 999999;
  flex-wrap: wrap;
  box-shadow: 0px 6px 5px -2px #c1c1c1;
  width: 100%;
  top: 0px;
  background-color: #749f00;
}
.containerFiltriMenu.visible{
  display: flex;
}
/*scrollbar barra di ricerca*/ 
.containerFiltriMenu::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
.containerFiltriMenu::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90, 0.374);
}
.containerFiltriMenu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.containerFiltriMenu  .containerFiltri{
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 35px;
  align-items: flex-start;
  overflow: auto;
}
.containerFiltriMenu  .containerFiltri .cardFiltro{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.containerFiltriMenu  .containerFiltri .cardFiltro h3{
  color: white;
  margin: 0;
}
.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"] {
  position: relative;
  width: 60px;
  height: 30px;
  -webkit-appearance: none;
  appearance: none;
  background: #c1c1c1b0;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]:checked::before {
  transform: translateX(100%);
  background: #fff;
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]:checked {
  background: #00a6dc;
}
.containerFiltriMenu  .containerBottoneRicerca {
  width: 100%;
  height: 15%;
  padding-inline: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.containerFiltriMenu  .containerBottoneRicerca button{
  width: 100%;
  border: none;
  padding: 10px;
  border-radius: 5px;
}
.containerFiltriHeader{
  position: relative;
}
.containerFiltriHeader.filtered::after {
  content: attr(data-filtro);
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #59750c;
  border-radius: 100%;
  top: -5px;
  right: -5px;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 1px 1px 1px 1px #00000066;
}

.bottoneTornaMenu{
  position: fixed;
  top: 50%;
  width: 45px;
  height: 90px;
  background-color: #c9c9c9a6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0 100px 100px 0;
  z-index: 1;
  -webkit-box-shadow: 2px 0px 7px 0px #00000070;
  box-shadow: 2px 0px 7px 0px #00000070;
  cursor: pointer;
}
.bottoneTornaMenu .tornaCategoriaIndietro{
  font-size: 20px;
  color: #880f14;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}

.live-search-list .nomeCategoria{
  text-align: center;
  font-weight: bold;
}

.loading{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
}
.loading.open {
  display: flex !important;
}
.loading.open img{
  max-width: 100%;
}
@import url('https://fonts.googleapis.com/css?family=PT+Serif:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*--------------------------
*           GENERAL 
*--------------------------*/
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
    overflow-x: clip;
}
body {
	background-color: #FFFFFF;
	margin: 0;
  position: relative;
}
body * {
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.page_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	padding: 20px 3%;
	word-wrap: break-word;
	overflow: hidden;
	max-width: 900px;
	margin: auto;
}
#search{
	width: 100% ;
}
#scrollUp {
	background-color: black;
	bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}	
h1,h2,h3,h4,h5,h6 {
  color: #db9b5d;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.3;
  font-weight: 300; }h5{	font-size: 0.8rem !important;}
 
h1{ font-size:3.0625rem}
h2{ font-size:2.5rem; font-family: 'PT Serif', sans-serif;}
h4{ font-size:1.375rem}
p{ margin-bottom: 0}

a,a:hover,a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: 0 solid transparent;
  color: #303030;
  /*font-weight: 500;
  font-size: 14px;*/ }
  
ul,ol { margin: 0; }
ul li,ol li { list-style: none; }
section.post ul li,section.post ol li { list-style: inherit; }
.btn-secondary,.btn-primary{ border:0}
.form-control::placeholder {
  color: #000000;
  opacity: 1;
}

.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder {
  color: #000000;
  opacity: 1;
}

#bread-container{background: #ededed; margin-bottom:35px}
#bread-container ol.breadcrumb{background-color:transparent;  margin-bottom:0; border-radius:0; padding: .75rem 1rem;}
#bread-container ol.breadcrumb li{ font-size: 1.125rem; font-weight:700; }
#bread-container ol.breadcrumb li a{ color:#49905b;}
#bread-container ol.breadcrumb li a.active{ color:#b59771;}
.custom-control-input:checked~.custom-control-label::before { color: #ffffff; border-color: #b59771; background-color: #b59771;}
.custom-control-input:checked~.custom-control-label::after{ top: .15rem;}

/* Icon 1 */
.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
box-shadow:0;}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;}

.animated-icon1 span {background: #b59771;}
.animated-icon1 span:nth-child(1) {top: 0px;}
.animated-icon1 span:nth-child(2) {top: 10px;}
.animated-icon1 span:nth-child(3) {top: 20px;}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);}
.navbar-toggler{-moz-appearance: none;-webkit-appearance: none;}
.navbar-toggler:focus, .navbar-toggler:hover{ box-shadow: none; border:0; outline: none}

.noScroll{
	overflow: hidden;
}


/**********          SWIPER          **********/
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	height: auto !important;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/**********          //SWIPER          **********/




/*--------------------------
*           HEADER 
*--------------------------*/
/* header{ 
	border-bottom:4px solid #b59771; 
	transition: all 0.45s ease; 
	background-color: #db9b5d;
	border-bottom: 1px solid #9d696c;
	min-height: 112px;
} */
header .container{
	padding-top:15px;
}
header.sticky{
    /*position: fixed;*/
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
	background-color: #ffffff;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);}
	
header li a.nav-link{
	padding: .7rem 0;
    font-weight: 700;
    font-size: 0.875rem;
    color: #b59771;}
header ul.main_menu li:not(:last-child) a.nav-link:after {color: #000000; padding:0 .5rem; border: 0; vertical-align: inherit;}
header ul.shop_menu li{padding-left: .5rem}
header ul.shop_menu li:first-child a.nav-link:after {color:  var(--gray-dark); padding-left: .7rem; border:0}
header li a#smallcart{ /*width:36px; height:36px;*/ background:#b59771; color:#ffffff; border-radius:50%; width: 40px; height: 40px; padding:10px 0; text-align:center}
header li a#smallcart .badge-light{ padding:.4em .1em .2rem; vertical-align:text-top; min-width:1rem}
header li a#smallcart.act{background:var(--pink);}
header .dropdown-menu {
    border: 0;
    padding:.5rem 1rem;
    border-radius: 0;
    margin-top: 5px;
    box-shadow: 0 10px 12px rgba(0,0,0,.175);}
header .dropdown-menu li a{ font-size: 0.875rem; color: #49905b; font-weight: 600;}
header .dropdown-menu li a.nav-link{ padding:.1rem 0;}
header .dropdown-menu li a.nav-link:after { display:none;}

/*--------------------------
*           HOME 
*--------------------------*/
#carousel-home,#carousel-home .carousel-item{ max-height:800px}
#carousel-area .carousel-caption{ bottom:120px}
#carousel-area .carousel-caption h1{ font-weight:700; color:#ffffff; line-height: 1.1em;}
#carousel-area .carousel-caption h1 span{ display:block; font-weight:300}
#search-area{ position:relative}
#search-area #box-search{ position: relative; margin-top:-8rem; z-index:1000;}
#search-area form{ background: #b59771; color:#ffffff; border-radius:52px; min-height:60px; font-weight:300; font-size: .75rem; padding:.5rem 1rem .3rem;}
#search-area form .input-group-text{color:#ffffff;background-color:transparent; border:0;}
#search-area form .form-control {
    height: 44px;
	background-color:transparent;
	border:0;
	color:#ffffff;
	font-size:1.5rem;
	font-weight:300;}
#contact-area form .form-control::placeholder, #search-area form .form-control::placeholder {color:#ffffff;}	
#search-area form .custom-control{min-height: 1.3rem;}
#search-area form .custom-control-label::before,#search-area form .custom-control-label::after{top: .10rem;}
#search-area .custom-control.last{padding-left:2.5rem; color:#ffffff; font-size:0.875rem}
#search-area .select2-container--default .select2-selection--single, 
#search-area .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-top:4px;
    height: 44px;
	background-color:transparent;
	border:0;
	color:#ffffff !important;
	font-size:1.2rem;
	font-weight:200;}
#search-area form button{
font-size:1.125rem;
font-weight:900;
-webkit-border-top-right-radius: 52px;
-webkit-border-bottom-right-radius: 52px;
-moz-border-radius-topright: 52px;
-moz-border-radius-bottomright: 52px;
border-top-right-radius: 52px;
border-bottom-right-radius: 52px;
background:#28557b;
padding:.5rem 1.2rem; }
	
.text-home{ font-weight:300; font-size:1.875rem; line-height:38px; margin-top:40px; padding:45px 25px; color:#b59771}
.text-home p strong{ font-weight:700}
#banner-area-fluid{background: #b59771; min-height:270px; margin:40px 0; position:relative}
#banner-area-fluid .text{ font-size:1.625rem; font-weight:300; color:#ffffff; margin-top:25px}
#banner-area-fluid .text h2{ line-height:2.5rem; font-weight:700; color:#ffffff}
/*#banner-area-fluid img{ position: absolute; right: 0; top: -20px;}*/
.text .btn{ font-size:1.125rem; font-weight:700; /*border-radius:23px;*/ background-color: #ff8c37; padding: .5rem 2rem; margin-top:1.875rem}
#banner-area-fluid .text .btn{ margin:1rem 0;}
.section-heading {
position: relative;
z-index: 1;
margin-bottom: 0; 
text-transform: uppercase;}
.item{ border:1px solid #ededed; margin-top:10px}
.item .content{ padding:10px}
.item .thumb img{max-height: 225px;}
.item .price{ color:#28557b; font-weight:500; font-size:1.25rem; margin-bottom: 15px;}
.item .info{ color:#b59771; font-size:.875rem}
.item .info .offered{  color:#49905b; font-size:.75rem}
.item .info .brand, .item .info .brand a,.item .info button{ display:inline-block; font-weight:700; color:#ffffff; background:#b59771; font-size:1.25rem; padding:0 10px; border-radius:4px}
.item .info .brand { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; max-width:100%; }
.item .info .spese{ color:#28557b; font-size:0.75rem;}
.item .info h4{font-weight:700; line-height:1em; display:inline-block; margin-top:10px}
.star-rating{ margin-top:15px}
.star-rating .fas{font-size: 1.2em; color:#ffba00;}
.star-rating .fas.disable { color: #ededed; }

a.see-all{ display:inline-block; border:1px solid #b59771; border-radius:15px; font-weight:700; color:#b59771; padding:2px 28px; margin:40px 0}
#proposte-area .item{ min-height:400px; height:98%;}
#proposte-area .item .thumb img{max-height: 140px; margin-top:5px}
#proposte-area .item .info h4{ font-size:1.125rem; font-weight:500;}
#proposte-area .item.big .thumb img{max-height: 395px; margin-top:40px}
#proposte-area .item .promo{ display: inline-block; font-weight:700; color:#ffffff; padding:.1rem 1rem; background: #ff8c37; margin-top:10px}
.item .price del {
  color: #49905b;
  text-decoration: none;
  position: relative;}
  
.item  .price del:before {
  content: " ";
  display: block;
  width: 100%;
  border-top: 2px solid var(--danger);
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  /*transform: rotate(-7deg);*/}
.item-art{
	font-size:.875rem;
	font-family: 'Open Sans', sans-serif;
	margin:15px 0;}
.item-art .thumb img{max-height: 255px; margin-bottom:15px}
.item-art .info .date{color:#b59771;  font-weight:500;}
.item-art .info h4{font-weight:700; line-height:1em; display:inline-block; margin:0; min-height:70px}
.item-art .info hr{ border-color: ;}
.item-art .info a{color:#08090a;}
#contact-area{  
background:#b59771;
/*background: linear-gradient(to right, #b59771 70%, #ffffff);*/
background: linear-gradient(90deg, #b59771 73%, #ffffff 73%);
margin-bottom:3.125rem}
#contact-area .text{ font-size:1.375rem; line-height:1.1em; font-weight:300; color:#ffffff;}
#contact-area .text h2{ font-size:3.75rem; line-height:4rem; font-weight:500; color:#ffffff;}
#contact-area .contact-form-area .form-group{ margin-bottom:1.75rem}
#contact-area .contact-form-area .form-control {
	border-radius: .9375rem;
    height: 30px;
	background-color:#b59771;
	color:#ffffff;
	font-size:1.125rem;
	padding: 0 1rem;}
/*#contact-area .contact-form-area select.form-control { -webkit-appearance: none; -moz-appearance: none;}*/
#contact-area .contact-form-area .form-control:focus {
    box-shadow: none;
    border-color: #ff8c37; }
	
#servizicard-area{background:#316a9b; /*margin-top:7rem;*/ margin-bottom:1.25rem}
#servizicard-area .container{ background:#b59771;}
#servizicard-area h2{color:#ffffff;}
#servizicard-area .card{
	border:0;
    border-radius: 1.25rem;
	margin-bottom:4rem;
}
#servizicard-area .card .card-img-top {
    width: 100%;
	max-height:250px;
	overflow:hidden;
    border-top-left-radius: calc(1.25rem - 1px);
    border-top-right-radius: calc(1.25rem - 1px);}
#servizicard-area .card .card-title{background:#28557b; color:#ffffff; font-size:2.375rem; font-weight:700; padding:1rem 0}
#servizicard-area .card .card-body{ padding: 0 0.75rem; font-size:1.5rem;color: #28557b; min-height:330px}
#servizicard-area .card .card-body strong{ color:#b59771; display:block }
#servizicard-area .card .btn{ font-size:1.75rem; background:#b59771; font-weight:700; border-radius: 1.875rem; margin-bottom: 1.875rem; width:90%; position:absolute; bottom:0; left:5%; padding:1.3rem .75rem }

/*--------------------------
*        SERVIZI FORM
*--------------------------*/
#servizi-intro-area{ background: url(../images/elementi/home.jpg) no-repeat center; background-size:cover;  min-height:830px; position:relative}
#servizi-intro-area.serv{ background: url(../images/elementi/servizi.jpg) no-repeat center; background-size:cover;  min-height:830px; position:relative}
#search-area-serv{ position: absolute; bottom:10%; left:15%; right:15%; background:#b59771; opacity:0.9;  min-height:220px; border-radius:23px; padding:2rem 2.5rem 1.25rem;}
#search-area-serv h1{ font-weight:700; color:#ffffff; font-size:2.625rem; line-height:2.5rem; text-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
#search-area-serv h1 span{ display:block; font-weight:300; font-size:2.5rem;}
#search-area-serv form .form-group{ margin-bottom:1.875rem} 
#search-area-serv form .form-group label{ font-weight:700; color:#fff; font-size:0.875rem}
#search-area-serv form .input-group-text{color:#b59771;background-color:#fff;}
#search-area-serv form .form-group .form-control{
    height: 33px;
	background-color:#ffffff;
	border-radius:3px;
	font-size: .875rem;
	padding:0 1.75rem 0 0.75rem;
	border:0;
	font-weight:700;
	color:#b59771 }
#search-area-serv .select2-container--default .select2-selection--single, #search-area-serv .select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 33px;
    background-color: #fff;
    border: 0;
    color: #ffffff;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	line-height:33px;
	font-weight:700;
	color:#b59771;}
#search-area-serv .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color:#b59771;
}
.select2-selection__placeholder {
    color: #b59771 !important;
}
#search-area-serv form button{
font-size: 1.125rem;
font-weight:700;
border-radius:.3rem;
background:#FF8C37;
padding:.5rem 4.5rem;
box-shadow: 0 3px 6px rgba(0,0,0,.16)}

/*--------------------------
*         ELENCO
*--------------------------*/
#category-area{margin-bottom:60px;}
#category-area .text h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 500;
    color: #b59771;}
#filter{ 
background: #ededed;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#filter .wrap {position: relative; display: block;}
#filter .wrap:after {
	content: "\f107";
    font-family: "Font Awesome 5 Free";
	 font-weight: 900;
    color: #49905b;
    position: absolute;
    right: 14px;
    top: .8rem;
    z-index: 1;
    pointer-events: none;
    font-size: 1.125rem;}
		
#filter select{
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	transition: .3s ease;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	vertical-align: middle;
	color:#49905b;
	font-weight:700;
	padding:1rem 1.5rem}
	  
#filter select::-ms-expand { display: none; } 
#filter select:hover{background-color: #b59771; color:#ffffff; transition: .3s ease;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#list .item{ border:0; border-bottom:1px solid #ededed; padding-bottom:10px; margin-top:10px}
#list .item .content{ padding:0}
#list .item .info h4{ font-size:1.125rem}
#list .star-rating{ margin-bottom:15px}
#list .item ul{ 
	padding: 0;
	line-height:1.3rem}
#list .item ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
.pagination{ margin:30px 0; font-size:1.5rem; font-weight:700}
.pagination .page-link {
    padding: .5rem .3rem;
    margin-left: -1px;
    line-height: 1.25;
    color:#49905b;
    background-color: #ffffff;
    border: 0;
	display:inline;}
.pagination .page-item:not(:first-child):not(:last-child):not(:nth-last-child(2)) .page-link:after {color:#49905b; content: "-"; padding-left: .5rem;}
.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{color: #b59771; border-radius:0; padding: .2rem .75rem; }
.pagination .page-item:first-child .page-link .fas,.pagination .page-item:last-child .page-link .fas{ font-size: 2.5rem}
.pagination li.page-item.active .page-link {
    z-index: 1;
    color:#b59771;
    background-color: #ffffff;
	border:0}
#dettaglio .testo{ margin:2.7rem 0;}
#dettaglio  h4{ font-size:1.125rem; font-weight:700; text-transform:capitalize;}
#dettaglio  h2{ font-size: inherit;}
#dettaglio .item{ border:0; border-bottom:1px solid #ededed; padding-bottom:20px; margin-top:0}
#dettaglio .item .content{ padding:0}
/*#dettaglio .star-rating{ margin-bottom:30px}*/
#dettaglio .testo ul{ 
	padding: 0;
	line-height:1.3rem}
#dettaglio .testo ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
#list form .input-group-text, #dettaglio form .input-group-text {
    color: #b59771;
    background-color: #ffffff;
    border-color: #b59771;}  
	  
#list form .form-control, #dettaglio form .form-control {
	background-color:transparent;
	border-color: #b59771;
	color:#b59771}
	
#list form button, #dettaglio form button, #servizi-area .item button, #venduti-area .item button {
	box-shadow: none;
	border:0;
	background: #ff8c37;
	font-size:1.125rem;
	font-weight:700;
	padding:.5rem 3rem; }
#dettaglio #cnt-form{color:#ffffff; padding:20px; font-size:0.875rem; line-height:0.875rem; min-height:190px; background:#b59771 url(../images/elementi/bg_parla.png) no-repeat; background-size:contain}
#dettaglio #cnt-form h2{ font-size:1.75rem; font-weight:700; color:#ffffff; line-height: 1;}
#dettaglio #cnt-form .form-control {
	background:#ffffff;
    height: 25px;
	border-radius:2px;
	font-size: 0.75rem;
	font-weight:700;}
#dettaglio #cnt-form .btn-sm {
    background: #28557b;
    padding: .1rem .9rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    border: none;}
#soluzioni-area{ background: #f4f4f4;}
#soluzioni-area .item{ margin-top:40px}
#soluzioni-area .item .content{ background: #ffffff;}
#reviews-area{ color:#b59771; margin:0 0 90px}
#reviews-area hr { margin-top: 2rem; margin-bottom: 2rem;}
#reviews-area h2{ width:90%; font-size:2.75rem; line-height: 1.1em; font-weight:700;}
#reviews-area .item-rev{ font-size:0.875rem; line-height:1.125rem; }
#reviews-area .item-rev h4{ font-weight:700; text-align:center}
#reviews-area .item-rev .star-rating{text-align:center}
#reviews-area .item-rev strong{ display:block; text-align:center; margin-top:0.75rem}
#reviews-area .carousel-control-prev,#reviews-area .carousel-control-next{position: relative; margin-top: 20%; color:#b59771; opacity:1; display:inline-block}
#reviews-area .carousel-control-next{left: 15%;}

/*--------------------------
*         SUPPORTO
*--------------------------*/
#search-area.support{ background: #f4f4f4; padding-top:40px; padding-bottom:20px}
#search-area.support form{ color: #b59771; background:#ffffff; padding:0 1rem 0; border:1px solid #b59771; box-shadow: 0 3px 6px rgba(0,0,0,.16);}
#search-area.support .input-group-text{color:#b59771;background-color:transparent; }
#search-area.support .form-control {
    height: 60px;
	background-color:transparent;
	border:0;
	color:#b59771;
	font-size:1.5rem;
	font-weight:700;}
#search-area.support .form-control:focus {box-shadow: none;}
#btn-area{ margin:1.875rem 0}
#btn-area a{ display:block; background:#ffffff; color:#49905b; font-size:0.75rem; padding:1rem 2.3rem}
#supporto-area h3{ font-weight:700; font-size:1.875rem;} 
#supporto-area ul{ 
	padding: 0;
	line-height:1.3rem;
	margin-top:40px;
	margin-bottom:30px;
	position:relative}
#supporto-area ul:after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    top: 8%;
    right: -15px;
    background: #ededed;}
#supporto-area ul li::before {
  content: "•"; 
  color: #b59771;
  display: inline-block; 
  width: 1em;}
  
#supporto-area ul a{ /*font-size:0.625rem;*/ color: #b59771; font-weight:700; margin-top:35px}
#domande-area .card{ margin:20px 0}
#domande-area .card-header {
    background-color: #fafafa;
    border-bottom: 0;
	padding: 1.3rem 1.25rem}
#domande-area .card-header h4 { font-weight:700; color: #49905b; }
#domande-area .card-header i.fas { color: #b59771; float: right; font-size: 1.5em; transform: rotate(0) ;transition: all linear 0.25s;}
#domande-area .card-header a[aria-expanded=true] i.fas {transform: rotate(90deg);}
#banners-area{ margin:40px 0}
#banners-area .banner{ min-height:205px; color:#ffffff; padding: 20px; line-height:1.1em;}
#banners-area h4{color:#ffffff; width:60%; font-size: 2.75rem; line-height:1em; font-weight:700; height:90px;}
#banners-area p{ width:80%; text-align:left}
#banners-area .btn-sm{ background:#28557b; padding:.1rem .9rem; margin-top: 1rem; font-size: 0.875rem; border:none;}
#banners-area .btn-sm:focus{color:#ffffff;}

/*--------------------------
*         SHOP
*--------------------------*/
#shop-area #bannerP-area{background-color: #b59771;color: #ffffff; padding:1rem; border-radius:0.1875rem;}
#shop-area #bannerP-area .text{ font-size:0.875rem; color:#ffffff; line-height:1rem}
#shop-area #bannerP-area .text h2{ font-size:2rem; line-height: 2rem; font-weight:700; color:#ffffff;}
#shop-area #bannerP-area .text hr{ border-top-color: #ffffff;}
#shop-area #bannerP-area .text .btn{ margin-top:1.25rem; font-size:0.875rem; padding: 0.3rem 2.7rem;}
#shop-area .item .info p{ color: #49905b; font-weight:400}
#shop-area form{ font-size:0.75rem; font-weight:700}
#shop-area form .form-control {
	background-color: #f8f8f8;
	border-color: #ededed;
	color: #49905b;
	font-size:0.75rem;
	height:35px;}
#shop-area form  .select2-container .select2-selection--single{ height:37px;}
#shop-area form .input-group-text{ color:#b59771; background-color: transparent; border: 0;}
#shop-area form button { background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem;}
#shop-area .btn-primary.pheart {background: #b59771; height:35px;}
#shop-area .table{color: #49905b;}
#shop-area .table td{ border:0; padding:.3rem .75rem}
#shop-area .table td .fas{ float:right; font-size: 1.2em;}
#shop-area .table td .fa-times{color: #eb001b;}
#shop-area .table td .fa-check{color: #0cc728;}
#shop-area .carousel-item img {height:35vh; object-fit:cover;}
#shop-area .starrating > input {display: none;}  /* Remove radio buttons */
#shop-area .starrating > label:before { 
  content: "\f005"; /* Star */
  margin: 0;
  font-size: 1.7em;
  font-family: "Font Awesome 5 Free"; font-weight: 900;
  display: inline-block; }
#shop-area .starrating > label{color: #ededed; /* Start color when not clicked */}
#shop-area .starrating > input:checked ~ label{ color: #ffba00 ; } /* Set yellow color when star checked */
#shop-area .starrating > input:hover ~ label{ color: #ffba00 ;  } /* Set yellow color when star hover */
#venduti-area{ background: #f4f4f4;}
#venduti-area .item{ margin-top:40px; background: #ffffff}
#venduti-area .carousel-indicators{ position:relative; margin:3rem 0}
#venduti-area .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #b59771;
    opacity: 1;
    border: 2px solid #b59771;}
#venduti-area .carousel-indicators .active { background: transparent; }
#product-slider .carousel-inner{ border:1px solid #ededed; padding:1.875rem; text-align:center}
#product-slider .carousel-indicators{
    position: relative;
    width: 100%;
	margin-top:1.875rem;}
	
#product-slider .carousel-indicators li{
    text-indent:0;
    display:inherit;
    float:left;
    width: 100px;
    height: 100px;
	border:1px solid #ededed; }
#product-slider .carousel-indicators li a{ display:inline-block; padding:1rem}	
/*#product-slider .carousel-indicators li img{ height: 100px; padding:1rem}*/
#product-slider .carousel-indicators .active a{border-bottom:7px solid #b59771;}
#product-slider .carousel-control-prev,#product-slider .carousel-control-next{ width:5%; color:#b59771; opacity:1;}

/*--------------------------
*         LOGIN
*--------------------------*/
#login-area{ background:#316a9b; margin-top:3rem}
#login-area .row.m-0{ background:#b59771;}
#box-form{ background:#ffffff; padding: 2.75rem; font-size:.875rem; font-weight:700; font-family: 'Open Sans', sans-serif;}
#box-form h2{font-weight:700; color: #b59771; font-size: 2.375rem; text-transform:none}
#box-form .form-group{ margin-bottom: 1.5rem}
#box-form .form-control,#frmlogin .form-control{ border-color:#D3D3D3; font-size:0.75rem; font-weight:700; height:38px}
#box-form .custom-control-label::before,#frmlogin .custom-control-label::before{top: .10rem;}
#box-form .input-group-text,#frmlogin .input-group-text{ border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; }
#box-form .lost-pwd,#frmlogin .passwordpersa{ display:inline-block; color:#49905b;}
#box-form .btn,#box-form-riv .btn{/*width:50%;*/font-weight:700;font-size:1.125rem;border-radius:.3rem;background:#ff8c37;padding:.6rem 1.2rem;margin-top:25px;text-transform:uppercase;}
#box-form .btn#registrazionereinvia{ color:#fff;}
#box-form .btn{/*width:100%;*/ background:#b59771;}
#box-form small.pprivacy{ display:inline-block; line-height: 1rem }
#login-area #reg{ display:inline-block; position:relative; color:#b59771; font-size:1rem; margin-top:1rem}
#login-area #reg:before,
#login-area #reg:after {
  content: "";
  position: absolute;
  border-top: 1px solid #b59771;;
  top: 45%;
  width: 32px;}
#login-area #reg:before {right: 100%;margin-right: 15px;}
#login-area #reg:after {left: 100%;margin-left: 15px;}
#box-form-riv{ color:#ffffff; }
#box-form-riv h2{color: #ffffff; font-weight:700; line-height:1; margin-bottom:1.5rem}
#box-form-riv h2 span{display: block;}
#contact-sconto-area{ color:#ffffff;}
#contact-sconto-area #cnt-form{ padding:30px; font-size:0.875rem; min-height:240px; background:url(../images/elementi/bg_form_sconto.png) no-repeat; background-size:cover}
#contact-sconto-area #cnt-form h2{ font-size:2.125rem; font-weight:700; color:#ffffff; line-height: 1.2;}
#contact-sconto-area .form-control {
    height: 25px;
	border-radius:2px;
	font-size: 0.75rem;
	font-weight:700;}
#contact-sconto-area .btn-sm {
    background: #28557b;
    padding: .1rem .9rem;
    margin-top: 1rem;
    font-size: 0.875rem;
    border: none;}
	
/*--------------------------
*         CARRELLO
*--------------------------*/
#cart-area{background: #f4f4f4; padding-bottom:5rem;}
#cart-area h3{ font-weight:700; text-transform:none; font-size:1.875rem}
#cart-area #list .item{background: #ffffff; padding:1.5rem; margin:0 0 1.5rem; }
#cart-area .controls{background: #ffffff; padding:1.5rem 3rem;}
#cart-area .controls.last{ background:#b59771; color: #ffffff;}
#cart-area .controls.last hr{ border-top-color: #ffffff;}
#cart-area .controls .form-group{ margin-bottom:1.25rem}
#cart-area .controls .form-control { border-color: #000000; border-radius:0.1875rem; color: #b59771; font-weight:300}
#cart-area #dx .controls.last{ padding:1.5rem .8rem; font-size: 0.7rem; border-radius:0.1875rem;}
#cart-area #dx .controls.last .text-muted{ display:block; color: #ffffff !important; line-height:0.75rem; width:60%; margin-top: .50rem;}
#cart-area #dx .controls.last .totale{ font-size:1.3rem;padding-left: 0;}
#cart-area #dx .controls.last button{
font-size:1.125rem;
font-weight:700;
background: #ff8c37;
padding:.5rem 1.5rem }
#cart-area #dx .controls.last button:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}

#cart-area #dx.shop .controls.last{ color:#b59771; background: #ffffff; border:4px solid #b59771;}
#cart-area #dx.shop .controls.last hr { border-top-color: #ededed;}
#cart-area #dx.shop .controls.last .form-control { border-color: #b59771;}
#cart-area #dx.shop .controls.last .text-muted{ color: #49905b !important;}
#banner-sidebar{ background:#b59771; color: #ffffff; margin:1.875rem 0; padding:1.5rem .8rem; font-weight:300; font-size:1.625rem}
#banner-sidebar h2{color: #ffffff; font-weight:700; line-height:2.4rem}
#banner-sidebar .text .btn{ margin:1.25rem .6rem}
#cart-area #list .item.cart{/*background: #ffffff;*/ background: rgb(255,204,204); padding:0;}
#cart-area #list .item.cart .entry-thumb{ border:1px solid #ededed; padding:0.625rem; text-align:center}
#cart-area #list .item.cart .del{color: #eb001b; font-size:1.5rem}
#cart-area #list .item.cart .box{background:#b59771; color: #ffffff; padding:.7rem 1.5rem;}
#cart-area #list .item.cart .box .info .offered{color: #ffffff;}
#cart-area #list .item.cart .box .info .brand{color: #b59771 !important; background: #ffffff !important;}
#cart-area #list .item.cart .box .info .brand { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
#cart-area #list .item.cart .form-group{ margin-top:.5rem; margin-bottom: .5rem}
#cart-area #list .item.cart .col-form-label,#cart-area #list .item.cart .custom-select{ font-size: .75rem;}
#cart-area #list .item.cart .custom-select {background-color: #ffffff; }
#cart-area #list .item.cart .price{ font-weight:500; }

/*--------------------------
*         ORDINI
*--------------------------*/
.table#ordini{color: #49905b;}
.table#ordini td .fa-search{ color:#b59771;}
.table#ordini>thead:first-child>tr:first-child>th { border-top:0; font-weight: 400;}
.table#ordini tr th,.table#ordini tr td {border-color: #e9e9e9;padding: 12px 15px;vertical-align: middle;}
.table#ordini tr th:first-child {width: 40px;}
.table#ordini tr th:last-child {text-align:center;}
.table#ordini tbody tr:nth-of-type(odd) {background-color: #fcfcfc;}
.table#ordini tbody tr:hover {background: #f5f5f5;}
.table#ordini td a {color: #2196f3;}
.table#ordini .no-border td{border:0 !important; padding:0 15px}
.table#ordini .table#totaleordine{ color:#212529 !important}
#t_indietro{color:#b59771;}
.table#ordini .del{color: #eb001b; font-size:1.5rem}
/*--------------------------
*         COMUNICAZIONI
*--------------------------*/
#messAccordion .panel-default {
    overflow: hidden;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top:5px;
}
#messAccordion .panel-heading {
	overflow: hidden;
	margin-bottom: 5px;
	padding: 0;
	border: 1px solid #d9d7d7;
	background: #fafafa;
	border-radius: 0;
}
.panel-title{margin-bottom:0}
.panel-title a {
	display: block;
	position: relative;
	padding: 10px 60px 10px 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: #6d7194;
}
.panel-title .expand-icon-wrap {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid #d9d7d7;
	font-size: 24px;
	line-height: 46px;
	color: #b59771;
}
.expand-icon-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.panel-title .expand-icon {
	padding: 0 18px;
	vertical-align: middle;
}
.panel-title .expand-icon:before {
	content: "\f055";
}
#messAccordion .panel-body {
	position: relative;
	border: 1px solid #d9d7d7;
	padding:15px 10px;
}
#messAccordion .panel-body .far{
	font-size: 2rem;
	color: #b59771;
	float: left;
    margin-right: 15px;
}
#messAccordion .tab-collapsed {
	border: transparent;
	background: #b59771;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
#messAccordion .tab-collapsed a {
	color: #fff;
}
.tab-collapsed .expand-icon-wrap {
	border-color: #fff;
	color: #fff;
}
.tab-collapsed .expand-icon:before {
	content: "\f056";
}

/*--------------------------
*         SX
*--------------------------*/
#sx form{ background-color:#b59771; border-radius:3px; color:#ffffff; padding:20px; /*margin-bottom:30px*/}
#sx form#filtra{font-family: 'Open Sans', sans-serif; font-size:.75rem; background-color:#f8f8f8; color:#49905b}
#sx form h2{ font-size:1.625rem; color: #ffffff; font-weight:700}
#sx form#filtra h2,#sx form h6{ color: #b59771; font-weight:700}
#sx form h6{ font-size:0.875rem;}
#sx form .input-group-text{color:#b59771; background-color:#ffffff; border:0; border-radius:0 }
#sx form .form-control{ border:0; border-radius: 0;}
#sx form .custom-control{ min-height:inherit}
#sx form .custom-control-label::before,#sx form .custom-control-label::after{ width:.8rem; height:.8rem; top: .15rem;}
#sx form#filtra .star-rating{ margin:0}
#sx form#filtra label{font-weight:700}
#sx form#filtra .form-group{ border-bottom:1px solid #b59771; padding-bottom:20px}
#sx form#filtra .form-group:last-child{ border-bottom:0;}
#sx form button{
font-size:1.125rem;
font-weight:900;
background:#28557b;
padding:.3rem 1.2rem; }
#sx.shop .section-heading{background: #b59771; font-size:1.25rem; padding: 14px 20px 6px}
#sx.shop .section-heading h2{font-size:1.25rem; color: #ffffff; font-weight:700; text-transform:none}
#sx.shop .section-heading h2 .fas{ float:right;}

/*--------------------------
*         FOOTER
*--------------------------*/
/*footer{
	background-color: #db9b5d;
border-bottom: 1px solid #9d696c;
min-height: 112px;
    padding:50px 0 20px;
	color:#FFFFFF;
	font-size: 0.875rem;
	font-weight:500}
footer h4 {	color:#FFFFFF;}
footer ul.nav h5{ font-size:16px; color:#b59771; font-weight:900; padding-bottom:10px; border-bottom:1px solid #b59771}	
footer ul.nav li a.nav-link{
	padding: 0;
    color: var(--lnk-color);}
	
footer hr{ border-color: #b59771; margin-bottom: 2rem;}*/
#scrollUp {
  position: fixed;
  z-index: 99999;
  background-color: transparent;
  border-radius: 0;
  bottom: 0;
  color: #ffffff;
  font-size: 1.5rem;
  height: 40px;
  line-height: 40px;
  right: 15px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
  bottom: 15px;
  box-shadow: none;
}
#scrollUp img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* lightbox */
.lightbox:hover {cursor: pointer;}

/*------------------------------
	OFFCANVAS
-------------------------------*/
.offcanvas-collapse {
position: fixed;
top: 6.5rem; /* Height of navbar */
bottom: 0;
left: 100%;
width: 100%;
padding-right: 1rem;
padding-left: 1rem;
overflow-y: auto;
visibility: hidden;
background-color: #f4f4f4;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index:99999;}
.offcanvas-collapse.open a.nav-link,.offcanvas-collapse.open .dropdown-menu li a{ font-size:1rem;}
.offcanvas-collapse.open a.nav-link:after{ display:none;}
.offcanvas-collapse.open a.nav-link.dropdown-toggle:after{ 
color: #b59771;
display: inline-block;
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
border: 0;
vertical-align:top;}
.offcanvas-collapse.open .dropdown-menu {width: 90%;}

/*-----------------------------------
	DATEPICKER
-----------------------------------*/
.datepicker { background-color: transparent; }
.datepicker thead {	background-color: #b59771;	opacity: 0.9; }
.datepicker tbody { background-color: #ffffff;	opacity: 0.9; }
.datepicker td.old, .datepicker td.new { color: #666666; }
.datepicker td.day { background-color: #ffffff;	color: #b59771;	margin:5px; }

/*-----------------------------------
	ON/OFF TOGGLE
-----------------------------------*/
.switchToggle input[type=checkbox]{height: 0; width: 0; visibility: hidden; position: absolute; }
.switchToggle label {cursor: pointer; text-indent: -9999px; width: 70px; max-width: 70px; height: 30px; background: #d1d1d1; display: block; border-radius: 100px; position: relative; }
.switchToggle label:after {content: ''; position: absolute; top: 2px; left: 2px; width: 26px; height: 26px; background: #fff; border-radius: 90px; transition: 0.3s; }
.switchToggle input:checked + label, .switchToggle input:checked + input + label  {background: #3e98d3; }
.switchToggle input + label:before, .switchToggle input + input + label:before {content: 'No'; position: absolute; top: 5px; left: 35px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {content: 'Si'; position: absolute; top: 5px; left: 10px; width: 26px; height: 26px; border-radius: 90px; transition: 0.3s; text-indent: 0; color: #fff; }
.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {left: calc(100% - 2px); transform: translateX(-100%); }
.switchToggle label:active:after {width: 60px; } 

/*-----------------------------------
	PERSONALIZZAZIONI FORM
-----------------------------------*/
.mainbg { background-color: #b59771; }
.bgarancione { background-color: #FF8C37; }
#contForm{ margin-bottom:2rem;}
#contForm .btn-primary,#cnt_cart .btn-primary, #cart-area .btn-primary,
#securhocnt .btn-primary,#msgform .btn-primary{background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; text-transform:uppercase; }
#securhocnt .btn-primary.pwl_week,#securhocnt .btn-primary.pwl_month{ margin-right:1rem;}
#securhocnt .btn-success{font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; background:#ff8c37; border-color:#ff8c37; text-transform:uppercase;}
#securhocnt .btn-success:hover,.modal-content .btn-success,.modal-content .btn-success:hover{color:#fff;background-color:#ff8c37;border-color:#ff8c37 }
#securhocnt .btn-success.focus,#securhocnt .btn-success:focus,.modal-content .btn-success.focus,.modal-content .btn-success:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}
#securhocnt{ min-height:500px}
#contForm .btn-primary,#cnt_cart .btn-primary,#securhobusinesscnt .btn-primary,#msgform .btn-primary{background: #b59771; font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; text-transform:uppercase; }
#securhobusinesscnt .btn-primary.pwl_week,#securhobusinesscnt .btn-primary.pwl_month{ margin-right:1rem;}
#securhobusinesscnt .btn-success{font-weight: 700; border-radius: .3rem; padding: .6rem 1.2rem; background:#ff8c37; border-color:#ff8c37; text-transform:uppercase;}
#securhobusinesscnt .btn-success:hover,.modal-content .btn-success,.modal-content .btn-success:hover{color:#fff;background-color:#ff8c37;border-color:#ff8c37 }
#securhobusinesscnt .btn-success.focus,#securhobusinesscnt .btn-success:focus,.modal-content .btn-success.focus,.modal-content .btn-success:focus{box-shadow:0 0 0 .2rem rgba(255,140,55,.5)}
#securhobusinesscnt{ min-height:500px}
.modal-content .btn-primary,.btn-primary:hover{ background: #b59771; }
#msgform.alert-success{ background-color:transparent !important; border:0; padding:1rem 0rem; color:#49905b}
.btn-outline-primary{border-color: #b59771;}
.toggle.btn-outline-primary .toggle-handle,btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #b59771;
    border-color: #b59771;
}
.btn-outline-primary.disabled{ filter: grayscale(1);}

#securhocnt .box-btns,#securhobusinesscnt .box-btns{padding:1rem; border:1px solid #316a9b;background-image: linear-gradient(white, #ededed);}
#securhocnt .box-btns a,#securhobusinesscnt .box-btns a{color:#316a9b;}

/*-----------------------------------
    RICERA AVANZATA
-----------------------------------*/
#ricerca .modal-footer{ display:none}
#ricerca .tab { display: none;}
#ricerca h4{ font-weight:700; text-align:center; margin:1rem 0}
#ricerca input.invalid {background-color: #ffdddd;}
#ricerca .custom-control-input:checked~.custom-control-label::after {top: .25rem;}
#ricerca .btn:hover {opacity: 0.8;}
#ricerca .btn-success:focus,#ricerca .btn-success.focus { background-color: #ff8c37; border-color: #ff8c37;}
#ricerca .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;}
#ricerca .step.active,#ricerca .step.finish { opacity: 1;}
#ricerca .step.finish { background-color: #b59771;}


#geoindirizzo {
	position:absolute; 
	right:0px; 
	bottom:-20px; 
	font-size:0.8rem;
	color:#b59771;
}

#chlang {
	position:absolute; 
	right:0px; 
	top:-30px; 
	font-size:0.8rem;
	color:#b59771;
}

/*-----------------------------------
	RESPONSIVE
-----------------------------------*/
	
@media only screen and (min-width: 922px) and (max-width: 1200px) {
	header ul.main_menu li:not(:last-child) a.nav-link:after{ padding:0 .3rem;}
}
	
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#banners-area h4{ width:80%;}
}

@media only screen and (max-width: 768px) {
	#contact-area{ background:#b59771;}
	#contact-area img{ float:right;}
	#contact-area .text .btn{ margin-bottom:1.875rem}
	#reviews-area .carousel-control-prev, #reviews-area .carousel-control-next{ margin-top: 0;position: absolute; right: 0;left: inherit;}
	#reviews-area .carousel-control-prev{ right: 15%;}
	#category-area img {
		position:relative;
		top:inherit;
		max-width: 100%;
		height: auto;
		margin-top:2rem;}
	#dettaglio #cnt-form .btn-sm{margin-bottom: 1rem;}
	#securhocnt .box-btns,#securhobusinesscnt .box-btns{ margin-bottom:1rem;}
	#pwdiv .btn-group,#pmdiv .btn-group{ display:inline;}

	#geoindirizzo { right: -60px; }
	#filtra { display: none; }
}

@media (max-width: 480px) {
	.item-art .info h4{ min-height:inherit}
	h4{ font-size:1.2rem}
	#carousel-area .carousel-caption{
		position: relative;
		width:80%;
		bottom:0;
		right:10%;
		left:10%;
		z-index: 10;
		color:#b59771;
		text-align: center;}
	#carousel-area .carousel-caption h1{ color:#b59771; font-size:2.5rem}
	#search-area #box-search { margin-top: 0 !important;}
	#search-area #box-search form{border-radius: 0.1875rem;}
	#search-area #box-search .form-row>.col,#search-area #box-search .form-row>[class*=col-]{ flex: 0 0 100%; max-width: 100%; border-right:0 !important; padding: 1rem 0;}
	#search-area #box-search .form-row>.col:not(:last-child),#search-area #box-search .form-row>[class*=col-]:not(:last-child){ border-bottom:1px solid #ededed;}
	#search-area .custom-control.last { color: #b59771; margin-top:.5rem}
	#search-area form button { width:100%; border-radius:52px}
	.text-home{ margin:0;}
	#login-area{ padding:1.5rem 0}
	#banners-area .banner{ margin-bottom:1rem}
	#cart-area .controls.last#dx{padding: 1.5rem 3rem; font-size:1rem}
	.carousel-indicators{margin-bottom: 1.875rem;}
	#servizi-intro-area{ min-height:inherit; background:none}
	#search-area-serv{ position: relative; bottom: inherit; padding: 2rem;left: inherit;right: inherit;margin-top: 7%;}
	#logo-footer{ display:inline-block; margin-bottom:1.25rem}
	#shop-area .item form{ margin-top:1rem;}
	#shop-area .item .entry-thumb{padding: 1.875rem; text-align: center;}
	#shop-area .item .entry-thumb img { height: 35vh;}
	#box-form{ padding:2rem}
	#box-form-riv{ padding:2rem 0;}
	#sx form#filtra{ display:none;}
	#filter{ margin-top:1rem;}
	#banner-area-fluid img { width:80%; margin:0 10% 5%;}
	#securhocnt .btn-sm,#securhocnt .deletepartizione,#securhocnt .updatepartizione,#securhocnt .deletezone,#securhocnt .updatezone{ margin-top:.5rem;}
	.progress{ height:auto !important; display:block;}
	.progress-bar{ width:100% !important;}
	/*.fserial .row>[class*=col-],.fsensore .row>[class*=col-]{ margin-bottom:.5rem;}
	.falarm .row>[class*=col-]{ text-align:left !important;}*/

	#geoindirizzo { display: none; }

}

.modal-header, .modal-header button, .modal-header h5 {
	background-color: #b59771;
	color: #fff;
}

.modal-footer {
	background-color: #f8f8f8;
}

.card {
border: none;
}

.card-header {
}

.containerVideoMobile{
    display: none;
}

@media screen and (max-width: 767px) {
    .containerVideoMobile{
        display: block;
    }
}


/* ---------------------------------------------------------- */
/* |               NUOVE REGOLE RESTYLING                    |*/
/* ---------------------------------------------------------- */


/*--------------------------
*           HEADER 
*--------------------------*/

header .containerHeader{
	padding: 10px 5%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow: initial !important;
} 
header .containerHeader .rigaHeader{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
} 
header .containerHeader .rigaHeader .containerHamburgerMenu{
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  cursor: pointer;
} 
header .containerHeader .rigaHeader .containerHamburgerMenu span{
  font-size: 11px;
  color: #212529;
} 
header .containerHeader .rigaHeader .containerPreferiti{
	border: 1px solid black;
    border-radius: 10px;
    padding: 5px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
header .containerHeader .rigaHeader .containerPreferiti i{
	color: #B01E28;
}
header .containerHeader .rigaRicerca .containerRicerca {
	width: 75%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border: 1px solid black;
    border-radius: 8px;
    position: relative;
}
header .containerHeader .rigaRicerca .containerRicerca .containerIconaCerca{
	width: 15%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
}
header .containerHeader .rigaRicerca .containerRicerca input{
	width: 85%;
	border-radius: 0 8px 8px 0;
    border: none;
    padding: 3px 20px;
}
header .containerHeader .rigaRicerca .containerRicerca input:focus{
	outline: none;
}
header .containerHeader .rigaRicerca .containerFiltriHeader{
	width: 20%;
    background-color: #749f00;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    border-radius: 8px;
    color: white;
	gap: 5px;
}
header .containerHeader .rigaRicerca .containerFiltriHeader i{
	font-size: 10px;
}
.sliderTop .containerSliderTop{
	padding: 20px 0%;
}
.sliderTop .containerSliderTop .cardSliderTop{
	border-radius: 8px;
    padding: 3px;
}
.sliderTop .containerSliderTop .cardSliderTop img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.sidenav {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: -100vw;
	background-color: #ffffff;
	overflow-x: hidden;
	transition: 0.5s;
	text-align:center;
	overflow-y: hidden;
}
.sidenav .containerSidebar{
	/* position: relative; */
	height: 100vh;
  overflow-y: auto;
}
.sidenav a:hover{
	color: #f1f1f1;
}
.sidenav .cardCatoriaMenu{
	margin-top: 40px;
}
.containerVociSottoCategorie .accordion{
	width: 100%;
	display: flex;
    flex-direction: column;
    gap: 8px;
}
.containerVociSottoCategorie .accordion p{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	background-color: #e9e9e9;
    padding: 15px 10px;
}
.containerVociSottoCategorie .collapse.show{
	display: flex;
    flex-direction: column;
}
.containerVociSottoCategorie .accordion p:not(.collapsed) .rotate-icon {
transform: rotate(180deg);
}
/* .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
} */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.sidenav .titoloSidebar{
	background-color: #749f00;
    display: flex;
    flex-direction: row;
    padding-inline: 15px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.sidenav .titoloSidebar .containerBottoneChiusura{
	width: 50px;
    height: 50px;
    border: 1px solid white;
    border-radius: 100%;
    margin-block: 10px;
}
.sidenav .titoloSidebar .containerBottoneChiusura a{
	position: relative;
	font-size: 30px;
	margin-left: 0px;
	padding: 0 !important;
	color: white;
}
.sidenav .titoloSidebar h2{
	font-size: 30px;
    margin-bottom: 0;
    color: white;
}
#mySidenav .rigaHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#mySidenav .rigaRicerca .containerRicerca {
	width: 75%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    border: 1px solid black;
    border-radius: 8px;
    position: relative;
}
#mySidenav .rigaRicerca .containerRicerca .containerIconaCerca{
	width: 15%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px 0 0 8px;
}
#mySidenav .rigaRicerca .containerRicerca input{
	width: 85%;
	border-radius: 0 8px 8px 0;
    border: none;
    padding: 3px 20px;
}
#mySidenav .rigaRicerca .containerRicerca input:focus{
	outline: none;
}
#mySidenav .rigaRicerca .containerFiltriHeader{
	width: 20%;
    background-color: #749f00;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    border-radius: 8px;
    color: white;
	gap: 5px;
}
#mySidenav .rigaRicerca .containerFiltriHeader i{
	font-size: 10px;
}
.containeCategorieMenu{
	overflow-y: scroll;
  margin-bottom: 40px;
}
.containeCategorieMenu .cardCatoriaMenu{
	margin-top: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 20px;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu{
	width: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid;
  border-radius: 8px;
  overflow: hidden;
  align-items: flex-end;
  background-color: #dfdfdf47;
  height: 180px;
  position: relative;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria{
	width: 50%;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria{
  width: 50%;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: #00000060;
  cursor: pointer;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria h2{
	font-size: 32px;
    padding-left: 5%;
    padding-bottom: 20%;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerTitoloCategoria h2{
	font-size: 32px;
  padding-left: 5%;
  padding-bottom: 0;
  color: white !important;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria{
    width: 60%;
    height: 275px;
    transform: rotate(-15deg) translate(0px, 5%);
    -webkit-transform: rotate(-15deg) translate(0px, 5%);
    -moz-transform: rotate(-15deg) translate(0px, 5%);
    -ms-transform: rotate(-15deg) translate(0px, 5%);
    -o-transform: rotate(-15deg) translate(0px, 5%);
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria{
    width: 100%;
    height: 100%;
    transform: rotate(-0deg) translate(0px, 0%);
    -webkit-transform: rotate(-0deg) translate(0px, 0%);
    -moz-transform: rotate(-0deg) translate(0px, 0%);
    -ms-transform: rotate(-0deg) translate(0px, 0%);
    -o-transform: rotate(-0deg) translate(0px, 0%);
    top: 0;
    left: 0;
    position: absolute;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria.categoriaMenuAperta{
	position: fixed;
	z-index: 10;
}
/* .containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria img{
  width: 115%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
} */
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.containeCategorieMenu .cardCatoriaMenu .cardCategoriaMenu .containerImmagineCategoria.categoriaMenuAperta img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.containeCategorieMenu.nascondi{
  height: 0px;
  margin: 0px;
}
#mySidenav .sezioneSottocategorie{
	position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: none;
}
#mySidenav .sezioneSottocategorie.visible{
	display: flex;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria{
	background-color: white;
	width: 85vw;
	height: 75vh;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.55);
	padding: 20px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria.visibile{
	opacity: 1;
	z-index: 50;
	overflow-y: auto;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura{
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura .containerIcona{
	display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #749f00;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    align-items: center;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .chiusura .containerIcona i{
	font-size: 20px;
	color: #749f00;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .titolo{
	border-bottom: 2px solid #749f00;
    margin-bottom: 15px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-inline: 15px;
    gap: 8px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie a{
	width: 100%;
    text-align: left;
    background-color: #e9e9e9;
    padding: 15px 10px;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .containerVociSottoCategorie a:hover{
	font-weight: bold;
  color: black;
}
#mySidenav .sezioneSottocategorie .containerSottoCategoria .vediTutto{
	margin-top: 15px;
    background-color: #749f00;
    padding: 5px;
    color: white;
    font-weight: bold;
}
.containerSottoCategoria .containerImmagine{
	height: 70px;
    width: 70px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
    margin: auto;
}
.iconaCategoriaPopUp{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.sezioneUnoHome .cardCatoriaHome .cardCategoriaHome .containerImmagineCategoria.categoriaMenuAperta {
    position: relative;
	top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}
body.addAfter::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1;
	background-color: #0000007a;
}
/*--------------------------
*           // HEADER 
*--------------------------*/


/*--------------------------
*           HOME 
*--------------------------*/
.sezioneUnoHome .containerSezioneUnoHome{
	display: flex;
    flex-direction: column;
    gap: 25px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaTitolo{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaTitolo h1{
	font-size: 25px;
    margin-bottom: 0px;
    color: black;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome {
    border: 1px solid;
    padding: 10px;
    border-radius: 8px;
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
	position: relative;
	height: 100%;
}
.selettorePreferiti{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-shadow: -2px 2px 3px 2px #00000091;
    box-shadow: 0px 0px 2px 2px #00000042;
    background-color: #ffffff;
    cursor: pointer;
}
.selettorePreferiti i{
	font-size: 14px;
    color: #B01E28;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .containerImmagine{
    width: 100%;
	border-radius: 8px;
	max-width: 120px;
    max-height: 120px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .containerImmagine img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
}
.sezioneUnoHome .containerSezioneUnoHome .rigaCategorieHome .cardCategorieHome .nomeCategoria a{
	font-size: 20px;
    line-height: 21px;
    font-weight: 600;
}
.sezioneDueHome{
  margin-bottom: 15%;
}
.sezioneDueHome .containerSezioneDueHome{
	display: flex;
    flex-direction: column;
    gap: 25px;
}
.sezioneDueHome .containerSezioneDueHome .rigaTitolo{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-inline: 15px;
}
.sezioneDueHome .containerSezioneDueHome .rigaTitolo h1{
	font-size: 25px;
    margin-bottom: 0px;
    color: black;
}
.sezioneDueHome .containerSezioneDueHome .rigaProdottiHome{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome {
	border: 1px solid;
    padding: 40px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 48%;
    position: relative;
    justify-content: center;
    min-height: 120px;
    cursor: pointer;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerPrezzo{
	margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    width: fit-content;
    margin-inline: auto;
    border-radius: 5px;
    border: 2px solid #749f00;
    -webkit-box-shadow: 0px 3px 3px 0px #00000042;
    box-shadow: 0px 3px 3px 0px #00000042;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerPrezzo h4{
	padding: 0;
    margin: 0;
    color: #749f00;
    font-weight: bold;
}
/* .sezioneDueHome .containerSezioneDueHome .cardProdottoHome.elenco {
	width: 100%;
} */
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .nomeCategoria{
	width: 100%;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine .containerCaricamentoProdotto{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine{
    width: 100%;
	height: 160px;
	border-radius: 8px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .containerImmagine img{
    width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 8px;
}
.sezioneDueHome .containerSezioneDueHome .cardProdottoHome .nomeCategoria h2.title{
	font-size: 20px;
    line-height: 25px;
    font-weight: 600 !important;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    color: black;
}

.lds-roller {
	/* change color here */
	color: #749f00;
  }
  .lds-roller,
  .lds-roller div,
  .lds-roller div:after {
	box-sizing: border-box;
  }
  .lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  .lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
  }
  .lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7.2px;
	height: 7.2px;
	border-radius: 50%;
	background: currentColor;
	margin: -3.6px 0 0 -3.6px;
  }
  .lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
	top: 62.62742px;
	left: 62.62742px;
  }
  .lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
	top: 67.71281px;
	left: 56px;
  }
  .lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
	top: 70.90963px;
	left: 48.28221px;
  }
  .lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
  }
  .lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
	top: 70.90963px;
	left: 31.71779px;
  }
  .lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
	top: 67.71281px;
	left: 24px;
  }
  .lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
	top: 62.62742px;
	left: 17.37258px;
  }
  .lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12.28719px;
  }
  @keyframes lds-roller {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }

/*--------------------------
*           // HOME 
*--------------------------*/

/*--------------------------
*           FOOTER 
*--------------------------*/

footer{
	background-color: #1d1d1d;
}
footer .containerFooter{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
footer .containerFooter .rigaSocialPopup{
	display: flex;
    flex-direction: row;
    align-items: center;
}
.afterFooter{
	background-color: #000000;
}
.afterFooter .containerAfterFooter{
	padding-block: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
/*--------------------------
*           //FOOTER 
*--------------------------*/





.modalProdotto {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modalProdotto .modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	width: 95vw;
	height: 90vh;
	border-radius: 0.5rem;

}
.modalProdotto .fotoProdotto{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 25vh;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.modalProdotto .rigaChiusura{
	display: flex;
	flex-direction: row;
	justify-content: center;
    align-items: center;
	margin-top: 15px;
    margin-right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: white;
	border: 1px solid #749f00;
  cursor: pointer;
}
.modalProdotto .rigaChiusura .close-button{
	color: #749f00;
	font-size: 20px;
	line-height: 20px;
}
.close-button:hover {
	color: var(--clr-main);
}
.modalProdotto.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
	display: flex;
}
.modalProdotto .containerDescrizioneProdotto{
	width: 100%;
	height: 80%;
    background-color: white;
    overflow-y: scroll;
    margin: auto;
    margin-top: -8%;
    border-radius: 35px 35px 0 0;
    padding: 10% 5%;
    overflow: auto;
}
.modalProdotto .containerDescrizioneProdotto h4{
  text-align: center;
}
.modalProdotto .containerDescrizioneProdotto .descrizioneProdotto{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  margin-block: 15px;
}
.modalProdotto .containerDescrizioneProdotto .prezzoProdotto{
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  width: fit-content;
  margin-inline: auto;
  border-radius: 5px;
  border: 2px solid #749f00;
  -webkit-box-shadow: 0px 3px 3px 0px #00000042;
  box-shadow: 0px 3px 3px 0px #00000042;
}
.modalProdotto .containerDescrizioneProdotto .prezzoProdotto h4{
  padding: 0;
  margin: 0;
  color: #749f00;
  font-weight: bold;
}
.modalProdotto .containerDescrizioneProdotto .acquistaProdotto{
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modalProdotto .containerDescrizioneProdotto .acquistaProdotto button{
  width: 100%;
  height: 100%;
}
#blocco-carrello button{
  background: #db9b5d !important;
}
.titoloSidebar .sinistra{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}



/*LIVESEARCH*/
.linkerRicerca{
  position: relative;
}
.live-search-list {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    font-family: "Montserrat", sans-serif;
    color: black;
    width: calc(100% - 11px);
    max-height: 500px;
    overflow-y: scroll;
    /* padding-bottom: 10px; */
    z-index: 999999;
    flex-wrap: wrap;
    box-shadow: 0px 6px 5px -2px #c1c1c1;
    width: 100%;
    top: 0px;
  }
  /*scrollbar barra di ricerca*/ 
  .live-search-list::-webkit-scrollbar {
    width: 5px;
    height: 10px;
  }
  .live-search-list::-webkit-scrollbar-thumb {
    background: rgba(90, 90, 90, 0.374);
  }
  .live-search-list::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  .live-search-list > div{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid rgb(208 208 208 / 25%)
  }
  .live-search-list > div.art{
    width: 100%;
    text-align: left;
    padding: 10px 26px;
    font-size: 18px;
  }
  .live-search-list > div.prod{
    flex: 0 0 100%;
    max-width: 100%;
    max-height: 140px;
    padding: 15px 10px;
  }
  .live-search-list > div.prod a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }
  .live-search-list > div.prod a:hover{
    text-decoration: none;
  }
  .live-search-list > div.prod img{
    flex: 0 0 50%;
    max-width: 50%;
    object-fit: contain;
    height: 100%;
    max-height: 100px;
  }
  .live-search-list > div.prod a > span{
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
    padding-left: 10px;
  }
  .live-search-list > div.prod a > span .value{
    font-weight: bold;
    font-size: 150%;
  }
  .live-search-list > div.prod a > span .prezzo{
    font-size: 120%;
  }
  .live-search-list > div.prod a > span p{
    text-overflow: ellipsis;
    color: black;
  }
  .live-search-list > div.void{
    padding: 10px;
    margin:auto;
    width: 100%;
  }
  .live-search-list > div.all{
    flex: 0 0 100%;
    padding: 15px;
    background-color: black;
    color: white !important;
  }
  .live-search-list > div.all a{
    color: white !important;
  }
  .live-search-list-header-row{
    height: 50px;
    display:flex;
    justify-content: center;
    align-items:center;
    background-color: black;
    color: white;
    text-transform: uppercase;
    flex: 0 0 100%;
    font-size: 16px;
    position: sticky;
    top: 0;
  }
  .live-search-list-header-row a{
    color: white;
  }
  .live-search-list div a{
    width: 100%;
    overflow-wrap: break-word;
  }
  /*LIVESEARCH END*/



.art .cardProdottoHome {
    border: 1px solid;
      padding: 10px 8px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 100%;
      position: relative;
      justify-content: center;
      min-height: 120px;
  }
.art .cardProdottoHome .containerPrezzo{
    margin-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px 10px;
      width: fit-content;
      margin-inline: auto;
      border-radius: 5px;
      border: 2px solid #749f00;
      -webkit-box-shadow: 0px 3px 3px 0px #00000042;
      box-shadow: 0px 3px 3px 0px #00000042;
  }
.art .cardProdottoHome .containerPrezzo h4{
    padding: 0;
      margin: 0;
      color: #749f00;
      font-weight: bold;
  }
  /* .sezioneDueHome .containerSezioneDueHome .cardProdottoHome.elenco {
    width: 100%;
  } */
.art .cardProdottoHome .nomeCategoria{
    width: 100%;
  }
.art .cardProdottoHome .containerImmagine .containerCaricamentoProdotto{
    display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
  }
.art .cardProdottoHome .containerImmagine{
      width: 100%;
    height: 160px;
    border-radius: 8px;
  }
.art .cardProdottoHome .containerImmagine img{
      width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
.art .cardProdottoHome .nomeCategoria a{
    font-size: 20px;
      line-height: 25px;
      font-weight: 600;
      width: 100%;
      display: flex;
      text-align: center;
      justify-content: center;
}
.live-search-list-header-row {
  z-index: 1;
}



.containerFiltriMenu {
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  color: black;
  width: calc(100% - 11px);
  height: 500px;
  /* max-height: 500px; */
  overflow-y: scroll;
  /* padding-bottom: 10px; */
  z-index: 999999;
  flex-wrap: wrap;
  box-shadow: 0px 6px 5px -2px #c1c1c1;
  width: 100%;
  top: 0px;
  background-color: #749f00;
}
.containerFiltriMenu.visible{
  display: flex;
}
/*scrollbar barra di ricerca*/ 
.containerFiltriMenu::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
.containerFiltriMenu::-webkit-scrollbar-thumb {
  background: rgba(90, 90, 90, 0.374);
}
.containerFiltriMenu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.containerFiltriMenu  .containerFiltri{
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 35px;
  align-items: flex-start;
  overflow: auto;
}
.containerFiltriMenu  .containerFiltri .cardFiltro{
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.containerFiltriMenu  .containerFiltri .cardFiltro h3{
  color: white;
  margin: 0;
}
.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"] {
  position: relative;
  width: 60px;
  height: 30px;
  -webkit-appearance: none;
  appearance: none;
  background: #c1c1c1b0;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]:checked::before {
  transform: translateX(100%);
  background: #fff;
}

.containerFiltriMenu  .containerFiltri .cardFiltro input[type="checkbox"]:checked {
  background: #00a6dc;
}
.containerFiltriMenu  .containerBottoneRicerca {
  width: 100%;
  height: 15%;
  padding-inline: 35px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.containerFiltriMenu  .containerBottoneRicerca button{
  width: 100%;
  border: none;
  padding: 10px;
  border-radius: 5px;
}
.containerFiltriHeader{
  position: relative;
}
.containerFiltriHeader.filtered::after {
  content: attr(data-filtro);
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #59750c;
  border-radius: 100%;
  top: -5px;
  right: -5px;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 1px 1px 1px 1px #00000066;
}

.bottoneTornaMenu{
  position: fixed;
  top: 50%;
  width: 45px;
  height: 90px;
  background-color: #c9c9c9a6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0 100px 100px 0;
  z-index: 1;
  -webkit-box-shadow: 2px 0px 7px 0px #00000070;
  box-shadow: 2px 0px 7px 0px #00000070;
  cursor: pointer;
}
.bottoneTornaMenu .tornaCategoriaIndietro{
  font-size: 20px;
  color: #880f14;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 8px;
}

.live-search-list .nomeCategoria{
  text-align: center;
  font-weight: bold;
}

.loading{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
}
.loading.open {
  display: flex !important;
}
.loading.open img{
  max-width: 100%;
}

.rigaBottonePdf{
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}
.bottonePdfEventi{
  background-color: #880f14;
  color: white;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 14px;
  min-width: 75%;
  text-align: center;
}

.breadcrumb-cat{
    background-color: #749f00;
    color: white;
    padding: 15px;
}
.breadcrumb-cat a{
    color: white;
}
.breadcrumb-cat a:hover{
    font-weight: bold;
}