/* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2012 Dan Eden */ .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } /* ==speeds */ .fast { -webkit-animation-duration: 400ms; -moz-animation-duration: 400ms; -ms-animation-duration: 400ms; -o-animation-duration: 400ms; animation-duration: 400ms; } .normal { -webkit-animation-duration: 750ms; -moz-animation-duration: 750ms; -ms-animation-duration: 750ms; -o-animation-duration: 750ms; animation-duration: 750ms; } .slow { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .very-slow { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } /* ==fadeIn */ @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } /* ==fadeInUp */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /* ==fadeInDownBig */ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /* ==fadeInRightBig */ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /* ==expand */ @-webkit-keyframes expand { 0% { -webkit-transform: scale(1); } 10% { -webkit-transform: scale(1.01 ); } 100% { -webkit-transform: scale(1.05); } } .expand { -webkit-animation-name: expand; } /* ==shrink */ @-webkit-keyframes shrink { 0% { -webkit-transform: scale(1.05); } 10% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } .shrink { -webkit-animation-name: shrink; } /* ==fadeInDiagonalDown */ @-webkit-keyframes fadeInDiagonalDown { 0% { opacity: 0; -webkit-transform: translate(350px,-350px) scale(0.1); } 100% { opacity: 1; -webkit-transform: translate(0,0) scale(1); } } @-moz-keyframes fadeInDiagonalDown { 0% { opacity: 0; -moz-transform: translate(350px,-350px) scale(0.1); } 100% { opacity: 1; -moz-transform: translate(0,0) scale(1); } } @-o-keyframes fadeInDiagonalDown { 0% { opacity: 0; -o-transform: translate(350px,-350px) scale(0.1); } 100% { opacity: 1; -o-transform: translate(0,0) scale(1); } } @keyframes fadeInDiagonalDown { 0% { opacity: 0; transform: translate(350px,-350px) scale(0.1); } 100% { opacity: 1; transform: translate(0,0) scale(1); } } .fadeInDiagonalDown { -webkit-animation-name: fadeInDiagonalDown; -moz-animation-name: fadeInDiagonalDown; -o-animation-name: fadeInDiagonalDown; animation-name: fadeInDiagonalDown; } ul.related-models li { -webkit-animation-timing-function: ease-out; } ul.related-models li:nth-child(1) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } ul.related-models li:nth-child(2) { -webkit-animation-delay: 180ms; -moz-animation-delay: 180ms; -o-animation-delay: 180ms; animation-delay: 180ms; } ul.related-models li:nth-child(3) { -webkit-animation-delay: 270ms; -moz-animation-delay: 270ms; -o-animation-delay: 270ms; animation-delay: 270ms; } ul.related-models li:nth-child(4) { -webkit-animation-delay: 360ms; -moz-animation-delay: 360ms; -o-animation-delay: 360ms; animation-delay: 360ms; } ul.related-models li:nth-child(5) { -webkit-animation-delay: 450ms; -moz-animation-delay: 450ms; -o-animation-delay: 450ms; animation-delay: 450ms; } .overview-description header { -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; } .overview-text { -webkit-animation-delay: 900ms; -moz-animation-delay: 900ms; -o-animation-delay: 900ms; animation-delay: 900ms; } .cta-buttons { -webkit-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -o-animation-delay: 1000ms; animation-delay: 1000ms; }