.sample{height:100px;width:600px;background-color:orange;}.animation-rotate .rotate.in-view .element img{animation:rotate-center 0.6s ease-in-out both;}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.animation-faded .faded{transition:all .3s ease;opacity:0;}.animation-faded .faded.in-view{transform:translate(50px,0px);transition-duration:.5s;opacity:1;}.animation-quote .text-heading{font-size:38px;color:#2D232E;margin:0 0 8px;text-align:center;}.animation-quote .text-subheading{font-size:20px;color:#474448;margin:0;text-align:center;}.animation-quote .quote-card{margin:50px 0 20px;padding:36px;border:1px solid #DFDFDF;border-radius:8px;background-color:#fcfcf6;position:relative;}.animation-quote .quote-card.no-js .heart{opacity:1;}.animation-quote .quote-card-in-view .heart{animation-name:hearts;animation-duration:.9s;animation-iteration-count:1;animation-fill-mode:forwards;}.animation-quote blockquote{font-size:22px;line-height:1.5;margin:0 0 12px;}.animation-quote figcaption{font-size:20px;color:#6D696E;}.animation-quote .heart{position:absolute;width:40px;top:0;opacity:0;}.animation-quote .heart-1{top:25%;left:-28px;transform:rotate(-14deg);}.animation-quote .heart-2{top:-6px;left:4.5%;width:20px;transform:rotate(15deg);animation-delay:.1s;}.animation-quote .heart-3{top:auto;bottom:58px;right:-2%;transform:rotate(15deg);animation-delay:.2s;}.animation-quote .heart-4{width:30px;bottom:-14px;top:auto;right:5%;transform:rotate(5deg);animation-delay:.3s;}.animation-quote .heart-5{width:20px;bottom:26px;top:auto;right:13%;transform:rotate(-27deg);animation-delay:.4s;}@keyframes hearts{0%{transform:translateY(40px);}50%{opacity:1;transform:translateY(10px) scale(1.6);}100%{opacity:1;}}.animation-squiggle .wrapper{display:flex;}.animation-squiggle .text-effect{margin:auto;}.animation-squiggle .text-effect.no-js .squiggle path{stroke-dasharray:1600;stroke-dashoffset:200;animation-name:none;}.animation-squiggle .title{font-size:42px;text-align:center;}.animation-squiggle .underline{position:relative;}.animation-squiggle .squiggle{position:absolute;top:90%;left:-9px;}.animation-squiggle .squiggle path{stroke:#FB9F18;stroke-width:14px;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation-name:underline-out;animation-duration:1s;animation-iteration-count:1;}.animation-squiggle .text-effect.in-view .squiggle path{animation-name:underline;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;}@keyframes underline{from{stroke-dashoffset:1600;}to{stroke-dashoffset:200;}}@keyframes underline-out{from{stroke-dashoffset:200;}to{stroke-dashoffset:1600;}}.animation-highlight .wrapper{display:flex;}.animation-highlight .text-effect{margin:auto;}.animation-highlight .text-effect.no-js .background:before{transform:none;}.animation-highlight .title{font-size:42px;text-align:center;}.animation-highlight .background{position:relative;}.animation-highlight .background:before{position:absolute;content:'';z-index:-1;top:-2px;left:-5px;right:-5px;bottom:-2px;background-color:#7EEC99;transform-origin:0;transform:scaleX(0);animation-name:background-out;animation-duration:.8s;animation-iteration-count:1;}.animation-highlight .text-effect.in-view .background:before{animation-name:background;animation-duration:.8s;animation-iteration-count:1;animation-fill-mode:forwards;}@keyframes background{from{transform:scaleX(0);}to{transform:scaleX(1);}}@keyframes background-out{from{transform:scaleX(1);}to{transform:scaleX(0);}}.animation-card-emphasis .heading{font-size:42px;text-align:center;margin:0;}.animation-card-emphasis .card-container{display:flex;justify-content:space-around;margin-top:48px;}.animation-card-emphasis .card{min-width:280px;padding:24px;border:1px solid #DFDFDF;border-radius:8px;}.animation-card-emphasis .card-title{font-size:30px;margin:0 0 12px 0;}.animation-card-emphasis .card-list{margin:0;padding:0;list-style:none;}.animation-card-emphasis .card-list li{border-bottom:2px solid #DFDFDF;padding:12px 0;font-size:18px;}.animation-card-emphasis .card-price{font-size:22px;margin-bottom:48px;}.animation-card-emphasis .card-button{width:calc(100% + 24px);color:#08A25F;background:#FFF;border:none;padding:0;margin:0;font-size:22px;padding:12px;text-align:left;margin:0 -12px;border-radius:4px;}.animation-card-emphasis .star-container{width:80px;height:80px;position:absolute;display:flex;align-items:center;justify-content:center;font-size:22px;color:#FFFFFF;top:0;right:24px;background-image:url('../images/star.svg');transition:all .3s ease;}.animation-card-emphasis .card--special{position:relative;}.animation-card-emphasis .card--special:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:#F5F5F5;z-index:-1;border-radius:8px;transform:scale(1.2);opacity:0;transition:all .2s ease-in;}.animation-card-emphasis .card--special .card-button{background:linear-gradient(90deg,#16BC88,#80ED99);color:#FFFFFF;transition:all .2s ease;transition-delay:.1s;}.animation-card-emphasis .card-container.in-view .card--special:before{transform:scale(1);opacity:1;}.animation-card-emphasis .card-container.in-view .card--special .card-button{transform:scale(1.2);}.animation-card-emphasis .card-container.in-view .star-container{transform:scale(1.3) translate(0,-20px) rotate(372deg);transition-duration:.5s;}.animation-bump .page-footer{background-color:#000000;color:#FFF;}.animation-bump .footer-inner{display:flex;max-width:880px;margin:0 auto;padding:32px 0;font-size:18px;}.animation-bump .links{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;}.animation-bump .link-item{width:50%;margin-bottom:18px;}.animation-bump .link-item a{color:#DADADA;}.animation-bump .newsletter{background-color:#362C37;padding:38px 36px;border-radius:4px;min-width:500px;margin-left:40px;}.animation-bump input[type='text']{background-color:#5E565F;border:none;border-radius:4px;padding:12px;font-size:18px;color:#FFFFFF;flex-grow:1;margin-right:6px;}.animation-bump input[type='submit']{background-color:#2FDC74;color:#000;border:none;border-radius:4px;padding:12px 24px;font-size:18px;}.animation-bump .newsletter-title{margin:0;font-size:22px;}.animation-bump .newsletter-desc{color:#D8D8D8;margin:6px 0 20px;}.animation-bump .form{display:flex;}.animation-bump .page-footer.in-view .newsletter{animation-name:newsletter;animation-duration:.5s;animation-iteration-count:1;animtion-timing-function:ease-in-out;}@keyframes newsletter{50%{transform:translateY(-80px);}75%{transform:translateY(-40px);}}.demo-656 .section{background-color:#eee;color:#383838;padding:2px 20px;border-radius:8px;margin:20px auto;transition:background-color .2s ease-in-out;}.demo-656 .section p{font-size:20px;}.demo-656 .section.in-view,.demo-656 .sections-effect.no-js .section{color:#000;}.demo-656 .section-1.in-view,.demo-656 .sections-effect.no-js .section-1{background-color:#78E994;}.demo-656 .section-2.in-view,.demo-656 .sections-effect.no-js .section-2{background-color:#4AD08A;}.demo-656 .section-3.in-view,.demo-656 .sections-effect.no-js .section-3{background-color:#22B480;}.animation-button .wrapper{display:flex;}.animation-button .button-effect{margin:auto;}.animation-button .button-effect.no-js .icon-wrap,.animation-button .button-effect.no-js .text-wrap{transform:none;opacity:1;}.animation-button .btn{font-size:20px;letter-spacing:.1rem;text-transform:uppercase;color:white;background:linear-gradient(#0C8EA3,#54C1E3);text-align:center;text-decoration:none;border-radius:30px;height:60px;display:flex;align-items:center;padding:0 12px 0 20px;overflow:hidden;}.animation-button .icon-wrap{height:60px;display:flex;margin-left:10px;transform:translateX(-300%);opacity:0;transition:all .3s ease-out;}.animation-button .text-wrap{transform:translateX(25px);opacity:0;transition:all .3s ease-out;transition-delay:.05s;}.animation-button .arrow-icon{width:32px;}.animation-button .button-effect.in-view .icon-wrap{transform:none;opacity:1;}.animation-button .button-effect.in-view .text-wrap{transform:none;opacity:1;}.animation-dropshadow .drop-shadow img{transform:none;transition:transform .4s ease;display:flex;width:100%;}.animation-dropshadow .drop-shadow{position:relative;}.animation-dropshadow .drop-shadow:before{top:0;left:0;right:0;bottom:0;position:absolute;background-color:#FB9F18;content:'';z-index:-1;transform:none;transition:transform .4s ease;}.animation-dropshadow .drop-shadow.in-view:before,.animation-dropshadow .drop-shadow.no-js:before{transform:translate(16px,16px);}.animation-dropshadow .drop-shadow.in-view img,.animation-dropshadow .drop-shadow.no-js img{transform:translate(-8px,-8px);}