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

/*  
	
	FONTS UTILIZZATI : Ortica Linear / Albert Sans
	
	COLORI UTILIZZATI : colore chiaro = #F4F4F4; / colore scuro = #4A4A49; / colore verde elementi = #76826B; / colore rosso elementi = #6F3E38;
	
*/

/* GENERAL */

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: inheritantialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	background-color:#F4F4F4;
	color:#4A4A49;
}

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


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

::-moz-selection {
	background:none repeat scroll 0 0 #F4F4F4;
	color:#4A4A49;
}

* {
	outline:0!important;
}

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

a,.a {
	/* width: 100%; */
}

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

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


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

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


/* BUTTONS */

.button {
	font-family: 'Albert Sans', sans-serif !important;
	font-size: clamp(0.89rem, 0.94vw, 1.22rem) !important;
	color: #6F3E38 !important;
	background-color: #F4F4F4 !important;
	border: 1px solid #6F3E38 !important;
	transition: all 0.3s ease-out !important;
	padding: 10px 15px !important;
}

.button:hover {
	color: #F4F4F4 !important;
	background-color: #6F3E38 !important;
	border: 1px solid #6F3E38 !important;
	transition: all 0.3s ease-out !important;
}

.btn-secondary {
	font-family: 'Albert Sans', sans-serif !important;
	font-size: clamp(0.89rem, 0.94vw, 1.22rem) !important;
	color: #F4F4F4 !important;
	background-color: transparent !important;
	border: 1px solid #F4F4F4 !important;
	transition: all 0.3s ease-out !important;
}

.btn-secondary:hover {
	color: #6F3E38 !important;
	background-color: #F4F4F4 !important;
	border: 1px solid #F4F4F4 !important;
	transition: all 0.3s ease-out !important;
}

.svg-footer {
	width: 100% !important;
	height: auto !important;
}

.btn-header {
	font-family: 'Albert Sans', sans-serif !important;
	font-size: clamp(0.89rem, 0.94vw, 1.22rem) !important;
	color: #F4F4F4 !important;
	background-color: #6F3E38 !important;
	border: 1px solid #6F3E38 !important;
	font-size: clamp(0.88rem, 0.94vw, 18rem);
}


.btn-header:hover {
	color: #6F3E38 !important;
	background-color: #F4F4F4 !important;
	border: 1px solid #6F3E38 !important;
}

@media (max-width: 991.99px) {
	.btn-header {
		font-size: clamp(1.56rem, 1.66vw, 1.77rem) !important;
	}
	
	
	.btn-header:hover {
		color: #6F3E38 !important;
		background-color: #F4F4F4 !important;
		border: 1px solid #6F3E38 !important;
	}
}

/* TYPO */

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

@font-face {
  font-family: "Ortica-linear";
  src: url("fonts/OrticaLinear-Light.woff2") format("woff2"),
	   url("fonts/OrticaLinear-Light.woff") format("woff");
}

/*

font-family: 'Albert Sans', sans-serif;
font-family: 'Ortica-linear';

*/

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

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

}

h1,.h1 {
	
}

h2,.h2 {
	font-family: 'Ortica-linear';
	font-size: clamp(1.78rem, 3.12vw, 3.61rem);
	font-weight: 300;
	
}

h3,.h3 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 400;
	font-size: clamp(1.1rem, 1.56vw, 1.89rem);
	text-transform: uppercase;
}

h4,.h4 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 400;
	font-size: clamp(1.33rem, 1.56vw, 1.66rem);
	padding: 0 !important;
	margin-bottom: 0;
}

.subtitle-section {
	transform: rotate(180deg) translateX(-50%);
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	margin-top: -15px !important;
	writing-mode: vertical-rl;
	text-transform: uppercase;
}

@media (max-width: 991.98px) {
	.subtitle-section {
		display: none !important;
	}
}

h5,.h5 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(0.89rem, 0.94vw, 1.11rem);
}

h6,.h6 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 400;
	font-size: clamp(0.89rem, 0.94vw, 1.11rem);
}

.label {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(0.89rem, 0.94vw, 1.11rem);
	color: #4A4A49 !important;
}

.label:hover {
	color: #6F3E38 !important;
	text-decoration: underline 1px;
	text-underline-offset: 8px;
	
}

