/*
	   	Theme Name: F.LLI NATOLINO
	   	Theme URI: https://natolino.it
	   	Author: BMBDesign
	   	Author URI: https://www.bmbdesign.it
		font-family: "DM Sans", sans-serif;
*/
.lingue, .linguenohome, .fascia-lavoraconnoi {
	display: none!important;
}
* {
	margin: 0;
	padding: 0;
}
.hidden {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
.visible {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.ombra-sopra-foto {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient( to top, rgba(87, 87, 86, 0) 0%, rgba(87, 87, 86, 0.5) 100% );
}
#trigger-overlay, img.ico-foo-mobile, .footer-v-mobile, img.photoaziende {
	display: none;
}
.accorcia {
	width: calc(47% - 70px);
  	width: -webkit-calc(47% - 70px);
  	width: -moz-calc(47% - 70px);
	float: left;
}
#cookie-warning {
	position: absolute;
    top: 0; left: 0;
    width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);	 height: 100%;
	padding-left:30px; padding-right:30px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D96C5F;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    z-index: 6;
}
.grassetto, strong {
	font-weight: 700!important;
}
img.photorealiz {
	display: none;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #D96C5F;
	z-index: 99;
}
.status {
	z-index: 10;
	width: 100%;
	height: 90px;
	position: absolute;
	left: 0;
	top: 50%;
	text-align: center;
	margin-top: -45px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
html, body {
	text-underline-offset: 4px;
	font-optical-sizing: none!important;
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 26px;
	color: #575756;
	margin: 0;
	padding: 0;
	background: #f0eeea;
}
/* Selettore dell’attribuzione di Leaflet */
.leaflet-control-attribution, .leaflet-container {
  	font-family: sans-serif;
  	color: #575756!important;
}
/* Stile dei link nell’attribuzione */
.leaflet-control-attribution a, .leaflet-container a {
  	color: #D96C5F!important;
}
.page-wrap {
	width: 100%;
	float: left;
}
a, a:link, a:visited, a:hover {
	outline: none;
    -moz-outline-style: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.progress-container {
    width: 100%;
    height: 3px;
    background: rgba(251, 117, 93, 0);
    position: fixed;
    top: 0;
    left: 0;
	z-index: 99;
}
.progress-bar {
    height: 3px;
    width: 0%;
    background: #D96C5F;
    position: relative;
}
.video-container {
  height: calc(var(--vh, 1vh) * 100 - 80px);
  position: relative;
  width: 100%;
  background: #D96C5F;
  z-index: 6;
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-container video {
   	height: 80%;
	width: auto;
	max-width: 100%;
	position: relative;
	z-index: 8;
}
.header {
	width: 100%;
	height: 60px;
	z-index: 8;
	position: fixed;
	left: 0;
	top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footercontent, .footerbasso {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.headercontent {
	margin-left: 20px;
	margin-right: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);	
	float: left;
}
.lingue, .linguenohome {
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	position: fixed;
	top: 85px;
	z-index: 8;
	text-align: center;
}
.lingue-in-riga {
    list-style: none;
	justify-content: center;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}
.lingue a, .linguenohome a {
  font-size: 14px;
  font-weight: 500;	
}
.linguenohome {
	background: rgba(240, 238, 234, 0.9);
}
.linguenohome a {
	color: #575756;
}
.linguenohome a:hover {
	color: #D96C5F;
}
.lang-item.lang-item-2.lang-item-it.current-lang.lang-item-first a, .lang-item.lang-item-5.lang-item-en.current-lang a {
	color: #D96C5F;
	pointer-events: none;  /* disabilita il click */
    cursor: default;       /* cambia il cursore */
}
.linguenohome, .lingue {
  	transition: opacity 0.3s ease, visibility 0.3s ease;
  	opacity: 1;
  	visibility: visible;
}
.linguenohome.nascosto, .lingue.nascosto {
  	opacity: 0;
  	visibility: hidden;
  	pointer-events: none; /* evita interazioni quando nascosto */
}
.footerbasso {
	font-weight: 700;
	padding-top: 30px;
	padding-bottom: 89px;
	border-top: 1px solid #dfddda;
	font-size: 13px;
	line-height: 13px;
	color: #D96C5F;
}
.footerbasso a {
	color: #D96C5F;	
}
.footer-meta a, .colonna-elenco-clienti a {
	color: #575756;	
}
.footercontent {
	font-size: 20px;
	line-height: 30px;
	padding-top: 180px;
	padding-bottom: 210px;
}
.footerbig {
	width: 100%;
	float: left;
}
.sinistra-footerbasso {
	width: 60%;
	float: left;
}
.destra-footerbasso {
	width: 40%;
	text-align: right;
	float: left;
}
.colonna-footercontent-sx {
	float: left;
	width: 30%;
}
.colonna-footercontent-dx {
	float: left;
	width: 70%;
}
.colonna-footercontent-sx img {
	margin-top: 60px;
}
.footerbig a:hover, .colonna-elenco-clienti a:hover {
	text-decoration: underline;
	color: #D96C5F;
}
.fascia-pulsanti-footer-fissi {
	z-index: 5;
	position: fixed;
	bottom: 16px;
	height: 34px;
	left: 16px;
	right: 66px;
	width: calc(100% - 82px);
	width: -webkit-calc(100% - 82px);
	width: -moz-calc(100% - 82px);	
}
.footercontent-dx-sopra, .footercontent-dx-sotto {
	width: 100%;
	float: left
}
.footercontent-dx-sopra {
	padding-bottom: 44px;
	margin-bottom: 44px;
	border-bottom: 1px solid #dfddda;
}
.footer-meta {
	width: 45%;
	float: left;
}
.footer-linkedin {
	width: 10%;
	height: 26px;
	margin-top: 30px;
	float: left;
	text-align: right;
}
.pls-richiedi-preventivo {
	height: 34px;
	line-height: 34px;
	padding-left: 26px;
	padding-right: 26px;
	color: #FFF;
	display: inline-block;
	font-size: 17px;
	border-radius: 10px;
	background: #575756;
	font-weight: 500;
	cursor: pointer;
}
.pls-richiedi-preventivo:hover {
	background: #FFF;
	color: #575756;
}
.pls-telefono {
	float: right;
	background: url(https://www.natolino.it/wp-content/themes/fllinatolino/images/phone-off.svg) no-repeat, #fff;
	background-size: 19px 19px;
	background-position: bottom 9px left 11px;
	height: 34px;
	line-height: 34px;
	padding-left: 50px;
	padding-right: 26px;
	color: #575756;
	display: inline-block;
	font-size: 17px;
	border-radius: 10px;
	font-weight: 500;
	cursor: pointer;
}
.pls-telefono:hover {
	color: #FFF!important;
	background: url(https://www.natolino.it/wp-content/themes/fllinatolino/images/phone-on.svg) no-repeat, #575756;
	background-size: 19px 19px;
	background-position: bottom 9px left 11px;	
}
.pls-email {
	margin-left: 16px;
	float: right;
	height: 34px;
	line-height: 34px;
	padding-left: 26px;
	padding-right: 26px;
	color: #575756;
	display: inline-block;
	font-size: 17px;
	border-radius: 10px;
	background: #FFF;
	font-weight: 500;
	cursor: pointer;	
}
.pls-email:hover {
	background: #575756;
	color: #FFF;
}
#header-homepage {
	background: rgba(240, 238, 234, 0.15);
}
#header-no-homepage {
	background: rgba(240, 238, 234, 0.9);
	border-bottom: 1px solid #dfddda;	
}
.sfondoripetuto {
	width: 100%;
	height: 464px;
	background-image: url('https://www.natolino.it/wp-content/themes/fllinatolino/images/sfondo-logo.svg');
	background-repeat: repeat-x;
	background-position: top;
	background-size: auto 464px;
	position: absolute;
	left: 0;
	bottom: -232px;

	/* animazione */
	opacity: 0;
	animation: fadeInBg 2s ease-out forwards;
}

@keyframes fadeInBg {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.sfondoripetuto-count {
	width: 100%;
	height: 464px;
	background-image: url('https://www.natolino.it/wp-content/themes/fllinatolino/images/sfondo-logo.svg');
	background-repeat: repeat-x;
	background-position: top;
	background-size: auto 464px; /* altezza fissa, larghezza auto */
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -232px;
}
.logo-header, .logo-tecnorisorse {
	width: 220px;
	float: left;
	height: 60px;
}
.logo-tecnorisorse { 
	text-align: right;
}
.logo-tecnorisorse img {
	margin-top: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
}
.logo-tecnorisorse img:hover {
	margin-top: 16px;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.menu-header-centro {
	float: left;
    width: calc(100% - 440px);
	width: -webkit-calc(100% - 440px);
	width: -moz-calc(100% - 440px);
	text-align: center;
	height: 16px;
	margin-top: 36px;
	line-height: 16px;
}
.sfondo-arancione {
	width: 100%;
	float: left;
	background: #D96C5F;
	position: relative;
}
.fascia-introduttiva {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	height: calc(var(--vh, 1vh) * 100);
	/*height: calc(var(--vh, 1vh) * 100);*/
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	background-color: #f0eeea;
}
.menu-header-centro ul {
  	list-style: none;
  	padding: 0;
  	margin: 0;
}
.menu-header-centro ul li {
  	display: inline;
  	margin-right: 10px;
	margin-left: 10px;
}
.menu-header-centro ul li, .menu-header-centro ul li a {
 	color: #FFF;
	font-size: 16px;
	font-weight: 500;
}
.menu-header-centro ul li.link-attivo, .menu-header-centro ul li a:hover {
	color: rgba(255, 255, 255, 0.5);
}
.contenitore-testo {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	margin-top: 160px;
}
.contenitore-testo a {
	color: #575756;
}
.contenitore-testo a:hover {
	text-decoration: underline;
	color: #D96C5F;
}
.contenitore-testo h1 {
	font-size: 60px;
	line-height: 60px;
	color: #D96C5F;
	font-weight: 400;
	margin-bottom: 45px;
}
.fascia-count h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 400;
}
.contenitore-testo h2 {
	font-size: 30px;
	line-height: 30px;
	color: #575756;
	font-weight: 400;
}
.centra-fascia-corallo {
	width: 100%;
	display: flex;
	align-items: center;
	height: 66vh;
	margin-top: 32px;
}
.dx-fascia-corallo {
	height: 100%;
	width: 40%;
	float: left;
}
.dx-fascia-corallo img {
	display: none;
}
.dx-fascia-contatti {
	height: 100%;
	width: 60%;
	float: left;
}
.dx-fascia-realiz {
	height: 100%;
	width: 53%;
	float: left;
}
.sx-fascia-corallo {
	text-transform: uppercase;
	margin-right: 140px;
	float: left;
    width: calc(60% - 140px);
	width: -webkit-calc(60% - 140px);
	width: -moz-calc(60% - 140px);
	color: #D96C5F;
}
.sx-fascia-contatti {
	margin-right: 140px;
	float: left;
    width: calc(40% - 140px);
	width: -webkit-calc(40% - 140px);
	width: -moz-calc(40% - 140px);
}
.sx-fascia-corallo h1 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 400;
}
.sx-fascia-corallo h2 {
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 26px;
	font-weight: 600;
}
.fascia-esperienza {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	padding-top: 140px;
	padding-bottom: 140px;
	display: flex;
	background-color: #D96C5F;
	align-items: stretch;
}
.sezione-centrale-mobile {
	display: none;
}
.slick-prev, .slick-next {
	right: 0!important;
}
.sezione-esperienza-sinistra, .sezione-esperienza-destra {
    width: 38%;
	float: left;
	position: relative;
	font-size: 60px;
	line-height: 60px;
	color: #FFF;	
}
.sezione-centrale {
	width: 24%;
	float: left;
	font-size: 80px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sezione-esperienza-sinistra img, .sezione-esperienza-destra img {
	width: 100%;
	height: auto;
}
.titolo-sezione-foto-sinistra {
	/*background: rgba(240, 238, 234, 0.15);*/
	padding: 15px;
	position: absolute;
	top: 6%;
	left: 50%;
}
.titolo-sezione-foto-destra {
	/*background: rgba(240, 238, 234, 0.15);*/
	padding: 15px;
	position: absolute;
	top: 21%;
	left: -105px;
}
.fascia-realizzazioni {
	width: 100%;
	float: left;
	padding-top: 165px;
	padding-bottom: 165px;
}
.fascia-title-servizi {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.fascia-title-realizzazioni {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	margin-bottom: 30px;
	height: 38px;
	font-size: 60px;
	line-height: 38px;
	color: #FFF;
	font-weight: 400;
}
.fascia-title-servizi {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	height: 38px;
	font-size: 60px;
	line-height: 38px;
	color: #D96C5F;
	font-weight: 400;
}
.scopripiu {
	margin-left: 120px;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	display: inline-block;
	font-size: 17px;
	border-radius: 10px;
	background: #D96C5F;
	font-weight: 500;
	cursor: pointer;
}
.scopripiuchisiamo {
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF;
	display: inline-block;
	font-size: 17px;
	border-radius: 10px;
	background: #D96C5F;
	font-weight: 500;
	cursor: pointer;
	margin-top: 80px;
}
.scopripiu:hover, .scopripiuchisiamo:hover {
	background: #575756;
	color: #FFF;
}
.pls-scopripiu {
	float: left;
}
.fascia-title-realizzazioni span, .fascia-title-servizi span {
	float: left;
}
.fascia-chisiamo {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	padding-top: 185px;
	padding-bottom: 185px;
	display: flex;
	align-items: stretch;
}
.foto-chisiamo {
	border: 1px solid #FFF;
    width: calc(40% - 2px);
	width: -webkit-calc(40% - 2px);
	width: -moz-calc(40% - 2px);	
	float: left;
}
.testo-chisiamo {
	margin-left: 130px;
	float: left;
    width: calc(60% - 130px);
	width: -webkit-calc(60% - 130px);
	width: -moz-calc(60% - 130px);	
}
.testo-chisiamo h1 {
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	text-align: left;
	color: #D96C5F;
	margin-bottom: 30px;
}
img.photochisiamomob {
	display: none;
}
.fascia-count {
	position: relative;
	/*padding-left: calc(50% - 512px);
	padding-left: -webkit-calc(50% - 512px);
	padding-left: -moz-calc(50% - 512px);
	padding-right: calc(50% - 512px);
	padding-right: -webkit-calc(50% - 512px);
	padding-right: -moz-calc(50% - 512px);
	width: 1024px;*/
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	background: #D96C5F;
	padding-top: 175px;
	padding-bottom: 175px;
	color: #f0eeea;
}
.pls-scopripiu-mobile, .pls-scopripiu-mobile-rientra {
	display: none;
}
.counter {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 80px;
	line-height: 60px;
	margin-bottom: 15px;
}
.desc-counter {
	width: 100%;
	float: left;
	text-align: center;	
	font-size: 18px;
	font-weight: 700;
	text-transform: lowercase;
}
.contatore {
	width: 33.33%;
	float: left;
}
.video-control-button {
  	background: #ffffffcc;
  	border: none;
  	border-radius: 50%;
  	padding: 12px;
  	cursor: pointer;
  	transition: background 0.3s;
  	z-index: 999;
}
.video-control-button:hover {
  	background: #ffffffee;
}
.video-control-button svg {
  	width: 28px;
  	height: 28px;
}
#video-controls {
  	position: absolute;
  	bottom: 20px;
  	right: 20px;
  	display: flex;
  	flex-direction: column;
  	gap: 12px;
}
.fascia-servizi {
	width: 100%;
	float: left;
	padding-top: 165px;
}
.accordion {
	width: 100%;
	float: left;
	margin-top: 5px;
	border-top: 1px solid #dfddda;
}
.accordion-item {
	padding-top: 25px;
	padding-bottom: 25px;
    border-bottom: 1px solid #dfddda;
}
.accordion-header {
    cursor: pointer;
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
    user-select: none;
}
.tornaprogetti {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.accordion-icon {
	font-size: 40px;
	line-height: 45px;
	text-align: right;
    width: 110px;
	color: #D96C5F;
	float: left;
}
.titolo-accordion {
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	float: left;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
  }
  .accordion-content.open {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
  }
.titolo-accordion h3 {
	font-size: 40px;
	line-height: 45px;
	text-align: left;
	color: #575756;
	font-weight: 400;
}
.rientra-accordion {
	width: 60%;
	margin-left: 27%;
	float: left;
	margin-top: 30px;
}
.slider-anteprima-realizzazioni {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	float: left;
	margin-top: 18px;
	width: calc(50% + 683px);
	width: -webkit-calc(50% + 683px);
	width: -moz-calc(50% + 683px);	
}
.foto-fullscreen-servizi {
	width: 100%;
	float: left;
	height: calc(var(--vh, 1vh) * 100);
	/*height: calc(var(--vh, 1vh) * 100);*/
	margin-top: 140px;
}
.fascia-lavoraconnoi, .testo-aggiuntivo {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.testo-aggiuntivo {
	margin-bottom: 80px;
}
.sx-fascia-contatti h1, .fascia-lavoraconnoi h1 {
	font-weight: 400;
	font-size: 60px;
	line-height: 60px;
	color: #D96C5F;
}
.sx-fascia-contatti h1 {
	margin-bottom: 35px;
}
.sx-fascia-contatti a {
	color: #575756;
}
.sx-fascia-contatti a:hover {
	text-decoration: underline;
	color: #D96C5F;
}
.content-modulo {
	width: 100%;
	float: left;
	margin-top: 35px;	
}
.modulo-form {
  	float: left;
  	width: 40%;
}
.foto-destra-form {
  	float: left;
    width: calc(60% - 250px);
	width: -webkit-calc(60% - 250px);
	width: -moz-calc(60% - 250px);
	margin-left: 250px;
	margin-top: 29px;
}
.foto-destra-form img {
	width: 100%;
	height: auto;
}
.sx-fascia-contatti h2 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
}
.wpcf7-list-item {
  margin: 0!important;
}
.fascia-esperienza-big {
	width: 100%;
	float: left;
	padding-top: 120px;
	position: relative;
}
.sfondo-bn-esperienza {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 115px;
}
.content-esperienza {
	position: relative;
	margin-left: calc(50% - 683px);
	margin-left: -webkit-calc(50% - 683px);
	margin-left: -moz-calc(50% - 683px);
	margin-right: calc(50% - 683px);
	margin-right: -webkit-calc(50% - 683px);
	margin-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.content-esperienza h1 {
	font-size: 60px;
	line-height: 60px;
	color: #fff;	
	font-weight: 400;
}
.quadro-bianco-sx {
	margin-top: 40px;
    width: calc(40% - 70px);
	width: -webkit-calc(40% - 70px);
	width: -moz-calc(40% - 70px);
	float: left;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 35px;
	padding-right: 35px;
	background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 1) 100%
  );
	/*margin-bottom: 50px;*/
}
.quadro-bianco-dx {
    width: calc(40% - 70px);
	width: -webkit-calc(40% - 70px);
	width: -moz-calc(40% - 70px);
	float: left;
	position: relative;
	padding-top: 50px;
	padding-left: 35px;
	padding-right: 35px;
	background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 1) 100%
  );
	margin-left: 22px;
	margin-top: 140px;
}
.quadro-bianco-sx h2, .quadro-bianco-dx h2, .box-sx-persone h2, .box-dx-persone h2 {
	font-weight: 600;
	font-size: 30px;
	line-height: 26px;
	color: #D96C5F;
	text-transform: uppercase;
	margin-bottom: 130px;
}
.img-experience img, .foto-sx-persone img {
	width: 100%;
	height: auto;
	border: 1px solid #FFF;
}
.img-experience {
	position: absolute;
    width: calc(20% - 46px);
	width: -webkit-calc(20% - 46px);
	width: -moz-calc(20% - 46px);
	bottom: 0;
	right: 0;
	transform: translateY(50%);	
}
.contentpersone {
	margin-left: calc(50% - 683px);
	margin-left: -webkit-calc(50% - 683px);
	margin-left: -moz-calc(50% - 683px);
	margin-right: calc(50% - 683px);
	margin-right: -webkit-calc(50% - 683px);
	margin-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.foto-boxsnpersone-mob {
	display: none;
}
.padding-quadrosx {
	background-color: #FFF;
	position: absolute;
	height: 50px;
	bottom: -50px;
    width: 40%;
	left: calc(40% + 22px);
	left: -webkit-calc(40% + 22px);
	left: -moz-calc(40% + 22px);
}
.contentpersone h1, .colonna-titolo-clienti h1, .prefazione-certificazioni h1 {
	font-size: 60px;
	line-height: 60px;
	color: #D96C5F;	
	font-weight: 400;
}
.prefazione-certificazioni h1 {
	margin-bottom: 30px;
}
.box-persone {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.foto-sx-persone {
	align-content: flex-end;
	margin-top: 78px;
    width: calc(33.33% - 46px);
	width: -webkit-calc(33.33% - 46px);
	width: -moz-calc(33.33% - 46px);
	float: left;
}
.box-sx-persone {
    width: calc(66.66% - 70px);
	width: -webkit-calc(66.66% - 70px);
	width: -moz-calc(66.66% - 70px);
	float: left;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 35px;
	padding-right: 35px;
	background: #fff;
	display: flex;
	margin-left: 22px;
	flex-wrap: wrap;	
}
.box-dx-persone {
	margin-top: -40px;
    width: calc(40% - 70px);
	width: -webkit-calc(40% - 70px);
	width: -moz-calc(40% - 70px);
	float: left;
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 35px;
	padding-right: 35px;
	background: #fff;
}
.foto-sx-persone img {
	margin-top: 22px;
}
.foto-boxsnpersone {
	float: left;
	width: 60%;
	display: flex;
}
.testo-azienda-persone {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.titolo-boxsx-persone {
	display: flex;
}
.box-inostrivalori {
	color: #fff;
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	background: #575756;
	padding-top: 100px;
	padding-bottom: 80px;
	margin-top: 80px;
	margin-bottom: 135px;
	position: relative;
}
.box-inostrivalori h2 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 15px;
}
.icona-valore {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
}
  .valore-1, .valore-2, .valore-3, .valore-4,
  .valore-5, .valore-6, .valore-7, .valore-8 {
	  position: relative;
    float: left;
    width: calc(25% - 46px);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-left: none;
    border-top: none;
    padding: 38px 22px 50px 22px;
  }

  /* prima colonna */
  .valore-1, .valore-5 {
    border-left: 1px solid rgba(255, 255, 255, 0.3);
  }

  /* prima riga */
  .valore-1, .valore-2, .valore-3, .valore-4 {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
.quadrati-valori {
	display: flex;
	flex-wrap: wrap;
}
.titolo-rientra {
    width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -moz-calc(100% - 60px);
	float: left;
	margin-right: 60px;
}
.frase-che-scorre {
	width: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
	overflow: hidden;
	line-height: 200px;
    opacity: 0.05;
	font-size: 230px;
}
#text-roller {
  	position: relative;
  	white-space: nowrap;
}
.i-clienti {
	padding-bottom: 105px;
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
	border-bottom: 1px solid #dfddda;
	margin-bottom: 60px;
}
.colonna-titolo-clienti {
	width: 33.33%;
	float: left;
}
.colonna-elenco-clienti {
	width: 66.66%;
	float: left;
	column-count: 2;
	margin-top: 13px;
	/*text-transform: uppercase;*/
}
.certificazioni {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;	
}
.fascia-sotto-cert {
	position: relative;
	background-color: #FFF;
	padding-bottom: 84px;
	padding-top: 50px;
    width: 100%;
	float: left;
	margin-top: 50px;
}
.fascia-sopra-cert {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.prefazione-certificazioni {
    width: calc(50% - 11px);
	width: -webkit-calc(50% - 11px);
	width: -moz-calc(50% - 11px);
	float: left;
	margin-right: 11px;
}
.box-destra-certificazioni {
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: 11px;
    width: calc(50% - 111px);
	width: -webkit-calc(50% - 111px);
	width: -moz-calc(50% - 111px);
	float: left;
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 84px;
}
.box-destra-certificazioni h2 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 35px;
	margin-top: 35px;
}
.colonna-sx-sotto-cert h2 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 55px;
}
.logo-cert-sot {
    width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
	width: -moz-calc(100% - 85px);
	float: left;
	margin-bottom: 35px;
	padding-left: 65px;
}
.colonna-sx-sotto-cert {
    width: calc(50% - 76px);
	width: -webkit-calc(50% - 76px);
	width: -moz-calc(50% - 76px);
	float: left;
	margin-right: 11px;
	padding-left: 65px;	
}
.colonna-dx-sotto-cert {
    width: calc(50% - 104px);
	width: -webkit-calc(50% - 104px);
	width: -moz-calc(50% - 104px);
	float: left;
	margin-left: 11px;
	padding-right: 93px;	
}
.colonna-dx-sotto-cert ul {
	margin-left: 15px;
}
.frecciaarancione {
	height: 59px;
	right: 0;
	position: absolute;
	top: 49px;
}
#tutte-le-anteprime {
	padding-left: calc(50% - 694px);
	padding-left: -webkit-calc(50% - 694px);
	padding-left: -moz-calc(50% - 694px);
	padding-right: calc(50% - 694px);
	padding-right: -webkit-calc(50% - 694px);
	padding-right: -moz-calc(50% - 694px);
	width: 1388px;
	float: left;
	display: flex;
	margin-top: 5px;
	flex-wrap: wrap;
}
.singolo-thumb {
	width: calc(33.33% - 22px);
	width: -webkit-calc(33.33% - 22px);
	width: -moz-calc(33.33% - 22px);
	margin-left: 11px;
	margin-right: 11px;
	margin-bottom: 60px;
	float: left;
}
.singolo-thumb img {
	width: 100%;
	height: auto;
}
.fascia-dettagli {
	width: 90%;
	margin-right: 10%;
	float: left;
	margin-top: 40px;
}
.naviga-post {
	padding-left: calc(50% - 683px);
	padding-left: -webkit-calc(50% - 683px);
	padding-left: -moz-calc(50% - 683px);
	padding-right: calc(50% - 683px);
	padding-right: -webkit-calc(50% - 683px);
	padding-right: -moz-calc(50% - 683px);
	width: 1366px;
	float: left;
}
.wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi a:hover {
  	text-decoration: none;
  	border: none;
  	padding: 3px 5px;
  	margin: 2px;
	color: #575756;
}
span.pages {
	border-right: 1px solid #575756!important;
	color: #575756!important;
	margin-left: 0!important;
	padding-left: 0!important;
	margin-right: 6px!important;
	padding-right: 11px;
}
.fascia-dettagli {
	margin-top: 30px;
	margin-bottom: 40px;
	float: left;
}
.fascia-dettagli a {
	font-size: 30px;
	line-height: 30px;
	color: #575756;
}
.fascia-dettagli a:hover {
	color: rgba(87, 87, 86, 0.5);
}
.tag-progetto .etichetta {
	text-transform: lowercase;
	font-size: 16px;
	color: #707070;
    background-color: #ffffff;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px; /* opzionale, nel caso vadano a capo */
    display: inline-block;
    white-space: nowrap; /* evita che vadano a capo internamente */
}
.tag-progetto {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
}
.galleria-fotografica {
	padding-left: calc(50% - 694px);
	padding-left: -webkit-calc(50% - 694px);
	padding-left: -moz-calc(50% - 694px);
	padding-right: calc(50% - 694px);
	padding-right: -webkit-calc(50% - 694px);
	padding-right: -moz-calc(50% - 694px);
	width: 1388px;
	float: left;
}
.riga-uno-foto, .riga-due-foto {
	width: 100%;
	float: left;
	margin-bottom: 22px;
}
.riga-tre-foto {
	width: 100%;
	float: left;
}
.riga-uno-foto img, .riga-tre-foto img {
	width: calc(33.33% - 22px);
	width: -webkit-calc(33.33% - 22px);
	width: -moz-calc(33.33% - 22px);
  	height: auto;
	margin-left: 11px;
	margin-right: 11px;
}
.colonna-sinistra-foto {
	width: calc(33.33% - 22px);
	width: -webkit-calc(33.33% - 22px);
	width: -moz-calc(33.33% - 22px);
  	height: auto;
	margin-left: 11px;
	margin-right: 11px;
	float: left;
}
img.marginesotto {
	margin-bottom: 22px;
}
.colonna-sinistra-foto img {
	width: 100%;
	height: auto;
}
.colonna-destra-foto {
	float: left;
	width: calc(66.66% - 22px);
	width: -webkit-calc(66.66% - 22px);
	width: -moz-calc(66.66% - 22px);
	margin-left: 11px;
	margin-right: 11px;	
}
.riga-due-foto {
	display: flex;
}
.modulo-form input[type="text"], .modulo-form input[type="email"], .modulo-form input[type="tel"], .modulo-form input[type="date"], .modulo-form textarea {
	font-size: 16px;
	line-height: 18px;
	color: #575756;
	width: calc(100% - 18px);
	width: -webkit-calc(100% - 18px);
	width: -moz-calc(100% - 18px);
	border-top: 1px solid #d2d2d5;
	border-left: 1px solid #d2d2d5;
	border-right: 1px solid #d2d2d5;
	border-bottom: 1px solid #d2d2d5;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background-color: #FFF;
	border-radius: 0;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
	margin-top: 3px;
	font-family: sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 8px;
}
.wpcf7-not-valid-tip {
	color: #D96C5F!important;
	font-weight: 700;
}
.plsinvia {
	width: 100%;
	float: left;
	margin-top: 20px;
	text-align: right;
}
 .wpcf7 input[type="submit"] {
	 border: 1px solid #D96C5F;
	 background: #D96C5F;
	 color: #f0eeea;
     font-size: 16px;
     padding: 10px 25px 10px 25px;
     width: auto;
	 line-height: auto;
	 float: right;
	 border-radius: 10px;
}
 .wpcf7 input:hover[type="submit"], .wpcf7 input:active[type="submit"] {
	 cursor: pointer;
	 border: 1px solid #575756;
	 background: #575756;
	 color: #f0eeea;
     font-size: 16px;
     padding: 10px 25px 10px 25px;
     width: auto;
	 line-height: auto;
	 float: right;
	 border-radius: 10px;
}
.wpcf7-checkbox label {
	position: relative;
	cursor: pointer;
}

.wpcf7-list-item-label {
  	display: inline-block;
}
.boxprivacy {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 17px;
	position: relative;
	margin-top: 10px;
}
.foto-mob-sola {
	display: none;
}
.boxprivacy label {
	display: inline-block;
	position: relative;
	padding-left: 25px; /* spazio per il checkbox */
	cursor: pointer;
}
.boxprivacy a {
	color: #575756;
	text-decoration: underline;
}
.boxprivacy a:hover {
	color: #D96C5F;
	text-decoration: underline;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: none!important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0px!important;
  padding: 0px!important;
  border: none!important;
	color: #D96C5F !important;
  font-weight: 700;
	width: 100%;
	float: left;
	margin-top: 30px!important;
}
.boxprivacy .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 1.4;
  font-family: sans-serif;
}

.boxprivacy .wpcf7-list-item input[type="checkbox"] {
  margin-top: 3px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.cvpdf {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}
.accet {
	width: 100%;
	float: left;
	line-height: 21px;
}
.accet a {
	color: #575756;
	text-decoration: underline;	
}
.accet a:hover {
	color: #D96C5F;
	text-decoration: underline;
}
.pdf-cert {
	width: 100%;
	float: left;
	margin-top: 40px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
  50% {
    -webkit-transform: scale(2);
    box-shadow: 0 0 10px rgba(251, 117, 93, 1);
  }
  100% {
    -webkit-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
  50% {
    -moz-transform: scale(2);
    box-shadow: 0 0 10px rgba(251, 117, 93, 1);
  }
  100% {
    -moz-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
  50% {
    -o-transform: scale(2);
    box-shadow: 0 0 10px rgba(251, 117, 93, 1);
  }
  100% {
    -o-transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
  50% {
    transform: scale(2);
    box-shadow: 0 0 10px rgba(251, 117, 93, 1);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(251, 117, 93, 0.7);
  }
}

#mute-button.pulse {
	animation: pulse 1s infinite;
}
#scroll-wrapper {
    position: absolute;
    bottom: 26px; /* dimezzato da 32px */
    left: -20px;  /* dimezzato da -20px */
    z-index: 7;
}

#scroll-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#scroll-down {
    display: block;
    position: relative;
    padding-top: 40px; /* dimezzato da 79px circa */
    text-align: center;
}

#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.4em;
    text-align: center;
    transform: rotate(-90deg);
    margin-bottom: 42px; /* dimezzato da 45px */
}

#scroll-down::before {
    -webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;

    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 45px; /* dimezzato da 90px */
    background: #FFF;
    content: ' ';
}
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}
html {
  scroll-behavior: smooth;
}
.back-to-top {
    -webkit-transition: background 0.3s; /* Chrome, Safari, iOS */
    -moz-transition: background 0.3s;    /* Firefox */
    -o-transition: background 0.3s;      /* Opera vecchia */
    -ms-transition: background 0.3s;     /* IE10+ */
    transition: background 0.3s;         /* Standard */
}