/*
Theme Name: Nome TEMA
Author: Neiko srl
Author URI: http://www.neiko.it/
Description: Nome TEMA - ANNO
Version: 1.0
License: GNU General Public License v2 or later
*/

/*  
	
	FONTS UTILIZZATI :
	
	COLORI UTILIZZATI : Colore primario - bianco neutro = #FFF |  Colore secondario - verde chiaro = #B3D3C2; verde scuro/hover = #92B4A2;
	
*/

 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Karla:wght@400;700&display=swap');

/* GENERAL */
html,body { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Karla', sans-serif !important;
	font-size: 18px !important;
	font-weight:400;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	background-color:#FFF;
	color:#000;
	overflow-x: hidden;
}

@media (min-width: 1600px){ 
	html,body {
		font-size: 18px !important;
	}
}


img,a img {
	border:none!important;
}

::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#000;
}

* {
	outline:0!important;
}

b,strong,.bold { 
	font-weight:700;
}

a,a:visited { 
	outline-style:none;
	text-decoration:none;
	color:#000;
}

a:hover { 
	cursor:pointer !important;
	color:#000;
	text-decoration:underline;
}

.btn-primary {
	position: absolute;
	left: 5%;
	bottom: 5%;
	background-color: #B3D3C2 !important;
	color: #000 !important;
	padding: 15px 25px !important;
	border: none !important;
	border-radius: 50px !important;
	transition: all 0.3s ease-out;
}

.btn-primary:hover {
	background-color: #92B4A2 !important;
	transition: all 0.3s ease-out;
}

.button-footer {
	font-family: 'Karla', serif;
	font-size: clamp(0.89rem, 0.93vw, 1rem);
}

.no-padding-left {
	padding-left: 0px;
}

.no-padding-right {
	padding-right: 0px;
}

@media (max-width: 767.98px) {
	.no-padding-left {
		padding-left: 15px;
	}
	
	.no-padding-right {
		padding-right: 15px;
	}
}

