:root {/*definizioni variabili*/	
	--color-text: #0f1643;    	
}
@font-face { font-family: stylograph; src: url('/fonts/STYL.TTF'); } 
#sedi{
	width:100%;
	text-align:center;	
	display: inline-block;
	justify-content: center;
	align-items: center;
}
#centra{
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	text-align:center;	
	justify-content: center;
	align-items: center;
}

/*#sedi img{	
    margin-left: auto;
    margin-right: auto;
	cursor:zoom-in;
	transition: transform .2s; 
    box-sizing: border-box;
	min-width:150px;   
    display: block;
    padding: 20px;
    background-color: #888888;
    background-image: url(/images/cardboard.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 6px double #666666;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75), 0 0 0 10px rgba(244,240,236,0.4) inset, 0 0 20px rgba(0,0,0,0.8) inset;
		-webkit-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75), 0 0 0 10px rgba(244,240,236,0.4) inset, 0 0 20px rgba(0,0,0,0.8) inset;
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75), 0 0 0 10px rgba(244,240,236,0.4) inset, 0 0 20px rgba(0,0,0,0.8) inset;
    outline: 2px solid #999999;
    outline-offset: 0px;
}
*/
#sedi img{
	cursor:zoom-in;
	transition: transform .2s;     
    padding: 20px;
    background-color: #ffffff;
   	-webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }
#sedi img:active {
	margin-top:10%;
	max-width:80%;
	transform: scale(2.5); 	
	position:absolute;
	cursor:zoom-out;
	text-align:center;	
	/*display: inline-block;*/
	justify-content: center;
	align-items: center;
}

.embedGoogleMap{	
    box-shadow: 1px 1px 0 #888;	
	 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	margin-bottom:10px;
	margin-right:10px;
	width:600px;
	height:500px;
	
	border:3px solid gray;
}
@media all and (max-width: 480px) {
    .embedGoogleMap{width: 100%;}
}
@media all and (max-width: 1000px) {
    .logo-image-phone{height: 45px!important;}
}

#sp-main-body{
    padding:0;
}

.intestazione {
	/*background-color:#f8f8f9;	*/
	padding:35px;
	background: #f8f8f9;
	background: -moz-linear-gradient(left,  #f8f8f9 0%, #f6f6f6 53%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #f8f8f9 0%,#f6f6f6 53%,#ffffff 100%);
	background: linear-gradient(to right,  #f8f8f9 0%,#f6f6f6 53%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f9', endColorstr='#ffffff',GradientType=1 );
    color:var(--color-text);
	text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);
		/*text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px  #999999, 2px 2px 0px  #555555;	*/
}

.intestazione:before {
    content: "🔵";
}
#professionisti .contenitore{
  text-align: center; 
}

#professionisti .container {
	padding:5px;	
}

#professionisti div.polaroid {
  width:auto!important;  
  background-color: white;  
  margin-bottom: 25px;
  display:inline-block;
  margin-right: 20px;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);  
}

.separatore {
	height:18px!important;
    background:url(/images/separatore.png) no-repeat center;		
}

.imgBx span:after{
	position:absolute;
	top:5px;
	right:5px;
	/*padding-top:3px;
	background-color:white;
	border-radius:50%;	
	width: 30px;
    height: 30px;*/
	font-size:20px;
	content: "⏪";
}
/*---------------------------inizio effeto card professionisti-----------------------------------*/
.card {
    /*position: absolute;*/  
	display:inline-block;   
 /*   transform: translate(-50%,-50%);*/
    width: 360px;
    height: 460px;
    overflow: hidden;
	
	padding:15px;
	background-color: white;  
	margin-bottom: 25px;
	display:inline-block;
	margin-right: 20px;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}
.card h1{
	color:var(--color-text);
}
.card .imgBx, .card .details {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    transition: .5s;
}
.card .imgBx {
    top: 0;
    left: 0;
	padding:10px;
}
.card:hover .imgBx {
    top: 0;
    left: -100%;
}
.card .imgBx img {
    width: 100%;
}
.card .details {
    background: #727271;
    top: 0;
    left: 100%;
    padding: 60px 30px;
}
.card:hover .details {
    top: 0;
    left: 0%;
	text-align: justify;
}
.card .details h2 {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 2px solid #fff;
	font-size:18px;
}
.card .details p {
    margin: 20px 0 0;
    color: #fff;
}
/*---------------------------fine effeto card professionisti-----------------------------------*/