.label-small, .label-small-footer {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(0.66rem, 0.78vw, 0.83rem);
	color: #4A4A49 !important;
	margin-bottom: 5px !important;
	cursor: pointer;
}

.label-small:hover {
	color: #6F3E38 !important;
	text-decoration: underline 1px;
	text-underline-offset: 5px;
}

@media (max-width: 575.99px) {
	
	.label-small {
		font-family: 'Albert Sans', sans-serif;
		font-weight: 300;
		font-size: clamp(0.55rem, 0.78vw, 0.83rem);
		color: #4A4A49 !important;
		margin-bottom: 5px !important;
		text-align: center;
	}
	
	.footer-subtitle {
	text-align: center;
	padding-top: 30px !important;
	padding-bottom: 20px !important;
	margin-bottom: 0px !important;
	}
}

i {
	font-style: normal !important;
	color: #6F3E38 !important;
}

span {
	font-style: normal !important;
	color: #76826B !important;
}

@media (max-width: 991.98px) {
	.title-right {
		text-align: left !important;
	}
	
	/* .title-slideshow {
		text-align: center !important;
	} */
}

/* COLORS */

.light {
	color: #F4F4F4 !important;
}

.dark {
	color: #4A4A49 !important;
}

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

.red-background {
	background-color: #6F3E38 !important;
}

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

/* LOADER */

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

.loader {
	width: clamp(10.33rem, 15.62vw, 16.66rem) !important;
	height: auto;
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.svg-elem-1{-webkit-animation:animate-svg-fill-1 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.4s both;animation:animate-svg-fill-1 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.4s both}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-2{-webkit-animation:animate-svg-fill-2 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.55s both;animation:animate-svg-fill-2 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.55s both}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(201,201,201)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(201,201,201)}}.svg-elem-3{-webkit-animation:animate-svg-fill-3 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.7s both;animation:animate-svg-fill-3 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.7s both}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-4{-webkit-animation:animate-svg-fill-4 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.85s both;animation:animate-svg-fill-4 0.8s cubic-bezier(0.47,0,0.745,0.715) 0.85s both}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-fill-5 0.8s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-fill-5 0.8s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-6{-webkit-animation:animate-svg-fill-6 0.8s cubic-bezier(0.47,0,0.745,0.715) 1.15s both;animation:animate-svg-fill-6 0.8s cubic-bezier(0.47,0,0.745,0.715) 1.15s both}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(201,201,201)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(201,201,201)}}.svg-elem-7{-webkit-animation:animate-svg-fill-7 0.8s cubic-bezier(0.47,0,0.745,0.715) 1.2999999999999998s both;animation:animate-svg-fill-7 0.8s cubic-bezier(0.47,0,0.745,0.715) 1.2999999999999998s both}

/* HEADER */

#header {
	position: absolute;
	width: 100%;
	z-index: 10;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 30px 40px;
}

#header-mobile {
	display: none;
	background-color: transparent;
}

@media (max-width: 991.98px) {
	#header {
		display: none;
	}
	
	#header-mobile {
		position: absolute;
		width: 100%;
		z-index: 10;
		display: flex;
		justify-content: center;
		flex-direction: row;
		height: 120px;
		align-items: center;
	}
}

.navbar {
	padding: 0px !important;
}

.navbar-brand {
	padding: 0px !important;
	width: 20%;
}

.nav-link {
	font-family: 'Albert Sans', sans-serif !important;
	color: #F4F4F4 !important;
	font-size: clamp(0.88rem, 0.94vw, 18rem);
	position: relative;
	padding: 0 !important;
	margin: 9px 18px !important;
}

.nav-link::before {
	content: '';
	position: absolute;
	margin-top: 5px;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F5F5F550;
}

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

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block !important;
	vertical-align: top !important;
}

.wpml-ls-legacy-list-horizontal a span {
	vertical-align: top !important;
}

.wpml-ls-native {
	font-family: 'Albert Sans', sans-serif !important;
	color: #F4F4F4 !important;
	font-size: clamp(0.88rem, 0.94vw, 18rem);
	position: relative;
	padding: 0 !important;
	margin: 9px 18px !important;
}

.wpml-ls-link {
	font-family: 'Albert Sans', sans-serif !important;
	color: #F4F4F4 !important;
	font-size: clamp(0.88rem, 0.94vw, 18rem);
	position: relative;
	padding: 0 !important;
}

