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

/*  
	
	FONTS UTILIZZATI : INSTRUMENT SANS (titoli e testi); JETBRAINS MONO (numeri in evindenza, elementi in hover);
	
	COLORI UTILIZZATI : nero (testi) #1A211C; bianco (sfondi, testi) #EDEDED; verde chiaro (frecce, icone, bottoni) #7EC41B; verde scuro #98D431; blu scuro (sfondi) #0A2A38;
	
*/

/* GENERAL */

:root {
	--nero-giovi: #1A211C;	
}

html,body { 
	margin:0;
	padding:0;
	font-family:Helvetica,Arial,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:#EDEDED;
	color: var(--nero-giovi);
	width: 100%;
}

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

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');


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

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

* {
	scrollbar-width: auto;
	scrollbar-color: #1A211C #ffffff00;
	outline:0!important;
	background-color: transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
  padding: 0px 5px;
  height: 10px;
  background-color: transparent;
}

*::-webkit-scrollbar-track {
  background: #ffffff00;
}

*::-webkit-scrollbar-thumb {
  background-color: #1A211C;
  border-radius: 20px;
  border: 0px none #ffffff;
}

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

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

a:hover {
	cursor:pointer !important;
	text-decoration: none;
	color: #7EC41B !important;
}

.section, .section3 {
	padding-top: 150px;
	padding-bottom: 150px;
}

.section2 {
	padding-top: 150px;
	padding-bottom: 100px;
}

.no-padding-left {
	margin-left: -15px !important;
	padding-right: 0px !important;
	margin-right: 0px !important;
}

.arrow-bottom {
	transform: rotate(90deg);
}

.container-fluid {
	padding-left: 25px;
	padding-right: 25px;
}

