.nectar-animated-title, 
body .wpb_wrapper > .nectar-animated-title {
margin-bottom:0
}
.nectar-animated-title-inner{
display:inline-block;
overflow:hidden;
position:relative;
margin-bottom:10px;
transform: translateZ(0);
}
.nectar-animated-title h6{
padding:5px 10px
}
.nectar-animated-title h5{
padding:6px 12px
}
.nectar-animated-title h4{
padding:7px 14px
}
.nectar-animated-title h3{
padding:8px 16px
}
.nectar-animated-title h2{
padding:10px 20px
}
.nectar-animated-title h1{
padding:15px 30px
}
.nectar-animated-title .nectar-animated-title-inner .wrap >*{
margin-bottom:0;
position:relative;
z-index:100;
color:#fff
}
.nectar-animated-title .nectar-animated-title-inner:after{
display:block;
background-color:#000;
content:' ';
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%
}
.nectar-animated-title .nectar-animated-title-outer{
display:inline-block
}
.nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-outer{
perspective:1000px
}
.nectar-animated-title[data-style="hinge-drop"] .nectar-animated-title-inner{
-ms-transform:rotateX(-90deg) translateZ(0);
-webkit-transform:rotateX(-90deg) translateZ(0);
transform:rotateX(-90deg) translateZ(0);
-ms-transform-origin:0px 0px 0px;
-webkit-transform-origin:0px 0px 0px;
transform-origin:0px 0px 0px;
opacity:0;
box-shadow:rgba(0,0,0,0.13) 0px 6px 20px
}
.nectar-animated-title[data-style="hinge-drop"].completed .nectar-animated-title-inner{
-ms-transform:rotateX(0deg) translateZ(0);
-webkit-transform:rotateX(0deg) translateZ(0);
transform:rotateX(0deg) translateZ(0);
opacity:1;
-ms-transition:transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1);
transition:transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1);
-webkit-transition:-webkit-transform 1.3s cubic-bezier(0.2,1,0.2,1),opacity 1.3s cubic-bezier(0.2,1,0.2,1)
}
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner:after{
-ms-transform-origin:left;
-ms-transform:scale(0,1);
transform-origin:left;
transform:scale(0,1)
}
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap{
overflow:hidden;
-ms-transform:translateX(-100%) translateZ(0);
-webkit-transform:translateX(-100%) translateZ(0);
transform:translateX(-100%) translateZ(0);
position:relative;
z-index:100
}
.nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner .wrap *{
-ms-transform:translateX(100%) translateZ(0);
-webkit-transform:translateX(100%) translateZ(0);
transform:translateX(100%) translateZ(0);
display:block
}
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap, 
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner .wrap *{
-ms-transform:translateX(0%) translateZ(0);
-webkit-transform:translateX(0%) translateZ(0);
transform:translateX(0%) translateZ(0);
-ms-transition:transform 0.7s cubic-bezier(0.85,0,0.12,1);
-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.85,0,0.12,1);
transition:transform 0.7s cubic-bezier(0.85,0,0.12,1)
}
.nectar-animated-title[data-style="color-strip-reveal"].completed .nectar-animated-title-inner:after{
-webkit-animation:colorStripReveal 0.7s cubic-bezier(0.85,0,0.12,1) forwards;
animation:colorStripReveal 0.7s cubic-bezier(0.85,0,0.12,1) forwards
}
@keyframes colorStripReveal{
0%{
transform:scale(0,1) translateZ(0)
}
100%{
transform:scale(1,1) translateZ(0)
}
}.nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"] .inner,
.img-with-aniamtion-wrap[data-animation*="reveal-from-"] .inner,
.column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap {
opacity: 0;
overflow: hidden;
-webkit-transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease;
transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity 0.25s ease;
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
}
.img-with-aniamtion-wrap[data-animation*="reveal-from-"],
.img-with-aniamtion-wrap[data-animation*="reveal-from-"] .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation*="reveal-from-"] .color-overlay,
.column-image-bg-wrap[data-bg-animation*="reveal-from-"],
.column-bg-overlay-wrap[data-bg-animation*="reveal-from-"],
.column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap .column-image-bg,
.column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] > div,
.nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"] .background-image {
-webkit-transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.3, 1), opacity .65s cubic-bezier(.2,1,.2,1);
transition: transform 2.3s cubic-bezier(0.2, 0.65, 0.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-image-bg-wrap[data-bg-animation*="reveal-from-"],
.revealed-bg .column-bg-overlay-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-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap,
.revealed-bg .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"],
.revealed-bg .column-bg-overlay-wrap[data-bg-animation*="reveal-from-"] > div {
-webkit-transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
opacity: 1;
}
.nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"].animated-in .inner {
-webkit-transform: rotate(0deg) translate3d(0,0,0);
transform: rotate(0deg) translate3d(0,0,0);
opacity: 1;
}
.nectar-scrolling-text .background-layer[data-bg-animation*="reveal-from-"].animated-in .background-image,
.img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation*="reveal-from-"].animated-in .color-overlay,
.revealed-bg .column-image-bg-wrap[data-bg-animation*="reveal-from-"] .inner-wrap .column-image-bg {
-webkit-transform: rotate(0deg) translateZ(0);
transform: rotate(0deg) translateZ(0);
} .img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"],
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"],
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-left"] {
-webkit-transform: translate3d(-250px,0,0);
transform: translate3d(-250px,0,0);
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .inner,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"] .inner-wrap,
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-left"] > div {
-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;
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-left"] .color-overlay,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-left"] .inner-wrap .column-image-bg,
.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;
} .img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"],
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"],
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-right"] {
-webkit-transform: translate3d(250px,0,0);
transform: translate3d(250px,0,0);
transform-origin: left bottom;
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .inner,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"] .inner-wrap,
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-right"] > div {
-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;
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-right"] .color-overlay,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-right"] .inner-wrap .column-image-bg,
.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;
} .img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"],
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"],
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-bottom"] {
-webkit-transform: translate3d(0,250px,0);
transform: translate3d(0,250px,0);
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .inner,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"] .inner-wrap,
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-bottom"] > div {
-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;
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-bottom"] .color-overlay,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-bottom"] .inner-wrap .column-image-bg,
.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;
} .img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"],
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"],
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-top"] {
-webkit-transform: translate3d(0,-250px,0);
transform: translate3d(0,-250px,0);
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .inner,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"] .inner-wrap,
.column-bg-overlay-wrap[data-bg-animation="ro-reveal-from-top"] > div {
-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;
}
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .hover-wrap .hover-wrap-inner img.img-with-animation,
.img-with-aniamtion-wrap[data-animation="ro-reveal-from-top"] .color-overlay,
.column-image-bg-wrap[data-bg-animation="ro-reveal-from-top"] .inner-wrap .column-image-bg,
.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;
}