:root {
  --color1: #CECECE; /*grigio*/
  --color1rgb: 207, 207, 207; /*grigio*/
  --color2: #00614F; /*verde*/
  --color3: #19416F; /*blu*/
  --fontcolor: #262626;
  --font1:'Caladea', sans-serif;
  --font2:'Jost', sans-serif;
}
.caladea {font-family: var(--font1);}
html, body {
	height: 100%;
	margin: 0;
	/* user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; */
}
html {
	text-rendering: optimizeLegibility;
	scroll-behavior: smooth;
}
/* remove highlight background when click a button, link, ecc.*/
* {
    -webkit-tap-highlight-color: transparent;
}
body {
	font-size: 18px;
	font-family: var(--font1);
	color: var(--fontcolor);
	font-weight: 300;
	line-height: 1.2;
}
/* @media (max-width: 600px){
	body {
		font-size: 18px;
	}
} */
b, strong {
    font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font1);
    line-height: 1;
    margin: 0;
    font-weight: 500;
	 letter-spacing: 2px;
}
/* h2 {
    font-size: 38px;
}
h3 {
    font-size: 23px;
} */
a:focus { text-decoration: none !important; }
a{
	text-decoration: none;
}
.wh-100-percent{
	width: 100%;
	height: 100%;
}
.w-100-percent{
	width: 100%;
}
.semibold{font-weight:600}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}

@media (min-width:992px){
	.vertical-align{
		display: flex;
		align-items: center;
	}
}
@media (min-width:901px){
	.aligned {
	    display: flex!important;
	    align-items: center;
		 justify-content: center;
	}
}
/* @media (min-width:601px){ */
	.d-flex {
	    display: -ms-flexbox!important;
	    display: flex!important;
	}
/* } */
@media (min-width:993px){
	.vertical-align-footer{
		display: flex;
		align-items: center;
		/* justify-content: center; */
	}
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.justify-content-start {
    -ms-flex-pack: justify!important;
    justify-content: start!important;
}
.justify-content-end {
    -ms-flex-pack: justify!important;
    justify-content: end!important;
}
.align-items-center{
	align-items: center;
}
.inline-table{
    display: inline-table;
}
hr.line {
    border: 0;
    border-top: 3px solid var(--color2);
    margin: 0;
    height: 0px;
    width: 140px;
    display: inline-block;
}
.big-button {
    white-space: break-spaces;
    font-size: 20px;
    padding: 30px 15px;
    line-height: 1;
    /* font-size: 28px!important; */
    font-weight: 600;
    /* color: #fff!important; */
    margin-top: 50px;
}
.filter-red{
	filter: invert(25%) sepia(89%) saturate(5334%) hue-rotate(347deg) brightness(95%) contrast(104%);
}
/* PRELOAD
 ========================================================*/
 #preloader {
	  overflow: hidden;
	  height: 100%;
	  position: fixed;
	  width: 100%;
	  z-index: 999999;
	  top: 0;
	  left: 0;
	  background-color: #ffffff;
	  -webkit-transition: .3s cubic-bezier(.27,.76,.38,.87);
	  -khtml-transition: .3s cubic-bezier(.27,.76,.38,.87);
	  -moz-transition: .3s cubic-bezier(.27,.76,.38,.87);
	  -ms-transition: .3s cubic-bezier(.27,.76,.38,.87);
	  -o-transition: .3s cubic-bezier(.27,.76,.38,.87);
	  transition: .3s cubic-bezier(.27,.76,.38,.87);
 }
 .load-gears {
	  width: 350px;
	  display: block;
	  text-align: center;
	  font-weight: 700;
	  font-family: Arial;
	  color: #fff;
	  text-shadow: 1px 1px 2px #5f868a;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%,-50%);
 }
 .load-gears .gear-big{
	  width: 70px;
	  height: 70px;
	  -webkit-transform-origin: center;
	  -moz-transform-origin: center;
	  -o-transform-origin: center;
	  transform-origin: center;
	  -webkit-animation: clockwise .5s linear infinite;
	  -moz-animation: clockwise .5s linear infinite;
	  -o-animation: clockwise .5s linear infinite;
	  animation: clockwise .5s linear infinite;
 }
 .load-gears .gear-small {
	  width: 50px;
	  height: 50px;
	  margin-left: -12px;
	  -webkit-transform-origin: center;
	  -moz-transform-origin: center;
	  -o-transform-origin: center;
	  transform-origin: center;
	  -webkit-animation: anticlockwise .3s linear infinite;
	  -moz-animation: anticlockwise .3s linear infinite;
	  -o-animation: anticlockwise .3s linear infinite;
	  animation: anticlockwise .3s linear infinite;
 }
 @-webkit-keyframes clockwise {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(180deg); }
 }

 @keyframes clockwise {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(180deg); }
 }
 @-webkit-keyframes anticlockwise {
	0% { -webkit-transform: rotate(180deg); }
	100% { -webkit-transform: rotate(0deg); }
 }

 @keyframes anticlockwise {
	0% { transform: rotate(180deg); }
	100% { transform: rotate(0deg); }
 }