/*#profesionista img{
	filter: grayscale(100%) contrast(120%);
}*/

#professionista{
	text-align: justify;	
}

#professionista hr {
    overflow: visible; /* For IE */
    padding: 0;
    border: none;  
    text-align: center;	
	height: 3px;
    background: var(--color-text);
	background: -moz-linear-gradient(left,  #fffcfc 0%, var(--color-text) 50%, var(--color-text) 51%, #fffcfc 100%);
	background: -webkit-linear-gradient(left,  #fffcfc 0%,var(--color-text) 50%,var(--color-text) 51%,#fffcfc 100%);
	background: linear-gradient(to right,  #fffcfc 0%,var(--color-text) 50%,var(--color-text) 51%,#fffcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#fffcfc',GradientType=1 );
}

#professionista hr:after {
    content: "★ ★ ★";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;	
}

#chisiamo, #lostudio{
text-align:justify;	
}

.slideplus-content div{
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	margin-left:15px;
	margin-right:15px;
}
/*colore cornice foto slider studio*/
/*.sigplus-image{
	background-color:#FDFDFD;
}*/

.slideplus-aspect {
    padding: calc(1px + 15px) calc(1px + 15px) calc(1px + 15px + 117%)!important;
}

#home{
text-align:center;	
}

#home hr {
    border: 0;
    height: 3px;
    background: var(--color-text);
	background: -moz-linear-gradient(left,  #fffcfc 0%, var(--color-text) 50%, var(--color-text) 51%, #fffcfc 100%);
	background: -webkit-linear-gradient(left,  #fffcfc 0%,var(--color-text) 50%,var(--color-text) 51%,#fffcfc 100%);
	background: linear-gradient(to right,  #fffcfc 0%,var(--color-text) 50%,var(--color-text) 51%,#fffcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcfc', endColorstr='#fffcfc',GradientType=1 );
}
.puntiforza{
	width: 33%; 
	display: inline-block; 
	text-align: justify; 
	padding: 10px; 
	vertical-align: top;
}
@media all and (max-width: 480px) {
   .puntiforza{width: 100%;}
}

.sceglinoi{
	width: 24%; 
	display: inline-block; 
	text-align: justify; 
	padding: 10px; 
	vertical-align: top;
}
@media all and (max-width: 480px) {
   .sceglinoi{width: 100%;}
}
/*--------------------------------------------------effetto testo tra virgolette----------------------------------*/
blockquote {font-family: 'arial';	
	font-weight: 100;
	font-size: 2rem;
	max-width: 600px;
	line-height: 1.4;
	position: relative;
	margin: 0;
	padding: .5rem;
}

blockquote:before,
blockquote:after {
	position: absolute;
	color: #f1efe6;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
}

blockquote:before {
	content: '“';
	left: -5rem;
	top: -2rem;
}

blockquote:after {
	content: '”';
	right: -5rem;
	bottom: 1rem;
}

/*-----------------------------------------------inizio effetti cornici foto con ombre--------------------------------*/

.box {/*usato per banner articoli, funzionano solo il raised-box come effetto ombra dei succssivi. mi serve per mantenere l'animazione dell'immagine nella cornice*/
	position: relative;	
	/*padding: 1em;
	background: #fff;*/
    border: 1em solid #f3f3f3;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-top:0.5em;
}
.box:before,  .box:after {
	content: "";
	position: absolute;
	z-index: -2;
}
.box p {
	font-size: 16px;
	font-weight: bold;
}

.box1 {/*funzionano tutti gli effeti ombra*/
	position: relative;
	float: left;	
	padding: 1em;
	/*margin: 1em 0px 2em 20px;*/
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.box1:before,  .box1:after {
	content: "";
	position: absolute;
	z-index: -2;
}
.box1 p {
	font-size: 16px;
	font-weight: bold;
}
/* lifted-corner corners */

.lifted-corner {	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.lifted-corner:before,  .lifted-corner:after {	
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.lifted-corner:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}
/* curled-corner corners */

.curled-corner {
	border: 1px solid #efefef;
	-moz-border-radius: 0 0 120px 120px / 0 0 6px 6px;
	border-radius: 0 0 120px 120px / 0 0 6px 6px;
}
.curled-corner:before,  .curled-corner:after {
	bottom: 12px;
	left: 10px;
	width: 50%;
	height: 55%;
	max-width: 200px;
	max-height: 100px;
	-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
	-webkit-transform: skew(-8deg) rotate(-3deg);
	-moz-transform: skew(-8deg) rotate(-3deg);
	-ms-transform: skew(-8deg) rotate(-3deg);
	-o-transform: skew(-8deg) rotate(-3deg);
	transform: skew(-8deg) rotate(-3deg);
}
.curled-corner:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}
/* curved-edges shadows */

.curved-edges:before {
	top: 10px;
	bottom: 10px;
	left: 0;
	right: 50%;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
	box-shadow: 0 0 15px rgba(0,0,0,0.6);
	-moz-border-radius: 10px / 100px;
	border-radius: 10px / 100px;
}
.curved-edges-vt-2:before {
	right: 0;
}
.curved-edges-hz-2:before {
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}
/* raised-box shadow - no pseudo-elements needed */

.raised-box {
	-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/*----------------------------------------animazioni---------------------------------------------------------------------*/	
/*.rimp_animation {
-webkit-animation: rimp_animation 0.3s 1 ease-in;
-moz-animation:  rimp_animation 0.3s 1 ease-in;
-o-animation: rimp_animation 0.3s 1 ease-in;
}
@-webkit-keyframes rimp_animation {
from {-webkit-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
 }
}
@-moz-keyframes rimp_animation {
from {-webkit-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
 }
}
@-o-keyframes rimp_animation {
from {-webkit-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1.500) skew(0deg) translate(0px) ;
 }
to {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) ;
 }
}*/




/*.photo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.photo img{
  width: 200px;
  height: 280px;
  object-fit: cover;
  filter: grayscale(100%) contrast(120%);
  box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);
  display: block;
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-top: -10px;
}

.photo .glow-wrap{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
}

.photo .glow{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(45deg) translate(-450%, 0);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
 animation: shine 2s 1s infinite;
}

@keyframes shine {
  to {
  transform: rotate(45deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
}*/


/*.light_animation:after {
  content: "";
  position: absolute;
  top: -30%;
  right: -200%;
  width: 50%;
  height: 100%;
  opacity: 0;
  transform: rotate(40deg);
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
  animation: shine 2s 1s infinite;
  z-index: 0;
}

@keyframes shine {
  to {
    opacity: 1;
    right: 210%;
  }
}*/
.banner_animation{
overflow: hidden; 
}

.banner_animation img {
  width: 100%; 
  animation: move 40s ease;
  /* Add infinite to loop. */  
  -ms-animation: move 40s ease;
  -webkit-animation: move 40s ease;
  -0-animation: move 40s ease;
  -moz-animation: move 40s ease; 
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}
/*------------------------------------effetto animazione per i nostri servizi in home-----------------------------------*/
.image-container {
  margin-top:20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  width: 100%;
  grid-gap: 0.5rem;
}
.image-container .image {
  position: relative;
  padding-bottom: 100%;
  cursor: pointer;
}
.image-container .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  position: absolute;
  top: 0;
}
.image-container .image img:nth-of-type(1) {
  filter: grayscale(1) brightness(40%);
}
.image-container .image img:nth-of-type(2) {
  -webkit-clip-path: var(--clip-start);
          clip-path: var(--clip-start);
  transition: -webkit-clip-path 0.5s;
  transition: clip-path 0.5s;
  transition: clip-path 0.5s, -webkit-clip-path 0.5s;
}
.image-container .image:hover img:nth-of-type(2) {
  -webkit-clip-path: var(--clip-end);
          clip-path: var(--clip-end);
}

.image label{
	margin-top:4%;
	margin-left:4%;
	color:white;
	position:absolute;
	visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}
/*sottolineatura testo*/
.image-container .image label {
 font-size:0.7em;
 }
 
.image-container .image:hover label {
text-decoration: underline;
  -webkit-transition: font-size .5s ease;
  -moz-transition: font-size .5s ease;
  -o-transition: font-size .5s ease;
  transition: font-size .5s ease;
  font-size:140%;  
  background-color: rgba(64, 64, 64, 0.5);
  visibility: visible;
  opacity: 1;
}
/*----------------------------------------Grafica citazione HOME---------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Vollkorn:ital,wght@0,600;1,500&display=swap');

:root {/*definizioni variabili*/
	--type-body: Open Sans, Helvetica, Arial, sans-serif;
	--type-quote: Vollkorn;
	--quote-image-width: 140px;
	--border-rad: 7px;
	--accent-color: var(--color-text);
    --quote-bg: hsl(0 0% 97%);	
}
#home{
	width:100%;
}

.article {
	max-width: 900px;
	display: inline-block;	
	/*margin: auto;*/	
}

#home blockquote {
	position: relative;
	margin: 40px 0;
	padding: 1.6em 2.4em .7em calc(1.4em + var(--quote-image-width));
	font: italic 1.2rem var(--type-quote);
	background: var(--quote-bg) no-repeat left / var(--quote-image-width);
	border-radius: var(--border-rad);
	border: 2px solid white;
	box-shadow: 2px 2px 4px hsl(0 0% 0% / 20%);
	text-indent: 1.6em;
}