.overlay {
	background-color: #000;
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mt200 {
	margin-top: 200px !important;
}

.pt200 {
	padding-top: 200px !important;
}

.pb200 {
	padding-bottom: 200px !important;
}

.py200 {
	padding-top: 200px !important;
	padding-bottom: 200px !important;
}

.my200 {
	margin-top: 200px !important;
	margin-bottom: 200px !important;
}


@media (max-width: 991.9999px) {
	.mt200 {
		margin-top: 100px !important;
	}
	
	.pt200 {
		padding-top: 100px !important;
	}
	
	.pb200 {
		padding-bottom: 100px !important;
	}
	
	.py200 {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
	
	.my200 {
		margin-top: 100px !important;
		margin-bottom: 100px !important;
	}
}

@media (max-width: 767.9999px) {
	.mt200 {
		margin-top: 50px !important;
	}
	
	.pt200 {
		padding-top: 50px !important;
	}
	
	.pb200 {
		padding-bottom: 50px !important;
	}
	
	.py200 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	.my200 {
		margin-top: 50px !important;
		margin-bottom: 50px !important;
	}
}

@media (max-width: 767.9999px) {
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1200px){
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1600px){
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/* TYPO */

.big{
	font-size: 1.1rem;
}
.small{
	font-size: 0.9rem;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ // Cambiare in accordo con layout

}

h2, .h2 {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp( 2rem, 3.64vw, 4.17rem);
	font-weight: 600;
	line-height: 3rem;
	letter-spacing: -1px;
}

h3, .h3 {
	font-family: 'Karla', sans-serif;
	font-size: clamp(1.11rem, 1.25vw, 1.56rem);
}

h4, .h4 {
	font-family: 'Karla', sans-serif;
	font-size: clamp(1.11rem, 1.45vw, 1.55rem);
	font-weight: 700 !important;
}

i, .i {
	font-family: 'Karla', sans-serif;
	font-size: clamp(0.89rem, 0.93vw, 1rem);
	font-weight: 400 !important;
	padding-left: 5px;
}

h5, .h5 {
	font-family: 'Karla', serif;
	font-size: clamp(0.89rem, 0.93vw, 1rem);
}

h6, .h6 {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(1.94rem, 3.64vw, 3.88rem);
	font-weight: 600;
	letter-spacing: -1px;
}

.features-text {
	font-family: 'Karla', sans-serif;
	font-size: clamp(1.22rem, 1.66vw, 1.78rem);
	font-weight: 400;
}

.features-second-text {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(1.11rem, 1.25vw, 1.33rem);
	font-weight: 600;
	letter-spacing: -1px;
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-thickness: 1px;
	text-transform: uppercase;
}

p, .p {
	font-family: 'Karla', sans-serif;
	font-size: clamp(0.8rem, 1.042vw, 1.11rem);
	font-weight: 400 !important;
	margin-bottom: 0px !important;
}

.title-warehouse {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(1.38rem, 1.82vw, 1.94rem);
	font-weight: 600;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-align: center;
}

.desc-warehouse {
	font-family: 'Karla', sans-serif;
	font-size: clamp(0.55rem, 0.62vw, 0.66rem);
	font-weight: 400 !important;
	margin-bottom: 0px !important;
	text-align: center;
}

.uppercase {
	text-transform: uppercase;
}

/* LENIS */

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* COLORI */ 

.light {
	color: #FFF !important;
}

.dark {
	color: #000;
}

.white-background {
	background-color: #FFF;
}

.green-background {
	background-color: #B3D3C2 !important;
}

/* LOADER */

#loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99999;
	background-color:#fff;
}

.loader {
	color:#000;
	font-size:50px;
	text-indent:-9999em;
	overflow:hidden;
	width:1em;
	height:1em;
	border-radius:50%;
	margin:50px auto;
	position:relative;
	top:40%;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:loadnk 1.7s infinite ease,round 1.7s infinite ease;
	animation:loadnk 1.7s infinite ease,round 1.7s infinite ease;
}

@-webkit-keyframes loadnk{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@keyframes loadnk{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* COOKIE BANNER */

#nk-cookie-banner-banner p {
	font-family: 'Karla', sans-serif !important;
	font-size: clamp(0.77rem, 0.93vw, 1rem) !important;
	font-weight: 400 !important;
	margin-bottom: 0px !important;
	line-height: 1.3;
}

/* HEADER */

#header {
	width: 100%;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	padding: 50px 30px;
	transition: padding 0.5s, background-color 0.5s;
}

.navbar {
	padding: 0px 0px !important;
}

.navbar-brand {
	width: clamp(3.88rem, 7.81vw, 8.33rem);
}

.logo-dark {
	opacity: 0;
}

.menu-btn {
	display: none;
}

.navbar-toggler {
	display: none;
}


@media (max-width: 1199.98px) {
	
	#header {
		padding: 5px 20px !important;
	}
	
	.logo-light {
		width: clamp(3.88rem, 7.81vw, 8.33rem) !important;
		display: block !important;
		opacity: 1 !important;
	}
	
	.logo-dark {
		display: none !important;
		opacity: 0 !important;
	}
	
	.navbar-toggler {
		display: none;
	}
	
	#navigazione {
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		flex-flow: column;
		background-color: #B3D3C2;
		justify-content: center !important;
		z-index: 997;
		transition: top 1.2s ease-in-out;
	}
	
	#navigazione.visibile {
		top: 0;
	}
	
	.nav-link {
		font-family: 'Cormorant Garamond', serif;
		font-size: clamp(1.5rem, 3.12vw, 3.33rem) !important;
		font-weight: 600;
		text-align: center !important;
		letter-spacing: -1px;
		text-transform: uppercase;
		position: relative;
		padding: 0 !important;
		margin: 15px 0px !important;
		color: #FFF !important;
	}
	
	.nav-link:hover {
		color: #FFF !important;
		transition: none;
	}
	
	.menu-btn {
	  background-color: transparent;
	  border: none;
	  cursor: pointer;
	  display: flex;
	  padding: 0;
	  width: clamp(2.5rem, 3.12vw, 3.33rem);
	  z-index: 998;
	}
	
	.line {
	  fill: none;
	  stroke: #FFF !important;
	  stroke-width: 6;
	  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	
	.line1 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	
	.line2 {
	  stroke-dasharray: 60 60;
	  stroke-width: 6;
	}
	
	.line3 {
	  stroke-dasharray: 60 207;
	  stroke-width: 6;
	}
	
	.opened .line1 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}
	
	.opened .line2 {
	  stroke-dasharray: 1 60;
	  stroke-dashoffset: -30;
	  stroke-width: 6;
	}
	
	.opened .line3 {
	  stroke-dasharray: 90 207;
	  stroke-dashoffset: -134;
	  stroke-width: 6;
	}

}



