/*
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;
	
*/

/* GENERAL */

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

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;
}

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

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

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

.row {
	position: relative;
	z-index: 1;
}

@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.98px) {
	.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 */

 /*
  font-family: 'Cormorant Garamond', serif;
  font-family: 'Karla', sans-serif;
  */

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

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ 

}

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;
}

.dark {
	color: #000;
}

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

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

/* LOADER */
#loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:998;
	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)}}

/* HEADER */

#header {
	width: 100%;
	position: fixed;
	z-index: 10;
	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%;
	}
	
	.image-wrapper {
		width: 100%;
		height: 100vh;
		position: relative;
	}
	
	.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.98px) {
	.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;
	}
}

/* FINE SEZIONE WLP */


/* INIZIO SEZIONE PROGETTO */

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

@media (max-width: 991.98px) {
	.infos-wrapper {
		width: 50% !important;
		bottom: -4%;
		translate: 0% 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% !important;
	}
}

/* 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.98px) {
	.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;
}

.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.98px) {
	.green-big-symbol {
		display: none;
	}
	}

.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: 991.99px) {
	.green-big-symbol {
		display: none;
	}
	
	.green-symbol, .green-symbol-2, .green-symbol-3 {
		display: none;
	}
	
	.white-symbol {
		display: none;
	}
}

@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 */

.white-symbol-2 {
	display: block;
	width: 100%;
	padding: 0 0 !important;
	transform: rotate(180deg) scaleY(-1);
}

@media (max-width: 991.99px) {
	.white-symbol-2 {
		display: none;
	}
}

@media (max-width: 767.9999px) {

	
	.white-symbol-2 {
		display: none;
	}
	
}


@media (max-width: 575.9999px) {

	
	.white-symbol-2 {
		display: none;
	}
	
}

.features-wrapper {
	width: 70%;
	padding: 30px;
	background-color: #000;
	opacity: 0.8;
	position: relative;
	left: 0;
	bottom: 0;
	translate: -50% 100%;
	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.98px) {
	.features-wrapper {
		width: 50%;
		left: 50%;
		bottom: 12%;
		translate: -50% 50px;
	}
	
	.features-wrapper-2 {
		left: 0;
		bottom: 16%;
		translate: -50% -50%;
	}
	
}

@media (max-width: 767.9999px) {
	.features-wrapper {
		width: 50%;
		left: 0;
		bottom: 6%;
		translate: 0px 50px;
	}
	
	.features-wrapper-2 {
		left: 10%;
		bottom: 5%;
		width: 75%;
		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-2 {
		left: 0;
		bottom: 5%;
		width: 100%;
		translate: 0px 50px;
	}
}

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

@media (max-width: 991.98px) {
	.features-wrapper-ware {
		position: absolute;
		bottom: 5%;
		right: 5%;
		background-color: #000;
		opacity: 0.8;
		width: auto;
		padding: 30px 30px !important;
	}
}

@media (max-width: 575.98px) {
	.features-wrapper-ware {
		position: relative;
		left: 50%;
		translate: -50% 50px;
		background-color: #000;
		opacity: 0.8;
		width: 100%;
		padding: 30px 30px !important;
	}
}

/* FINE SEZIONE DESIGN */


/* INIZIO SEZIONE MAGAZZINO */ 

.info-wrapper {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 100px;
	z-index: 2;
}

.overlay-image {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.3;
	z-index: 1;
}

.green-reverse-symbol-2 {
	width: clamp(5.55rem, 9.63vw, 10.27rem);
	position: absolute;
	transform: scaleY(-1);
	top: 0;
	left: 0;
	translate: -100% 0%;
	rotate: 180deg;
}

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

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

@media (max-width: 575.99px) {
	.features-wrapper-3 {
		width: auto;
		padding: 30px;
		background-color: #000;
		opacity: 0.8;
		position: relative;
		left: 0;
		bottom: 0;
		translate: 0% 20%;
		z-index: 10;
	}
}


/* FINE SEZIONE MAGAZZINO */ 


/* INIZIO SEZIONE SPAZI MODULARI */ 

.modular-image {
	margin-top: -100px;
}

.modular-text {
	margin-top: -100px;
}

/* FINE SEZIONE SPAZI MODULARI */ 

/* INIZIO SEZIONE GREEN PARK */

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

@media (max-width: 991.98px) {
	.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: 35%;
	padding: 30px 30px !important;
	background-color: #000;
	opacity: 0.8;
	position: relative;
	left: 100%;
	bottom: 0;
	translate: -50% 10%;
}

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

@media (max-width: 767.99px) {
	.features-wrapper-right {
		left: 10%;
		bottom: 15%;
		width: 60%;
		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: 120vh;
object-fit: cover;
object-position: left center;
}

@media (max-width: 767.99px) {
	.office-img {
		width: 100%;
		height: 40vh;
		object-fit: cover;
		object-position: left 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: 100%;
	padding: 30px 30px !important;
	position: absolute;
	top: 0%;
}


.features-wrapper-sost {
	position: absolute;
	bottom: 15%;
	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;
	}
}


/* FINE SEZIONE SOSTENIBILITÀ */

/* INIZIO SEZIONE PLANIMETRIA */ 

.table td, .table th {
	padding: 10px 0px !important;
	vertical-align: middle !important;
}

@media (max-width: 575.99px) {
	#planimetria {
		margin-top: 250px;
	}
}