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

/*----------------
Media Query in ordine alfabetico-----------------*/

@media only screen and (min-width : 320px) {
    
    .leftEffect{
        opacity: 1;
    }
    
    .rightEffect{
        opacity: 1;
    }
    
.animateLeft{
     opacity:1;
     animation: fadeInLeft ease-in-out 0.8s forwards;

    }
  

    
    
    
.animateRight{
     opacity:1;
     animation: fadeInRight ease-in-out 0.8s forwards;

    }
  

    
}


/*XS*/
@media only screen and (min-width : 480px) {
    
}


/*SM*/
@media (min-width: 768px) { 

}


/*MD*/
@media (min-width: 992px) {
	
	    @-webkit-keyframes fadeInRight {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInRight {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 
	
	    @-webkit-keyframes fadeInLeft {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
} 
    
    .leftEffect{
        opacity: 0;
    }
    
        .rightEffect{
        opacity: 0;
    }    

}


/*LG*/
@media (min-width: 1500px) { 

}