/* CSS Document */

.foto_to_top_pc {

-webkit-animation: mybackpc ; 

-webkit-animation-duration: 1s;

-webkit-animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;

animation: mybackpc ; 

animation-duration: 1s ;

animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;  

}

@keyframes mybackpc {  

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

    

}

@-webkit-keyframes mybackpc{

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

}



.foto_to_top_ip {

-webkit-animation: mybackip ; 

-webkit-animation-duration: 1s;

-webkit-animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;

animation: mybackip ; 

animation-duration: 1s ;

animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;  

}

@keyframes mybackip {  

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

    

}

@-webkit-keyframes mybackip{

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

}



.foto_to_top_mo {

-webkit-animation: mybackmo ; 

-webkit-animation-duration: 1s;

-webkit-animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;

animation: mybackmo ; 

animation-duration: 1s ;

animation-delay: 0s;

animation-fill-mode: forwards;

animation-iteration-count: finite;  

}

@keyframes mybackmo {  

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

    

}

@-webkit-keyframes mybackmo{

   0%{ opacity:0; width:0%;  }

    25%{ opacity:0; width:100%; margin-left:0%;  }

    75%{ opacity:1; width:100%;  margin-left:0%;  }

   100%{opacity:1; margin-left:-20%; width:140%;  position:relative;    }

}



.titolo {

 background-color:#535391;opacity:0.6; 		

}





