* { 
	margin: 0;
	padding: 0;
}
a:active {outline-style:none;}
a {
outline:none;
}
section#visit_gal { 
	background-image: url(img/bg-gallerie.webp);
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 460px;
	background-size: auto 100%;
} 

.eapps-instagram-feed-title {
	display: none!important;
}
#eapps-instagram-feed-1>a {
	filter: opacity(0); 
} 

section#visit_gal:before {
	content:"";
background-color: rgba(255,255,255,0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}
#visit-gallery { 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	background-color: #a97661;
	color: white;
	padding: 12px 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	/*! border-radius: 5px; */
	overflow: hidden;
	z-index: 3;
	transition: all 0.3s ease;
	letter-spacing: 2px;
	text-align: center;
  }
  
  #visit-gallery::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
	top: 100%;
	left: 0;
	z-index: -1;
	transition: all 0.3s ease;
  }
  
  #visit-gallery:hover::before {
	top: 0;
  }
  
  #visit-gallery:hover {
	color: #494443;
  }
  
.owl-carousel .owl-stage-outer::before,
.owl-carousel .owl-stage-outer::after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px; /* Ajustez cette valeur selon l'effet désiré */
  height: 100%;
  pointer-events: none; /* Pour ne pas gêner l'interaction avec les éléments en dessous */
  z-index: 1;
}
#servizi .owl-carousel .owl-stage-outer::before,
#servizi .owl-carousel .owl-stage-outer::after {
 display: none;
}

/* Sur le côté gauche : le gradient part de transparent (au bord intérieur) pour devenir blanc (au bord extérieur) */
.owl-carousel .owl-stage-outer::before {
  left: 0;
  background: linear-gradient(to left, transparent, white);
}

/* Sur le côté droit : le gradient part de transparent (au bord intérieur) pour devenir blanc (au bord extérieur) */
.owl-carousel .owl-stage-outer::after {
  right: 0;
  background: linear-gradient(to right, transparent, white);
}


.cursor-container {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100000000;
		mix-blend-mode: difference;
  }
  .cursor {
	width: 20px; 
	height: 20px;
	border: 1px dotted white;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.2s ease, background-color 0.2s ease;
	mix-blend-mode: difference;
  }
  .cursor.hover {
	transform: translate(-50%, -50%) scale(2);
	background-color: white;
  }

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
#owl-marchi {
	margin-bottom: 100px;
}
#owl-marchi .owl-dots {
	/*! opacity: 0.3; */
}

#servizi button.playpause {
	display: block;
	width: 30px;
	height: 20px;
	margin: auto;
	overflow: hidden;
	border: none;
	background-color: transparent;
	text-indent: -1000px;
	background-image: url(img/icones-services/pause.svg);

	background-repeat: no-repeat;
	background-size: auto 68%;
	background-position: center;
	transition: all 0.3s;
	border: 1px solid #fff;
	border-radius: 3px;
	cursor: pointer;
}
#servizi button.playpause:hover {
	opacity: 0.5;
}
#servizi button.playpause.clicked {
		background-image: url(img/icones-services/play.svg);
}

/* -----  BTN TOP ------- */
#btntop {
  display: inline-block;
  background-color:#a97661;
  width: 50px;
  height: 50px;
  text-align: center;
  /*! border-radius: 4px; */
  /*! margin: 30px; */
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: background-color .3s;
  z-index: 1000;
}
#btntop:hover {
  cursor: pointer;
  background-color: #333;
}
#btntop:active {
  background-color: #555;
}
#btntop::after {
  content: "\f106";
  font-family: FontAwesome;
  font-weight: 100;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#btntop {
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
}
#btntop.show {
opacity: 1; visibility: visible;}
/* ----------- */


#servizi .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
	height: 100%;
}
#servizi .no-js .owl-carousel, #servizi .owl-carousel.owl-loaded {
		/*! height: 100%; */

}
#servizi .owl-carousel .owl-stage-outer {
		height: 100%;

}

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

