@charset "UTF-8";
/* CSS Document */



@media only screen and (max-width: 1200px)
{
html
{
font-size:13px;
}
h1 {
  max-width: 740px;
}
.popup {
  padding: 30px;
}

}

@media only screen and (max-width: 1023px)
{	
.focus
{
width:80%;
}
#two .forma1 
{
left:auto;
right:5%;
top:300px;
}
.illustrazione
{
position:relative;
top:0 !important;
left:auto !important;
right:auto !important;
max-width:100% !important;
margin-top:30px;
}
.illustrazione.comparsaleft
{
margin-left:0;
}
.illustrazione.comparsaright
{
margin-right:0;
}
#four .forma
{
bottom:90vw;
}
a.scopri
{
display:inline-block;
margin-top:50px;
cursor:pointer;
}
.bannerEnd a.button
{
line-height:40px;
}
.bannerEnd a.button::before
{
top:-4px;
}

.popup .col2
{
width:50%;
}
.popup
{
opacity:0;
visibility:hidden;
max-width:80%;
left:50% !important;
transform:translateX(-50%);
right:auto !important;
}
.popup.on
{
opacity:1;
visibility:visible;
}
.popup a.close
{
cursor:pointer;
width:17px;
height:23px;
position:absolute;
top:20px;
left:auto;
right:20px;
z-index:5;
background-image:url("../img/close_popup.png");
}
#five
{
z-index:8;
}
#six
{
z-index:7;
}
#seven
{
z-index:6
}
#eight
{
z-index:5;
}
#five .popup,#eight .popup
{
top:calc(100% - 60px);
}
#six a.scopri
{
position:relative;
z-index:3;
top:-90px;
}
#six .popup
{
bottom:auto;
top:calc(100% - 120px);
}
#seven {
  padding-top: 0;
}
#seven .popup
{
position:absolute;
top:calc(100% - 210px);
}
#seven .forma3
{
left:0;
bottom:150px;
}
#seven a.scopri
{
position:relative;
z-index:3;
top:-140px;
}
#eight .relativo {
  margin-bottom: 70px;
}
.popup h2 {
  max-width: calc(100% - 20px);
}
#eight .forma {
  left: auto;
  right: 10%;
  bottom: -250px;
}
#nine .illustrazione1
{
margin-left:auto;
}
#quiz .slide {
  display: block;
}
#quiz .slick-track {
  align-items: start;
}
#quiz .domanda
{
margin-bottom:35px;
}
#quiz .slide > div.risultato
{
margin-top:200px;
}
#visore
{
height:500px !important;
}
#two,#four {
  padding-top: 0;
}

}

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


}


@media only screen and (max-width: 699px)
{
html {
    font-size: 10px;
  }
a.button::before
{
top:-4px;
}
#quiz a.button
{
line-height:40px;
}
#page {
	margin-top:63px;
}
.focus
{
width:88%;
}
.popup
{
max-width:88%;
}
.bannerEnd a.scopri_area
{
right:auto;
left:50%;
transform:translateX(-50%);
width: 31%;
height: 7.5%;
bottom:7.5%;
}
.waves
{
max-width: 700px;
  width: 700px;
  left: 50%;
  transform: translateX(-50%);
}
#three, #threebis {
  padding-top: 60px;
padding-bottom: 50px;
}
#four
{
padding-bottom:40px;
}
#four .citazione {
  margin-top: 60px;
  margin-bottom: 80px;
}
#four .relativo {
  margin-top: 30px;
}
.precit
{
margin-bottom:20px;
}
#five .citazione {
  margin-top: 60px;
}
#six
{
padding-bottom:50px;
}
#six .focus .riga {
padding-top: 30px;
  padding-bottom: 0;
}
 #six a.scopri {
    top: -30px;
  }
#seven {
    padding-top: 30px;
  }
#seven .citazione {
  margin-top: 70px;
}
#eight .illustrazione,#nine .illustrazione
{
margin-top:0;
}
#eight .relativo {
    margin-bottom: 50px;
  }
#eight .citazione {
  margin-top: 60px;
}
#eight .forma {
    bottom: -100px;
  }
#nine .col2.pull-right {
  margin-top: 140px;
}
#nine .relativo {
  margin-bottom: 50px;
}
#quiz {
  padding-top: 60px;
  padding-bottom: 0;
}
 #quiz .risposta {
    min-height: 110px;
  }
}



@media only screen and (max-width: 480px)
{	
h1
{
font-size:3rem;
}
 #quiz .risposta {
padding-top:15px;
padding-bottom:15px;
padding-left:40px;
min-height:80px;
  }
#quiz .risposta span
{
position:absolute;
transform: translate(-25px,-6px);
}
#quiz .risposta::before, #quiz .risposta::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 5;
  width: 30px;
  height: 30px;
}
#two .forma1 {
    top: 180px;
  }
 .popup .col2 {
    width: 50%;
    padding-left: 8px;
	padding-right: 8px;
  }
#two .citazione,.citazione,#quiz .domanda .testo {
  font-size: 2.5rem;
margin-top:10px;
}

}