[data-aos][data-aos] { backface-visibility: hidden; transform: none; animation-name: none; animation-fill-mode: forwards; animation-play-state: paused; opacity: 0; transition-property: opacity, transform; } .force-show [data-aos][data-aos] { opacity: 1; } [data-aos][data-aos]:not([data-aos="fade"]) { transition: none; } [data-aos][data-aos].aos-animate { animation-play-state: running; opacity: 1; } [data-aos^="fadeIn"][data-aos^="fadeIn"].aos-animate { animation-name: fadeIn; } [data-aos^="fadeInLeft"][data-aos^="fadeInLeft"].aos-animate { animation-name: fadeInLeft; } [data-aos^="fadeInRight"][data-aos^="fadeInRight"].aos-animate { animation-name: fadeInRight; } [data-aos^="fadeInUp"][data-aos^="fadeInUp"].aos-animate { animation-name: fadeInUp; } [data-aos^="fadeInDown"][data-aos^="fadeInDown"].aos-animate { animation-name: fadeInDown; } [data-aos^="fadeInLeftRight"][data-aos^="fadeInLeftRight"].aos-animate { animation-name: fadeInLeftRight; } [data-aos^="fadeInUpDown"][data-aos^="fadeInUpDown"].aos-animate { animation-name: fadeInUpDown; } [data-aos^="moveIn"][data-aos^="moveIn"].aos-animate { animation-name: moveIn; } [data-aos^="moveInLeft"][data-aos^="moveInLeft"].aos-animate { animation-name: moveInLeft; } [data-aos^="moveInRight"][data-aos^="moveInRight"].aos-animate { animation-name: moveInRight; } [data-aos^="moveInUp"][data-aos^="moveInUp"].aos-animate { animation-name: moveInUp; } [data-aos^="moveInDown"][data-aos^="moveInDown"].aos-animate { animation-name: moveInDown; } [data-aos^="moveInLeftRight"][data-aos^="moveInLeftRight"].aos-animate { animation-name: moveInLeftRight; } [data-aos^="moveInUpDown"][data-aos^="moveInUpDown"].aos-animate { animation-name: moveInUpDown; } [data-aos^="zoomIn"][data-aos^="zoomIn"].aos-animate { animation-name: zoomIn; } [data-aos^="zoomInLeft"][data-aos^="zoomInLeft"].aos-animate { animation-name: zoomInLeft; } [data-aos^="zoomInRight"][data-aos^="zoomInRight"].aos-animate { animation-name: zoomInRight; } [data-aos^="zoomInUp"][data-aos^="zoomInUp"].aos-animate { animation-name: zoomInUp; } [data-aos^="zoomInDown"][data-aos^="zoomInDown"].aos-animate { animation-name: zoomInDown; } [data-aos^="zoomInLeftRight"][data-aos^="zoomInLeftRight"].aos-animate { animation-name: zoomInLeftRight; } [data-aos^="zoomInUpDown"][data-aos^="zoomInUpDown"].aos-animate { animation-name: zoomInUpDown; } [data-aos^="bounceIn"][data-aos^="bounceIn"].aos-animate { animation-name: bounceIn; } [data-aos^="bounceInLeft"][data-aos^="bounceInLeft"].aos-animate { animation-name: bounceInLeft; } [data-aos^="bounceInRight"][data-aos^="bounceInRight"].aos-animate { animation-name: bounceInRight; } [data-aos^="bounceInUp"][data-aos^="bounceInUp"].aos-animate { animation-name: bounceInUp; } [data-aos^="bounceInDown"][data-aos^="bounceInDown"].aos-animate { animation-name: bounceInDown; } [data-aos^="bounceInLeftRight"][data-aos^="bounceInLeftRight"].aos-animate { animation-name: bounceInLeftRight; } [data-aos^="bounceInUpDown"][data-aos^="bounceInUpDown"].aos-animate { animation-name: bounceInUpDown; } [data-aos^="flash"][data-aos^="flash"].aos-animate { animation-name: flash; } [data-aos^="flashLeft"][data-aos^="flashLeft"].aos-animate { animation-name: flashLeft; } [data-aos^="flashRight"][data-aos^="flashRight"].aos-animate { animation-name: flashRight; } [data-aos^="flashUp"][data-aos^="flashUp"].aos-animate { animation-name: flashUp; } [data-aos^="flashDown"][data-aos^="flashDown"].aos-animate { animation-name: flashDown; } [data-aos^="flashLeftRight"][data-aos^="flashLeftRight"].aos-animate { animation-name: flashLeftRight; } [data-aos^="flashUpDown"][data-aos^="flashUpDown"].aos-animate { animation-name: flashUpDown; } [data-aos^="rollIn"][data-aos^="rollIn"].aos-animate { animation-name: rollIn; } [data-aos^="rollInLeft"][data-aos^="rollInLeft"].aos-animate { animation-name: rollInLeft; } [data-aos^="rollInRight"][data-aos^="rollInRight"].aos-animate { animation-name: rollInRight; } [data-aos^="rollInUp"][data-aos^="rollInUp"].aos-animate { animation-name: rollInUp; } [data-aos^="rollInDown"][data-aos^="rollInDown"].aos-animate { animation-name: rollInDown; } [data-aos^="rollInLeftRight"][data-aos^="rollInLeftRight"].aos-animate { animation-name: rollInLeftRight; } [data-aos^="rollInUpDown"][data-aos^="rollInUpDown"].aos-animate { animation-name: rollInUpDown; } [data-aos^="flip"][data-aos^="flip"].aos-animate { animation-name: flip; } [data-aos^="flipLeft"][data-aos^="flipLeft"].aos-animate { animation-name: flipLeft; } [data-aos^="flipRight"][data-aos^="flipRight"].aos-animate { animation-name: flipRight; } [data-aos^="flipUp"][data-aos^="flipUp"].aos-animate { animation-name: flipUp; } [data-aos^="flipDown"][data-aos^="flipDown"].aos-animate { animation-name: flipDown; } [data-aos^="flipLeftRight"][data-aos^="flipLeftRight"].aos-animate { animation-name: flipLeftRight; } [data-aos^="flipUpDown"][data-aos^="flipUpDown"].aos-animate { animation-name: flipUpDown; } [data-aos^="elasticLarge"][data-aos^="elasticLarge"].aos-animate { animation-name: elasticLarge; } [data-aos^="elasticLargeLeft"][data-aos^="elasticLargeLeft"].aos-animate { animation-name: elasticLargeLeft; } [data-aos^="elasticLargeRight"][data-aos^="elasticLargeRight"].aos-animate { animation-name: elasticLargeRight; } [data-aos^="elasticLargeUp"][data-aos^="elasticLargeUp"].aos-animate { animation-name: elasticLargeUp; } [data-aos^="elasticLargeDown"][data-aos^="elasticLargeDown"].aos-animate { animation-name: elasticLargeDown; } [data-aos^="elasticLargeLeftRight"][data-aos^="elasticLargeLeftRight"].aos-animate { animation-name: elasticLargeLeftRight; } [data-aos^="elasticLargeUpDown"][data-aos^="elasticLargeUpDown"].aos-animate { animation-name: elasticLargeUpDown; } [data-aos^="elasticSmall"][data-aos^="elasticSmall"].aos-animate { animation-name: elasticSmall; } [data-aos^="elasticSmallLeft"][data-aos^="elasticSmallLeft"].aos-animate { animation-name: elasticSmallLeft; } [data-aos^="elasticSmallRight"][data-aos^="elasticSmallRight"].aos-animate { animation-name: elasticSmallRight; } [data-aos^="elasticSmallUp"][data-aos^="elasticSmallUp"].aos-animate { animation-name: elasticSmallUp; } [data-aos^="elasticSmallDown"][data-aos^="elasticSmallDown"].aos-animate { animation-name: elasticSmallDown; } [data-aos^="elasticSmallLeftRight"][data-aos^="elasticSmallLeftRight"].aos-animate { animation-name: elasticSmallLeftRight; } [data-aos^="elasticSmallUpDown"][data-aos^="elasticSmallUpDown"].aos-animate { animation-name: elasticSmallUpDown; } body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { animation-duration: 100ms; } body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { animation-delay: 0s; } body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { opacity: 0; animation-delay: 100ms; } body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { animation-duration: 200ms; } body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { animation-delay: 0s; } body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { opacity: 0; animation-delay: 200ms; } body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { animation-duration: 300ms; } body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { animation-delay: 0s; } body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { opacity: 0; animation-delay: 300ms; } body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { animation-duration: 400ms; } body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { animation-delay: 0s; } body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { opacity: 0; animation-delay: 400ms; } body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { animation-duration: 500ms; } body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { animation-delay: 0s; } body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { opacity: 0; animation-delay: 500ms; } body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { animation-duration: 600ms; } body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { animation-delay: 0s; } body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { opacity: 0; animation-delay: 600ms; } body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { animation-duration: 700ms; } body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { animation-delay: 0s; } body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { opacity: 0; animation-delay: 700ms; } body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { animation-duration: 800ms; } body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { animation-delay: 0s; } body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { opacity: 0; animation-delay: 800ms; } body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { animation-duration: 900ms; } body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { animation-delay: 0s; } body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { opacity: 0; animation-delay: 900ms; } body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { animation-duration: 1000ms; } body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { animation-delay: 0s; } body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { opacity: 0; animation-delay: 1000ms; } body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { animation-duration: 1100ms; } body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { animation-delay: 0s; } body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { opacity: 0; animation-delay: 1100ms; } body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { animation-duration: 1200ms; } body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { animation-delay: 0s; } body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { opacity: 0; animation-delay: 1200ms; } body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { animation-duration: 1300ms; } body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { animation-delay: 0s; } body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { opacity: 0; animation-delay: 1300ms; } body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { animation-duration: 1400ms; } body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { animation-delay: 0s; } body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { opacity: 0; animation-delay: 1400ms; } body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { animation-duration: 1500ms; } body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { animation-delay: 0s; } body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { opacity: 0; animation-delay: 1500ms; } body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { animation-duration: 1600ms; } body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { animation-delay: 0s; } body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { opacity: 0; animation-delay: 1600ms; } body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { animation-duration: 1700ms; } body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { animation-delay: 0s; } body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { opacity: 0; animation-delay: 1700ms; } body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { animation-duration: 1800ms; } body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { animation-delay: 0s; } body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { opacity: 0; animation-delay: 1800ms; } body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { animation-duration: 1900ms; } body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { animation-delay: 0s; } body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { opacity: 0; animation-delay: 1900ms; } body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { animation-duration: 2000ms; } body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { animation-delay: 0s; } body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { opacity: 0; animation-delay: 2000ms; } body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { animation-duration: 2100ms; } body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { animation-delay: 0s; } body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { opacity: 0; animation-delay: 2100ms; } body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { animation-duration: 2200ms; } body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { animation-delay: 0s; } body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { opacity: 0; animation-delay: 2200ms; } body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { animation-duration: 2300ms; } body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { animation-delay: 0s; } body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { opacity: 0; animation-delay: 2300ms; } body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { animation-duration: 2400ms; } body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { animation-delay: 0s; } body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { opacity: 0; animation-delay: 2400ms; } body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { animation-duration: 2500ms; } body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { animation-delay: 0s; } body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { opacity: 0; animation-delay: 2500ms; } body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { animation-duration: 2600ms; } body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { animation-delay: 0s; } body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { opacity: 0; animation-delay: 2600ms; } body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { animation-duration: 2700ms; } body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { animation-delay: 0s; } body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { opacity: 0; animation-delay: 2700ms; } body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { animation-duration: 2800ms; } body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { animation-delay: 0s; } body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { opacity: 0; animation-delay: 2800ms; } body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { animation-duration: 2900ms; } body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { animation-delay: 0s; } body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { opacity: 0; animation-delay: 2900ms; } body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { animation-duration: 3000ms; } body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { animation-delay: 0s; } body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { opacity: 0; animation-delay: 3000ms; } [data-aos] { pointer-events: none; } [data-aos].aos-animate { pointer-events: auto; } @media screen { html:not(.no-js) { /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ /** * Slide animations */ /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] { transition-property: opacity, transform; } html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate { transform: none; } html:not(.no-js) [data-aos="fade-up"] { transform: translate3d(0, 100px, 0); } html:not(.no-js) [data-aos="fade-down"] { transform: translate3d(0, -100px, 0); } html:not(.no-js) [data-aos="fade-right"] { transform: translate3d(-100px, 0, 0); } html:not(.no-js) [data-aos="fade-left"] { transform: translate3d(100px, 0, 0); } html:not(.no-js) [data-aos="fade-up-right"] { transform: translate3d(-100px, 100px, 0); } html:not(.no-js) [data-aos="fade-up-left"] { transform: translate3d(100px, 100px, 0); } html:not(.no-js) [data-aos="fade-down-right"] { transform: translate3d(-100px, -100px, 0); } html:not(.no-js) [data-aos="fade-down-left"] { transform: translate3d(100px, -100px, 0); } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] { transition-property: opacity, transform; } html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate { transform: translate3d(0, 0, 0) scale(1); } html:not(.no-js) [data-aos="zoom-in"] { transform: scale(0.6); } html:not(.no-js) [data-aos="zoom-in-up"] { transform: translate3d(0, 100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-down"] { transform: translate3d(0, -100px, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-in-left"] { transform: translate3d(100px, 0, 0) scale(0.6); } html:not(.no-js) [data-aos="zoom-out"] { transform: scale(1.2); } html:not(.no-js) [data-aos="zoom-out-up"] { transform: translate3d(0, 100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-down"] { transform: translate3d(0, -100px, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-right"] { transform: translate3d(-100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos="zoom-out-left"] { transform: translate3d(100px, 0, 0) scale(1.2); } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; visibility: hidden; } html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate { visibility: visible; transform: translate3d(0, 0, 0); } html:not(.no-js) [data-aos="slide-up"] { transform: translate3d(0, 100%, 0); } html:not(.no-js) [data-aos="slide-down"] { transform: translate3d(0, -100%, 0); } html:not(.no-js) [data-aos="slide-right"] { transform: translate3d(-100%, 0, 0); } html:not(.no-js) [data-aos="slide-left"] { transform: translate3d(100%, 0, 0); } html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; } html:not(.no-js) [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } html:not(.no-js) [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } html:not(.no-js) [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0); } html:not(.no-js) [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } html:not(.no-js) [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0); } html:not(.no-js) [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } html:not(.no-js) [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0); } }