.page-template-page-contatti .wpml-ls-native, .page-template-page-contatti .wpml-ls-link  {
	color: #4A4A49 !important;
}

.page-template-page-contatti .wpml-ls-native::after {
	background-color: #4A4A49;
}
	
.page-template-page-contatti .wpml-ls-native:hover::after {
	background-color: #4A4A49;
}

.page-template-page-gallery .wpml-ls-native, .page-template-page-contatti .wpml-ls-link  {
	color: #4A4A49 !important;
}

.page-template-page-gallery .wpml-ls-native::after {
	background-color: #4A4A49;
}
	
.page-template-page-gallery .wpml-ls-native:hover::after {
	background-color: #4A4A49;
}

.wpml-ls-legacy-list-horizontal a {
	display: block;
	text-decoration: none;
	padding-bottom: 0px !important;
	line-height: 0 !important;
}

.wpml-ls-native::before {
	content: '';
	position: absolute;
	margin-bottom: -2px;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	bottom: 0px;
	left: 0;
	background-color: #F5F5F550;
}

.wpml-ls-native::after {
	content: '';
	position: absolute;
	width: 100%;
	margin-bottom: -2px;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F5F5F5;
	transform-origin: bottom left;
	transition: transform 0.3s ease-out;
}
	
.wpml-ls-native:hover::after {
	transform: scaleX(1);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F5F5F5;
	transform-origin: bottom left;
	transition: transform 0.3s ease-out;
}

.nav-link-dark {
	font-family: 'Albert Sans', sans-serif !important;
	color: #4A4A49 !important;
	font-size: clamp(0.88rem, 0.94vw, 18rem);
	position: relative;
	padding: 0 !important;
	margin: 9px 18px !important;
}

..nav-link-dark::before {
	content: '';
	position: absolute;
	margin-top: 5px;
	transform: scaleX(0);
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F5F5F550;
}

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

@media (max-width: 991.98px) {
	.nav-link {
		font-family: 'Albert Sans', sans-serif !important;
		color: #4A4A49 !important;
		font-size: clamp(1.55rem, 1.66vw, 1.77rem);
		position: relative;
		padding: 10px 20px !important;
		margin: 0px 0px !important;
	}
	
	.wpml-ls-native {
		font-family: 'Albert Sans', sans-serif !important;
		color: #4A4A49 !important;
		font-size: clamp(1.55rem, 1.66vw, 1.77rem);
		position: relative;
		padding: 10px 20px !important;
		margin: 0px 0px !important;
	}
	
	.nav-link-dark {
		font-family: 'Albert Sans', sans-serif !important;
		color: #4A4A49 !important;
		font-size: clamp(1.55rem, 1.66vw, 1.77rem);
		position: relative;
		padding: 10px 20px !important;
		margin: 0px 0px !important;
	}
	
	.nav-link::after {
		display: none;
	}
	
	.nav-link-dark::after {
		display: none;
	}
	
	
}

.nav-menu {
	display: flex;
	white-space: nowrap;
}

.wpml-ls-legacy-list-horizontal {
	border: none !important;
	padding: 0px !important;
	clear: none !important;
}

/* SEZIONE HEADER MOBILE */

/* SEZIONE HEADER MOBILE MENU */

.navbar-mobile {
  display: grid;
  align-items: center;
  height: 50px;
  overflow: hidden;
}

.navbar-mobile ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(6,1fr);
  justify-self: end;
}

.nav-item {
  color: #000;
  font-size: 1.667rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: color 0.3s ease-out;
  font-family: "utile display", sans-serif;
  padding: 10px 0;
  text-transform: uppercase;
}

.mobile-nav .wpml-ls-legacy-list-horizontal {
padding: 0 !important;
margin: 0px clamp(10px, 1.30vw, 25px) !important;
}

.mobile-nav .wpml-ls-legacy-list-horizontal a {
display: block;
text-decoration: none;
padding: 10px 10px 10px;
line-height: clamp(0.72rem, 0.83vw, 0.889rem);
}

.mobile-nav .wpml-ls-legacy-list-horizontal a span {
vertical-align: initial !important;
}

.mobile-nav .wpml-ls-legacy-list-horizontal>ul {
	list-style: none;
	  display: grid;
	  grid-template-columns: repeat(6,1fr);
	  justify-self: end;
}