/* W3CSS
 ========================================================*/
.w3-auto {
    max-width: 1200px;
}
.w3-auto-large {
    max-width: 1400px;
	 margin: 0 auto;
}
.w3-panel {
    margin-top: 0;
    margin-bottom: 0;
	 padding-top: 16px;
	 padding-bottom:16px;
}
 .w3-bar .w3-bar-item {
    padding: 0px 20px;
}
.w3-display-middle {
    transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
}
.w3-btn, .w3-button {
    white-space: initial;
	 -webkit-transition: all 200ms ease;
	 -moz-transition: all 200ms ease;
	 -ms-transition: all 200ms ease;
	 -o-transition: all 200ms ease;
	 transition: all 200ms ease;
}
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col, .w3-row-padding .w3-cell {
    padding: 0 20px;
}
.w3-stretch {
    margin-left: -40px;
    margin-right: -40px;
}
@media (max-width: 600px){
	.w3-stretch {
	    margin-left: 0;
	    margin-right: 0;
	}
	.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col, .w3-row-padding .w3-cell {
	    padding: 0;
	}
}

@media (min-width:769px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
@media (min-width:1101px){.w3-col.xl1{width:8.33333%}.w3-col.xl2{width:16.66666%}.w3-col.xl3{width:24.99999%}.w3-col.xl4{width:33.33333%}
.w3-col.xl5{width:41.66666%}.w3-col.xl6{width:49.99999%}.w3-col.xl7{width:58.33333%}.w3-col.xl8{width:66.66666%}
.w3-col.xl9{width:74.99999%}.w3-col.xl10{width:83.33333%}.w3-col.xl11{width:91.66666%}.w3-col.xl12{width:99.99999%}}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:var(--fontcolor)!important;background-color:var(--color1)!important}
.w3-green{color:#fff!important;background-color:var(--color2)!important}
.w3-hover-green:hover{color:var(--color1)!important;background-color:var(--color2)!important}
.w3-text-green,.w3-hover-text-green:hover{color:var(--color2)!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:var(--color3)!important}
.w3-text-black,.w3-hover-text-black:hover{color:var(--fontcolor)!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:var(--color1)!important}
.w3-red2{color:#fff!important;background-color:var(--color2)!important}
.w3-hover-red2:hover{color:var(--fontcolor)!important;background-color:var(--color2)!important}
.w3-blue{color:#fff!important;background-color:var(--color3)!important}
.w3-hover-blue:hover{color:var(--color1)!important;background-color:var(--color3)!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:var(--color3)!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:var(--color2)!important}

@media (min-width:1101px){.w3-hide-xlarge{display:none!important}}

.w3-large {font-size: 20px!important;}
.w3-jumbo {font-size: 54px!important;}
.w3-row-padding-large, .w3-row-padding-large>.w3-half, .w3-row-padding-large>.w3-third, .w3-row-padding-large>.w3-twothird, .w3-row-padding-large>.w3-threequarter, .w3-row-padding-large>.w3-quarter, .w3-row-padding-large>.w3-col, .w3-row-padding-large .w3-cell {
    padding: 0 16px;
}
.w3-stretch-large {
    margin-left: -32px;
    margin-right: -32px;
}
@media (max-width: 600px){
	.w3-stretch-large {
	    margin-left: 0;
	    margin-right: 0;
	}
	.w3-row-padding-large, .w3-row-padding-large>.w3-half, .w3-row-padding-large>.w3-third, .w3-row-padding-large>.w3-twothird, .w3-row-padding-large>.w3-threequarter, .w3-row-padding-large>.w3-quarter, .w3-row-padding-large>.w3-col, .w3-row-padding-large .w3-cell {
	    padding: 0;
	}
}
/* Stuck menu
 ========================================================*/
#menuStuck{
 	 position:absolute;
 	 /* top: 50px; */
 	 width: 100%;
 	 /* background-color: rgba(255, 255, 255,1); */
 	 z-index: 11;
 }
@media (min-width: 801px) {
	#menuStuck .w3-auto {
		background-color: rgba(255, 255, 255,1);
	}
}
 @media (max-width: 800px) {
 	 #menuStuck{
 		 position:relative;
 		 top:0;
		 height: 95px;
		 background-color: rgba(255, 255, 255,1);
 	 }
 }