@media only screen and (min-width: 1182px) and (max-width:2400px){



.maxi{ height:1000px; width:1200px; }

.maxi-text{  font-size:60px;line-height:40px;letter-spacing:0.01em; color:#fff; text-align:center; position:relative; z-index:6; padding-top:50%; font-family:'Roboto'; font-weight:bold;text-shadow: 0px 1px 1px rgba(0,0,0,0.4);-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px;  text-rendering: optimizeLegibility; }

.maxipcmargin{ height:1000px;  margin-top:-1000px; display:none; }

.maxiipmargin{ display:none }

.maximomargin{ display:none }

.testo-primo{ height:auto;width:80%; font-size:26px;line-height:32px; text-align:center; padding:20px; overflow:hidden; 

font-family:'LatoLatinWebLight'; font-style:normal; text-rendering: optimizeLegibility;  }

.foto-tagliato{  height:780px; width:80%;  overflow:hidden; margin-left:10%;  }





}

@media only screen and (min-width: 741px) and (max-width:1181px){

.maxi{ height:700px; }

.maxi-text{  font-size:50px;line-height:40px;letter-spacing:0.01em; color:#fff; text-align:center; position:relative; z-index:6; padding-top:50%; font-family:'Roboto'; font-weight:bold;text-shadow: 0px 1px 1px rgba(0,0,0,0.4);-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px;  text-rendering: optimizeLegibility; }

.maxiipmargin{ height:700px;  margin-top:-700px; }

 .maxipcmargin{ display:none }

.maximomargin{ display:none  }

.testo-primo{ height:auto;width:90%; font-size:20px;line-height:26px; text-align:center; padding:10px; overflow:hidden; 

font-family:'LatoLatinWebLight'; font-style:normal; text-rendering: optimizeLegibility;  }

.foto-tagliato{  height:780px; width:80%;  overflow:hidden; margin-left:10%;  }





}

@media only screen and (min-width: 240px) and (max-width:740px){

.maxi{ height:360px;  }

.maxi-text{  font-size:30px;line-height:30px;letter-spacing:0.01em; color:#fff; text-align:center; position:relative; z-index:6; padding-top:40%; font-family:'Roboto'; font-weight:bold;text-shadow: 0px 1px 1px rgba(0,0,0,0.4);-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.3px;  text-rendering: optimizeLegibility; }

.maximomargin{ height:360px;  margin-top:-360px; }

.maxipcmargin{ display:none }

.maxiipmargin{ display:none }

.testo-primo{ height:auto;width:90%; font-size:20px;line-height:26px; text-align:center; padding:10px; overflow:hidden; 

font-family:'LatoLatinWebLight'; font-style:normal; text-rendering: optimizeLegibility;  }

.foto-tagliato{  height:780px; width:90%;  overflow:hidden; margin-left:5%;  }



}







.manuel { background-color:transparent; background-image:url(letti/19_manuel2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.tango { background-color:transparent; background-image:url(letti/21_tango2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.vera { background-color:transparent; background-image:url(letti/19_veraair22.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.alexia { background-color:transparent; background-image:url(letti/21_alexia2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.cefalu { background-color:transparent; background-image:url(letti/21_cefalu2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.dream { background-color:transparent; background-image:url(letti/25_hello2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }



.duck { background-color:transparent; background-image:url(letti/21_duck2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.giulia { background-color:transparent; background-image:url(letti/21_giulia2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.jazz { background-color:transparent; background-image:url(letti/21_jazz2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.michelle { background-color:transparent; background-image:url(letti/21_michelle2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.eden { background-color:transparent; background-image:url(letti/ln_eden01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.bird { background-color:transparent; background-image:url(letti/ln_bird01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }



.beatrice{ background-color:transparent; background-image:url(letti/19_beatrice22.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.hug{ background-color:transparent; background-image:url(letti/20_hug2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.osaka{ background-color:transparent; background-image:url(letti/20_osaka2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.bob{ background-color:transparent; background-image:url(letti/21_bob2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.gaia{ background-color:transparent; background-image:url(letti/21_gaia2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.justine{ background-color:transparent; background-image:url(letti/21_justine2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.london{ background-color:transparent; background-image:url(letti/london01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.lullaby{ background-color:transparent; background-image:url(letti/lullaby01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.patricia{ background-color:transparent; background-image:url(letti/21_patricia2.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.so{ background-color:transparent; background-image:url(letti/sopop10.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.sommier{ background-color:transparent; background-image:url(letti/ln_Sommier01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.space{ background-color:transparent; background-image:url(letti/space01.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }

.principe{ background-color:transparent; background-image:url(letti/ln_Piccolo22.jpg); background-repeat:no-repeat; background-size: 100%;position:relative;   }





@media only screen and (min-width: 1001px) and (max-width:2400px){

.sinistra-top-sub{

background-color:#EAEAEA; min-height:520px; margin-top:-500px; margin-left:4%; margin-right:2%;  position:relative; z-index:2; float:right; width:400px;		

}

.sinistra-top-sup{

background-color:transparent; min-height:620px; margin-top:0px; margin-left:2%; margin-right:0%;  position:relative; z-index:2; float:left; width:420px;		

opacity:1;padding-right:26px;padding-left:20px; /*background-image:linear-gradient(90deg, rgba(80, 80, 80, 0) 0%, rgba(80, 80, 80, 1) 15%, rgba(80, 80, 80, 1) 85%);*/

}

.foto-center{

min-height:620px;margin-top:-620px;float:left; max-width:380px; min-width:100%; 	

}

}

@media only screen and (min-width: 741px) and (max-width:1000px){

.sinistra-top-sub{

background-color:#EAEAEA; min-height:520px; margin-top:-500px; margin-left:4%; margin-right:2%;  position:relative; z-index:2; float:left; width:400px;		

}

.sinistra-top-sup{

background-color:transparent; min-height:520px; margin-top:0px; margin-left:4%; margin-right:0%;  position:relative; z-index:2; float:left; width:400px;		

opacity:1;padding-right:26px;padding-left:20px; /*background-image:linear-gradient(90deg, rgba(80, 80, 80, 0) 0%, rgba(80, 80, 80, 1) 15%, rgba(80, 80, 80, 1) 85%);*/

}

.foto-center{

min-height:520px;margin-top:-520px;float:left; max-width:380px; min-width:100%; 

}

}





@media only screen and (min-width: 240px) and (max-width:740px){

.sinistra-top-sub{

background-color:#EAEAEA; min-height:520px; margin-top:620px; margin-left:4%; margin-right:4%;  position:relative; z-index:2; width:92%;		

}

.sinistra-top-sup{

 /*background-image:linear-gradient(90deg, rgba(60, 60, 60, 0) 0%, rgba(60, 60, 60, 1) 15%, rgba(3, 47, 14, 1) 75%);*/   background-color:transparent;min-height:220px; margin-top:0px; margin-left:4%; margin-right:4%;  position:relative; z-index:2;	width:92%;

}

.foto-center{

min-height:320px;margin-top:-40px;float:left; max-width:320px; min-width:100%; 	

}

.corta{

min-height:200px;



}

}