body > section#landing:before {
		content:"";
	display: block;
	background-image:url('img/pattern-b.png');
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
		filter: invert(1);
}
.owl-carousel .owl-item .item img {
	display: block;
	max-width: 90vw;
	max-height:70vh;
	width: 90%;
	height: auto;
	margin: auto;
}

body header {
	padding: 20px 40px;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	/*! background: rgb(255,255,255); */
	/*! background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 100%); */
	/*! background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 100%); */
	background: #f6f6f6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	z-index: 1000; 
}
section h2 { font-size: 90px; text-transform: uppercase; font-family: 'Cabin', sans-serif;letter-spacing: 10px;}


section#marques h2 { font-size: 70px; text-align:center; margin-top:100px;margin-bottom: 50px;}






section#galleria h2 {
	margin: 158px 0 50px;
	text-align: center;
}


#iconav {
	position: absolute;
	right: 0;
	/*! border: 1px solid black; */
	height: 40px;
	/*! width: 300px; */
	right: 40px;
	top: calc(50% - 20px);
	text-align: right;
}
#btn-nav {
	width: 40px;
	height: 40px;
	margin:0;
	cursor: pointer;
	/*! margin-left:40px; */
}
#btn-nav span {
	height: 3px;
	display: block;
	background-color: black;
	margin: 8px 0;
	border-radius: 20px;
	/*! overflow: hidden; */
	transition: all 0.3s;
}




#btn-nav span:nth-child(1) {width: 60%;}
#btn-nav span:nth-child(2) {width: 80%; transition-duration: 0.4s;}
#btn-nav span:nth-child(3) {width: 50%; transition-delay:0.1s;  transition-duration:0.2s}


#btn-nav:hover span:nth-child(1) {width: 80%;}
#btn-nav:hover span:nth-child(2) {width: 50%;}
#btn-nav:hover span:nth-child(3) {width: 70%;}


header h1 {
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 40px);
  width:40px;
  height: 80px;
	background-image: url(img/logo-full.svg);
	/*! border: 1px solid black; */
	text-indent: -100%;
	overflow: hidden;
	background-size: auto 70%;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0.8;
	text-indent: -1000px;
		cursor:crosshair;
	transition:all 0.6s;
	filter: grayscale(100%);
}
header h1:hover {
	width: 230px;
	left: calc(50% - 115px);
		opacity: 1;
	filter: grayscale(0%);

}
header nav {
	background: white;
	color: white;
	top: 0;
	left: -100%;
	position: fixed;
	width: 100%;
	height: 100%;
  transition: all 0.8s;
	display: flex;
	font-family: Lato,sans-serif;
	text-transform: uppercase;
	flex-direction: column;
	justify-content: space-around;
	z-index: 1000;
	padding: 10vh 0;
	box-sizing: border-box;
}

header nav div#close {
	position: absolute;
	top: 30px; left: 40px;
	color: black;
	font-size: 50px;
	font-weight: 386;
	font-family: Lato;
	cursor: pointer;
	overflow: hidden;
	text-indent: 1000px;
	width: 30px;
	height: 30px;
	background-image: url(img/close-black.svg);
}

div.close {
	position: absolute;
	top: 30px; left: 40px;
	color: black;
	font-size: 50px;
	font-weight: 386;
	font-family: Lato;
	cursor: pointer;
	overflow: hidden;
	text-indent: 1000px;
	width: 30px;
	height: 30px;
	background-image: url(img/close-white.svg);
}

header nav.opened {
  	left: 0;
}

header nav a {
	color: black;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 50px;
}
body>section#landing { 
	/*! background-image: url(./img/pattern.png), url(./img/fond-home.jpg); */
	background-size: auto, 100% auto;
	background-position: top left, center bottom;
	background-repeat: repeat, no-repeat;
	background-attachment: fixed;

	  position: relative;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: end;

	align-content: end;
	/*! flex-direction: column; */
}







body>section#landing h3 { 
	  /*! text-shadow: 1px 1px 3px rgba(105, 105, 105, 0.5); */
	    font-family: 'Comfortaa', cursive;