.w3-animate-top {
  position:absolute;
  animation: 0;
}
@media (min-width: 801px) {
  .sticky {
		position: fixed!important;
		top: 0!important;
		width: 100%;
		/* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); */
		/* background: rgba(255,255,255,.9); */
		padding-top: 0;
	 }
	 .sticky .w3-auto{
		 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	 }
	 .w3-animate-top {
		  position: relative;
		  animation: animatetop 0.4s;
	 }
}
/* Swipe slider
 ========================================================*/
 .separator-header {
	 height: 0px;
 }
 @media (min-width: 801px){
	 .separator-header {
		 height: 95px;
	 }
 }
 /* #myContainer > div:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
} */
 #myContainer {
  height:100%;
  /*height:calc(100% - 148px); /*meno lo spessore del menu*/
  position: relative;
  background: #fff;
  min-height: 610px;
 }
 @media (min-width: 801px){
	 #myContainer {
	  margin-top:-148px;
	 }
 }
 @media (max-width: 800px){
	 #myContainer {
		  height:50vw;
		  /* height:calc(50vw + 129.16px); */
		  min-height: 350px;
	 }
 }
 #myVideo {
 	position: absolute;
 	right: 0;
 	top: 0;
 	height: 100%;
 	width: 100%;
 	object-fit: cover;
 	min-width: 100%;
 	min-height: 100%;
 }
 .slidevideo .slide_slogan {
     position: absolute;
     z-index: 1;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     padding: 20px;
     text-align: center;
     width: 50%;
     line-height: 1;
     margin-top: 30px;
	  font-family: var(--font1);
 }
 .slidevideo .w3-jumbo {
     font-size: 4vw!important;
     font-weight: 500;
 }
 @media (min-width: 1500px){
 	.slidevideo .w3-jumbo {
 	    font-size: 60px!important;
 	}
 }
 @media (max-width: 800px){
	.slidevideo .slide_slogan {
		width: 100%;
		margin-top:0;
	}
 	.slidevideo .w3-button{
 		bottom:50px;
 	}
	.slidevideo .slide_slogan .w3-jumbo {
		 font-size: 36px!important;
	 }
 }
 /* Top header
  ========================================================*/
  .pre-header {
      position: relative;
      width: 100%;
      height: auto;
		line-height: 1;
      color: var(--color2);
  }
 .pre-header .w3-auto{
	 background: var(--color1);
 }