.nav-link {
	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(1.11rem, 1.25vw, 1.33rem);
	font-weight: 600;
	letter-spacing: -1px;
	text-transform: uppercase;
	position: relative;
	padding: 0 !important;
	margin: 0 25px;
	color: #FFF;
	transition: 0.3s ease-out;
}

.nav-link:hover {
	color: #B3D3C2;
	transition: 0.3s ease-out;
}

.nav-link::after {
	content: '';
	position: absolute;
	width: 100%;
	margin-top: 5px;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #B3D3C2;
	transform-origin: bottom right;
	transition: transform 0.3s ease-out;
}
	
.nav-link:hover::after {
	transform: scaleX(1);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #B3D3C2;
	transform-origin: bottom left;
	transition: transform 0.3s ease-out;
}

.nav-link:hover::after .menu-item  {
	color: #B3D3C2;
	transition: 0.3s ease-out;
}

.navbar-toggler {
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 1rem;
	line-height: 0;
	background-color: transparent;
	border-radius: 0rem;
	position: absolute;
	right: 0;
}

@media (max-width: 575.99px) {
	#navigazione {
		position: fixed;
		top: -100vh;
		left: 0;
		width: 100%;
		height: 100vh;
		display: flex;
		flex-flow: column;
		background-color: #B3D3C2;
		justify-content: center !important;
		z-index: 997;
		transition: top 1.2s ease-in-out;
	}
	
	#navigazione.visibile {
		top: 0;
	}
}


/* FOOTER */

#footer {
	border-top: solid 5px #B3D3C2 !important;
	background-color: #FFF !important;
	position: relative;
	display: block !important;
}

/* PAGINE */

/* INIZIO SEZIONE SLIDESHOW */ 

.image-wrapper {
	width: 100%;
	height: 100vh;
	position: relative;
}

.slideshow-container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.background-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}

.title-slideshow {
	position: absolute;
	left: 8.16666%;
	bottom: clamp(3.33rem, 6.25vw, 6.66rem);
}