.mobile-nav .wpml-ls-link  {
	color: #000;
	  font-size: 1.667rem;
	  font-weight: 400;
	  text-decoration: none !important;
	  transition: color 0.3s ease-out;
	  font-family: "utile display", sans-serif;
	  padding: 10px 0;
	  text-transform: none;
}

.mobile-nav .wpml-ls-link a {
	padding: 0px 0px !important;
	line-height: inherit !important;
}

.no-search {
  transform: translate(0);
  transition: transform 0.6s ease-in-out;
}

.menu-toggle .bar{
  width: 25px;
  height: 2px;
  background-color: #f4f4f4;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-toggle-dark .bar-dark{
  width: 25px;
  height: 2px;
  background-color: #4A4A49;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-toggle, .menu-toggle-dark {
  margin-right: 50px;
  display: none;
}

.menu-toggle, .menu-toggle-dark:hover{
  cursor: pointer;
}



#mobile-menu.is-active .bar:nth-child(2){
  opacity: 0;
  background-color: #4A4A4A;
}

#mobile-menu-dark.is-active .bar-dark:nth-child(2){
  opacity: 0;
  background-color: #4A4A4A;
}

#mobile-menu.is-active .bar:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
  background-color: #4A4A4A;
}

#mobile-menu-dark.is-active .bar-dark:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
  background-color: #4A4A4A;
}

#mobile-menu.is-active .bar:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
  background-color: #4A4A4A;
}

#mobile-menu-dark.is-active .bar-dark:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
  background-color: #4A4A4A;
}

@media (max-width: 991.98px) { 

/* .nav-logo-mobile  {
	width: 100%;
} */

/* .navbar-brand-mobile {
	width: 5.556rem;
	display: block;
	margin-left: 30px;
	margin-top: 30px; 
}  */

.mobile-nav {
	/* transform: translateX(0%) !important; */
	left: 0% !important;
}



.navbar-mobile {
	background-color: transparent;
}


.navbar-mobile>ul {
	display: flex;
	flex-direction: column;
	position: fixed;
	justify-content: center;
	top: 0;
	left: 101%;
	background-color: #fff;
	width: 100%;
	height: 100svh;
	/* height: calc(100vh - 55px); */
	/* transform: translateX()(101%); */
	text-align: center;
	overflow: hidden;
	z-index: 100;
	transition: all 0.3s ease-in-out;
 }

.navbar-mobile li {
	padding: 30px;
}

.navbar-mobile li:first-child {
	margin-top: 50px;
}

.navbar-mobile li a {
	font-size: 1rem;
}

.menu-toggle, .bar {
	display: block;
	cursor: pointer;
	z-index: 101;
}

.menu-toggle-dark, .bar-dark {
	display: block;
	cursor: pointer;
	z-index: 101;
}

.navbar-mobile .wpml-ls-legacy-list-horizontal {
padding: 0px !important;
margin: 0px clamp(10px, 1.30vw, 25px) !important;

}

.navbar-mobile .wpml-ls-legacy-list-horizontal a {
display: block;
text-decoration: none;
padding: 10px 10px !important;
line-height: clamp(0.72rem, 0.83vw, 0.889rem) !important;
}

.navbar-mobile .wpml-ls-legacy-list-horizontal a span {
vertical-align: initial !important;
}

.navbar-mobile .wpml-ls-legacy-list-horizontal>ul {
	list-style: none;
	  display: block;
	  position: relative;
	  transform: translate(0);
	  height: auto;
}

.navbar-mobile .wpml-ls-link  {
	color: #000 !important; 
	  font-size: 1.667rem !important;
	  font-weight: 400 !important;
	  text-decoration: none !important;
	  transition: color 0.3s ease-out;
	  font-family: "utile display", sans-serif !important;
	  padding: 10px 0 !important;
	  text-transform: none !important;
}

.navbar-mobile .wpml-ls-link a {
	padding: 0px 0px !important;
	line-height: inherit !important;
}

}

/* FOOTER */

#footer-mobile {
	display: none;
}

@media (max-width: 767.98px) {
	#footer {
		display: none;
	}
	
	#footer-mobile {
		display: block;
	}
}

.footer-container {
	overflow: hidden;.
}

.footer-title {
	font-family: 'Albert Sans', sans-serif !important;
	font-size: clamp(1.66rem, 3.12vw, 3.33rem);
	padding: 0 !important;
	margin: 0 0 !important;
	text-transform: uppercase;
}

