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

@media only screen and (max-width: 1200px)
{
.forma-3 {
    right: -100px;
}
#eight p.aumentata-titolo, #eight p.virtuale-titolo {
    font-size: 40px;
    line-height: 50px;
}
#eight .col3 p {
    font-size: 20px;
    line-height: 30px;
}
}

@media only screen and (max-width: 1023px)
{	
h1,h3
{
	line-height: 47px;
}
.evid .anim {
    font-size: 32px;
    line-height: 43px;
}
.main-title
{
left:10%;
}
#two .tabella,#two .cella,#four .tabella,#four .cella,#six .tabella,#six .cella
{
display:block;
width:100%;
padding: 0;
}
.module-3 {
    padding-top: 100px;
}
#eight p {
    font-size: 27px;
    line-height: 33px;
}
#page #two .cella p
{
margin-top:30px;
max-width:100%;
}
.forma-2 {
    left: -100px;
}
.forma-3 {
    bottom: -150px;
}
.module-2 {
    padding-bottom: 100px;
}
#page #two .inverse .cella p
{
margin-bottom:50px;
}
#four img
{
width:400px;
}
#eight p.aumentata-titolo, #eight p.virtuale-titolo {
    font-size: 30px;
    line-height: 40px;
}
#eight .col3 span {
    margin-bottom: 10px;
}
#eight p.aumentata-titolo, #eight p.virtuale-titolo {
    font-size: 30px;
    line-height: 40px;
}
#eight .col3 {
    margin-top: 10px;
}
#eight .col3 p
{
margin-top:10px;
}
.blue-wrap h2::before {
    left: -20px;
}
.slick-prev {
    left: -6%;
}
.slick-next {
    right: -6%;
}
.forma-2 {
    top: -150px;
}

h3, #page p {padding: 0 3rem;}
}

@media only screen and (max-width: 767px) 
{	
.blue-wrap img, .wolf img {
    width: 120%;
	max-width:120%;
	margin-left:-10%;
}
.main-title {
    left: 0%;
}
.evid .anim {
    font-size: 25px;
    line-height: 36px;
}
h1, h3 {
    line-height: 34px;
}
.evid span {
    padding-left: 10px;
    padding-right: 10px;
}	
.blocco-red {
    height: 270px;
}
.module {
    padding-top: 30px;
}
.linea-1 {
    top: 270px;
}
#first h2
{
width:80%;
margin-bottom:0;
font-size: 18px;
line-height: 26px;
}
#two .module
{
padding-top:10px;
}
#page #five .text-virtual-wrap p {
    font-size: 22px;
    line-height: 36px;
}
.background-section {
    height: 530px;
}
.module-3 {
    padding-top: 50px;
}
.forma-4 {
    left: -100px;
    bottom: -70px;
}
.forma-5 {
    right: -220px;
    bottom: -185px;
}
#page #seven .special-text {
    margin: 30px auto 40px auto;
    font-size: 27px;
    line-height: 38px;
}
.spacing {
    padding: 20px 0;
}
#eight
{
margin-top: 70px;
}
#eight p {
    font-size: 17px;
    line-height: 27px;
}
#eight p.aumentata-titolo, #eight p.virtuale-titolo {
    font-size: 26px;
    line-height: 36px;
}
#eight .col3 p {
    font-size: 18px;
    line-height: 28px;
}
#eight .col3 span {
    width: 35px;
    height: 35px;
}
#eight .col3.error span::before, #eight .col3.ok span::before {
    transform-origin: bottom left;
    transform: scale(0.76);
}
.slick-prev {
    left: -8%;
}
.slick-next {
    right: -8%;
}
}

@media only screen and (max-width: 699px)
{
#page
{
margin-top: 63px;
}
h3, #page p {
    padding: 0 0;
}
}

@media only screen and (max-width: 480px)
{
.evid .anim {
    font-size: 19px;
    line-height: 29px;
}
h1, h3 {
    line-height: 21px;
}
.forma-1 {
    bottom: -30px;
right:-70px;
}
#page p {
    font-size: 14px;
    line-height: 22px;
}
.slick-prev {
    left: -9%;
}
.slick-next {
    right: -9%;
}
.module-2 {
    padding-bottom: 50px;
}
#page #five .text-virtual-wrap p {
    font-size: 19px;
    line-height: 29px;
}
.module-3 {
    padding-bottom: 20px;
}
#page #seven .special-text {
    font-size: 22px;
    line-height: 32px;
}
#eight p {
font-size:13px;
}
#eight p.aumentata-titolo, #eight p.virtuale-titolo {
    font-size: 19px;
    line-height: 30px;
}
#eight .col3 p {
    font-size: 16px;
    line-height: 22px;
}
#first h2 {
    font-size: 15px;
    line-height: 24px;
}
}