font-weight:100;
color:#fff;  
	font-size: 2rem;
	text-align: center;
	box-sizing: border-box;
	/*! padding-top: 26vh; */
/*! text-transform: uppercase; */ 
/*! padding-left:50%; */ 
	transition:all 0.5s;
	    position: absolute;
	    z-index: 2;
	    padding:2em;
	    /*! text-shadow: 1px 1px 2px #fff; */
	    align-self: end;
	    bottom: 0;
	    width: 100%;
	    font-weight: 490;
	  mix-blend-mode: difference;
	  letter-spacing: 1px;
}
body>section#landing h3 span {
	font-family:'Cabin', sans-serif;
	display: block;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 2px;
	text-transform: uppercase;
	
	color: #bfbfbf;
}

#iconav a {
	height: 40px;
	width: 40px;
	display: inline-block;
	background-size: 61%;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.3s;
	position: relative;
}
#iconav a:before, #iconav a:after{
	content: ""; display: block; width: 100%; height: 100%;
	box-sizing: border-box; border: 4px solid #ccc; position: absolute;
	left: 0; top: 0;
	border-radius: 200px;
}
#iconav a:after{ transition: all 0.5s; width: 0%; height: 0%; left: 50%; top: 50%; border-color:#999; background-color: #999; opacity: 0;}
#iconav a:hover:after { width: 80%; height: 80%; left: 10%; top: 10%; border-color:#999; opacity: 0.1; transition-delay:0.3s;}
#iconav a:before{ transition: all 0.5s; width: 0%; height: 0%; left: 50%; top: 50%; opacity: 0;}
#iconav a:hover:before { width: 100%; height: 100%; left: 0%; top: 0%; border-color:#333; opacity: 0.1;}


#iconav #tel {
	background-image: url('img/telephone.svg');
}
#iconav #mail {
	background-image: url('img/mail.svg');
}
#iconav #geo {
	background-image: url('img/localisation.svg');
}
section { /*! border: 5px solid black; */  /*! padding: 2em; */ min-height: 100vh;box-sizing: border-box;/*! padding-top: 120px; */position: relative;display: flex; /*! flex-direction: column; */justify-content: space-around;}
section#galleria { 
	flex-direction: column;
	justify-content: normal;
} 
section#insta { 
	display: flex;
justify-content: center;
	background-color: #fff;
	align-content: center;
	align-items: center;
	padding: 6em 4em;
	flex-direction: column;
} 
section#insta > img { 
	max-width: 350px;
}

section#marques {
	display: flex;
	background-color: white;
	min-height: auto;
	width: 100%;
	overflow: hidden;
	align-content: space-around;
	flex-direction: column;
}

#filters {margin-bottom: 1em;text-align: center;font-family: 'Lato', sans-serif;font-weight: 100;}
#filters>div span { display: inline-block; width:auto; text-align:left;margin-right: 1em;}
#filters>div select { display: inline-block; width:9em; text-align:left;}
#filters>div:first-of-type { margin-right:2em; }
#filters>div { display: inline-block;}
#filters select {
	border-radius: 0;
	border:none;
	padding: 2px;
	text-transform: uppercase;
	background-color: #fff;
	border: 1px solid #999;
	font-weight: lighter;
} 
#filters button { color: #888; cursor: pointer;
	border: none;background: none;font-size: 14px;word-spacing: 10px;display: inline-block;margin: 0 1em;transition: all 0.3s;}
#filters button.active, #filters button:hover {
	color: #000;
	font-weight: 490;
}
section#icone {
	/* border: 5px solid black; */
	/* padding: 2em; */
	min-height: 100vh;
	box-sizing: border-box;
	/* padding-top: 120px; */
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
	background-color: white;
}

body>footer {
	background-color: #494443;
	color: white;
	text-align: center;
	/*! padding: 1em; */
	    font-family: 'Lato', sans-serif;
	display: flex;
	width: 100%;
	align-content:space-around;
	flex-direction: row;
}