/* @media (max-width:768px){
  	.pre-header{
  	  display: none;
  	}
  } */
 .pre-header .w3-auto{
   position: relative;
   z-index: 2;
 }
 .top-contact li, .social-icons li{
   /* line-height: 1.2; */
   display: inline-block;
 }
 @media (min-width:417px){
	 .top-contact li, .social-icons li{
		line-height: 1.2;
	 }
 }
 .top-contact li, .social-icons .w3-button {
     padding: 14px 24px;
     font-size: 20px;
     font-weight: 600;
 }
 .top-contact {
   display: inline;
   padding: 0;
 }
 .top-contact .w3-button {
   padding:0 8px;
 }
 .top-contact .w3-button:hover {
     background-color: transparent!important;
 }
 @media (max-width: 819px) {
 	.top-contact .address-top {
 		display: none;
 	}
 }
 .social-icons {
 	 list-style: none;
 	 margin: 0px;
 	 padding: 0;
 	 font-size: 14px;
 	 display: inline;
	 font-family: var(--font1);
 }
 .social-icons a.aligned {
	 /* padding: 18px 0; */
	 display: inline-table;
 }
 .social-icons a{
   text-decoration: none;
   -webkit-transition: all 200ms ease;
 	-moz-transition: all 200ms ease;
 	-ms-transition: all 200ms ease;
 	-o-transition: all 200ms ease;
 	transition: all 200ms ease;
   border:none;
	opacity: 1
 }
 .social-icons a.aligned:hover{
	opacity: .7;
 }
 @media (max-width: 700px) {
 .social-icons a {
            visibility: hidden;
            position: relative;
        }
  .social-icons a::after {
      visibility: visible;
      position: absolute;
      top: 0;
      left: 0;
      content: " ";
  }
 }
 /* Navigation
  ========================================================*/
header {
   position: relative;
   width: 100%;
   z-index: 4;
}
header > .w3-container{
	padding:20px 0;
}
.logo-content {
    position: relative;
    height: 92px;

	 z-index: 3;
	 width: 40%;
}
@media (max-width: 800px){
	.logo-content {
		 width: 65%;
	}
}
.logo-header {
    object-fit: contain!important;
    width: auto!important;
    filter: brightness(100%)!important;
	 transition: 0.4s;
	 max-height: 120px;
}
.logo {
    display: inline-block;
    position: absolute;
    left: 0;
	 /* padding-right: 75px; */
	 width: 100%;
	 margin-top: -30px;
}
@media (max-width: 800px){
	.logo {
		 /* margin-top: -11%; */
	}
}
.topnav {
    background-color: transparent;
    z-index: 2;
	 position: relative;
	 margin-top:-92px;
}
@media (min-width: 801px){
	.w3-bar {
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	    height: 92px;
	}
}
.topnav a {
    font-family: var(--font1);
    color: var(--fontcolor);
    text-transform: uppercase;
    font-size: 20px;
    white-space: nowrap;
	 font-weight: 600;
}
.topnav a:nth-child(4) {
 padding: 0;
}
.topnav .w3-button:hover {
	 background-color: transparent!important;
}
.topnav .w3-button:hover span {
    color: var(--color2)!important;
    background: transparent!important;
}
.topnav a.active, .topnav .w3-button:hover {
    color: var(--color2)!important;

}
.topnav .toggle {
    display: none;
	 position: absolute;
	 top: -85px;
	 right: 0;
}
@media screen and (max-width: 800px){
	.topnav {
		 margin-top: 3px;
	}
	.topnav a:not(.toggle) {
	    display: none;
	}
	.topnav a.toggle {
		 display: block;
		 background-color: transparent!important;
		 color: var(--color3)!important;
		 z-index: 2;
  }
  .topnav a:hover {
	   border-bottom: none;
	}
	.topnav.w3-right.responsive {
	    float: none!important;
	    position: relative;
	    z-index: 2;
	}
	.topnav.responsive a:not(.toggle) {
	    float: none;
	    display: block;
	    text-align: left;
	    padding: 10px;
	    color: #fff;
	    border-bottom: 1px solid #fff;
	    line-height: 1.5;
	}
	.topnav.responsive .w3-nav a:nth-last-child(2){
		border-bottom:none;
	}
	.topnav.responsive .w3-nav{
		background: rgba(var(--color1rgb), 0.7);
	}
	.topnav.responsive .w3-dropdown-hover {
	    float: none;
	    display: block;
	}
	.topnav.responsive .w3-dropdown-content {
	    position: relative!important;
	    margin-left: 30px;
		 top: 0;
	}
}
/* About us in HP
========================================================*/
/* CORNICE START */
.about-img {
    position: relative;
    margin-right: 20px;
    margin-bottom: 60px;
}
.about-img::before, .about-img::after {
    position: absolute;
    content: '';
}
.about-img::before {
    width: 10px;
    height: 100%;
    top: 10px;
}
.about-img::before, .about-img::after {
    right: -10px;
    left: unset !important;
}
.about-img::before, .about-img::after {
    background: var(--color2);
}

