/*--------------------------
*           FONT 
*--------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400;1,700&display=swap');
/*--------------------------
*           GENERAL 
*--------------------------*/
body {font-family: var(--font-family-sans-serif);}
/*ul,ol { margin: 0; }
ul li,ol li { list-style: none; }*/

h1,h2,h3,h4,h5,h6 {font-family: 'Playfair Display', sans-serif; font-weight:700;}
p{line-height:18px;}
a:hover{ text-decoration:none;}
.badge-light{ color:var(--dark); background-color:transparent}
.slick-dots li button{ width:20px; height:20px; background: var(--light); border-radius:50%;}
.slick-dots li button:before { 
	content: '';
    background: transparent;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 4px;
	opacity:1; }
.slick-dots li.slick-active button:before{opacity:1; background: #fff}
.banner img{ width:100%;}

.breadcrumb-item{font-size:2.25rem; font-family: 'Playfair Display', sans-serif; line-height: normal;}
.breadcrumb-item.big{font-size:6.625rem;}
.breadcrumb-item+.breadcrumb-item::before{color:#fff}

.dropdown-toggle::after{ display:none;} 
.dropdown-menu.show{box-shadow: 0px 3px 6px #00000029; padding:1rem; min-width:360px;}
.btn-primary:focus, .btn-primary.focus{
	background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(239, 60, 59, 0.5);}

#contForm .form-control{ height:45px;}
.min-h-auto{ min-height: auto !important;}
.nav-tabs .nav-link.disabled{ opacity:.5; }

.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #fff;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 27px;
  height: 3px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 3px;
}

.icon-bar:nth-child(2) {
  width: 16px;
  transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
  width: 27px;
  transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
  width: 27px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}
/*--------------------------
*           HEADER 
*--------------------------*/
#info{ padding:1rem 0; font-family: 'Open Sans', sans-serif;}
#info a{font-size:12px; color:#85878A}
#info a strong{ font-size:16px; color:var(--dark);}
#info .fa-2x{ color:var(--dark); vertical-align: middle}

#menu-p{background-color: #000000 !important;}
#menu-p .nav .nav-link{ font-size:18px; font-weight:700; position:relative; padding:.5rem .7rem}
#menu-p .nav .nav-link .fa-2x{ color:#fff; vertical-align: middle; /*font-size:2.5em*/}
#menu-p .nav .nav-link .badge{ top:50%; left:50%; transform:translate(-50%,-50%);}

#formsearchid .select2-container--bootstrap4 .select2-selection--single{ height:44px !important; border:0; border-top-left-radius: 25rem; border-bottom-left-radius: 25rem;}
#formsearchid .select2-container--bootstrap4.select2-container--focus .select2-selection{ box-shadow:none;}
#formsearchid .select2-container .select2-selection--single .select2-selection__rendered{line-height: calc(2em + .75rem);}
#formsearchid .btn{ color:var(--light); height:44px; border-top-right-radius: 25rem !important; border-bottom-right-radius: 25rem !important;}

.dropdown-item.ut{ font-size:1.25rem; line-height: 24px; padding:0;}
.dropdown-item.ut.esci{ font-size:14px; margin-top:60px;}

.offcanvas-collapse .nav-item .nav-link{ font-family: 'Playfair Display', sans-serif; font-size: 70px; line-height:70px; font-weight: 700;color: #fff; padding: 0 !important;}
.offcanvas-collapse .nav-item .nav-link:hover{ color: var(--primary);}
.offcanvas-collapse .nav-item img.cat{
position:fixed; 
top:0; 
right:3rem;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;}
.offcanvas-collapse .nav-item.wimg:hover img.cat{ opacity:1;}

/*.dropdown:after{
  content: ''; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 60%;
  transition: opacity .15s ease-in-out;
  opacity: 0;
  visibility:hidden;
  background-color: rgba(218,217,215,.3);
  pointer-events: none;
}
.dropdown.show:after{
z-index:10; 
opacity:1; 
visibility:visible;
position: fixed;
}
*/ 
#login-area h2{ font-size:1.625rem;}

.close{ opacity:1;}
.nav-item.dropdown.dropdown.show{
	position: inherit;
}
.nav-item.sub:hover,.nav-item.dropdown.show a{ color:var(--dark); }
.nav-item .submenu{ 
	min-width: 16rem;
	background-color: transparent;
	border: 0;
	padding-left: 0;
	padding-right: 0;
	/* right: 0; */
	box-shadow: none;
}
.nav-item .submenu .nav-link {
	font-size: 26px !important;
	line-height:34px !important;
	text-transform:lowercase;
	color:#fff !important;
}

.dropdown-item:hover, .dropdown-item:focus,nav-item .submenu .nav-link:hover {
  color: var(--dark);
  text-decoration: none;
  background-color: transparent;
}
/*--------------------------
*         HOME
*--------------------------*/
/*#slider-home, #slider-home .justify-content-between{ min-height:78.5vh;}*/
#slider-home .box{max-height: 600px; overflow: hidden}
@media only screen and (min-width: 2300px) {
    #slider-home .box{ max-height: 760px;}
}
#slider-home .carousel-indicators{ 
	right: 19%;
    top: 40%;
    left: auto;
    bottom: auto;
    display: inline-block;}
/*#slider-home .slick-dots li button{ background: #fff;}
#slider-home .slick-dots li.slick-active button:before{background: var(--primary);}*/
#slider-home #video-container{ display: block; position: relative;background: #000; text-align: center; height:600px}
#slider-home #video-container video#cmn-video{ height:100%;}
#proposte-area{ margin-top:100px;}

#carouselNews .carousel-indicators{ margin-right:8%;}
#carouselNews .carousel-indicators li,#slider-home .carousel-indicators li{ width:20px; height:20px; background: #FFF; border-radius:50%; opacity:1; border:0; position:relative;}
#slider-home .carousel-indicators li{ margin-top:10px; margin-bottom:10px;}
#carouselNews .carousel-indicators li:before,#slider-home .carousel-indicators li:before { 
	content: '';
    background: transparent;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 4px;
	opacity:1;
	position: absolute;
    top: 0;
    left: 0;}
#carouselNews .carousel-indicators li.active:before,#slider-home .carousel-indicators li.active:before{opacity:1; background: var(--primary) !important}
/*.info-home{ background: rgb(255,153,153);}*/
.info-home .rounded-circle{width: 100px; height: 100px;}
.info-home .rounded-circle img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.info-home a{ color:var(--dark);}

/*--------------------------
*         NEWS
*--------------------------*/
.date{ font-size:.625rem}
.page-link{ font-family: 'Playfair Display', sans-serif; font-size:26px; color:var(--light);}
.page-item:hover .page-link,.page-item.active .page-link{color:var(--dark);}

/*--------------------------
*         PRODOTTI
*--------------------------*/
#filtro .content{ height:268px}
#list .item{ min-height:395px; margin-bottom:70px;}
.item h3{ font-size:30px; font-weight:700; font-family: var(--font-family-sans-serif);}
#list .item h3{background:#EDEDED}
.item h4{ color:var(--dark); font-size:26px; /*min-height:65px;*/ }
.item a{ color:var(--dark);}
#more a{background-color:var(--light); padding: .5rem 1.1rem; color:#85878A; font-size:18px; font-weight:700;}

#article-slider .carousel-indicators,#product-slider .carousel-indicators{
    margin: 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;}
	