@media (max-width: 575.98px) {
	.slideshow-container {
		height: 100vh !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.title-slideshow {
		position: absolute;
		left: 5%;
		bottom: 10%;
	}
	
	.background-image {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		object-position: bottom;
	}
}


.general-info {
	position: absolute;
	right: 8.16666%;
	bottom: clamp(3.33rem, 6.25vw, 6.66rem);
}



@media (max-width: 991.9999px) {
	.general-info {
		position: absolute;
		right: 8.16666%;
		top: 25%;
	}
}

@media (max-width: 575.9999px) {
	.general-info {
		display: none;
	}
}


/* FINE SEZIONE SLIDESHOW */ 

/* INIZIO SEZIONE WLP */

.background-line {
	width: 100%;
	padding: 0 !important;
	height: 15px;
	background-color: #B3D3C2;
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 0;
}

@media (max-width: 991.98px) {
	.background-line {
		display: none;
	}
}

/* INIZIO SEZIONE PROGETTO */

.infos-wrapper {
	width: 300%;
	padding: 30px !important;
	background-color: #000 !important;
	opacity: 0.8;
	position: relative;
	left: 0;
	bottom: 0;
	translate: 0% 50%;
	z-index: 10;
}

@media (max-width: 991.99px) {
	.infos-wrapper {
		width: 100%;
		translate: 0 25px;
		bottom: 0%;
	}
}

@media (max-width: 767.98px) {
	.infos-wrapper {
		width: 65%;
		translate: 0 25px;
		left: 10%;
		bottom: 0%;
	}
}

@media (max-width: 575.9999px) {
	.infos-wrapper {
		left: 0;
		bottom: -2%;
		translate: 0 0;
		width: 100%;
	}
}



/* FINE SEZIONE PROGETTO */


/* INIZIO SEZIONE LOCATION */ 

.icon {
	width: clamp(1.66rem, 2.60vw, 2.77rem);
	height: clamp(1.66rem, 2.60vw, 2.77rem);
}

.location-info {
	padding: 30px;
	background-color: #FFF;
	opacity: 0.8;
	position: absolute;
	left: 10%;
	bottom: 25%;
	z-index: 2;
}

@media (max-width: 991.9999px) {
	.location-info {
		padding: 20px 20px;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		left: 10%;
		bottom: 55%;
		translate: 0% 50%;
	}
}

@media (max-width: 767.99px) {
	.location-info {
		bottom: 49%;
	}
}

@media (max-width: 575.9999px) {
	.location-info {
		padding: 20px 20px;
		background-color: rgba(255, 255, 255, 1);
		position: relative;
		left: 0%;
		bottom: 25%;
		translate: 0% 50%;
	}
}


.italy-map {
	position: relative;
	z-index: 1;
}

.location-title {
	z-index: 2 !important;
}

.green-big-symbol {
	width: clamp(22.22rem, 50vw, 61rem);
	height: auto;
	position: absolute;
	right: 0;
	top: 100px;
	z-index: 0;
	translate: 0 -20px;
}

@media (max-width: 991.9999px) {
	.green-big-symbol {
		right: 0;
		top: 100px;
		translate: 50% 50%;
		overflow: hidden;
	}
	}

.green-symbol {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.green-symbol-3 {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.green-symbol-2 {
	width: 100%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}


.white-symbol {
	display: block;
	width: 100%;
	padding: 0 0 !important;
}

@media (max-width: 767.9999px) {
	.green-big-symbol {
		display: none;
	}
	
	.green-symbol, .green-symbol-2, .green-symbol-3 {
		display: none;
	}
	
	.white-symbol {
		display: none;
	}
	
}


@media (max-width: 575.9999px) {
	.green-big-symbol {
		display: none;
	}
	
	.green-symbol, .green-symbol-2, .green-symbol-3 {
		display: none;
	}
	
	.white-symbol {
		display: none;
	}
	
}


/* FINE SEZIONE LOCATION */ 

/* INIZIO SEZIONE DESIGN */

.features-wrapper {
	width: auto;
	padding: 30px;
	background-color: #000;
	opacity: 0.8;
	position: relative;
	left: 0;
	bottom: 0;
	translate: 50% 50%;
	z-index: 10;
}

.features-wrapper-2 {
	width: auto;
	padding: 30px;
	background-color: #000;
	opacity: 0.8;
	position: relative;
	left: 0;
	bottom: 0;
	translate: -50% 0%;
	z-index: 10;
}

@media (max-width: 991.9999px) {
	.features-wrapper {
		width: 50%;
		left: 50%;
		bottom: 12%;
		translate: -50% 50px;
	}
	
	.features-wrapper-2 {
		left: 0;
		bottom: 16%;
		translate: 0px 50px;
	}
	
}

@media (max-width: 767.9999px) {
	.features-wrapper {
		width: 50%;
		left: 0;
		bottom: 2%;
		translate: 0px 50px;
	}
	
	.features-wrapper-2 {
		left: 10%;
		bottom: 5%;
		width: 50%;
		translate: 0px 50px;
	}
	
}

@media (max-width: 575.9999px) {
	.features-wrapper {
		width: 100%;
		padding: 30px 30px !important;
		background-color: #000;
		opacity: 0.8;
		position: relative;
		left: 0;
		bottom: 0;
		translate: 0px 20px;
	}
	
	.features-wrapper-1 {
		left: 0;
		bottom: 3%;
		padding: 30px 30px 0px 30px !important;
		translate: 0px 50px;
		width: 100%;
	}
	
	.features-wrapper-2 {
		left: 0;
		bottom: 5%;
		width: 100%;
		translate: 0px 50px;
	}
}


/* FINE SEZIONE DESIGN */

/* INIZIO SEZIONE MAGAZZINO */

.icona-tooltip {
	width: clamp(0.75rem, 1.82vw, 1.94rem);
	height: clamp(0.75rem, 1.82vw, 1.94rem);
	border-radius: 50%;
	background-color: #B3D3C2;
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 10;
	cursor: pointer;
	transition: transform 0.3s;
}


.scopri {
	display: block;
	border: 0px;
	border-radius: 100% !important;
	width: clamp(2.5rem, 3.64vw, 3.88rem);
	height: clamp(2.5rem, 3.64vw, 3.88rem);
	background-color: #fff;
	border-radius: 0;
	text-transform: uppercase;
	position: absolute;
	top: 0%;
	left: 0%;
	translate: -25% -25%;
}

.scopri span {

	font-family: 'Cormorant Garamond', serif;
	font-size: clamp(0.77rem, 0.83vw, 0.88rem);
	font-weight: 600;
	color: #B3D3C2;
	letter-spacing: -1px;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;

}


#s-one, #s-two, #s-three, #s-four, #s-five, #s-six {
	top: 0%;
	left: 0%;
	opacity: 0;
}

#one {
	top: 23.5vw;
	left: 12vw;
	background-color: #B3D3C2;
}

#two {
	top: 25.5vw;
	left: 28vw;
	background-color: #B3D3C2;
}