@media (min-width: 768px) {
	#home blockquote {
		margin: 40px 60px;
	}
}

#home blockquote::before {
	content: "";
	pointer-events: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: var(--border-rad);
	box-shadow:	inset -2px -2px 1px hsl(0 0% 100%),	inset 2px 2px 4px hsl(0 0% 0% / 20%);
	width:100%;
	height:100%;
}

#home blockquote::after {
	content: "❝";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: -2px;
	transform: translate(-50%, -50%);
	width: 1.3em;
	height: 1.3em;
	background: white;
	box-shadow: 0 4px 5px -1px hsla(0 0% 0% / 20%);
	border-radius: 999px;
	display: grid;
	place-content: center;
	padding-top: .5em;
	color: var(--accent-color);
	font-size: 36px;
	font-style: normal;
	text-indent: 0;
}

#home .blockquote-author-image {
	position: absolute;
	left: 0;
	top: 0;
	width: var(--quote-image-width);
	height: 100%;
	opacity: 0.75;
	background: var(--accent-color) var(--image) no-repeat center / cover;
	background-blend-mode: hard-light;
	border-top-left-radius: var(--border-rad);
	border-bottom-left-radius: var(--border-rad);
	filter: grayscale(100%) contrast(120%);
}

#home cite {
	display: block;
	margin-top: 30px;
	text-indent: 0;
	text-align: center;
	font: bold .9rem var(--type-body);
	text-transform: uppercase;
	color: hsl(0 0% 20%);
}