.loghi-footer {
	height: clamp(1.2rem, 1.82vw, 1.94rem);
	width: auto;
}


.gradient-line-wrapper {
	overflow: hidden;
	width: 100%;
	height: 3px;
}

.gradient-line {
	background: linear-gradient(-45deg, #93331C, #F9A76C, #B9502F, #CC5C31, #8B211F);
	background-size: 200% 200%;
	animation: gradient 6s ease infinite;
	height: 3vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.copy-footer {
	background-color: #EFEFEF;
	padding: 30px 0px;
}

@media (max-width: 767.98px) {
	.copy-footer {
		padding-top: 20px;
		padding-top: 20px;
	}
}


/* PAGINE */

/* INIZIO PAGINA HOMEPAGE */

.slideshow-container {
	width: 100%;
	height: 100vh;
}

.slideshow-container video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

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

.info-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

@media (max-width: 991.98px) {
	.info-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	}
	
	.overlay-image-high {
		width: calc(100% - 30px);
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: #000;
		opacity: 0.2;
		z-index: 1;
		margin-left: 15px !important;
	}
}


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

.overlay-image-high {
	width: calc(100% -30px);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.2;
	z-index: 1;
	margin-left: 15px !important;
}

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

.btn-secondary:hover .play-icon {
	fill: #6F3E38;
}

.icon-t {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(50%, 50%);
	z-index: 10;
}

.t-image {
	width: clamp(8.33rem, 15.36vw, 16.38rem);
}

@media (max-width: 767.98px) {
	.icon-t {
		display: none;
	}
}

.pb200 {
	padding-bottom: 200px;
}



@media (max-width: 991.98px) {
	.pb200 {
		padding-bottom: 50px;
	}
}


/* FINE PAGINA HOMEPAGE */

/* INIZIO PAGINA LOCATION */


.table thead th {
	vertical-align: bottom;
	border-bottom: 1px solid #F4F4F4;
}

.table td, .table th {
	padding: 0.75rem;
	vertical-align: top;
	border-top: none;
	border-bottom: 1px;
}

.line {
	padding: 0 0 !important;
}

/* FINE PAGINA LOCATION */

/* INIZIO PAGINA ESTERNI */

.pt350 {
	padding-top: 350px;
}

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

.pt245 {
	padding-top: 245px;
}


@media (max-width: 991.98px) {
	.pt350 {
		padding-top: 0px !important;
	}
	
	.pt245 {
		padding-top: 30px !important;
	}
	
	.no-padding-right {
		padding-right: 15px !important;
	}
}


/* FINE PAGINA ESTERNI */

/* INIZIO PAGINA CONTATTI */

.contact-page {
	width: 100%;
	height: 100vh;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}

@media (max-width: 767.98px) {
	.contact-page {
		width: 100%;
		height: 100vh;
		padding-top: 120px;
		display: flex;
		flex-flow: column;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		background-color: #F4F4F4;
	}
}

.silhouette-tetto {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.contact1 {
	position: relative;
	flex: 50%;
	height: 100vh;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.contact2 {
	position: relative;
	flex: 50%;
	height: 100vh;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	background-color: #F0F0F0 !important;
}


/* FINE PAGINA CONTATTI */

/* INIZIO PAGINA PROGETTO */

.icon-white {
	width: 40px;
	height: 40px;
}

.highlights-wrapper {
	position: absolute;
	left: 50px;
	bottom: 30px;
	z-index: 10;
}

.highlights-info {
	padding-top: 20px;
}

@media (max-width: 767.98px) {
	.highlights-info {
		padding-top: 15px !important;
	}
	
	.highlights-wrapper {
		left: 30px;
		bottom: 20px;
	}
}


.high-ptop {
	margin-top: -150px;
}

.slider-nav .slick-current {
	border: 1px solid #6F3E38 !important;
}

@media (max-width: 767.98px) {
	.slick-list {
		padding: 20px 0px !important;
	}
}

.info-plans-wrapper {
	position: absolute;
	left: 0;
	top: 0;
}

.info-plans-wrapper h2,.h2 {
	font-family: 'Ortica-linear';
	font-size: clamp(1.4rem, 2.75vw, 2.61rem);
	font-weight: 300;
	
}

@media (max-width: 991.98px) {
	.info-plans-wrapper {
		position: relative;
		top: 0;
		left: 0;
		padding-top: 20px;
		padding-left: 15px;
	}
}


.numeri-planimetrie {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 400;
	font-size: clamp(1.11rem, 1.25vw, 1.33rem);
	color: #6F3E38;
	margin-bottom: 0;
}

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: #6F3E38 !important;
	border: none;
	outline: none;
	background: transparent;
	z-index: 100;
}


.slick-next:before {
	content: '\203A' !important;
}

.slick-prev:before {
	content: '\2039' !important;
}

.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 100px !important;
	line-height: 1;
	opacity: 1;
	color: #6F3E38 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 991.98px) {
	.slick-prev, .slick-next {
		display: none !important;
	}
	
	.table-superfici {
		overflow: auto;
	}
}

@media (max-width: 768.98px) {
	.slick-prev, .slick-next {
		display: none !important;
	}
	
	.table-superfici {
		overflow: auto;
	}
}

.red-text {
	color: #6F3E38 !important;
}

.border-color-table-head {
	border-left: 1px solid #DDDDDD !important;
	border-right: 1px solid #DDDDDD !important;
}
.border-color-table-head-ext {
	border-left: 0px solid #DDDDDD !important;
	border-right: 0px solid #DDDDDD !important;
}


.border-color-table {
	border-top: 1px solid #DDDDDD !important;
	border-left: 1px solid #DDDDDD !important;
	border-right: 1px solid #DDDDDD !important;
}

.border-color-table-ext {
	border-top: 1px solid #DDDDDD !important;
}

@media (max-width: 575.99px) {
	.border-color-table-ext, .border-color-table-head-ext {
		background-color: #FFF;
		position: sticky;
		left: -15px;
		border-right: 1px solid #DDDDDD !important;
		z-index: 2;
	}
}


.icon-highlights {
	width: 45px !important;
}

@media (max-width: 767.98px) {
	.img-back-high {
		height: 60vh;
		object-fit: cover;
		object-position: center center;
	}
}

.img-palazzina-highlights {
	width: clamp(25rem ,39.5vw, 43.88rem) !important;
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	translate: 15px !important;
	overflow: hidden !important;
}

@media (max-width: 1199.9999px) {
	.img-palazzina-highlights {
		translate: 0px !important;
	}
}

@media (max-width: 575.99px) {
	.img-palazzina-highlights {
		display: none !important;
	}
}



/* FINE PAGINA PROGETTO */

/* INIZIO PAGINA INTERNI */

.pt150 {
	padding-top: 150px !important;
}

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

.pt250 {
	padding-top: 250px !important;
}

.titolo-palazzina-a {
	font-family: 'Ortica-linear';
	font-size: clamp(1.78rem, 3vw, 3.4rem);
	font-weight: 300;
}

@media (max-width: 991.98px) {
	.pt150 {
		padding-top: 0px !important;
	}
	
	.pt200 {
		padding-top: 0px !important;
	}
	
	.pt250 {
		padding-top: 0px !important;
	}
}


.sfumatura {
	background: linear-gradient( #6F3E38 50%, #FFF 50%);
}

.big-text {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(8.33rem, 12.24vw, 13.06rem);
	color: #6F3E38;
	opacity: 0.1;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	z-index: 0;
}

@media (max-width: 991.98px) {
	.big-text {
		font-size: clamp(4rem, 12.24vw, 13.06rem);
	}
	
	.svg-complesso-testi {
		height: 60vh !important;
	}
	
}


.complex-view {
	display: flex !important;
	position: relative;
	z-index: 2 !important;
}

#palazzina-c path, #palazzina-c line {
	transition: all 0.3s ease-in-out;
}

#palazzina-b path, #palazzina-b line {
	transition: all 0.3s ease-in-out;	
}