@media (max-width: 767.98px) {
	.section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section2 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.section3 {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

@media (min-width: 1200px){ // Cambiare in accordo con layout
	.container-fluid {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (min-width: 1600px){ // Cambiare in accordo con layout
	.container-fluid {
		padding-left: 100px;
		padding-right: 100px;
	}
}

/* LENIS CSS STYLE */

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

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

/* BOTTONI */

.btn {
	color: #1A211C;
}

.btn-container {
	text-align: center;
}

.btn-primary {
	background-color: #98D431;
	border: 1px solid #98D431;
}

.btn-primary:hover {
	background-color: #EDEDED;
	border: 1px solid #98D431;
	color: #98D431;
}

.btn-primary.focus, .btn-primary:focus {
	background-color: #98D431;
	border: 1px solid #98D431;
	box-shadow: none;
	color: #EDEDED;
}

.small-arrow-top {
	transform: rotate(-90deg);
	vertical-align: bottom;
}

.small-arrow-down {
	transform: rotate(90deg);
	vertical-align: text-top;
}

#mostra-meno {
	display: none;
}

/* COLOR */

.light-text {
	color: #EDEDED !important;
}

.dark-background {
	background-color: #0A2A38 !important;
}

.light-background {
	background-color: #EDEDED !important;
}

@media (min-width: 767.98px) {

	.bottom-right {
		background: linear-gradient(312deg,#0A2A38,#0A2A38 20%,hsla(0,0%,93%,0) 20%,hsla(0,0%,93%,0));
	}
	
	.bottom-right2 {
		background: linear-gradient(312deg,#EDEDED,#EDEDED 20%,hsla(0,0%,93%,0) 20%,hsla(0,0%,93%,0));
	}
	
	.bottom-left {
		background: linear-gradient(52deg,#EDEDED,#EDEDED 12%,hsla(0,0%,93%,0) 12%,hsla(0,0%,93%,0));
	}
	
	.bottom-left-secondary {
		background: linear-gradient(50deg,#EDEDED,#EDEDED 17%,hsla(0,0%,93%,0) 17%,hsla(0,0%,93%,0));
	}
	
	.top-left {
		background: linear-gradient(125deg,#EDEDED,#EDEDED 17%,hsla(0,0%,93%,0) 17%,hsla(0,0%,93%,0));
	}
	
	.top-right {
		background: linear-gradient(230deg,#EDEDED,#EDEDED 17%,hsla(0,0%,93%,0) 17%,hsla(0,0%,93%,0));
	}
	
	.top-right-2 {
		background: linear-gradient(230deg,#EDEDED,#EDEDED 350px,hsla(0,0%,93%,0) 350px,hsla(0,0%,93%,0));
	}
	
	.top-right-dark {
		background: linear-gradient(230deg,#0A2A38,#0A2A38 17%,hsla(0,0%,93%,0) 17%,hsla(0,0%,93%,0));
	}

}

/* TYPO */

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

.bold {
	font-weight: 700;
}

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

}

h1,.h1 {
}

h2,.h2 {
	font-family: 'Instrument Sans', sans-serif;
	font-size: clamp(2.5rem, 3.125vw, 3.56rem);
	font-weight: 400;
	color: #1A211C;
	position: relative;
	z-index: 1 !important;
}

h3,.h3 {
	font-family: 'JetBrains Mono', monospace;
	font-size: clamp(1.55rem, 1.67vw, 1.94rem);
	font-weight: 400;
	color: #1A211C;
	line-height: 1rem;
	
}

h4,.h4 {
	font-family: 'Instrument Sans', sans-serif;
	font-size: clamp(0.83rem, 0.93vw, 1.11rem);
	font-weight: 400;
	color: #1A211C;
	line-height: 1.3rem;
	position: relative;
	z-index: 2;
}

h5, .h5 {
	font-family: 'JetBrains Mono', monospace;
	font-size: clamp(1rem, 1.42vw, 1.22rem);
	font-weight: 400;
	color: #1A211C;
	line-height: 1.5rem;
}

h6,.h6 {
	font-family: 'Instrument Sans', sans-serif;
	font-size: clamp(1.22rem, 1.30vw, 1.56rem);
	font-weight: 400;
	color: #1A211C;
	
}

p,.p {
	font-family: 'Instrument Sans', sans-serif;
	font-size: clamp(0.77rem, 0.94vw, 1.11rem);
	font-weight: 400;
	color: #1A211C;
	line-height: 1.3rem;
	position: relative;
	z-index: 2;
}

@media (min-width: 992px) {

	.animate {
		opacity: 0;
		transform: translateY(30px); /* Inizia fuori dalla viewport */
		transition: opacity 0.5s, transform 0.5s;
	}
	
	.slide-left {
		transform: translateX(-30px); /* Inizia fuori dalla viewport a sinistra */
	}
	
	.slide-right {
		transform: translateX(30px); /* Inizia fuori dalla viewport a destra */
	}
	
	.slide-down {
		transform: translateY(-30px); /* Inizia fuori dalla viewport in alto */
	}
	
	.in-viewport {
		opacity: 1;
		transform: translateY(0);
	}
	
	.in-viewport.slide-left {
		transform: translateX(0); /* Effetto "slide in left" */
	}
	
	.in-viewport.slide-right {
		transform: translateX(0); /* Effetto "slide in right" */
	}
	
	.in-viewport.slide-down {
		transform: translateY(0); /* Effetto "slide in down" */
	}
	
}

@media (max-width: 991.98px) {
	
	.animate {
		opacity: 1;
	}

	
}

/* LOADER */

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

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

.navbar {
	position: fixed; /* Make it stick/fixed */
	top: -100px;
	width: 100%;
	background-color: #EDEDED;
	height: 100px;
	transition: top 0.3s;
	z-index: 100;
	border-bottom: 2px solid #7EC41B;
}

.navbar-new {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #EDEDED;
	height: 100px;
	z-index: 100;
	border-bottom: 2px solid #7EC41B;
	display: flex;	
}

.logo {
	width: clamp(6.67rem, 6.61vw, 7.5rem);
	height: auto;
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 100;
	
}

.menu-new {
	height: auto;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 100;
}

.menu-new ul {
	list-style-type: none;
	display: flex;
}

.menu-new li {
	list-style: none;
	padding: 0 20px;
}



.menu-scomparsa {
	height: auto;
	padding: 30px 50px;
	position: fixed;
	top: 30px;
	right: 30px;
	background-color: #EDEDED; 
	z-index: 100;
	transform-origin: top right;
	transform: scale(0); /* Riduci la larghezza a 0 */
	transition: transform 0.5s ease-in-out; /* Personalizza la transizione */
}


.menu-scomparsa ul {
	display: block;
	list-style-type: none;
	margin-block-start: 0em;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
	margin: 0;
}

.menu-scomparsa li {
	list-style: none;
	opacity: 0;
	transition: transform 0.5s ease-in-out; /* Personalizza la transizione */
}

.menu-scomparsa.open {
	transform: scale(1);
	transition: transform 0.5s ease-in-out;
}

.menu-scomparsa.open li {
	transform: scale(1);
	opacity: 1;
	transition: transform 0.5s ease-in-out; /* Personalizza la transizione */
}

.menu-scomparsa li::before {
	transition: ease-in-out 0.25s;
	display: inline-block;
	opacity: 0;
	content: '→';
	width: 30px;
	position: absolute;
	left: -60px;
	color: #7EC41B;
	font-family: 'Instrument Sans', Arial, sans-serif;
}

.menu-scomparsa li:hover::before {
	display: inline-block;
	opacity: 1;
	content: '→';
	width: 30px;
	position: absolute;
	left: -30px;
	color: #7EC41B;
	
}

@media (max-width: 575.98px) {
	
	.menu-scomparsa {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0px;
		right: 0px;
		transform-origin: right;
		transform: translateX(100%); /* Riduci la larghezza a 0 */
	}
	
	.menu-scomparsa ul {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translateY(-50%, -50%);
		transform: translate(-50%, -50%);
		list-style-type: none;
		margin-block-start: 0em;
		margin-block-end: 0;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 0px;
		margin: 0;
	}
	
	.menu-scomparsa li {
		font-size: 30px;
		padding-bottom: 15px;
		list-style: none;
		opacity: 0;
		transition: transform 0.5s ease-in-out; /* Personalizza la transizione */
	}
	
	.menu-scomparsa.open {
		transform: translateX(0%);
		transition: transform 0.5s ease-in-out;
	}
	
	.menu-scomparsa.open li {
		transform: translateX(0%);
		opacity: 1;
		transition: transform 0.5s ease-in-out; /* Personalizza la transizione */
	}
	
	.menu-scomparsa li::before {
		transition: ease-in-out 0.25s;
		display: inline-block;
		opacity: 0;
		content: '→';
		width: 30px;
		position: absolute;
		left: -60px;
		color: #7EC41B;
		font-family: 'Instrument Sans', Arial, sans-serif;
	}
	
	.menu-scomparsa li:hover::before {
		display: inline-block;
		opacity: 1;
		content: '→';
		width: 30px;
		position: absolute;
		left: -30px;
		color: #7EC41B;
	}
	
}

.btn-hamburger {
	position: fixed;
	top: 30px;
	right: 30px;
	background-color: #7EC41B;
	color: #1A211C;
	width: 42px;
	height: 42px;
	border: 2px solid #1A211C;
	z-index: 101;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#1A211C;
  stroke-width:2;
}
.ham4 .top {
  stroke-dasharray: 40 121;
}
.ham4 .bottom {
  stroke-dasharray: 40 121;
}
.ham4.active .top {
  stroke-dashoffset: -68px;
}
.ham4.active .bottom {
  stroke-dashoffset: -68px;
}

/* FOOTER */

#indicazioni {
	position: absolute;
	bottom: 25px;
	left: 25px;
	z-index: 2;
}

.contacts a, .cp-links {
	position: relative;
	transition: .3s !important;
	cursor: pointer;
}

.contacts a:hover, .cp-links:hover {
	color: #7EC41B;
	text-decoration: underline;
}

/* .contacts a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: '';
	height: 1px;
	background-color: #7EC41B;
} */

/* .contacts a:hover:after {
	margin-top: 5px;
} */

/* PAGINE */

/* INIZIO SEZIONE SLIDESHOW */

.title-animate {
	animation: fadeDown 1s ease-in-out 1s backwards;
}

@keyframes fadeDown {
	0% {
	opacity: 0;
	transform: translateY(-1em);
	}
	100% {
	opacity: 1;
	transform: translateY(0);
	}
}

.slideshow-background {
	background: linear-gradient(44deg,#EDEDED,#EDEDED 500px,hsla(0,0%,93%,0) 500px,hsla(0,0%,93%,0));
	width: 100%;
	height: 100vh;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.slideshow-img {
	object-fit: cover;
	object-position: 0% 100%;
}

.slideshow-img-wrapper {
	width: auto;
	height: 65vh;
	position: relative;
	z-index: 0;
	background-size: cover;
	background-position: center center;
}

.slideshow-title-logo-wrapper {
	width: auto;
	height: 35vh;
	background-color: #EDEDED;
	padding-top: 20px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}

@media (max-width: 767.98px) {
	
	.slideshow-background {
		background: linear-gradient(45deg,#EDEDED,#EDEDED 300px,hsla(0,0%,93%,0) 300px,hsla(0,0%,93%,0));
	}
	
	.slideshow-img-wrapper {
		width: auto;
		height: 35vh;
		position: relative;
		z-index: 0;
		background-size: cover;
		background-position: center center;
	}
	
	.slide-logo {
		width: 70%;
	}
	
	.slideshow-title-logo-wrapper {
		height: auto;
		padding-bottom: 0;
	}
	
}

/* FINE SEZIONE SLIDESHOW */

/* INIZIO SEZIONE PROGETTO */

.big-left-arrow {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
	transform: translate(-50%);
	margin-left: -15px;
}

@media (max-width: 767.99px) {
	.big-left-arrow {
		transform: none);
	}
}

.big-right-arrow {
	position: absolute;
	bottom: 0 !important;
	right: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
	margin-right: 0px;
}

.big-right-arrow-sost {
	position: absolute;
	bottom: 0 !important;
	right: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
}

.big-right-arrow-rev {
	position: absolute;
	bottom: 0 !important;
	right: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
	margin-left: -15px;
	transform: translate(100%);
}

.img-big {
	width: 100%;
	height: clamp(36rem, 66vw, 41.66rem);
	object-fit: cover;
}

@media (max-width: 767.98px) {
	
	.big-left-arrow, .big-right-arrow, .big-right-arrow-sost, .big-right-arrow-rev {
		display: none;
	}
	
	.img-big {
		height: calc(clamp(36rem, 66vw, 41.66rem)/2);
	}
	
}

@media (max-width: 767.98px) {
	
	.big-left-arrow, .big-right-arrow, .big-right-arrow-sost, .big-right-arrow-rev {
		display: none;
	}
	
	.img-big {
		height: calc(clamp(36rem, 66vw, 41.66rem)/2);
	}
	
}

/* FINE SEZIONE PROGETTO */

/* INIZIO SEZIONE LOCATION */

#location {
	overflow: hidden;
}

/* FINE SEZIONE LOCATION */

/* INIZIO SEZIONE MAGAZZINO */

.icon-magazzino {
	width: 50px;
}

/* INIZIO SEZIONE MAGAZZINO */

/* INIZIO SEZIONE MODULARITÀ */

.icona-tooltip {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	background-color: #98D43140;
	border: 1px solid #EDEDED;
	position: absolute;
	top: 0%;
	left: 0%;
	z-index: 2;
	cursor: pointer;
}

#one {
	position: absolute;
	top: 48%;
	left: 15%;
	z-index: 2;
}

#two {
	position: absolute;
	top: 33%;
	left: 35.5%;
	z-index: 2;
}

#three {
	position: absolute;
	top: 34%;
	left: 75%;
	z-index: 2;
}

#four {
	position: absolute;
	top: 44.5%;
	left: 83.5%;
	z-index: 2;
}

#five {
	position: absolute;
	top: 58.5%;
	left: 85.8%;
	z-index: 2;
}

#six {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	background-color: #0A2A3840;
	border: 1px solid #EDEDED;
	position: absolute;
	top: 61%;
	left: 65%;
	z-index: 2;
}

#seven {
	width: 25px;
	height: 25px;
	border-radius: 50px;
	background-color: #0A2A3840;
	border: 1px solid #EDEDED;
	position: absolute;
	top: 61%;
	left: 33%;
	z-index: 2;
}

.desc-tooltip {
	transform: translate(-50%, 0px);
	visibility: hidden;
	background-color: #EDEDED;
	padding: 10px 10px;
	position: absolute;
	z-index: 3;
	bottom: 40px;
	left: 50%;
	opacity: 0;
	transition: 0.3s;
}

.desc-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1px;
	height: 15px;
	background-color: #EDEDED;
	opacity: 0;
	transition: opacity 0.15s;
}

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

@media (max-width: 767.98px) {
	.icona-tooltip {
		transform-origin: center center;
		transform: scale(.7);
	}
}

.layout-btn {
	padding: 10px 10px;
	color: #1A211C;
	text-decoration: none !important;
	
}

.layout-btn::before {
	content: '';
	position: absolute;
	margin-top: 10px;
	transform: scaleX(1);
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #1A211C15;
}

.layout-btn::after {
	content: '';
	  position: absolute;
	  width: 100%;
	  margin-top: 10px;
	  transform: scaleX(0);
	  height: 1px;
	  bottom: 0;
	  left: 0;
	  background-color: #1A211C15;
	  transform-origin: bottom left;
	  transition: all 0.3s ease-in-out;
}

.layout-btn:hover::after {
	transform: scaleX(1);
	   height: 2px;
	   bottom: 0;
	   right: 0;
	   background-color: #7EC41B;
	   transform-origin: bottom left;
}

.grey-arrow {
	stroke: #1A211C30;
	transition: all 0.3s ease-in-out;
}

.layout-btn:hover .grey-arrow {
	stroke: #7EC41B;
	transform: rotate(-90deg);
}

.text-btn {
	transition: all 0.3s ease-in-out;
}

.layout-btn:hover .text-btn {
	color: #7EC41B;
}



.piano-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.piano-hover img {
	width: 100%;
	transition: opacity 0.3 ease;
}

.modularita {
	z-index: 10;
}

.big-vertical-arrow {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
	z-index: 5;
}

/* FINE SEZIONE MODULARITÀ */

/* INIZIO SEZIONE ACCESSIBILITÀ */

.big-left-arrow-reverse {
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: clamp(15.55rem, 16.51vw, 19.44rem);
	transform: translate(-50%) scaleY(-1);
}

/* FINE SEZIONE ACCESSIBILITÀ */

/* INIZIO SEZIONE SUPERFICI */

.icon {
	width: 48px;
	height: 48px;
}

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

.thead {
	border-top: 0px !important;
	border-color: #7EC41B !important;
		border-top-color: transparent !important;
		border-right-color: transparent !important;
		border-bottom-color: #7EC41B !important;
		border-left-color: transparent !important;
}

.tr {
	border-top: 0px !important;
	border-color: #7EC41B !important;
	border-top-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: #7EC41B !important;
	border-left-color: transparent !important;
}

.table-margin {
	padding: 0 5%;
}

@media (max-width: 767.98px) {
	
	.table-margin {
		margin: 0 15px;
		padding: 0 0px;
	}
	
	.table th, .th {
		position: sticky;
		left: 0;
		background-color: #EDEDED;
		z-index: 10;
	}
	
	.table td, .td {
		position: sticky;
		left: 0;
		z-index: 9;
	}
	
	.green-background {
		background-color: #d2e3bf !important;
	}
}



/* FINE SEZIONE SUPERFICI */

/* INIZIO SEZIONE GALLERY */

.image-hide {
	display: none;
}

/* FINE SEZIONE GALLERY */

/* NASCONDO WPML */