/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/

.reveal {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.reveal_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 110%;
    width: 110%;
    background: #fff;
    visibility: visible;
    -webkit-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    -o-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    transition: background-color 1s ease-in-out, color .8s ease-in-out;
}

.reveal img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
}

.reveal-fade img{
    opacity: 0;
}


[data-scroll], [data-scroll_2], [data-scroll_3], [data-scroll_4] {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

[data-scroll_2] {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;}

[data-scroll_3] {
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;
}
[data-scroll_4] {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
}

[data-scroll="in"] {
  -webkit-animation-duration: 1.2s!important;
          animation-duration: 1.2s!important;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
} 

@-webkit-keyframes fadeInUp {

0% {
	opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInUp {

0% {
	opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/*OLD GUTENBERG SHIT
 * 
 * data-scroll], [data-scroll_2], [data-scroll_3], [data-scroll_4] {
    opacity: 1!important;
}*/