.card-img::before, .card-img::after {
    right: -20px;
    left: unset !important;
}
.card-img::before {
    width: 10px;
    height: 100%;
    top: 20px;
}

.card-img::before, .card-img::after {
    position: absolute;
    content: '';
    background: var(--color3);
}
.card-img::before, .card-img::after {
    right: -20px;
    left: unset !important;
}
.card-img::after {
    width: 100%;
    height: 10px;
    bottom: -20px;
}

.about-img::after {
    width: 100%;
    height: 10px;
    bottom: -10px;
}
.about-us ul li{
    padding: 10px 0;
}
/* CORNICE END */
/* Swipe slider About
 ========================================================*/
 .mySwiper {
	width: 100%;
	/* height: 100%; */
	height: 500px;
 }

 .mySwiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
 }

 .mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
 }

/* Prodotti
========================================================*/
.foto_quad {
   position: relative;
   width: 100%;
   padding-top: 100%; /* 1:1 Aspect Ratio */
	background-position: center;
	background-size: cover;
	margin-bottom: 10px;
}
.foto_rett {
   position: relative;
   width: 100%;
   padding-top: calc(50% - 16px); /* 1:1 Aspect Ratio */
	background-position: center;
	background-size: cover;
	margin-bottom: 32px;

}
@media (max-width:600px){
	.foto_rett {
	   padding-top: 100%;
	}
}
.gallery .overlay {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.gallery img{
    position: absolute;
    top: 50%;
    left: 50%;
	 transform:translate(-50%,-50%);
    height: 80px;
    width: auto;
}
.overlay {
  background-color: rgba(0,0,0,0.8);
  z-index: 2;
  transition: .5s ease;
  opacity: 0;
}
.gallery a:hover .overlay{
	opacity: 1;
}
.sl-wrapper .sl-image .sl-caption {
	 background: var(--color2);
	 /* background-size: cover;
	 padding-right: 50px; */
}
.gallery span{
	min-height: 56px;
	padding: 0 10px;
}
@media (max-width:1048px){
	.gallery span{
		min-height: 78px;
	}
}
@media (max-width:648px){
	.gallery span{
		min-height: 100px;
	}
}
@media (max-width:633px){
	.gallery span{
		min-height: 125px;
	}
}
@media (max-width:600px){
	.gallery span{
		min-height: 60px;
	}
}
.lavorazioni .gallery span{
	min-height: 16px!important;
	margin-bottom: 0!important;
}
/* Certificazioni in HP
========================================================*/
.certificazioni img {
	max-height: 180px;
}
/* COUNTER
 ========================================================*/
.counter-contents {
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 0;
}
.counter-title {
    font-weight: 400;
    margin-top: 0;
	 font-size: 18px;
	 margin-bottom: 15px;
}
 /* Parallax
 ========================================================*/
 .height-100{
  height: 100%;
 }
 .parallax {
  background-size: cover!important;
  height: 400px;
  background-blend-mode: darken;
 }
 .px01{
 	background: rgba(0, 0, 0, 0.3) url(../images/px01.jpg) fixed no-repeat center center;
	height: auto;
 }
 .px01b{
 	background: rgba(0, 0, 0, 0.3) url(../images/px01b.jpg) no-repeat center center;
	margin-top:-147px;
 }
 .px01c{
 	background: rgba(0, 0, 0, 0.3) url(../images/px01c.jpg) no-repeat center center;
	margin-top:-147px;
 }
 .px01d{
 	background: rgba(0, 0, 0, 0.3) url(../images/px01d.jpg) no-repeat center center;
	/* margin-top:-147px; */
 }
 .px01e{
 	background: rgba(0, 0, 0, 0.3) url(../images/px01e.jpg) no-repeat center center;
	margin-top:-147px;
 }
 .px02{background: url("../images/px02.jpg") no-repeat fixed center center;}
 /* Turn off parallax scrolling for tablets and phones */
 @media only screen and (max-device-width: 700px) {
   .px02 {
 		background-attachment: scroll;
 		min-height: 250px;
   }
 }
 @media only screen and (max-device-width: 900px) {
	.parallax .w3-jumbo {
		font-size:30px!important;
	}
 }
 @media only screen and (max-device-width: 600px) {
	 .px01 {
  		background-attachment: scroll;
  		min-height: 420px;
    }
 }
 .parallax h2{
	 font-weight: 400;
 }
 /* Get in Touch
  ========================================================*/
  .get-in-touch {
	  font-family: var(--font1);
  }
  .get-in-touch .w3-circle {
	  padding: 16px;
  }
  @media (max-width: 900px){
  	.get-in-touch {
  		text-align: center;
  	}
  }
  /* Servizi
   ========================================================*/
	#servizipage img {
      aspect-ratio: 1 / 1;
      width: 100%;
      object-fit: cover;
      max-width: 170px;
		filter: brightness(0) saturate(100%) invert(19%) sepia(23%) saturate(3525%) hue-rotate(188deg) brightness(94%) contrast(89%);
  }
  #servizipage .w3-card{
	  text-align: center;
    margin-bottom: 20px;
    box-shadow: none;
	 background: #fff;
	 padding-top: 24px;
  }