.logo-motif {
	background-image: url(img/logo-motif.png);
	width: 270px;
	height: 301px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: -195px;
	left: 0;
	background-position: center;
	background-blend-mode: lighten;
	display: none;
}

#photolegend {
	position: absolute;
	bottom: 85px;
	right: -80px;
	background-color: rgba(255,255,255,0.5);
	font-family: 'Lato',sans-serif;
	font-size: 9px;
	transform: rotate(-90deg);
	padding: 0 0.5em;
}

body section#servizi {

    /*! background-image: url(./img/pattern.png), url(./img/bg-serv3.jpg); */
    background-size: auto, cover;
    background-position: top left, top left ;
    background-repeat: repeat, no-repeat;
    background-attachment: fixed;
	padding-bottom: 1px;
    padding-top: 1px;
    display: flex;
    flex-direction: row-reverse;
    background-blend-mode: center;
    /*! background-blend-mode: hard-light; */
    background-color: rgba(0,0,0,0.8);
    background-position: bottom right;
    min-height: auto;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
		background-image:url('img/pattern-b.png');

}

section#servizi h2 {
	text-align: left;
	font-size: 100px;
	text-transform: uppercase;
	font-family: 'Cabin', sans-serif;
	letter-spacing: 10px;
	/*! padding-left: 44px; */
	color: white;
	/*! position: absolute; */
	/*! left: 13%; */
	/*! transform: rotate(90deg); */
	/*! top: 30%; */
	writing-mode: vertical-rl;
	/*! width: 30%; */
	/*! margin-top: 5%; */
	line-height: 30vw;
	align-self: center;
	/*! display: flex; */
	margin-right: 5%;
}

body > section#servizi article { 
	background: rgba(0,0,0,0.8); 
	/*! margin-left: calc(50% - 44px); */
	/*! box-sizing: border-box; */
	/*! padding: 1em; */
	/*! width: calc(50% - 44px); */
	/*! margin-bottom: 2em; */
	/*! margin-top: 2em; */
	width: 60%;
	margin: 5%;
	box-sizing: border-box;
	padding: 5%;
}
body > section#servizi article h4 {

	font-family: 'Comfortaa', cursive;
	font-weight: bold;
	font-size: 24px;
	color: white;
	margin: 1em auto;
	letter-spacing: 1px;
	text-shadow: 1px 1px 2px #555;
}
body > section#servizi article p {

	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 1.6em;
	color: white;
	text-align: justify;
}

body>footer {
	background-color: #494443;
	color: white;
	text-align: center;
	/*! padding: 1em; */
	    font-family: 'Lato', sans-serif;
	display: flex;
	/*! width: 100%; */
	align-content:space-between;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	padding: 20px 44px;
	box-sizing: border-box;
	flex-wrap: wrap;
	position: relative;
}

#logofooter {
	width: 160px;
	height: 100px;
	background-image: url(img/logo-footer.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	order: 1;
	opacity: 0.8;
}


body > footer p#copyright {
vertical-align: middle;
font-size: 9px;
/*! word-spacing: 5px; */
order: 3;
width: 100%;
margin-top: 1em;
display: none;
}
#fblogo, #instlogo {
		width: 40px;
	height: 100px;
	background-image: url(img/fb.svg);
	background-repeat: no-repeat;
	background-size: auto 19%;
	background-position: center;
	display: inline-block;
	margin: 0 3px;
}
body > footer p#footernav a#instlogo {	background-image: url(img/inst.svg);margin-right: 0;}

body > footer p#footernav {
	align-self: center;
	display: flex;
	justify-content: flex-end;
	order: 2;
	letter-spacing: 1px;
	/*! font-weight: 100; */
}
body > footer p#footernav a {
	color: white;align-self: center;
	display: inline-block;
	margin: 0 1em;
	text-decoration: none;
	transition: all 0.3s;
	cursor: pointer;
	font-weight: lighter;
}
body > footer p#footernav a:nth-child(2) {
	display: none;
}
body > footer p#footernav a:hover {
	opacity: 0.5;
}