#three {
	top: 21.7vw;
	left: 54vw;
	background-color: #B3D3C2;
}

#four {
	top: 16vw;
	left: 50.5vw;
	background-color: #B3D3C2;
}

#five {
	top: 11vw;
	left: 61vw;
	background-color: #B3D3C2;
}

#six {
	top: 5vw;
	left: 67.5vw;
	background-color: #B3D3C2;
}


.desc-tooltip {
	transform: translateX(-50%);
	visibility: hidden;
	background-color: #F6F6F6;
	padding: 18px 36px;
	position: absolute;
	z-index: 3;
	bottom: 75px;
	left: 50%;
	opacity: 0;
	transition: 0.3s;
	border-radius: 15px;
	white-space: nowrap;
	z-index: 20 !important;
}

.icona-tooltip:hover .desc-tooltip {
	visibility: visible;
	opacity: 1;
	
}

#magazzino-a-south, #magazzino-b-south, #magazzino-d1, #magazzino-d2, #magazzino-c1, #magazzino-b {
	display: none;
}

/* FANCYBOX */

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	transform: translateZ(0);
	width: 100%;
	z-index: 99992;
}

@media (max-width: 575.9999px) {
	.fancybox-content {
		padding: 20px !important;
	}
}



.fancybox-slide {
	padding: 50px !important;
}

.slideshow-slide img {
	width: 100% !important;
	height: 65vh !important;
	object-fit: cover !important;
	object-position: center center !important;
	padding: 0px 50px !important;
}