@media (min-width: 768px) {
	#home cite {
		margin-left: calc(50%- var(--quote-image-width));
	}
}

#home .cite-last-name {
	background: var(--accent-color);
	color: var(--quote-bg);
}
/*---------------------------pulsanti--------------------------------------*/
.my-btnG {
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 4px 0px;
	o-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 4px 0px;
	-moz-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 4px 0px;
	-webkit-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 4px 0px;
	background:#eeeeee;
	background:-o-linear-gradient(90deg, #eeeeee, #e1e1e1);
	background:-moz-linear-gradient( center top, #eeeeee 5%, #e1e1e1 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #e1e1e1) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e1e1e1');
	background:-webkit-linear-gradient(#eeeeee, #e1e1e1);
	background:-ms-linear-gradient(#eeeeee, #e1e1e1);
	background:linear-gradient(#eeeeee, #e1e1e1);
	text-indent:0px;
	line-height:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:12px;
	color:#696969;
	height:0px;
	padding:13px;
	border-color:#e1e1e1;
	border-width:1px;
	border-style:solid;
}

.my-btnG:active {
	box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 0 0px;
	o-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 0 0px;
	-moz-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 0 0px;
	-webkit-box-shadow:inset #fafafa 0px -19px 8px -1px,#a8a8a8 0px 0 0px;
	position:relative;
	top:4px
}

.my-btnG:hover {
	background:#e1e1e1;
	background:-o-linear-gradient(90deg, #e1e1e1, #eeeeee);
	background:-moz-linear-gradient( center top, #e1e1e1 5%, #eeeeee 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e1e1e1), color-stop(1, #eeeeee) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#eeeeee');
	background:-webkit-linear-gradient(#e1e1e1, #eeeeee);
	background:-ms-linear-gradient(#e1e1e1, #eeeeee);
	background:linear-gradient(#e1e1e1, #eeeeee);
}