.column-image-bg-wrap[data-bg-animation*=reveal-from-] .inner-wrap,.img-with-aniamtion-wrap[data-animation*=reveal-from-] .inner,.nectar-scrolling-text .background-layer[data-bg-animation*=reveal-from-] .inner {
  opacity: 0;
  overflow: hidden;
  -webkit-transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .25s ease;
  transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .25s ease;
  will-change: transform,opacity;
  -webkit-backface-visibility: hidden;
  border-radius: .01%;
}

.column-bg-overlay-wrap[data-bg-animation*=reveal-from-],.column-bg-overlay-wrap[data-bg-animation*=reveal-from-]>div,.column-image-bg-wrap[data-bg-animation*=reveal-from-],.column-image-bg-wrap[data-bg-animation*=reveal-from-] .inner-wrap .column-image-bg,.img-with-aniamtion-wrap[data-animation*=reveal-from-],.img-with-aniamtion-wrap[data-animation*=reveal-from-] .color-overlay,.img-with-aniamtion-wrap[data-animation*=reveal-from-] .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation*=reveal-from-] .background-image {
  -webkit-transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .65s cubic-bezier(.2,1,.2,1);
  transition: transform 2.3s cubic-bezier(.2,.65,.3,1),opacity .65s cubic-bezier(.2,1,.2,1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
}

.img-with-aniamtion-wrap[data-animation*=reveal-from-].animated-in,.revealed-bg .column-bg-overlay-wrap[data-bg-animation*=reveal-from-],.revealed-bg .column-image-bg-wrap[data-bg-animation*=reveal-from-] {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.img-with-aniamtion-wrap[data-animation*=reveal-from-].animated-in .inner,.revealed-bg .column-bg-overlay-wrap[data-bg-animation*=reveal-from-],.revealed-bg .column-bg-overlay-wrap[data-bg-animation*=reveal-from-]>div,.revealed-bg .column-image-bg-wrap[data-bg-animation*=reveal-from-] .inner-wrap {
  -webkit-transform: rotate(0) translateZ(0);
  transform: rotate(0) translateZ(0);
  opacity: 1;
}

.nectar-scrolling-text .background-layer[data-bg-animation*=reveal-from-].animated-in .inner {
  -webkit-transform: rotate(0) translate3d(0,0,0);
  transform: rotate(0) translate3d(0,0,0);
  opacity: 1;
}

.img-with-aniamtion-wrap[data-animation*=reveal-from-].animated-in .color-overlay,.img-with-aniamtion-wrap[data-animation*=reveal-from-].animated-in .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation*=reveal-from-].animated-in .background-image,.revealed-bg .column-image-bg-wrap[data-bg-animation*=reveal-from-] .inner-wrap .column-image-bg {
  -webkit-transform: rotate(0) translateZ(0);
  transform: rotate(0) translateZ(0);
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-left],.column-image-bg-wrap[data-bg-animation=ro-reveal-from-left],.img-with-aniamtion-wrap[data-animation=ro-reveal-from-left] {
  -webkit-transform: translate3d(-250px,0,0);
  transform: translate3d(-250px,0,0);
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-left]>div,.column-image-bg-wrap[data-bg-animation=ro-reveal-from-left] .inner-wrap,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-left] .inner {
  -webkit-transform: rotate(-25deg) translateZ(0);
  transform: rotate(-25deg) translateZ(0);
  transform-origin: right bottom;
}

.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-left] .inner {
  -webkit-transform: translate3d(-250px,0,0) rotate(-25deg);
  transform: translate3d(-250px,0,0) rotate(-25deg);
  transform-origin: right bottom;
}

.column-image-bg-wrap[data-bg-animation=ro-reveal-from-left] .inner-wrap .column-image-bg,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-left] .color-overlay,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-left] .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-left] .background-image {
  -webkit-transform: rotate(25deg) translateZ(0);
  transform: rotate(25deg) translateZ(0);
  transform-origin: right bottom;
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-right],.column-image-bg-wrap[data-bg-animation=ro-reveal-from-right],.img-with-aniamtion-wrap[data-animation=ro-reveal-from-right] {
  -webkit-transform: translate3d(250px,0,0);
  transform: translate3d(250px,0,0);
  transform-origin: left bottom;
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-right]>div,.column-image-bg-wrap[data-bg-animation=ro-reveal-from-right] .inner-wrap,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-right] .inner {
  -webkit-transform: rotate(25deg) translateZ(0);
  transform: rotate(25deg) translateZ(0);
  transform-origin: left bottom;
}

.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-right] .inner {
  -webkit-transform: translate3d(250px,0,0) rotate(25deg);
  transform: translate3d(250px,0,0) rotate(25deg);
  transform-origin: left bottom;
}

.column-image-bg-wrap[data-bg-animation=ro-reveal-from-right] .inner-wrap .column-image-bg,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-right] .color-overlay,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-right] .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-right] .background-image {
  -webkit-transform: rotate(-25deg) translateZ(0);
  transform: rotate(-25deg) translateZ(0);
  transform-origin: left bottom;
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-bottom],.column-image-bg-wrap[data-bg-animation=ro-reveal-from-bottom],.img-with-aniamtion-wrap[data-animation=ro-reveal-from-bottom] {
  -webkit-transform: translate3d(0,250px,0);
  transform: translate3d(0,250px,0);
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-bottom]>div,.column-image-bg-wrap[data-bg-animation=ro-reveal-from-bottom] .inner-wrap,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-bottom] .inner {
  -webkit-transform: rotate(25deg) translateZ(0);
  transform: rotate(25deg) translateZ(0);
  transform-origin: left bottom;
}

.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-bottom] .inner {
  -webkit-transform: translate3d(0,250px,0) rotate(25deg);
  transform: translate3d(0,250px,0) rotate(25deg);
  transform-origin: left bottom;
}

.column-image-bg-wrap[data-bg-animation=ro-reveal-from-bottom] .inner-wrap .column-image-bg,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-bottom] .color-overlay,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-bottom] .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-bottom] .background-image {
  -webkit-transform: rotate(-25deg) translateZ(0);
  transform: rotate(-25deg) translateZ(0);
  transform-origin: left bottom;
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-top],.column-image-bg-wrap[data-bg-animation=ro-reveal-from-top],.img-with-aniamtion-wrap[data-animation=ro-reveal-from-top] {
  -webkit-transform: translate3d(0,-250px,0);
  transform: translate3d(0,-250px,0);
}

.column-bg-overlay-wrap[data-bg-animation=ro-reveal-from-top]>div,.column-image-bg-wrap[data-bg-animation=ro-reveal-from-top] .inner-wrap,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-top] .inner {
  -webkit-transform: rotate(-25deg) translateZ(0);
  transform: rotate(-25deg) translateZ(0);
  transform-origin: left top;
}

.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-top] .inner {
  -webkit-transform: translate3d(0,-250px,0) rotate(-25deg);
  transform: translate3d(0,-250px,0) rotate(-25deg);
  transform-origin: left top;
}

.column-image-bg-wrap[data-bg-animation=ro-reveal-from-top] .inner-wrap .column-image-bg,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-top] .color-overlay,.img-with-aniamtion-wrap[data-animation=ro-reveal-from-top] .hover-wrap .hover-wrap-inner img.img-with-animation,.nectar-scrolling-text .background-layer[data-bg-animation=ro-reveal-from-top] .background-image {
  -webkit-transform: rotate(25deg) translateZ(0);
  transform: rotate(25deg) translateZ(0);
  transform-origin: left top;
}