@media (max-width: 767.9999px) {
.slideshow-slide img {
	width: 100% !important;
	height: 50vh !important;
	object-fit: cover !important;
	object-position: center center !important;
	padding: 0px 30px !important;
	
}	
	
}

@media (max-width: 575.9999px) {
	.fancybox-slide {
		padding: 15px !important;
	}
}


/* FINE FANCYBOX */

.magazzino-1 {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
	z-index: 8;
}

.magazzino-wrapper {
	height:clamp(25rem, 45vh, 47.22rem);
}

@media (max-width: 991.9999px) {
	.magazzino-wrapper {
		height:clamp(15rem, 30vh, 32rem);
	}
}



.magazzino-2, .magazzino-3, .magazzino-4, .magazzino-5, .magazzino-6, .magazzino-7 {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 9;
}

.slick-list,
.slick-track {
  transition-delay: 10ms;
}

.slick-next::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 56 56'%3E%3Cg id='Componente_3_21' data-name='Componente 3 – 21' transform='translate(3 3)'%3E%3Cg id='Ellisse_100' data-name='Ellisse 100' transform='translate(0 0)' fill='%23b3d3c2' stroke='%23fff' stroke-width='3'%3E%3Ccircle cx='25' cy='25' r='25' stroke='none'/%3E%3Ccircle cx='25' cy='25' r='26.5' fill='none'/%3E%3C/g%3E%3Cpath id='Tracciato_10714' data-name='Tracciato 10714' d='M2.09,0,0,2.459,11.745,10.9,0,19.259l2.09,2.5L15,12.3V9.5Z' transform='translate(19 14.494)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
	opacity: 1 !important;
}

.slick-prev::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' viewBox='0 0 56 56'%3E%3Cg id='Componente_3_21' data-name='Componente 3 – 21' transform='translate(53 53) rotate(180)'%3E%3Cg id='Ellisse_100' data-name='Ellisse 100' transform='translate(0 0)' fill='%23b3d3c2' stroke='%23fff' stroke-width='3'%3E%3Ccircle cx='25' cy='25' r='25' stroke='none'/%3E%3Ccircle cx='25' cy='25' r='26.5' fill='none'/%3E%3C/g%3E%3Cpath id='Tracciato_10714' data-name='Tracciato 10714' d='M2.09,0,0,2.459,11.745,10.9,0,19.259l2.09,2.5L15,12.3V9.5Z' transform='translate(19 14.494)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
	opacity: 1 !important;
}

.slick-prev, .slick-next {
	position: absolute;
	top: 50%;
	display: block;
	translate: 0 50%;
	background-color: inherit !important;
	z-index: 10;
}



.slick-prev {
	left: -10% !important;
}

.slick-next {
	right: -10% !important;
}

.slick-next:hover {
	opacity: 0.75 !important;
}

.slick-prev:hover {
	opacity: 0.75 !important;
}

@media (max-width: 991.99px) {
	.slick-prev {
		left: 5% !important;
	}
	
	.slick-next {
		right: 5% !important;
	}
}

@media (max-width: 767.9999px) {
	.slick-prev {
		left: 5% !important;
	}
	
	.slick-next {
		right: 10% !important;
	}
	
	.slick-next:hover {
		opacity: 1 !important;
	}
	
	.slick-prev:hover {
		opacity: 1 !important;
	}
	
	.magazzino-wrapper {
		height:clamp(14rem, 20vh, 22rem);
	}
}

@media (max-width: 577.98px) {
	.slick-prev {
		left: -5% !important;
	}
	
	.slick-next {
		right: 5% !important;
	}
	
	.slick-next:hover {
		opacity: 1 !important;
	}
	
	.slick-prev:hover {
		opacity: 1 !important;
	}
	
	.magazzino-wrapper {
		height:clamp(10rem, 20vh, 22rem);
	}
}


/* SLICK SLIDER */