#article-slider .carousel-indicators li,#product-slider .carousel-indicators li {
	border:4px solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    width: auto;
	height: auto;
	margin-left:0;}
#article-slider .carousel-indicators li.active,#product-slider .carousel-indicators li.active { border:4px solid var(--dark);}
#article-slider .carousel-indicators li img,#product-slider .carousel-indicators li img {display: block;}
#product-slider .list-inline-item:not(:last-child) { margin-right: 1rem;}

#product-slider .carousel-control-next{ right:1.5rem;}
#product-slider .carousel-control-prev{ left: 1.5rem}
#dettaglio .btn-light:hover{background-color:var(--primary); }

#dettaglio-area #product-slider .carousel-indicators{ justify-content: left;}
#dettaglio-area #product-slider .list-inline-item:not(:last-child) { margin-right: 0;}
#dettaglio-area #product-slider .list-inline-item{ margin-bottom: 1rem;}
/*--------------------------
*         CARRELLO
*--------------------------*/
.controls.first{ background:var(--dark); font-family: 'Playfair Display', sans-serif; font-size:18px; color:#fff;}
.item.cart .price{ font-size:26px; font-weight:700; font-family: var(--font-family-sans-serif);}
#supporto-area ul li::before {
    content: "•";
    color: var(--primary);
    display: inline-block;
    width: 1em;}

/*--------------------------
*         FOOTER
*--------------------------*/
#cnt_marchi{  position: relative; }
#cnt_marchi::before {
  content:'';
  display:block;
  width:100%;
  height: 60%;
  background:var(--light);
  position:absolute;
  top:30%;}
 