#palazzina-a path, #palazzina-a line {
	transition: all 0.3s ease-in-out;	
}

#palazzina-c:hover path, #palazzina-c:hover line {
	stroke: #6F3E38;
	transition: all 0.3s ease-in-out;
}

#palazzina-b:hover path, #palazzina-b:hover line {
	stroke: #6F3E38;
	transition: all 0.3s ease-in-out;
}

#palazzina-a:hover path, #palazzina-a:hover line {
	stroke: #6F3E38;
	transition: all 0.3s ease-in-out;
}

#palazzina-b:hover path#Tracciato_170 {
	stroke: #CCC !important;
	transition: all 0.3s ease-in-out;
}

#terrazzo path {
	transition: all 0.3s ease-in-out;
}

#terrazzo.red path {
	stroke: #6F3E38;
}

@media (max-width: 767.98px) {
	#palazzina-c:hover path {
		stroke: #CCCCCC !important;
		transition: none;
	}
	
	#palazzina-b:hover path {
		stroke: #CCCCCC !important;
		transition: none;
	}
	
	#palazzina-a:hover path {
		stroke: #CCCCCC !important;
		transition: none;
	}
}


.tooltip-c {
	display: none;
	position: absolute;
	top: 0;
	right: 15%;
	z-index: 10;
}