.table td, .table th {
	padding: 10px 0px !important;
	vertical-align: middle !important;
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}

.table tr td, .table tr th {
	border-top: 1px solid #000 !important;
}

/* FINE SEZIONE MAGAZZINO */

/* INIZIO SEZIONE GREEN PARK */

.green-reverse-symbol {
	width: 100%;
	scale: -1;
}

@media (max-width: 991.99px) {
	.green-section {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 767.9999px) {
	.green-reverse-symbol {
		display: none;
	}
}

/* FINE SEZIONE GREEN PARK */

/* INIZIO SEZIONE TRUCK PARKING */

.features-wrapper-right {
	width: auto;
	padding: 30px 30px !important;
	background-color: #000;
	opacity: 0.8;
	position: relative;
	left: 100%;
	bottom: 0;
	translate: -50% -50%;
}

@media (max-width: 991.9999px) {
	.features-wrapper-right {
		left: 8%;
		bottom: 26%;
		translate: 0 50%;
	}
}

@media (max-width: 767.99px) {
	.features-wrapper-right {
		left: 10%;
		bottom: 8%;
		width: 50%;
		translate: 0 50%;
	}
}

@media (max-width: 575.9999px) {
	.features-wrapper-right {
		left: 0;
		bottom: 0;
		translate: 0 20px;
		width: 100%;
	}
}

/* FINE SEZIONE TRUCK PARKING */

/* INIZIO SEZIONE UFFICI */


.office-img {
	width: 100%;
	height: 70vh;
		object-fit: cover;
		object-position: center center;
	}

/* FINE SEZIONE UFFICI */

/* INIZIO SEZIONE SOSTENIBILITÀ */

.sost-background-image {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center;
	position: relative;
}


.sostenibility-wrapper {
	background-color: #000;
	opacity: 0.8;
	width: auto;
	padding: 30px 30px !important;
	position: absolute;
	top: 100px;
}

.features-wrapper-sost {
	position: absolute;
	bottom: 100px;
	right: 8.16%;
	background-color: #000;
	opacity: 0.8;
	width: auto;
	padding: 30px 30px !important;
}

	#sostenibilita {
	padding: 0 !important;
	width: 100%;
	height: 100vh;
}


@media (max-width: 991.98px) {
	
	#sostenibilita {
		padding: 0 !important;
		width: 100%;
		height: 100vh;
	}
	
	.sost-image {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		object-position: center;
	}
	
	.sost-background-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: relative;
	}
	
	.features-wrapper-sost {
		bottom: 20%;
		right: 5%;
	}
	
	.sostenibility-wrapper {
		top: -5%;
		left: -5%;
	}
}

@media (max-width: 767.98px) {
	
	#sostenibilita {
		padding: 0 !important;
		width: 100%;
		height: 100vh;
	}
	
	.sost-background-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		position: relative;
	}
	
	.sost-image {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		object-position: center;
	}
	
	.features-wrapper-sost {
		bottom: 8%;
		right: 5%;
	}
	
	.sostenibility-wrapper {
		top: 8%;
		left: 5%;
		width: 65%;
	}
}


@media (max-width: 575.98px) {
	.sostenibility-wrapper {
	position: relative;
	width: 100% !important;
	left: 50%;
	translate: -50% 25px;
	}

	.features-wrapper-sost {
		position: relative;
		bottom: 20px;
		left: 50%;
		translate: -50% 70px;
		width: 100%;
	}
	
	.sost-background-image {
		padding: 0 15px !important;
		width: 100%;
		height: auto;
		object-fit: none;
		object-position: none;
		position: relative;
	}
	
	.sost-image {
		width: 100%;
		height: 35vh;
		object-fit: cover;
		object-position: center;
	}
	
	#sostenibilita {
		padding: 0 0 50px 0 !important;
		width: 100%;
		height: auto;
	}
}


/* FINE SEZIONE SOSTENIBILITÀ */