@media (max-width: 600px){
  #servizipage .w3-card .w3-padding-24{
	 padding-top: 0!important;
	 padding-bottom: 0!important;
  }
}
  .shake img:hover {
      -webkit-animation: ico-shake-animation 1s ease-in-out infinite;
      -moz-animation: ico-shake-animation 1s ease-in-out infinite;
      -o-animation: ico-shake-animation 1s ease-in-out infinite;
      animation: ico-shake-animation 1s ease-in-out infinite;
  }
  @-moz-keyframes ico-shake-animation{0%{transform:rotate(0)scale(1)skew(1deg)}10%{transform:rotate(-25deg)scale(1)skew(1deg)}20%{transform:rotate(25deg)scale(1)skew(1deg)}30%{transform:rotate(-25deg)scale(1)skew(1deg)}40%{transform:rotate(25deg)scale(1)skew(1deg)}50%{transform:rotate(0)scale(1)skew(1deg)}100%{transform:rotate(0)scale(1)skew(1deg)}}@-webkit-keyframes ico-shake-animation{0%{transform:rotate(0)scale(1)skew(1deg)}10%{transform:rotate(-25deg)scale(1)skew(1deg)}20%{transform:rotate(25deg)scale(1)skew(1deg)}30%{transform:rotate(-25deg)scale(1)skew(1deg)}40%{transform:rotate(25deg)scale(1)skew(1deg)}50%{transform:rotate(0)scale(1)skew(1deg)}100%{transform:rotate(0)scale(1)skew(1deg)}}@-o-keyframes ico-shake-animation{0%{transform:rotate(0)scale(1)skew(1deg)}10%{transform:rotate(-25deg)scale(1)skew(1deg)}20%{transform:rotate(25deg)scale(1)skew(1deg)}30%{transform:rotate(-25deg)scale(1)skew(1deg)}40%{transform:rotate(25deg)scale(1)skew(1deg)}50%{transform:rotate(0)scale(1)skew(1deg)}100%{transform:rotate(0)scale(1)skew(1deg)}}@keyframes ico-shake-animation{0%{transform:rotate(0)scale(1)skew(1deg)}10%{transform:rotate(-25deg)scale(1)skew(1deg)}20%{transform:rotate(25deg)scale(1)skew(1deg)}30%{transform:rotate(-25deg)scale(1)skew(1deg)}40%{transform:rotate(25deg)scale(1)skew(1deg)}50%{transform:rotate(0)scale(1)skew(1deg)}100%{transform:rotate(0)scale(1)skew(1deg)}}

 .photos img{
	 max-height: 500px;
	 object-fit: cover;
 }