section#icone h2 {
	text-align: center;
	font-size: 100px;
	text-transform: uppercase;
	font-family: 'Cabin', sans-serif;
	letter-spacing: 10px;
	padding-right: 0;
	/* position: absolute; */
	/* transform: rotate(90deg); */
	/* top: 39%; */
	/* left: 37%; */
	position: relative;
	line-height: 1em;
	margin-top: 1em;
	/*! margin-bottom: 0.5em; */
	width: 50%;
}
section#icone h2 span {
	font-size: 0.3em;
	line-height: 0.8em;
	display: block;
	color: #a97661;
	font-family: 'Comfortaa', cursive;
	letter-spacing: 1px;
}

section#marques h2 span {
	font-size: 0.3em;
	line-height: 0.8em;
	display: block;
	color: #a97661;
	font-family: 'Comfortaa', cursive;
	letter-spacing: 1px;
}

div.imgpop {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background-color:black;
	display: flex;
	justify-content: center;
	align-items: center;
}
div.imgpop img {
	max-width: 90vw;
	max-height: 90vh;
	height: auto;
	whidth:auto;
	display: block;
}

div.imgpop .close {}

section#icone p.intro {
	font-family: 'Comfortaa', cursive;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: left;
	/*! margin-bottom: 10px; */
	font-size: 15px;
	padding-right: 2em;
	font-style: italic;
	padding: 2em;
	text-align:center;

	width: 50%;
	box-sizing: border-box;
	/*! background-image: url(img/citation.svg); */
	background-repeat: no-repeat;
	/*! padding-left: 61px; */
	background-position: center;
}

.owl-item .item p {
	text-align: left;
	bottom: 0;
	font-weight:bold ;
	font-size: 14px;
		font-family: 'Comfortaa', cursive;
	margin-bottom: 2em;
}
.owl-item .item {
	position: relative;
}
#servizi .owl-item .item {
	padding: 0 2em;
}

#servizi .owl-item .item {
	background-image: url(img/icones-services/liste-cadeaux.svg);
	background-repeat: no-repeat;
	background-size: auto 100px;
	background-position: center top;
	padding-top: 120px;
	text-align: center;
	/*! background-blend-mode: multiply; */
}

#servizi .owl-item .item.s1 {
		background-image: url(img/icones-services/s1.svg);
}
#servizi .owl-item .item.s2 {
		background-image: url(img/icones-services/s2.svg);
}
#servizi .owl-item .item.s3 {
		background-image: url(img/icones-services/s3.svg);
}
#servizi .owl-item .item.s4 {
		background-image: url(img/icones-services/s4.svg);
		background-size: auto 80px;
}
#servizi .owl-item .item.s5 {
		background-image: url(img/icones-services/s5.svg);
}
#servizi .owl-item .item.s6 {
		background-image: url(img/icones-services/s6.svg);
}
#servizi .owl-item .item.s7 {
		background-image: url(img/icones-services/s7.svg);
}
#servizi .owl-item .item.s8 {
		background-image: url(img/icones-services/s8.svg);
}
#servizi .owl-item .item.s9 {
		background-image: url(img/icones-services/s9.svg);
}
#servizi .owl-item .item.s10 {
		background-image: url(img/icones-services/s10.svg);
}
#servizi .owl-item .item.s11 {
		background-image: url(img/icones-services/s11.svg);
}



#servizi .owl-item .item { text-align: center;/*! mix-blend-mode: difference; */}

#marques .item {
	display: block;
	width:200px;
	height: auto;
	margin: auto;
}

.owl-item .item {

}


#icone .owl-item .item p {
	text-align:center;
}

	.owl-item .item p span {
	display: block;
	font-size: 11px;
	margin-top: 5px;
	font-family: 'Lato',sans-serif;
	font-weight: 400;
	color: #808080; 
}


#negozi {
	min-height: auto;
	padding: 40px;
	background-color: rgba(0,0,0,0.9);
	flex-direction: row;
	flex-wrap: wrap;
}