.tooltip-b {
	display: none;
	position: absolute;
	top: 0;
	right: 35%;
	z-index: 10;
}

.tooltip-a {
	display: none;
	position: absolute;
	top: 0;
	left: 10%;
	z-index: 10;
}

#palazzina-c:hover .tooltip-c {
	display: block;
}

#palazzina-b:hover .tooltip-b {
	display: block;
}

#palazzina-b:hover .tooltip-a {
	display: block;
}

.hover-palazzine-wrapper {
	background-color: #f4f4f4;
	padding: 30px 30px !important;
	border: 1px solid #CCCCCC;
}

.title-hover-palazzine {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(1.11rem, 1.30vw, 1.39rem);
	color: #6F3E38;
	text-transform: uppercase;
	white-space: nowrap;
	padding-bottom: 20px;
	margin-bottom: 0 !important;
}

#cursor-palazzine {
  height: clamp(2.78rem, 4.06vw, 4.33rem);
  width: clamp(2.78rem, 4.06vw, 4.33rem);
  background-color: #6F3E38;
  position: fixed;
  backface-visibility: hidden;
  display: none;
  z-index: 9999999;
  border-radius: 50%;
  pointer-events: none; /* pointer-events: none is needed */
  cursor: none;
  animation: scale 0.5s infinite alternate;
  transform: scale(1) translate(-50%, -50%);
}

@keyframes scale {
  0% {
	transform: scale(1) translate(-50%, -50%);
  }
  100% {
	transform: scale(1.3) translate(-50%, -50%);
  }
}

.cursor-palazzine-text {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 300;
	font-size: clamp(0.6rem, 0.94vw, 1.11rem);
	color: #F4F4F4;
	text-align: center;
	vertical-align: center;
	text-transform: uppercase;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	
}

.svg-palazzina-c {
	width: 100% !important;
}

.svg-palazzina-a, .svg-palazzina-c {
	width: clamp(11.5rem, 22.91vw, 24.44rem);
}

@media (max-width: 767.98px) {
	.svg-palazzina-c-wrapper {
		display: grid !important;
	}
	
	.svg-palazzina-c {
		height: 30vh !important;
		justify-self: center !important;
	}
	
	.svg-palazzina-a {
		height: 30vh !important;
		justify-self: center !important;
	}
}

/* FINE PAGINA INTERNI */

/* INIZIO PAGINA VIRTUAL TOUR */

.virtual-tour-container {
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	position: fixed;
}

.virtual-tour {
	width: 100%;
	height: 100%;
	border: none !important;
}

.virtual-button {
	position: absolute;
	right: 2vh;
	bottom: 3vh;
}

.otgs-development-site-front-end {
	display: none !important;
}

/* INIZIO PAGINA GALLERIA */

.slider-nav-gallery .slick-current {
	border: 0px solid #6F3E38 !important;
}

.slider-nav-gallery .slick-list {
	padding: 50px 0px 0px 0px !important;
}

@media (max-width: 767.98px) {
	.slider-nav-gallery .slick-list {
		padding: 20px 0px !important;
	}
}

.gallery-page {
	background-color:#FFFFFF;
}

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

@media (max-width: 991.9999px) {
.slideshow-slide img {
	width: auto !important;
	height: 60vh !important;
	object-fit: cover;
	object-position: center center;
	padding: 0px 5px !important;
}
}

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

@media (max-width: 575.99px) {
	.slideshow-slide img {
		width: auto !important;
		height: 32vh !important;
		object-fit: cover;
		object-position: center center;
		padding: 0px 5px !important;
	}
}