#cnt_marchi .carousel-control-prev{ top:inherit; left: inherit; right: 3rem;}
#cnt_marchi .carousel-control-next{ top:inherit; right: -1rem;}

footer{ /*background: transparent linear-gradient(180deg, var(--light) 0%, var(--light) 100%) 0% 0% no-repeat padding-box;*/ background-color: #000 !important; font-size:.875rem; color:#fff;}
footer ul li a{color:#fff; line-height:19px}
footer p{margin-bottom: 0;}

/*-----------------------------------
	RESPONSIVE
-----------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 1200px) {
.offcanvas-collapse .nav-item .nav-link {font-size: 54px;line-height: 54px;}
.nav-item .submenu{margin-top: -7rem !important;}
/*.nav-item .submenu .nav-link{ font-size: 26px !important; line-height: 34px;}*/
}

@media only screen and (max-width: 768px) {
	#slider-home,#slider-home .row{ height: inherit !important; min-height: inherit !important;}
	#slider-home .carousel-indicators{ top: inherit;right: 0;bottom: 0; left: 0; display: flex;}
	#slider-home .carousel-indicators li { margin-top: 0; margin-bottom: 0;}
	#slider-home #video-container{ height:400px}
	#slider-home #video-container video#cmn-video{ width:100%; height: auto;}
	.offcanvas-collapse .nav-item .nav-link {font-size: 46px;line-height: 46px;}
	/*.nav-item .submenu{margin-top: 0 !important;}
	.nav-item .submenu .nav-link{ font-size: 30px !important; line-height: 38px;}*/
	.banner img{ width:100%; height:auto;}


}

@media (max-width: 480px) {
	.offcanvas-collapse {
		top:0;
		bottom: 0 !important;
		right: 100%  !important;
		left:inherit !important;
		width:85% !important;
	  }
	  .offcanvas-collapse.show {
		visibility: visible;
		-webkit-transform: translate(100%,0) !important;
		transform: translate(100%,0) !important;
	  }
	.offcanvas-collapse.show .navbar-nav { height:auto !important; position:fixed; bottom:0; padding-bottom:1rem;}
	.nav-item.dropdown.dropdown.show{position: relative;}
	.nav-item .submenu{ 
	transform: none !important;
    position: relative !important;
    top: inherit !important;
    min-width: 100% !important;
	margin-top:0 !important;
	}
	.nav-item .submenu li{ width:45%; display:inline-block;}
	button.close {position: absolute; right: 1rem; top: -2.5rem;}
	
	.breadcrumb-item{ font-size:1rem !important;}  
	#geoindirizzo{ right:1rem !important;}
	#menu-p .nav-link{ font-size:14px;  padding:.5rem .7rem}
	.offcanvas-collapse.show .navbar-nav .nav-link{ font-size:25px !important; line-height: 40px;}
	.offcanvas-collapse.show .navbar-nav .nav-item .submenu .nav-link { font-size:16px !important; line-height: 24px !important;}
	.offcanvas-collapse .nav-item.wimg:hover img.cat{ opacity:0;}
	
	#slider-home #video-container{ height:300px}
	#home h5{ font-size:1rem; }
	#proposte-area{ margin-top:1rem;}
	#carouselNews .carousel-item{ padding-bottom:70px;}
	#carouselNews .carousel-indicators{ margin-left: 2rem !important;right: inherit;}
	#filtro,#filtro .content{min-height: auto !important; height: auto}
	
	.item h4{ font-size:1rem;}
	#list .item{ min-height: inherit; margin-bottom:4rem;}
	
	#article-slider .carousel-indicators, #product-slider .carousel-indicators { width:auto; margin: 0 15%; position: absolute; bottom:10px; justify-content: center !important;}
	#article-slider .carousel-indicators li img, #product-slider .carousel-indicators li img { display:none;}
	#product-slider .carousel-indicators li{ width:20px; height:20px; background: #FFF; border-radius:50%; opacity:1; border:0; position:relative;}
	#product-slider .carousel-indicators li:before { 
		content: '';
		background: transparent;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		margin: 4px;
		opacity:1;
		position: absolute;
		top: 0;
		left: 0;}
	#product-slider .carousel-indicators li.active { border:0;}
	#product-slider .carousel-indicators li.active:before{opacity:1; background: var(--primary) !important; border:0;}
	#dettaglio-area #product-slider .list-inline-item:not(:last-child) {margin-right: 0.5rem !important;}
	
	#cnt_marchi{background:var(--light); margin-bottom:3rem !important}
	#cnt_marchi::before { display:none;}
	
	

}