/*
 Effects CSS
 Last update : 14.1.25
*/

/* fade in */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px); /* Décalage initial en hauteur */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Position finale */
    }
}

/* animate from bottom */
.animate-bottom.inview {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 2s;
  animation-name: animatebottom;
  animation-duration: 2s
}
@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

/* FADE  */
.hidden {
	opacity: 0;
}
@-webkit-keyframes fade-in {
	0%   { opacity: 0; transform: scale(.7,.7) }
	100% { opacity: 1;}
}
@keyframes fade-in {
	0%   { opacity: 0; transform: scale(.7,.7) }
	100% { opacity: 1; }
}
.fade-in-element {
  animation: fade-in 2s;
}

/* REVEAL inview  */
.reveal {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -moz-transition: .8s;
    -o-transition: .8s;
    -webkit-transition: .8s;
    transition: .8s;
}
.reveal:nth-of-type(2) {
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.reveal:nth-of-type(3) {
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
.reveal:nth-of-type(4) {
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.reveal:nth-of-type(5) {
    -moz-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.reveal:nth-of-type(6) {
    -moz-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.reveal.inview {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* wiggle */
.wiggle {
    position: absolute;
    display: block;
    bottom: 40px;
    width: 100%;
    height: auto;
    padding: 0;
    -webkit-animation-name: wiggle; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-name: wiggle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: 5;
}
.wiggle a {
    display: block;
    width: 100px;
    height: 40px;
    margin: 0 auto;
    border: 0;
    background-image: url(../images/more.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: transparent;
    padding: 0;
}
.wiggle .a:hover {
    background-color: inherit;
    border: 0;
}
@keyframes wiggle {
    0% { bottom: 40px; }
    50% { bottom: 45px; }
    100% { bottom: 40px; }
}