/* Footer
========================================================*/
.logo-footer {
	 max-height: 130px;
}
 @media (max-width:992px){
.logo-footer {
	 max-width: 220px;
}
}
footer{
  font-size: 18px;
  font-weight: 200;
  line-height: 1.2;
  font-family: var(--font1);
}
footer .preview{
  padding: 20px 0px;
  position: relative;
  color: #fff!important;
}
footer .fa {
  margin-right: 10px;
  font-size: 1.7em;
  vertical-align: middle
}
footer .preview img{
  height: 30px;
  margin-right:6px
}
footer .preview strong {
  font-size: 25px;
  font-weight: 600;
}
.subfooter {
  border-top: 1px solid #fff;
  padding: 15px;
  font-weight: 200;
  color: #fff!important;
  font-size: 14px;
}
.subfooter a{
  text-decoration: none;
}
/*CONTATTI
========================================================*/
  .gmap iframe{
	  display: block;
  }
div[data-service]::before {
    padding-top: 0;
}
.gmap iframe {
	filter:grayscale(100%)!important;
}
.contatti iframe{
	display: block;
}
div[data-autoscale] {
    height: 450px!important;
    width: 100%;
}
div[data-service] {
    background-color: #dfdfdf!important;
}
div[data-service] .c-n-t {
    color: #1c1c1c!important;
}
div[data-service] .c-n-c .c-l-b::before {
    top: 17px!important;
}
@media (max-width: 489px) {
	div[data-service] .c-n-c .c-la-b {
		margin-left: 0!important;
		margin-top: 16px!important;
  }
}

/* Go to Top
 ========================================================*/
 #scroll-top {
    display:none;
    /* opacity: 0; */
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(var(--color1rgb), 0.4);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    z-index: 100;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
 #scroll-top .icon-icons8_arrow_up{
	 color: #FFF;
    font-size: 40px;
 }
#scroll-top:hover {
    background-color: rgba(var(--color1rgb), 0.8);
}
/*==================  404  ======================*/
@media (max-width: 1060px) {
  .not-found i{
		font-size: 180px!important;
  }
}
.not-found {
	margin-top: 50px;
}
@media (max-width: 1060px){
	.not-found {
	  margin-top: 50px;
	}
}
.not-found i{
font-size: 15vw;
 color: var(--color2);
}
.not-found h2{
  font-size: 100px;;
}
.not-found h3{
  font-size: 28px;;
}
/*==================  Foto  ======================*/
.fotoName {
    margin-top: -35px;
    display: block;
    float: right;
}
/*==================  Complianz button  ======================*/
#cmplz-manage-consent .cmplz-manage-consent {
    z-index: 1035!important;
}