#negozi h2 { width: 100%;text-align: center;margin-bottom: 44px;color: #a97661;}

#negozi article { /*! width: 33%; */ font-family:'Lato',sans-serif;box-sizing: border-box;padding: 2em;text-align: center;background-image: url('img/localisation-v2.svg');background-repeat: no-repeat;background-position: center top;background-size: 30px auto;padding-top: 37px;color: #fff;font-weight: lighter;font-size: 15px;}
#negozi article br {
	/*! display: none; */
	
}
#negozi article h4 {
	color:#a97661;
	margin-bottom: 10px;
	font-size: 20px;
}
#negozi article a { border-radius:5px; text-decoration: none;color: white;letter-spacing: 1px;font-weight: 100;display: block;}
#negozi article a {width: 23em; margin: auto;background-color:#494443;padding: 7px 20px;text-transform: uppercase;font-size: 11px;margin-top: 10px;transition: all 0.3s;letter-spacing: 1px;font-weight: 410;}
#negozi article a i.fa { 
	opacity: 0.7;  
	color: #fff;
	margin: 0;
	margin-right:3px;
}
#negozi article a:hover { background-color: #555 ; color:white;font-weight: 400;}
#negozi article:first-of-type {font-size: 17px;
width: 100%; border-bottom:1px dotted rgba(255,255,255,0.3); margin-bottom:2em;
position: relative;}

body .owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: transparent;
	border:1px solid #a97661;;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	/*! border-radius: 30px; */
}


body .owl-theme .owl-dots .owl-dot.active span {
	background: #a97661;;
}



body #servizi .owl-theme .owl-dots .owl-dot span {
	border:1px solid #fff;} 

body #servizi .owl-theme .owl-dots .owl-dot.active span {
	background:#fff;;}



@media screen and (max-width:813px) {
	body > section#servizi {
		flex-direction: column;
	}
		body > section#servizi h2 {
			writing-mode: horizontal-tb;
			margin: auto;
	}

		body > section#servizi article {
	/*! background: rgba(255,255,255,0.6); */
	margin:2em 44px;
	box-sizing: border-box;
	padding: 1em;
	width: calc(100% - 88px);
	margin-bottom: 2em;
}

}

@media screen and (max-width:713px) {

	body>section#landing h3 {
			font-size: 20px;
			/*! padding: 36vh 2em; */
			text-align: center;
			/*! padding-bottom: 2em; */
	}
#filters > div:first-of-type {
	margin-right: 0em;
}
	#filters > div {display: block;}
	#filters > div span { width: 7em; text-align: left;}

	body header #iconav {
		display: none;
	}
header h1 {
	left: 40px;
			background-size: auto 50%;
	width: 30px;

}
	header h1:hover {
			left: 40px;

	}
	body header {
		height: 80px;
	}
	body {
		overflow-x: hidden;
	}
	header #btn-nav {
		left: auto;
		right: 40px;
		position: absolute;
		text-align: right;
		line-height: 0;
	}
		header #btn-nav span {
			left: auto;
			right: 0;
	}
	header #btn-nav span:nth-child(1), header #btn-nav span:nth-child(2), header #btn-nav span:nth-child(3) {
	display:inline-block ;
	margin: 5px 0;
}

header nav div#close {
	left: auto;
	right:40px;
}


	.logo-motif {
display: none;
}

	body > section#servizi {
		flex-wrap: wrap;

	}
	section#icone p.intro {

	width: 80%;

}

body > section#servizi article {
	width: 90%;
	order: 2;
	margin: 0 auto 2em;
	padding: 1em 5px;
}
	#servizi .owl-item .item {
	padding-left: 5px;
		padding-right: 5px;
}

body > section#servizi h2 { 
	width: 100%;
	order: 1;
	writing-mode:horizontal-tb;
	text-align: center;
	font-size: 15vw;
}
	body > section#icone h2 , #negozi h2 , #galleria h2 {	font-size: 15vw;
}
	#filters span {display: block; margin-bottom: 1em;}
#filters { padding: 0 40px;}
}

@media screen and (max-width:450px) {


	#negozi article:first-of-type:before {

	left: -30px;
}
	section .owl-dots {
	margin-left: 2em;
		margin-right: 2em;
}
	#negozi article {
		width: 100%;
	  padding-right: 0;
			padding-left: 0;
}


	#negozi article a {
	  width:100%!important;
		box-sizing: border-box;
}
	
	body > footer {
		flex-wrap: wrap;
}

}

@media screen and (min-aspect-ratio: 11/9) {
body>section#landing h3 {
	    /*! font-family: 'Lato', cursive; */
/*! font-weight:400; */
/*! color:black; */
	/*! font-size: 25px; */
	/*! text-align: center; */
	/*! padding-top: 20vh; */
/*! text-transform: uppercase; */
/*! padding-left:0%; */	    
	    /*! mix-blend-mode: difference; */
}
}
@media screen and (min-aspect-ratio: 14/9) {
body>section#landing h3 {
	/*! padding-top: 80vh; */
}
	body>section#landing {
		background-position: center 5vh;
	}

}
 .no-js #icone .owl-carousel, #icone .owl-carousel.owl-loaded {
 margin-bottom: 2em;
}




        /* #azienda */
        section#azienda {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: #494443;
            color: white;
            padding: 5em 3em;
					 background-image: url('img/bg-azienda.svg');
					background-attachment: fixed
        }

        section#azienda picture {
            width: 50%;
            overflow: hidden;
						/*! position: sticky; */
					  /*! top: 80px; */
            /*! border-radius: 20px; */
        }

        section#azienda picture img {
            width: 100%;
            height: auto;
            object-fit: cover;
            filter: grayscale(0.3);
            transition: all 0.3s ease-in-out;

        }

        section#azienda picture img:hover {
            filter: grayscale(0);
            transform: scale(1.02);
        }

        /* Content Section */
        .azienda-content {
            width: 45%;
            display: flex;
            flex-direction: column;
            gap: 2em;
        }

        .azienda-content h2 {
            font-size: 80px;
            font-family: 'Cabin', sans-serif;
            text-transform: uppercase;
            position: relative;
            text-align: center;
        }

        .azienda-content h2 span {
font-size: 0.2em;
  line-height: 0.8em;
  display: block;
  color: #a97661;
  font-family: 'Comfortaa', cursive;
  letter-spacing: 1px;
        }

        .azienda-content #intro {
            font-family: 'Comfortaa', cursive;
            line-height: 1.6em;
            font-size: 1em;
            color: #f6f6f6;
        }

        .azienda-content #intro span {
            font-size: 3em;
            color: #fff;
            margin-right: 0px;
        }

        /* Stats Section */
        .azienda-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5em;
            margin-top: 2em; 
        }

        .azienda-stats article {
            background-color: rgba(255, 255, 255, 0.1);
            padding: 1.5em;
            text-align: center;
            transition: all 0.3s ease;
        }

        .azienda-stats article:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .azienda-stats h4 {
            font-size: 2.8em;
            margin-bottom: 0.2em;
            font-family: 'Cabin', sans-serif;
            color: #c6917b;
        }

        .azienda-stats h5 {
            font-size: 0.8;
            font-weight: 100;
            color: #c9c9c9;
            font-family: 'Cabin', sans-serif;
            letter-spacing: 1px;
        }

        /* Responsive Design */
        @media screen and (max-width: 1200px) {
            section#azienda {
                flex-direction: column;
                padding: 3em 1.5em;
            }
            
            section#azienda picture {
                width: auto;
                margin-bottom: 2em;
            }
            
					  section#azienda picture img {
              							max-height: 500px;
  
            }
					
            .azienda-content {
                width: 100%;
            }
            
            .azienda-stats {
                grid-template-columns: 1fr 1fr;
                margin-top: 2em;
            }
        }

        @media screen and (max-width: 768px) {
            .azienda-stats {
                grid-template-columns: 1fr;
            }

			.azienda-content h2 {
				font-size: 50px;
			}
        }