@font-face{font-family:"Poppins - uploaded";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/Poppins-Medium3e2fbb03.woff) format('woff2');font-display:swap;}@keyframes show-content-image { 0% { visibility: hidden; } 99% { visibility: hidden; } 100% { visibility: visible; } }@keyframes turn-on-visibility { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes turn-off-visibility { 0% { opacity: 1; visibility: visible; } 99% { opacity: 0; visibility: visible; } 100% { opacity: 0; visibility: hidden; } }@keyframes lightbox-zoom-in { 0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); } 100% { transform: translate(-50%, -50%) scale(1); } }@keyframes lightbox-zoom-out { 0% { transform: translate(-50%, -50%) scale(1); visibility: visible; } 99% { visibility: visible; } 100% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility: hidden; } }ol, ul { box-sizing: border-box; }@keyframes overlay-menu__fade-in-animation { 0% { opacity: 0; transform: translateY(0.5em); } 100% { opacity: 1; transform: translateY(0px); } }:root { --wp--preset--font-size--normal:16px; --wp--preset--font-size--huge:42px; }.screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eeeeee 0%,#a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }:root { --wp--style--global--content-size: 823px; --wp--style--global--wide-size: 1080px; }:where(body) { margin: 0px; }body { padding: 0px; }#cookie-notice, #cookie-notice .cn-button:not(.cn-button-custom) { font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; font-weight: 400; font-size: 13px; text-align: center; }#cookie-notice { position: fixed; min-width: 100%; height: auto; z-index: 100000; letter-spacing: 0px; line-height: 20px; left: 0px; }#cookie-notice, #cookie-notice * { box-sizing: border-box; }#cookie-notice .cookie-notice-container, #cookie-notice .cookie-revoke-container { display: block; }.cn-position-bottom { bottom: 0px; }.cookie-notice-container { padding: 15px 30px; text-align: center; width: 100%; z-index: 2; }.cn-close-icon { position: absolute; right: 15px; top: 50%; margin-top: -10px; width: 15px; height: 15px; opacity: 0.5; padding: 10px; outline: 0px; cursor: pointer; }.cn-close-icon:hover { opacity: 1; }.cn-close-icon::after, .cn-close-icon::before { position: absolute; content: " "; height: 15px; width: 2px; top: 3px; background-color: grey; }.cn-close-icon::before { transform: rotate(45deg); }.cn-close-icon::after { transform: rotate(-45deg); }#cookie-notice .cn-button { margin: 0px 0px 0px 10px; display: inline-block; }#cookie-notice .cn-button:not(.cn-button-custom) { letter-spacing: 0.25px; margin: 0px 0px 0px 10px; text-transform: none; display: inline-block; cursor: pointer; touch-action: manipulation; white-space: nowrap; outline: 0px; box-shadow: none; text-shadow: none; border: none; border-radius: 3px; text-decoration: none; padding: 8.5px 10px; line-height: 1; color: inherit; }.cn-text-container { margin: 0px 0px 6px; }.cn-buttons-container, .cn-text-container { display: inline-block; }#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-none { animation-name: fadeIn; }#cookie-notice.cn-effect-fade, #cookie-notice.cn-effect-none { animation-name: fadeOut; }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutDown { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@-webkit-keyframes slideOutUp { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes slideOutUp { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }:root { --dipi-vb-module-selection-icon-color: #ffffff; --dipi-vb-module-selection-text-color: #ffffff; --dipi-vb-module-selection-background-color: #2c3d49; }[class*="dipi_"].et_pb_module .et_pb_button { transition: all 0.2s ease 0s !important; }.et_pb_scroll_top { animation-fill-mode: forwards !important; }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }#ez-toc-container { background: #f9f9f9; border: 1px solid #aaaaaa; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; display: table; margin-bottom: 1em; padding: 10px 20px 10px 10px; position: relative; width: auto; }#ez-toc-container li, #ez-toc-container ul { padding: 0px; }#ez-toc-container li, #ez-toc-container ul, #ez-toc-container ul li, div.ez-toc-widget-container, div.ez-toc-widget-container li { background: 0px 0px; list-style: none; line-height: 1.6; margin: 0px; overflow: hidden; z-index: 1; }#ez-toc-container .ez-toc-title { text-align: left; line-height: 1.45; margin: 0px; padding: 0px; }.ez-toc-title-container { display: table; width: 100%; }.ez-toc-title, .ez-toc-title-toggle { display: inline; text-align: left; vertical-align: middle; }.ez-toc-btn, .ez-toc-glyphicon { display: inline-block; font-weight: 400; }#ez-toc-container a { color: #444444; box-shadow: none; text-decoration: none; text-shadow: none; display: inline-flex; align-items: stretch; flex-wrap: nowrap; }#ez-toc-container a:visited { color: #9f9f9f; }#ez-toc-container a:hover { text-decoration: underline; }#ez-toc-container a.ez-toc-toggle { display: flex; align-items: center; }.ez-toc-btn { padding: 6px 12px; margin-bottom: 0px; font-size: 14px; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; user-select: none; }.ez-toc-btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }.ez-toc-btn:focus, .ez-toc-btn:hover { color: #333333; text-decoration: none; }.ez-toc-btn.active, .ez-toc-btn:active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }.ez-toc-btn-default { color: #333333; background-color: #ffffff; box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px; text-shadow: #ffffff 0px 1px 0px; background-image: linear-gradient(#ffffff 0px, #e0e0e0 100%); background-repeat: repeat-x; border-color: #cccccc; }.ez-toc-btn-default.active, .ez-toc-btn-default:active, .ez-toc-btn-default:focus, .ez-toc-btn-default:hover { color: #333333; background-color: #ebebeb; border-color: #adadad; }.ez-toc-btn-default.active, .ez-toc-btn-default:active { background-image: none; background-color: #e0e0e0; border-color: #dbdbdb; }.ez-toc-btn-sm, .ez-toc-btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }.ez-toc-btn-xs { padding: 1px 5px; }.ez-toc-btn-default:active { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }.btn.active, .ez-toc-btn:active { background-image: none; }.ez-toc-btn-default:focus, .ez-toc-btn-default:hover { background-color: #e0e0e0; background-position: 0px -15px; }.ez-toc-pull-right { margin-left: 10px; float: right !important; }#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container label { position: relative; cursor: pointer; display: initial; }#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon { float: right; position: relative; font-size: 16px; padding: 0px; border: 1px solid #999191; border-radius: 5px; cursor: pointer; left: 10px; width: 35px; }div#ez-toc-container .ez-toc-title { display: initial; }#ez-toc-container a.ez-toc-toggle { color: #444444; background: inherit; border: inherit; }#ez-toc-container .eztoc-toggle-hide-by-default, .eztoc-hide, label.cssiconcheckbox { display: none; }.ez-toc-icon-toggle-span { display: flex; align-items: center; width: 35px; height: 30px; justify-content: center; direction: ltr; }div#ez-toc-container .ez-toc-title { font-size: 120%; }div#ez-toc-container .ez-toc-title { font-weight: 500; }div#ez-toc-container ul li, div#ez-toc-container ul li a { font-size: 95%; }div#ez-toc-container ul li, div#ez-toc-container ul li a { font-weight: 500; }.ez-toc-container-direction { direction: ltr; }.ez-toc-counter ul { counter-reset: item 0; }.ez-toc-counter nav ul li a::before { content: counters(item, ".") ". "; display: inline-block; counter-increment: item 1; flex-grow: 0; flex-shrink: 0; margin-right: 0.2em; float: left; }.dipi_blog_slider .dipi-blog-post { border-style: solid; display: flex; flex-direction: column; position: relative; }.dipi_blog_slider .dipi-entry-featured-image-url { position: relative; width: 100%; overflow: hidden; line-height: 0 !important; }.dipi_blog_slider .dipi-entry-featured-image-url > img.wp-post-image { position: relative; border-style: solid; cursor: pointer; transition-timing-function: cubic-bezier(0.2, 0, 0.3, 1); transition-duration: 1s; }.dipi_blog_slider .dipi-entry-featured-image-url > img.wp-post-image:not(.lazyload) { width: 100%; height: 100%; object-fit: cover; }.dipi-blog-post .dipi-blog-post-overlay { display: flex; box-sizing: border-box; position: absolute; z-index: 1; top: 0px; left: 0px; padding: 20px; width: 100%; height: 100%; border-style: solid; line-height: 0 !important; }.dipi-blog-post .dipi-blog-post-overlay, .dipi-blog-post:hover .dipi-blog-post-overlay { transition: all 0.6s ease-in-out 0s; }.dipi_blog_slider .dipi-date { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 12px; right: 0px; top: 0px; position: absolute; z-index: 9; background: #ffffff; color: #000000; line-height: 1.4 !important; }.dipi_blog_slider .dipi-date .dipi-month { font-size: 11px; line-height: 0.9; }.dipi_blog_slider .dipi-date .dipi-day { font-size: 24px; line-height: 1; }.dipi_blog_slider .dipi-date .dipi-year { font-size: 11px; line-height: 0.9; }.dipi_blog_slider .dipi-post-content { padding: 20px; position: relative; }.dipi_blog_slider .dipi-post-content .dipi-post-text { line-height: 1.4; }.dipi_blog_slider .dipi-bottom-content { position: relative; flex-grow: 1; padding: 0px 20px; display: flex; justify-content: space-between; }.dipi_blog_slider .dipi-bottom-content a { margin-top: auto; }.dipi-blog-post-overlay-link { display: block; width: 100%; height: 100%; position: absolute; z-index: 3; }.dipi_blog_slider .swiper-container .dipi-blog-slider-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; flex-wrap: nowrap; overflow: visible; transform-style: preserve-3d; }.dipi_blog_slider .swiper-container { width: 100%; height: auto; display: flex; align-items: start; }:root { --background-text-content:""; }@-webkit-keyframes dipiDHreveal { 0% { visibility: hidden; } 35% { visibility: hidden; } 70% { visibility: hidden; } 100% { visibility: visible; } }@keyframes dipiDHreveal { 0% { visibility: hidden; } 35% { visibility: hidden; } 70% { visibility: hidden; } 100% { visibility: visible; } }@-webkit-keyframes dipiDHSlideLeft { 0% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } 35% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 75% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 100% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } }@keyframes dipiDHSlideLeft { 0% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } 35% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 75% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 100% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } }@-webkit-keyframes dipiDHSlideRight { 0% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } 35% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 75% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 100% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } }@keyframes dipiDHSlideRight { 0% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } 35% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 75% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 100% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } }@-webkit-keyframes dipiDHFadeOut { 0% { height: 100%; width: 100%; opacity: 0; } 35% { height: 100%; width: 100%; opacity: 1; } 70% { height: 100%; width: 100%; opacity: 1; } 100% { height: 100%; width: 100%; opacity: 0; } }@keyframes dipiDHFadeOut { 0% { height: 100%; width: 100%; opacity: 0; } 35% { height: 100%; width: 100%; opacity: 1; } 70% { height: 100%; width: 100%; opacity: 1; } 100% { height: 100%; width: 100%; opacity: 0; } }@-webkit-keyframes dipiDHSlideUp { 0% { height: 0%; width: 100%; left: 0px; bottom: 0px; top: auto; } 35% { height: 100%; width: 100%; left: 0px; bottom: 0px; top: auto; } 75% { height: 100%; width: 100%; left: 0px; bottom: auto; top: 0px; } 100% { height: 0%; width: 100%; left: 0px; bottom: auto; top: 0px; } }@keyframes dipiDHSlideUp { 0% { height: 0%; width: 100%; left: 0px; bottom: 0px; top: auto; } 35% { height: 100%; width: 100%; left: 0px; bottom: 0px; top: auto; } 75% { height: 100%; width: 100%; left: 0px; bottom: auto; top: 0px; } 100% { height: 0%; width: 100%; left: 0px; bottom: auto; top: 0px; } }@-webkit-keyframes dipiDHSlideDown { 0% { height: 0%; width: 100%; left: 0px; top: 0px; bottom: auto; } 35% { height: 100%; width: 100%; left: 0px; top: 0px; bottom: auto; } 75% { height: 100%; width: 100%; left: 0px; top: auto; bottom: 0px; } 100% { height: 0%; width: 100%; left: 0px; top: auto; bottom: 0px; } }@keyframes dipiDHSlideDown { 0% { height: 0%; width: 100%; left: 0px; top: 0px; bottom: auto; } 35% { height: 100%; width: 100%; left: 0px; top: 0px; bottom: auto; } 75% { height: 100%; width: 100%; left: 0px; top: auto; bottom: 0px; } 100% { height: 0%; width: 100%; left: 0px; top: auto; bottom: 0px; } }@-webkit-keyframes dipiBGLeftToRight { 0% { background-position: 0px 0px; } 100% { background-position: -100% 0px; } }@keyframes dipiBGLeftToRight { 0% { background-position: 0px 0px; } 100% { background-position: -100% 0px; } }@-webkit-keyframes dipiBGRightToLeft { 0% { background-position: 0px 0px; } 100% { background-position: 100% 0px; } }@keyframes dipiBGRightToLeft { 0% { background-position: 0px 0px; } 100% { background-position: 100% 0px; } }@-webkit-keyframes dipiBGTopToBottom { 0% { background-position: 0px 0px; } 100% { background-position: 0px -100%; } }@keyframes dipiBGTopToBottom { 0% { background-position: 0px 0px; } 100% { background-position: 0px -100%; } }@-webkit-keyframes dipiBGBottomToTop { 0% { background-position: 0px 0px; } 100% { background-position: 0px 100%; } }@keyframes dipiBGBottomToTop { 0% { background-position: 0px 0px; } 100% { background-position: 0px 100%; } }@-webkit-keyframes dipiBGHorizontal { 0% { background-position: 0px 0px; } 50% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } }@keyframes dipiBGHorizontal { 0% { background-position: 0px 0px; } 50% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } }@-webkit-keyframes dipiBGVertical { 0% { background-position: 0px 0px; } 50% { background-position: 0px 100%; } 100% { background-position: 0px 0px; } }@keyframes dipiBGVertical { 0% { background-position: 0px 0px; } 50% { background-position: 0px 100%; } 100% { background-position: 0px 0px; } }@keyframes dipi-updown-effect { 0% { transform: translate3d(0px, 10px, 0px); } 100% { transform: translate3d(0px, -10px, 0px); } }@-webkit-keyframes dipi-updown-effect { 0% { transform: translate3d(0px, 10px, 0px); } 100% { transform: translate3d(0px, -10px, 0px); } }@keyframes dipi-leftright-effect { 0% { transform: translate3d(10px, 0px, 0px); } 100% { transform: translate3d(-10px, 0px, 0px); } }@-webkit-keyframes dipi-leftright-effect { 0% { transform: translate3d(10px, 0px, 0px); } 100% { transform: translate3d(-10px, 0px, 0px); } }@keyframes dipi-topleftright-effect { 0% { transform: translate3d(-10px, -10px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg); } 100% { transform: translate3d(10px, 10px, 0px) scaleX(1) rotate3d(0, 0, 0, 0deg); } }@-webkit-keyframes dipi-topleftright-effect { 0% { transform: translate3d(-10px, -10px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg); } 100% { transform: translate3d(10px, 10px, 0px) scaleX(1) rotate3d(0, 0, 0, 0deg); } }@keyframes dipi-toprightleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-toprightleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 10px, 0px) scaleX(1); } }@keyframes dipi-rotate-effect { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }@-webkit-keyframes dipi-rotate-effect { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }@keyframes dipi-zoom-effect { 0% { transform: scale3d(0.9, 0.9, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes dipi-zoom-effect { 0% { transform: scale3d(0.9, 0.9, 1); } 100% { transform: scaleX(1); } }@keyframes dipi-zoomrotate-effect { 0% { transform: translate3d(0px, 5px, 0px) scale3d(0.95, 0.95, 1) rotate(5deg); } 100% { transform: translate3d(0px, -5px, 0px) scaleX(1) rotate(-5deg); } }@-webkit-keyframes dipi-zoomrotate-effect { 0% { transform: translate3d(0px, 5px, 0px) scale3d(0.95, 0.95, 1) rotate(5deg); } 100% { transform: translate3d(0px, -5px, 0px) scaleX(1) rotate(-5deg); } }@keyframes dipi-zoomtop-effect { 0% { transform: translate3d(0px, 10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, -10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomtop-effect { 0% { transform: translate3d(0px, 10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, -10px, 0px) scaleX(1); } }@keyframes dipi-zoombottom-effect { 0% { transform: translate3d(0px, -10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, 10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoombottom-effect { 0% { transform: translate3d(0px, -10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, 10px, 0px) scaleX(1); } }@keyframes dipi-zoomleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 0px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 0px, 0px) scaleX(1); } }@keyframes dipi-zoomright-effect { 0% { transform: translate3d(-10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(10px, 0px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomright-effect { 0% { transform: translate3d(-10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(10px, 0px, 0px) scaleX(1); } }:root { --dipi-ig-popup-speed:500ms; }@keyframes fadeInUpShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInUpShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInDownShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInDownShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInLeftShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-10px - 50%), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInLeftShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-10px - 50%), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInRightShortXCenter { 0% { opacity: 0; transform: translate3d(calc(10px - 50%), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInRightShortXCenter { 0% { opacity: 0; transform: translate3d(calc(10px - 50%), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes zoomInShortXCenter { 0% { opacity: 0; transform: translateX(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes zoomInShortXCenter { 0% { opacity: 0; transform: translateX(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@keyframes fadeInUpShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInUpShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInDownShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInDownShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInLeftShortYCenter { 0% { opacity: 0; transform: translate3d(-10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInLeftShortYCenter { 0% { opacity: 0; transform: translate3d(-10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInRightShortYCenter { 0% { opacity: 0; transform: translate3d(10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInRightShortYCenter { 0% { opacity: 0; transform: translate3d(10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes zoomInShortYCenter { 0% { opacity: 0; transform: translateY(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes zoomInShortYCenter { 0% { opacity: 0; transform: translateY(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes dipi-svg-sonar-animation { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 50% { transform: scale(1.5) translate(-50%, -50%); opacity: 0.5; } 100% { transform: scale(3) translate(-50%, -50%); opacity: 0; } }@keyframes dipi-svg-sonar-animation { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 50% { transform: scale(1.5) translate(-50%, -50%); opacity: 0.5; } 100% { transform: scale(3) translate(-50%, -50%); opacity: 0; } }.dipi-reading-progress-wrap .dipi-reading-progress { position: fixed; width: 100%; left: 0px; height: 5px; z-index: 100000; }.dipi-reading-progress-wrap .dipi-reading-progress-bottom { bottom: 0px; }.dipi-reading-progress-wrap .dipi-reading-progress .dipi-reading-progress-fill { height: 5px; width: 0px; transition:width 0.05s ease; }@-webkit-keyframes bars { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } }@keyframes bars { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } }@-webkit-keyframes dp-scroll-vertical { 0% { transform: translateY(0px); } 100% { transform: translateY(5px); } }@keyframes dp-scroll-vertical { 0% { transform: translateY(0px); } 100% { transform: translateY(5px); } }@-webkit-keyframes dp-scroll-horizontal { 0% { transform: translateX(0px); } 100% { transform: translateX(5px); } }@keyframes dp-scroll-horizontal { 0% { transform: translateX(0px); } 100% { transform: translateX(5px); } }@font-face{font-family:"ETmodules";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/modules5e7cc323.woff) format('woff2');font-display:swap;}@-webkit-keyframes bounceInInfoCircle { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0.6, 0.6, 0.6); } 20% { transform: translateX(-50%) translateY(-50%) scale3d(1.05, 1.05, 1.05); } 40% { transform: translateX(-50%) translateY(-50%) scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.02, 1.02, 1.02); } 80% { transform: translateX(-50%) translateY(-50%) scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: translateX(-50%) translateY(-50%) scaleX(1); } }@keyframes bounceInInfoCircle { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0.6, 0.6, 0.6); } 20% { transform: translateX(-50%) translateY(-50%) scale3d(1.05, 1.05, 1.05); } 40% { transform: translateX(-50%) translateY(-50%) scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.02, 1.02, 1.02); } 80% { transform: translateX(-50%) translateY(-50%) scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: translateX(-50%) translateY(-50%) scaleX(1); } }@-webkit-keyframes dipi-hg-faderight-active { 0% { opacity: 0; left: 100%; } 100% { opacity: 1; left: 0px; } }@keyframes dipi-hg-faderight-active { 0% { opacity: 0; left: 100%; } 100% { opacity: 1; left: 0px; } }@-webkit-keyframes dipi-hg-faderight { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-faderight { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadeleft-active { 0% { opacity: 0; right: 100%; } 100% { opacity: 1; right: 0px; } }@keyframes dipi-hg-fadeleft-active { 0% { opacity: 0; right: 100%; } 100% { opacity: 1; right: 0px; } }@-webkit-keyframes dipi-hg-fadeleft { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadeleft { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadetop-active { 0% { opacity: 0; bottom: 100%; } 100% { opacity: 1; bottom: 0px; } }@keyframes dipi-hg-fadetop-active { 0% { opacity: 0; bottom: 100%; } 100% { opacity: 1; bottom: 0px; } }@-webkit-keyframes dipi-hg-fadetop { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadetop { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadebottom-active { 0% { opacity: 0; top: 100%; } 100% { opacity: 1; top: 0px; } }@keyframes dipi-hg-fadebottom-active { 0% { opacity: 0; top: 100%; } 100% { opacity: 1; top: 0px; } }@-webkit-keyframes dipi-hg-fadebottom { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadebottom { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-ZoomInZoomOut-active { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }@keyframes dipi-hg-ZoomInZoomOut-active { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }@-webkit-keyframes dipi-hg-ZoomInZoomOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-ZoomInZoomOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-slice { 0% { top: 0px; } 99.999% { top: -100%; } 100% { top: 100%; } }@keyframes dipi-hg-slice { 0% { top: 0px; } 99.999% { top: -100%; } 100% { top: 100%; } }@-webkit-keyframes dipi-hg-slice-active { 0% { top: 100%; } 100% { top: 0px; } }@keyframes dipi-hg-slice-active { 0% { top: 100%; } 100% { top: 0px; } }@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); } 20% { transform: scale3d(1.05, 1.05, 1.05); } 40% { transform: scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 10px, 0px); } 75% { transform: translate3d(0px, -5px, 0px); } 90% { transform: translate3d(0px, 2px, 0px); } 100% { transform: none; } }@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 75% { transform: translate3d(-5px, 0px, 0px); } 90% { transform: translate3d(2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 75% { transform: translate3d(5px, 0px, 0px); } 90% { transform: translate3d(-2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -10px, 0px); } 75% { transform: translate3d(0px, 5px, 0px); } 90% { transform: translate3d(0px, -2px, 0px); } 100% { transform: translateZ(0px); } }@keyframes bounceOut { 20% { transform: scale3d(0.95, 0.95, 0.95); } 50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); } 100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } }@keyframes bounceOutDown { 20% { transform: translate3d(0px, 5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 100px, 0px); } }@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); } }@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(100px, 0px, 0px); } }@keyframes bounceOutUp { 20% { transform: translate3d(0px, -5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 40px, 0px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@keyframes flip { 0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(1000px); animation-timing-function: ease-in; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(5deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-2deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(1000px) rotateY(-2deg); } 100% { transform: perspective(1000px); } }@keyframes flipOutX { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; } }@keyframes flipOutY { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; } }@keyframes lightSpeedIn { 0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; } }@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; } }@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@-webkit-keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }@-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } }@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } }@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } }@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(60px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 60px, 0px); } }@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@-webkit-keyframes flip { 0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } }@-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } }@-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } }@-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }@-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } }@-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } }@-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@-webkit-keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@-webkit-keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); } 20% { transform: scale3d(1.05, 1.05, 1.05); } 40% { transform: scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 10px, 0px); } 75% { transform: translate3d(0px, -5px, 0px); } 90% { transform: translate3d(0px, 2px, 0px); } 100% { transform: none; } }@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 75% { transform: translate3d(-5px, 0px, 0px); } 90% { transform: translate3d(2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 75% { transform: translate3d(5px, 0px, 0px); } 90% { transform: translate3d(-2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -10px, 0px); } 75% { transform: translate3d(0px, 5px, 0px); } 90% { transform: translate3d(0px, -2px, 0px); } 100% { transform: translateZ(0px); } }@keyframes bounceOut { 20% { transform: scale3d(0.95, 0.95, 0.95); } 50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); } 100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } }@keyframes bounceOutDown { 20% { transform: translate3d(0px, 5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 100px, 0px); } }@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); } }@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(100px, 0px, 0px); } }@keyframes bounceOutUp { 20% { transform: translate3d(0px, -5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 40px, 0px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@keyframes flip { 0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(1000px); animation-timing-function: ease-in; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(5deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-2deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(1000px) rotateY(-2deg); } 100% { transform: perspective(1000px); } }@keyframes flipOutX { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; } }@keyframes flipOutY { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; } }@keyframes lightSpeedIn { 0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; } }@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; } }@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@-webkit-keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }@-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } }@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } }@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } }@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(60px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 60px, 0px); } }@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@-webkit-keyframes flip { 0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } }@-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } }@-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } }@-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }@-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } }@-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } }@-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@-webkit-keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@-webkit-keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); } 20% { transform: scale3d(1.05, 1.05, 1.05); } 40% { transform: scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 10px, 0px); } 75% { transform: translate3d(0px, -5px, 0px); } 90% { transform: translate3d(0px, 2px, 0px); } 100% { transform: none; } }@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 75% { transform: translate3d(-5px, 0px, 0px); } 90% { transform: translate3d(2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 75% { transform: translate3d(5px, 0px, 0px); } 90% { transform: translate3d(-2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -10px, 0px); } 75% { transform: translate3d(0px, 5px, 0px); } 90% { transform: translate3d(0px, -2px, 0px); } 100% { transform: translateZ(0px); } }@keyframes bounceOut { 20% { transform: scale3d(0.95, 0.95, 0.95); } 50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); } 100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } }@keyframes bounceOutDown { 20% { transform: translate3d(0px, 5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 100px, 0px); } }@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); } }@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(100px, 0px, 0px); } }@keyframes bounceOutUp { 20% { transform: translate3d(0px, -5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 40px, 0px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@keyframes flip { 0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(1000px); animation-timing-function: ease-in; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(5deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-2deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(1000px) rotateY(-2deg); } 100% { transform: perspective(1000px); } }@keyframes flipOutX { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; } }@keyframes flipOutY { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; } }@keyframes lightSpeedIn { 0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; } }@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; } }@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@-webkit-keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } }@-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } }@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } }@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } }@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(60px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 60px, 0px); } }@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@-webkit-keyframes flip { 0% { transform: perspective(400px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } }@-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } }@-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } }@-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }@-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@-webkit-keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; } }@-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; } }@-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@-webkit-keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@-webkit-keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@-webkit-keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@-webkit-keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@-webkit-keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@-webkit-keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@font-face { font-family: Outfit; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face { font-family: Outfit; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtqUYLknw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; text-size-adjust: 100%; vertical-align: baseline; background: transparent; }body { line-height: 1; }ol, ul { list-style: none; }article, aside, footer, header, hgroup, nav, section { display: block; }body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; color: #666666; background-color: #ffffff; line-height: 1.7em; font-weight: 500; -webkit-font-smoothing: antialiased; }body.et_cover_background { background-attachment: fixed; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; }a { color: #2ea3f2; }a, a:hover { text-decoration: none; }p { padding-bottom: 1em; }p:not(.has-background):last-of-type { padding-bottom: 0px; }strong { font-weight: 700; }h1, h2, h3, h4, h5, h6 { color: #333333; padding-bottom: 10px; line-height: 1em; font-weight: 500; }h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }h1 { font-size: 30px; }h2 { font-size: 26px; }h3 { font-size: 22px; }h4 { font-size: 18px; }button, input, select, textarea { font-family: inherit; }img { max-width: 100%; height: auto; }#main-content { background-color: #ffffff; }#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul { list-style-type: disc; padding: 0px 0px 23px 1em; line-height: 26px; }.et_pb_scroll_top.et-pb-icon { text-align: center; background: rgba(0, 0, 0, 0.4); text-decoration: none; position: fixed; z-index: 99999; bottom: 125px; right: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: none; cursor: pointer; font-size: 30px; padding: 5px; color: #ffffff; }.et_pb_scroll_top::before { content: "2"; }.et_mobile_menu, .nav li ul { border-color: #2ea3f2; }#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .mobile_menu_bar::after, .mobile_menu_bar::before { color: #2ea3f2; }#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav { float: left; }.et_toggle_slide_menu::after, .mobile_menu_bar::before { content: "a"; font-size: 32px; left: 0px; position: relative; top: 0px; cursor: pointer; }.last { margin-right: 0px; }@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0px); } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0px); } }@-webkit-keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(100%); } }@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(100%); } }@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(-70%); } }@keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0px); } 100% { opacity: 0; transform: translateX(-70%); } }@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0px); } }@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0px); } }.et-social-facebook a.icon::before { content: ""; }.et-social-twitter a.icon::before { content: ""; }.et-social-instagram a.icon::before { content: ""; }* { box-sizing: border-box; }#et-info-email::before, #et-info-phone::before, #et_search_icon::before, .comment-reply-link::after, .et-cart-info span::before, .et-pb-arrow-next::before, .et-pb-arrow-prev::before, .et-social-icon a::before, .et_audio_container .mejs-playpause-button button::before, .et_audio_container .mejs-volume-button button::before, .et_overlay::before, .et_password_protected_form .et_submit_button::after, .et_pb_button::after, .et_pb_contact_reset::after, .et_pb_contact_submit::after, .et_pb_font_icon::before, .et_pb_newsletter_button::after, .et_pb_pricing_table_button::after, .et_pb_promo_button::after, .et_pb_testimonial::before, .et_pb_toggle_title::before, .form-submit .et_pb_button::after, .mobile_menu_bar::before, a.et_pb_more_button::after { speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-shadow: 0px 0px; direction: ltr; font-family: ETmodules !important; }.et-pb-icon, .et_pb_custom_button_icon.et_pb_button::after, .et_pb_login .et_pb_custom_button_icon.et_pb_button::after, .et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button::after, .et_pb_woo_custom_button_icon .button.et_pb_custom_button_icon.et_pb_button:hover::after { content: attr(data-icon); }.et-pb-icon { font-family: ETmodules; speak: none; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 96px; font-style: normal; display: inline-block; box-sizing: border-box; direction: ltr; }.et_pb_button { font-size: 20px; font-weight: 500; padding: 0.3em 1em; background-color: transparent; background-size: cover; background-position: 50% center; background-repeat: no-repeat; border: 2px solid; border-radius: 3px; transition-duration: 0.2s; line-height: 1.7em !important; transition-property: all !important; }.et_pb_button, .et_pb_button_inner { position: relative; }.et_pb_button:hover, .et_pb_module .et_pb_button:hover { border: 2px solid transparent; padding: 0.3em 2em 0.3em 0.7em; }.et_pb_button:hover { background-color: rgba(255, 255, 255, 0.2); }.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover { background-color: rgba(0, 0, 0, 0.05); }.et_pb_button::after, .et_pb_button::before { font-size: 32px; line-height: 1em; content: "5"; opacity: 0; position: absolute; margin-left: -1em; transition: all 0.2s ease 0s; text-transform: none; font-feature-settings: "kern" 0; font-variant: no-common-ligatures no-discretionary-ligatures no-historical-ligatures no-contextual; font-style: normal; font-weight: 400; text-shadow: none; }.et_pb_button::before { display: none; }.et_pb_module.et_pb_text_align_left { text-align: left; }.et_pb_module.et_pb_text_align_center { text-align: center; }.et_pb_module.et_pb_text_align_right { text-align: right; }.clearfix::after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }.et_builder_inner_content { position: relative; z-index: 1; }header .et_builder_inner_content { z-index: 2; }.et_pb_css_mix_blend_mode_passthrough { mix-blend-mode: unset !important; }.et_pb_module_inner { position: relative; }.et_pb_all_tabs, .et_pb_module, .et_pb_posts_nav a, .et_pb_tab, .et_pb_with_background { position: relative; background-size: cover; background-position: 50% center; background-repeat: no-repeat; }.et_pb_background_mask, .et_pb_background_pattern { inset: 0px; position: absolute; }.et_pb_background_pattern { background-position: 0px 0px; background-repeat: repeat; }.et_pb_with_border { position: relative; border: 0px solid #333333; }.box-shadow-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; pointer-events: none; }.has-box-shadow-overlay { position: relative; }.et_clickable { cursor: pointer; }.screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; }@keyframes multi-view-image-fade { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } }.et-pb-before-scroll-animation { opacity: 0; }header.et-l.et-l--header::after { clear: both; display: block; content: ""; }.et_pb_module { animation-timing-function: linear; animation-duration: 0.2s; }@-webkit-keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0px); } }@keyframes fadeBottom { 0% { opacity: 0; transform: translateY(10%); } 100% { opacity: 1; transform: translateY(0px); } }@-webkit-keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0px); } }@keyframes fadeLeft { 0% { opacity: 0; transform: translateX(-10%); } 100% { opacity: 1; transform: translateX(0px); } }@-webkit-keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0px); } }@keyframes fadeRight { 0% { opacity: 0; transform: translateX(10%); } 100% { opacity: 1; transform: translateX(0px); } }@-webkit-keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0px); } }@keyframes fadeTop { 0% { opacity: 0; transform: translateY(-10%); } 100% { opacity: 1; transform: translateX(0px); } }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.et-waypoint:not(.et_pb_counters) { opacity: 0; }@media (min-width: 981px){.et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module.et-last-child, .et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_column .et_pb_module:last-child, .et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module.et-last-child, .et_pb_section.et_section_specialty div.et_pb_row .et_pb_column .et_pb_row_inner .et_pb_column .et_pb_module:last-child, .et_pb_section div.et_pb_row .et_pb_column .et_pb_module.et-last-child, .et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-child { margin-bottom: 0px; }}@-webkit-keyframes multi-view-image-fade { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.01); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }.et_pb_section { position: relative; background-color: #ffffff; background-position: 50% center; background-size: cover; }.et_pb_section--absolute, .et_pb_section--fixed { width: 100%; }.et_pb_bottom_inside_divider, .et_pb_top_inside_divider { display: block; background-repeat-y: no-repeat; height: 100%; position: absolute; pointer-events: none; width: 100%; left: 0px; right: 0px; }@media (min-width: 981px){.et_pb_section { padding: 4% 0px; }}.et_pb_row { width: 80%; max-width: 1080px; margin: auto; position: relative; }.section_has_divider .et_pb_row { z-index: 5; }.et_pb_row::after, .et_pb_row_inner::after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; width: 0px; }.et_pb_column { float: left; background-size: cover; background-position: 50% center; position: relative; z-index: 2; min-height: 1px; }.et_pb_column--with-menu { z-index: 3; }.et_pb_column.et_pb_column_empty { min-height: 1px; }.et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child, .et_pb_row_inner .et_pb_column.et-last-child, .et_pb_row_inner .et_pb_column:last-child { margin-right: 0px !important; }.et_pb_column, .et_pb_row, .et_pb_row_inner { background-size: cover; background-position: 50% center; background-repeat: no-repeat; }@media (min-width: 981px){.et_pb_row { padding: 2% 0px; }.et_pb_row.et_pb_equal_columns, .et_pb_row_inner.et_pb_equal_columns, .et_pb_section.et_pb_equal_columns > .et_pb_row { display: flex; }.et_pb_row.et_pb_equal_columns > .et_pb_column, .et_pb_section.et_pb_equal_columns > .et_pb_row > .et_pb_column { -webkit-box-ordinal-group: 2; order: 1; }}@font-face{font-family:"ETmodules";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/modules5e7cc323.woff) format('woff2');font-display:swap;}@font-face{font-family:"FontAwesome";font-weight:900;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/fa-solid-9001ea22352.woff) format('woff2');font-display:swap;}.et_pb_sticky_placeholder { opacity: 0 !important; }.et_animated { opacity: 0; animation-duration: 1s; animation-fill-mode: both !important; }.et_had_animation { position: relative; }@-webkit-keyframes et_pb_fade { 100% { opacity: 1; } }@keyframes et_pb_fade { 100% { opacity: 1; } }@-webkit-keyframes et_pb_fadeTop { 0% { transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } }@keyframes et_pb_fadeTop { 0% { transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes et_pb_fadeRight { 0% { transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes et_pb_fadeRight { 0% { transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes et_pb_fadeBottom { 0% { transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } }@keyframes et_pb_fadeBottom { 0% { transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes et_pb_fadeLeft { 0% { transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes et_pb_fadeLeft { 0% { transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: none; } }@-webkit-keyframes et_pb_slide { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_slide { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_slideTop { 100% { transform: translateZ(0px); opacity: 1; } }@keyframes et_pb_slideTop { 100% { transform: translateZ(0px); opacity: 1; } }@-webkit-keyframes et_pb_slideRight { 100% { transform: translateZ(0px); opacity: 1; } }@keyframes et_pb_slideRight { 100% { transform: translateZ(0px); opacity: 1; } }@-webkit-keyframes et_pb_slideBottom { 100% { transform: translateZ(0px); opacity: 1; } }@keyframes et_pb_slideBottom { 100% { transform: translateZ(0px); opacity: 1; } }@-webkit-keyframes et_pb_slideLeft { 100% { transform: translateZ(0px); opacity: 1; } }@keyframes et_pb_slideLeft { 100% { transform: translateZ(0px); opacity: 1; } }@-webkit-keyframes et_pb_bounce { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes et_pb_bounce { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } }@-webkit-keyframes et_pb_bounceTop { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(0px, -200px, 0px); } 60% { transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; opacity: 1; } }@keyframes et_pb_bounceTop { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(0px, -200px, 0px); } 60% { transform: translate3d(0px, 25px, 0px); } 75% { transform: translate3d(0px, -10px, 0px); } 90% { transform: translate3d(0px, 5px, 0px); } 100% { transform: none; opacity: 1; } }@-webkit-keyframes et_pb_bounceRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(200px, 0px, 0px); } 60% { transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; opacity: 1; } }@keyframes et_pb_bounceRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(200px, 0px, 0px); } 60% { transform: translate3d(-25px, 0px, 0px); } 75% { transform: translate3d(10px, 0px, 0px); } 90% { transform: translate3d(-5px, 0px, 0px); } 100% { transform: none; opacity: 1; } }@-webkit-keyframes et_pb_bounceBottom { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(0px, 200px, 0px); } 60% { transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); opacity: 1; } }@keyframes et_pb_bounceBottom { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(0px, 200px, 0px); } 60% { transform: translate3d(0px, -20px, 0px); } 75% { transform: translate3d(0px, 10px, 0px); } 90% { transform: translate3d(0px, -5px, 0px); } 100% { transform: translateZ(0px); opacity: 1; } }@-webkit-keyframes et_pb_bounceLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(-200px, 0px, 0px); } 60% { transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; opacity: 1; } }@keyframes et_pb_bounceLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: translate3d(-200px, 0px, 0px); } 60% { transform: translate3d(25px, 0px, 0px); } 75% { transform: translate3d(-10px, 0px, 0px); } 90% { transform: translate3d(5px, 0px, 0px); } 100% { transform: none; opacity: 1; } }@-webkit-keyframes et_pb_zoom { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_zoom { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_zoomTop { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_zoomTop { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_zoomRight { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_zoomRight { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_zoomBottom { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_zoomBottom { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_zoomLeft { 100% { transform: scaleX(1); opacity: 1; } }@keyframes et_pb_zoomLeft { 100% { transform: scaleX(1); opacity: 1; } }@-webkit-keyframes et_pb_flip { 100% { opacity: 1; transform: rotateX(0deg); } }@keyframes et_pb_flip { 100% { opacity: 1; transform: rotateX(0deg); } }@-webkit-keyframes et_pb_flipTop { 100% { opacity: 1; transform: rotateX(0deg); } }@keyframes et_pb_flipTop { 100% { opacity: 1; transform: rotateX(0deg); } }@-webkit-keyframes et_pb_flipRight { 100% { opacity: 1; transform: rotateY(0deg); } }@keyframes et_pb_flipRight { 100% { opacity: 1; transform: rotateY(0deg); } }@-webkit-keyframes et_pb_flipBottom { 100% { opacity: 1; transform: rotateX(0deg); } }@keyframes et_pb_flipBottom { 100% { opacity: 1; transform: rotateX(0deg); } }@-webkit-keyframes et_pb_flipLeft { 100% { opacity: 1; transform: rotateY(0deg); } }@keyframes et_pb_flipLeft { 100% { opacity: 1; transform: rotateY(0deg); } }@-webkit-keyframes et_pb_fold { 100% { opacity: 1; transform: rotateY(0deg); } }@keyframes et_pb_fold { 100% { opacity: 1; transform: rotateY(0deg); } }@-webkit-keyframes et_pb_foldTop { 100% { opacity: 1; transform: rotateX(0deg); } }@keyframes et_pb_foldTop { 100% { opacity: 1; transform: rotateX(0deg); } }@-webkit-keyframes et_pb_foldRight { 100% { opacity: 1; transform: rotateY(0deg); } }@keyframes et_pb_foldRight { 100% { opacity: 1; transform: rotateY(0deg); } }@-webkit-keyframes et_pb_foldBottom { 100% { opacity: 1; transform: rotateX(0deg); } }@keyframes et_pb_foldBottom { 100% { opacity: 1; transform: rotateX(0deg); } }@-webkit-keyframes et_pb_foldLeft { 100% { opacity: 1; transform: rotateY(0deg); } }@keyframes et_pb_foldLeft { 100% { opacity: 1; transform: rotateY(0deg); } }@-webkit-keyframes et_pb_roll { 0% { transform-origin: center center; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes et_pb_roll { 0% { transform-origin: center center; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@-webkit-keyframes et_pb_rollTop { 0% { transform-origin: center top; } 100% { transform-origin: center top; transform: none; opacity: 1; } }@keyframes et_pb_rollTop { 0% { transform-origin: center top; } 100% { transform-origin: center top; transform: none; opacity: 1; } }@-webkit-keyframes et_pb_rollRight { 0% { transform-origin: right center; } 100% { transform-origin: right center; transform: none; opacity: 1; } }@keyframes et_pb_rollRight { 0% { transform-origin: right center; } 100% { transform-origin: right center; transform: none; opacity: 1; } }@-webkit-keyframes et_pb_rollBottom { 0% { transform-origin: center bottom; } 100% { transform-origin: center bottom; transform: none; opacity: 1; } }@keyframes et_pb_rollBottom { 0% { transform-origin: center bottom; } 100% { transform-origin: center bottom; transform: none; opacity: 1; } }@-webkit-keyframes et_pb_rollLeft { 0% { transform-origin: left center; } 100% { transform-origin: left center; transform: none; opacity: 1; } }@keyframes et_pb_rollLeft { 0% { transform-origin: left center; } 100% { transform-origin: left center; transform: none; opacity: 1; } }@-webkit-keyframes fadeOutTop { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-60%); } }@keyframes fadeOutTop { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-60%); } }@-webkit-keyframes fadeInTop { 0% { opacity: 0; transform: translateY(-60%); } 100% { opacity: 1; transform: translateY(0px); } }@keyframes fadeInTop { 0% { opacity: 0; transform: translateY(-60%); } 100% { opacity: 1; transform: translateY(0px); } }@-webkit-keyframes fadeInBottom { 0% { opacity: 0; transform: translateY(60%); } 100% { opacity: 1; transform: translateY(0px); } }@keyframes fadeInBottom { 0% { opacity: 0; transform: translateY(60%); } 100% { opacity: 1; transform: translateY(0px); } }@-webkit-keyframes fadeOutBottom { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(60%); } }@keyframes fadeOutBottom { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(60%); } }@-webkit-keyframes Grow { 0% { opacity: 0; transform: scaleY(0.5); } 100% { opacity: 1; transform: scale(1); } }@keyframes Grow { 0% { opacity: 0; transform: scaleY(0.5); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }.et-waypoint.et_pb_animation_off, .et-waypoint:not(.et_pb_counters).et_pb_animation_off, .et_pb_animation_off { opacity: 1; }.et-menu li { display: inline-block; font-size: 14px; padding-right: 22px; }.et-menu > li:last-child { padding-right: 0px; }.et-menu a { color: rgba(0, 0, 0, 0.6); text-decoration: none; display: block; position: relative; }.et-menu a, .et-menu a:hover { transition: all 0.4s ease-in-out 0s; }.et-menu a:hover { opacity: 0.7; }.et-menu li > a { padding-bottom: 29px; overflow-wrap: break-word; }.et_pb_menu__wrap .mobile_menu_bar { transform: translateY(3%); }.et_pb_menu__wrap .mobile_menu_bar::before { top: 0px; }.et_pb_menu__logo { overflow: hidden; }.et_pb_menu__logo img { display: block; }@media (min-width: 981px){.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column { margin-right: 5.5%; }.et_pb_gutters3 .et_pb_column_4_4, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 { width: 100%; }.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module { margin-bottom: 2.75%; }.et_pb_gutters3 .et_pb_column_3_4, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 { width: 73.625%; }.et_pb_gutters3 .et_pb_column_3_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_module { margin-bottom: 3.735%; }.et_pb_gutters3 .et_pb_column_2_3, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 { width: 64.833%; }.et_pb_gutters3 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module { margin-bottom: 4.242%; }.et_pb_gutters3 .et_pb_column_1_2, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 { width: 47.25%; }.et_pb_gutters3 .et_pb_column_1_2 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module { margin-bottom: 5.82%; }.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 { width: 29.6667%; }.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module { margin-bottom: 9.27%; }.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 { width: 20.875%; }.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module { margin-bottom: 13.174%; }}@media (min-width: 981px){.et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column { margin-right: 0px; }.et_pb_gutters1 .et_pb_column_2_3, .et_pb_gutters1.et_pb_row .et_pb_column_2_3 { width: 66.667%; }.et_pb_gutters1 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_module { margin-bottom: 0px; }.et_pb_gutters1 .et_pb_column_1_3, .et_pb_gutters1.et_pb_row .et_pb_column_1_3 { width: 33.3333%; }.et_pb_gutters1 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters1.et_pb_row .et_pb_column_1_3 .et_pb_module { margin-bottom: 0px; }}@media (min-width: 981px){.et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column { margin-right: 3%; }.et_pb_gutters2 .et_pb_column_3_4, .et_pb_gutters2.et_pb_row .et_pb_column_3_4 { width: 74.25%; }.et_pb_gutters2 .et_pb_column_3_4 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_module { margin-bottom: 2.02%; }.et_pb_gutters2 .et_pb_column_2_3, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 { width: 65.667%; }.et_pb_gutters2 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module { margin-bottom: 2.284%; }.et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 { width: 31.3333%; }.et_pb_gutters2 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_module { margin-bottom: 4.787%; }.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 { width: 22.75%; }.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module { margin-bottom: 6.593%; }}.nav li { position: relative; line-height: 1em; }.nav li:hover { visibility: inherit; }.et_mobile_menu li a, .nav li li a { font-size: 14px; transition:opacity, background-color 0.2s, 0.2s ease-in-out, ease-in-out; }.et_mobile_menu li a:hover, .nav ul li a:hover { background-color: rgba(0, 0, 0, 0.03); opacity: 0.7; }.et_mobile_menu { position: absolute; left: 0px; padding: 5%; background: #ffffff; width: 100%; visibility: visible; opacity: 1; display: none; z-index: 9999; border-top: 3px solid #2ea3f2; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }.et_mobile_menu li a { border-bottom: 1px solid rgba(0, 0, 0, 0.03); color: #666666; padding: 10px 5%; display: block; }.et_mobile_nav_menu { float: right; display: none; }.mobile_menu_bar { position: relative; display: block; line-height: 0; }.mobile_menu_bar::before { content: "a"; font-size: 32px; position: relative; left: 0px; top: 0px; cursor: pointer; }.et_pb_module .mobile_menu_bar::before { top: 2px; }.et_pb_with_border .et-pb-icon, .et_pb_with_border .et_pb_image_wrap { border: 0px solid #333333; }.et_pb_blurb_content { max-width: 550px; margin: 0px auto; position: relative; text-align: center; overflow-wrap: break-word; width: 100%; }.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container { text-align: left; }.et_pb_blurb .et_pb_image_wrap { display: block; margin: auto; }.et_pb_blurb_position_left .et_pb_blurb_content, .et_pb_blurb_position_right .et_pb_blurb_content { display: table; }.et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image { width: 32px; display: table-cell; line-height: 0; }.et_pb_blurb_position_left .et-pb-icon, .et_pb_blurb_position_right .et-pb-icon { font-size: 32px; }.et_pb_blurb_position_left .et_pb_blurb_container, .et_pb_blurb_position_right .et_pb_blurb_container { display: table-cell; vertical-align: top; }.et_pb_blurb_position_left .et_pb_blurb_container { padding-left: 15px; }.et_pb_blurb_position_left .et_pb_blurb_content { text-align: left; }.et_pb_main_blurb_image { display: inline-block; margin-bottom: 30px; line-height: 0; max-width: 100%; }.et_pb_button_module_wrapper.et_pb_button_alignment_left { text-align: left; }.et_pb_button_module_wrapper.et_pb_button_alignment_right { text-align: right; }.et_pb_button_module_wrapper.et_pb_button_alignment_center { text-align: center; }.et_pb_button_module_wrapper > a { display: inline-block; }.et_pb_code_inner { position: relative; }@-webkit-keyframes slideWidth { 0% { width: 0px; } }@keyframes slideWidth { 0% { width: 0px; } }.et_pb_space { box-sizing: content-box; height: 23px; }.et_pb_divider_internal { display: inline-block; width: 100%; }.et_pb_divider { margin: 0px 0px 30px; position: relative; }.et_pb_divider::before { content: ""; width: 100%; height: 1px; border-top: 1px solid rgba(0, 0, 0, 0.1); position: absolute; left: 0px; top: 0px; z-index: 10; }.et_pb_divider::after, .et_pb_space::after { content: ""; display: table; }.et_pb_with_border .et_pb_image_wrap { border: 0px solid #333333; }.et_pb_image { margin-left: auto; margin-right: auto; line-height: 0; }.et_pb_image { display: block; }.et_pb_image .et_pb_image_wrap { display: inline-block; position: relative; max-width: 100%; }.et_pb_image img { position: relative; }.et_pb_menu .et-menu-nav, .et_pb_menu .et-menu-nav > ul { float: none; }.et_pb_menu .et-menu-nav > ul { line-height: 1.7em; padding: 0px !important; }.et_pb_menu_inner_container { position: relative; }.et_pb_menu .et_pb_menu__wrap { -webkit-box-flex: 1; flex: 1 1 auto; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: stretch; align-items: stretch; flex-wrap: wrap; opacity: 1; }.et_pb_menu .et_pb_menu__menu { -webkit-box-flex: 0; flex: 0 1 auto; -webkit-box-pack: start; justify-content: flex-start; }.et_pb_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu > nav, .et_pb_menu .et_pb_menu__menu > nav > ul { display: flex; -webkit-box-align: stretch; align-items: stretch; }.et_pb_menu .et_pb_menu__menu > nav > ul { flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }.et_pb_menu .et_pb_menu__menu > nav > ul > li { position: relative; display: flex; -webkit-box-align: stretch; align-items: stretch; margin: 0px; }.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a { display: flex; -webkit-box-align: center; align-items: center; padding: 31px 0px; white-space: nowrap; }.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a::after { transform: translateY(-50%); top: 50% !important; }.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul { padding: 0px !important; }.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li { margin-top: 8px; }.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a { padding-bottom: 8px; }.et_pb_menu .et-menu { margin-left: -11px; margin-right: -11px; }.et_pb_menu .et-menu > li { padding-left: 11px; padding-right: 11px; }.et_pb_menu--style-left_aligned .et_pb_menu_inner_container, .et_pb_menu--style-left_aligned .et_pb_row { display: flex; -webkit-box-align: stretch; align-items: stretch; }.et_pb_menu--style-left_aligned .et_pb_menu__logo-wrap { -webkit-box-flex: 0; flex: 0 1 auto; display: flex; -webkit-box-align: center; align-items: center; }.et_pb_menu--style-left_aligned .et_pb_menu__logo { margin-right: 30px; }.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu > nav > ul, .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap { -webkit-box-pack: end; justify-content: flex-end; }ul.et_pb_social_media_follow { margin: 0px 0px 22px; padding: 0px; list-style-type: none !important; }.et_pb_social_media_follow li { display: inline-block; margin-bottom: 8px; position: relative; }.et_pb_social_media_follow li a { margin-right: 8px; display: inline-block; text-decoration: none; text-align: center; position: relative; }.et_pb_social_media_follow li.last-child a, .et_pb_social_media_follow li:last-child a { margin-right: 0px; }.et_pb_social_media_follow li a.icon { height: 32px; width: 32px; padding: 0px; box-sizing: content-box; }.et_pb_social_media_follow li a.icon::before { height: 32px; width: 32px; font-size: 16px; line-height: 32px; display: block; color: #ffffff; transition: color 0.3s ease 0s; position: relative; z-index: 10; }.et_pb_social_media_follow li a.icon { border-radius: 3px; }.et_pb_social_media_follow_network_name { display: none; }.et_pb_social_icon a.icon { vertical-align: middle; }.et_pb_social_icon a.icon::before { font-family: ETmodules; speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-shadow: 0px 0px; direction: ltr; }.et-pb-social-fa-icon a.icon::before { font-family: FontAwesome; }.et-social-tiktok a.icon::before { content: ""; }.et-social-linkedin a.icon::before { content: ""; }.et_pb_text { overflow-wrap: break-word; }.et_pb_text > :last-child { padding-bottom: 0px; }.et_pb_text_inner { position: relative; }@-webkit-keyframes et_pb_video_slider_item_fade_out { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes et_pb_video_slider_item_fade_out { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes et_pb_video_slider_item_overlay_fade_out { 0% { transform: scale(1); } 100% { transform: scale(0.8); } }@keyframes et_pb_video_slider_item_overlay_fade_out { 0% { transform: scale(1); } 100% { transform: scale(0.8); } }@-webkit-keyframes et_pb_video_slider_item_fade_in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }@keyframes et_pb_video_slider_item_fade_in { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }body, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url, body .et_pb_bg_layout_light .et_pb_post p, body .et_pb_bg_layout_dark .et_pb_post p { font-size: 14px; }#et_search_icon:hover, .mobile_menu_bar::before, .mobile_menu_bar::after, .et_toggle_slide_menu::after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay::before, .entry-summary p.price ins, .et_pb_member_social_links a:hover, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .tagged_as a, .posted_in a { color: #0d3045; }.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li::before, .et_pb_pricing li::before, blockquote { border-color: #0d3045; }a { color: #0d3045; }body .et_pb_button { font-size: 18px; background-color: #0d3045; border-radius: 4px; border-width: 0px !important; }body.et_pb_button_helper_class .et_pb_button, body.et_pb_button_helper_class .et_pb_module.et_pb_button { color: #ffffff; }body .et_pb_button::after { font-size: 28.8px; }body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover { background-color: #000000; color: #ffffff !important; }@media only screen and (min-width: 1350px){.et_pb_row { padding: 27px 0px; }.et_pb_section { padding: 54px 0px; }}h1, h2, h3, h4, h5, h6 { font-family: Outfit, Helvetica, Arial, Lucida, sans-serif; }body, input, textarea, select { font-family: "Poppins - uploaded", Helvetica, Arial, Lucida, sans-serif; }.et_mobile_menu li a { border-bottom: none; }.et_mobile_menu li a:hover { background-color: transparent; }body { top: 0px !important; }.et-learn-more { background: #ffffff; border: 1px solid #e7e7e7; margin: 10px 0px; box-shadow: #ffffff 1px -1px 0px 0px; }.et-learn-more h3.heading-more { cursor: pointer; padding: 16px 50px 16px 22px; font-size: 14px; color: #999999; letter-spacing: 0px; text-shadow: #ffffff 1px 1px 0px; position: relative; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; margin: 0px !important; }.et-learn-more h3.heading-more span.et_learnmore_arrow { display: block; position: absolute; top: 0px; right: 0px; width: 48px; height: 100%; border-left: 1px solid #ffffff; box-shadow: #e7e7e7 -1px 0px 0px 0px; }.et-learn-more span.et_learnmore_arrow span { display: block; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; width: 13px; height: 10px; background: url(//acdevelopers.nl/wp-content/swift-ai/images/wp-content/themes/Divi/epanel/shortcodes/images/shortcodes-sprite-png.webp) -58px -2px no-repeat; }.et-learn-more .learn-more-content { padding: 30px 30px 20px; visibility: hidden; border-top: 1px solid #e7e7e7; }.et-learn-more h3.heading-more, .et-tabs-container .et-tabs-control, .et-tabs-container ul.et_shortcodes_mobile_nav, .et_shortcodes_controller_nav, .et-testimonial-author-info, .et-protected-title, .pricing-heading, .pricing-content-bottom { background: linear-gradient(#f9f9f9 0%, #f5f5f5 100%); }.et-learn-more, .et-tabs-container, .tabs-left, .et-simple-slider, .author-shortcodes, .et-tooltip-box { color: #201f1f !important; text-shadow: none !important; }:root { --swiper-theme-color: #007aff; }.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }:root { --swiper-navigation-size: 44px; }@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }@font-face{font-family:"Poppins - uploaded";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/Poppins-Medium3e2fbb03.woff) format('woff2');font-display:swap;}.et_pb_section_0_tb_header { border-radius: 244px; max-width: 97%; z-index: 10; box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 20px -6px; inset: 15px auto auto 50%; transform: translateX(-50%); transition:top, bottom, margin, border-radius, max-width 0.3s, 0.3s, 0.3s, 0.3s, 0.3s ease, ease, ease, ease, ease; position: fixed !important; }.et_pb_section_0_tb_header.et_pb_section { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; }.et_pb_row_0_tb_header.et_pb_row, .et_pb_row_1_tb_header.et_pb_row { padding-top: 5px !important; padding-bottom: 5px !important; }.et_pb_row_0_tb_header, body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_header.et_pb_row { width: 85%; max-width: 1430px; }.et_pb_menu_0_tb_header.et_pb_menu ul li a { font-weight: 700; font-size: 16px; color: #0d3045 !important; }.et_pb_menu_0_tb_header.et_pb_menu, .et_pb_menu_1_tb_header.et_pb_menu { background-color: #ffffff; }.et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul, .et_pb_menu_1_tb_header.et_pb_menu .nav li ul, .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu, .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu ul { background-color: #ffffff !important; }.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot { width: 180px; max-width: 100%; }.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img, .et_pb_menu_1_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img, .et_pb_menu_1_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img { height: auto; max-height: none; }.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button, .et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_1_tb_header .et_pb_menu__icon.et_pb_menu__cart-button { color: #0d3045; }.et_pb_column_1_tb_header { margin: auto; }.et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header, .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover { padding-top: 12px !important; padding-bottom: 12px !important; }.et_pb_button_0_tb_header_wrapper { margin-top: 0px !important; margin-bottom: 0px !important; }body #page-container .et_pb_section .et_pb_button_0_tb_header { border-color: #0d3045; border-radius: 64px; background-image: linear-gradient(243deg, #f36416 0%, #e1185a 100%); background-color: #f36416; border-width: 0px !important; }body #page-container .et_pb_section .et_pb_button_0_tb_header, body #page-container .et_pb_section .et_pb_button_0_tb_header:hover { padding-right: 1em !important; padding-left: 1em !important; }body #page-container .et_pb_section .et_pb_button_0_tb_header::before, body #page-container .et_pb_section .et_pb_button_0_tb_header::after { display: none !important; }body #page-container .et_pb_section .et_pb_button_0_tb_header:hover { background-image: initial; background-color: #0d3045; }.et_pb_button_0_tb_header { transition: background-color 300ms ease 0ms; width: 250px; text-align: center; }.et_pb_button_0_tb_header, .et_pb_button_0_tb_header::after { transition: all 300ms ease 0ms; }.et_pb_section_1_tb_header.et_pb_section { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }.et_pb_section_1_tb_header { z-index: 10; box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 20px -6px; }.et_pb_row_1_tb_header, body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row { width: 95%; max-width: 1310px; }.et_pb_menu_1_tb_header.et_pb_menu ul li a { font-weight: 700; font-size: 18px; color: #0d3045 !important; }.et_pb_menu_1_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, .et_pb_menu_1_tb_header .et_pb_menu__logo-slot { width: 15%; max-width: 100%; }@media only screen and (min-width: 981px){.et_pb_section_1_tb_header { display: none !important; }}.dl-v-menu a::before { content: ""; background: gray; display: block; position: absolute; width: 10px; height: 2px; top: 0.6em; left: -20px; opacity: 0; transition: all 0.3s ease-in-out 0s; }.dl-v-menu a:hover { padding-left: 5px; }@font-face{font-family:"Poppins - uploaded";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/Poppins-Medium3e2fbb03.woff) format('woff2');font-display:swap;}div.et_pb_section.et_pb_section_0_tb_body { background-image: linear-gradient(90deg, #0d3045 0%, rgba(13, 48, 69, 0.88) 44%, rgba(243, 100, 22, 0.49) 99%), url(//acdevelopers.nl/wp-content/swift-ai/images/wp-content/uploads/2025/02/Depositphotos_51394453_XL-1-jpg.webp) !important; }.et_pb_section_0_tb_body.et_pb_section { padding-top: 121px; padding-bottom: 121px; background-color: #0d3045 !important; }.et_pb_section_0_tb_body.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI4OXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZmZmZiI+PHBhdGggZD0iTTAgNzAuMzVsMzIwLTQ5LjI0IDY0MCA5OC40OSAzMjAtNDkuMjVWMTQwSDBWNzAuMzV6Ii8+PC9nPjwvc3ZnPg=="); background-size: 100% 89px; bottom: 0px; height: 89px; z-index: 1; transform: scale(1, 1); }.et_pb_row_0_tb_body.et_pb_row { padding-bottom: 18px !important; }.et_pb_row_0_tb_body, body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_body.et_pb_row { max-width: 1207px; }.et_pb_image_0_tb_body, .et_pb_image_1_tb_body { text-align: left; margin-left: 0px; }.et_pb_text_0_tb_body.et_pb_text { color: rgba(255, 255, 255, 0.78) !important; }.et_pb_text_0_tb_body.et_pb_text a, .et_pb_post_content_0_tb_body.et_pb_post_content a { color: #f36416 !important; }.et_pb_text_0_tb_body h1, .et_pb_text_0_tb_body h2, .et_pb_text_0_tb_body h3, .et_pb_text_1_tb_body h2, .et_pb_text_1_tb_body h3, .et_pb_text_2_tb_body h1, .et_pb_text_2_tb_body h2, .et_pb_text_2_tb_body h3, .et_pb_text_3_tb_body.et_pb_text, .et_pb_text_3_tb_body h1, .et_pb_text_3_tb_body h2, .et_pb_text_3_tb_body h3, .et_pb_text_4_tb_body h1, .et_pb_text_4_tb_body h3 { color: #0d3045 !important; }.et_pb_text_1_tb_body.et_pb_text { color: #ffffff !important; }.et_pb_text_1_tb_body { font-weight: 700; font-size: 31px; margin-bottom: 13px !important; }.et_pb_text_1_tb_body h1 { font-weight: 700; font-size: 34px; text-align: left; color: #ffffff !important; }.et_pb_text_2_tb_body.et_pb_text { color: #ffffff !important; }.et_pb_text_2_tb_body { font-style: italic; font-size: 18px; width: 100%; }.et_pb_blurb_0_tb_body.et_pb_blurb .et_pb_module_header, .et_pb_blurb_0_tb_body.et_pb_blurb .et_pb_module_header a, .et_pb_blurb_1_tb_body.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1_tb_body.et_pb_blurb .et_pb_module_header a, .et_pb_blurb_2_tb_body.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2_tb_body.et_pb_blurb .et_pb_module_header a { font-size: 21px; color: #ffffff !important; }.et_pb_blurb_0_tb_body.et_pb_blurb, .et_pb_blurb_1_tb_body.et_pb_blurb, .et_pb_blurb_2_tb_body.et_pb_blurb { padding-top: 0px !important; padding-bottom: 0px !important; margin-top: 5px !important; margin-bottom: 5px !important; }.et_pb_blurb_0_tb_body.et_pb_blurb .et_pb_module_header, .et_pb_blurb_1_tb_body.et_pb_blurb .et_pb_module_header, .et_pb_blurb_2_tb_body.et_pb_blurb .et_pb_module_header { margin-top: 6px; }.et_pb_blurb_0_tb_body .et-pb-icon, .et_pb_blurb_1_tb_body .et-pb-icon, .et_pb_blurb_2_tb_body .et-pb-icon { color: #7cda24; font-family: FontAwesome !important; font-weight: 900 !important; }.et_pb_button_0_tb_body_wrapper { margin-top: 28px !important; }body #page-container .et_pb_section .et_pb_button_0_tb_body { border-radius: 13px; background-color: #f36416; }.et_pb_button_0_tb_body, .et_pb_button_0_tb_body::after, .et_pb_button_1_tb_body, .et_pb_button_1_tb_body::after { transition: all 300ms ease 0ms; }.et_pb_section_2_tb_body.et_pb_section { padding-top: 16px; padding-bottom: 25px; }.et_pb_row_1_tb_body.et_pb_row { padding-top: 5px !important; padding-bottom: 39px !important; }.dipi_reading_progress_bar_0_tb_body .dipi-reading-progress, .dipi_reading_progress_bar_0_tb_body .dipi-reading-progress-fill { height: 8px !important; }.et_pb_post_content_0_tb_body a { font-weight: 600; font-style: italic; }.et_pb_post_content_0_tb_body.et_pb_post_content ul li, .et_pb_post_content_0_tb_body.et_pb_post_content ol { color: #000000 !important; }.et_pb_post_content_0_tb_body ul li { list-style-position: inside; }.et_pb_post_content_0_tb_body h2 { font-size: 22px; color: #0d3045 !important; }.et_pb_post_content_0_tb_body h3 { font-size: 18px; color: #0d3045 !important; }.et_pb_post_content_0_tb_body { padding: 0px 22px 16px; }.et_pb_image_1_tb_body .et_pb_image_wrap { border-radius: 0px 35px; overflow: hidden; }.et_pb_image_1_tb_body .et_pb_image_wrap > .box-shadow-overlay, .et_pb_image_1_tb_body .et_pb_image_wrap.et-box-shadow-no-overlay { box-shadow: #f36416 10px 10px 0px 0px inset; }.et_pb_text_3_tb_body { font-size: 16px; margin-top: 80px !important; }.et_pb_social_media_follow .et_pb_social_media_follow_network_0_tb_body .icon::before, .et_pb_social_media_follow .et_pb_social_media_follow_network_1_tb_body .icon::before, .et_pb_social_media_follow .et_pb_social_media_follow_network_2_tb_body .icon::before, .et_pb_social_media_follow .et_pb_social_media_follow_network_3_tb_body .icon::before, .et_pb_social_media_follow .et_pb_social_media_follow_network_4_tb_body .icon::before { font-size: 22px; line-height: 44px; height: 44px; width: 44px; }.et_pb_social_media_follow .et_pb_social_media_follow_network_0_tb_body .icon, .et_pb_social_media_follow .et_pb_social_media_follow_network_1_tb_body .icon, .et_pb_social_media_follow .et_pb_social_media_follow_network_2_tb_body .icon, .et_pb_social_media_follow .et_pb_social_media_follow_network_3_tb_body .icon, .et_pb_social_media_follow .et_pb_social_media_follow_network_4_tb_body .icon { height: 44px; width: 44px; }.et_pb_section_3_tb_body.et_pb_section { background-color: #f4f4f4 !important; }.et_pb_text_4_tb_body { font-size: 16px; }.et_pb_text_4_tb_body h2 { font-size: 32px; color: #0d3045 !important; }.dipi_blog_slider_0_tb_body .dipi-blog-post { border-radius: 12px; overflow: hidden; border-width: 2px; border-color: #f36416; padding: 0px 0px 20px !important; background-color: #eaeaea !important; }.dipi_blog_slider_0_tb_body .dipi-entry-featured-image-url { border-style: solid; }.dipi_blog_slider_0_tb_body .swiper-container { padding: 30px !important; }.dipi_blog_slider_0_tb_body .dipi-date { right: 0px !important; top: 0px !important; }.et_pb_social_media_follow_network_0_tb_body a.icon, .et_pb_social_media_follow_network_2_tb_body a.icon, .et_pb_social_media_follow_network_4_tb_body a.icon { background-color: #0d3045 !important; }.et_pb_social_media_follow_network_1_tb_body a.icon, .et_pb_social_media_follow_network_3_tb_body a.icon { background-color: #f36416 !important; }@media only screen and (min-width: 981px){.et_pb_image_0_tb_body { width: 23%; }}.et_pb_post_content_0_tb_body ol, .et_pb_post_content_0_tb_body ul { padding: 10px 7px 5px 13px; line-height: 26px; background-color: #f3eeea; border-radius: 10px; margin-bottom: 15px; margin-top: 10px; }.et_pb_post_content_0_tb_body h3 { line-height: 26px; margin-bottom: 13px; }@font-face{font-family:"Poppins - uploaded";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/Poppins-Medium3e2fbb03.woff) format('woff2');font-display:swap;}.dl-v-menu .et_pb_menu_inner_container, .dl-v-menu .et_pb_menu__wrap, .dl-v-menu .et_pb_menu__menu, .dl-v-menu.et_pb_menu .et_pb_menu__menu > nav, .dl-v-menu.et_pb_menu .et_pb_menu__menu > nav > ul { display: block; }.dl-v-menu .et_mobile_nav_menu { display: none; }@font-face{font-family:"Poppins - uploaded";font-weight:400;font-style:normal;src:url(https://acdevelopers.nl/wp-content/swift-ai/cache/acdevelopers.nl/website-laten-ontwerpen-in-scheveningen/__data/Poppins-Medium3e2fbb03.woff) format('woff2');font-display:swap;}div.et_pb_section.et_pb_section_0_tb_footer { background-image: linear-gradient(#e1185a 0%, #f36416 100%) !important; }.et_pb_section_0_tb_footer.et_pb_section { padding-top: 26px; padding-bottom: 26px; background-color: #f36416 !important; }.et_pb_row_0_tb_footer.et_pb_row { padding-top: 0px !important; padding-bottom: 0px !important; }.et_pb_row_0_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, .et_pb_row_1_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, .et_pb_row_2_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row { width: 90%; }.et_pb_blurb_0_tb_footer.et_pb_blurb .et_pb_module_header, .et_pb_blurb_0_tb_footer.et_pb_blurb .et_pb_module_header a { font-size: 27px; line-height: 1.1em; color: #000000 !important; }.et_pb_blurb_0_tb_footer .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, .et_pb_blurb_0_tb_footer .et_pb_main_blurb_image .et-pb-icon { border-radius: 100%; overflow: hidden; background-color: #0d3045; padding: 8px !important; }.et_pb_blurb_0_tb_footer.et_pb_blurb { margin-top: 6px !important; margin-left: -8px !important; }.et_pb_blurb_0_tb_footer .et-pb-icon { font-size: 16px; color: #ffffff; font-family: ETmodules !important; font-weight: 400 !important; }.et_pb_blurb_0_tb_footer .et_pb_blurb_content { max-width: 100%; }.et_pb_button_0_tb_footer_wrapper .et_pb_button_0_tb_footer, .et_pb_button_0_tb_footer_wrapper .et_pb_button_0_tb_footer:hover { padding: 7px 45px !important; }body #page-container .et_pb_section .et_pb_button_0_tb_footer { border-color: #383838; border-radius: 100px; letter-spacing: 0px; font-size: 17px; background-color: #0d3045; color: #ffffff !important; border-width: 0px !important; font-weight: 700 !important; }body #page-container .et_pb_section .et_pb_button_0_tb_footer:hover { background-image: initial; background-color: #ffffff; color: #0d3045 !important; border-color: #383838 !important; letter-spacing: 1px !important; }body #page-container .et_pb_section .et_pb_button_0_tb_footer::before, body #page-container .et_pb_section .et_pb_button_0_tb_footer::after { display: none !important; }.et_pb_button_0_tb_footer { transition: color 300ms ease 0ms, background-color 300ms ease 0ms, border 300ms ease 0ms, letter-spacing 300ms ease 0ms; }.et_pb_button_0_tb_footer, .et_pb_button_0_tb_footer::after, .et_pb_button_1_tb_footer, .et_pb_button_1_tb_footer::after { transition: all 300ms ease 0ms; }div.et_pb_section.et_pb_section_1_tb_footer > .et_pb_background_pattern { background-image: url("data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjA4KSIgaGVpZ2h0PSI0MHB4IiB3aWR0aD0iMTEycHgiIHZpZXdCb3g9IjAgMCAxMTIgNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAsMzUsNTYsMGw1NiwzNXY1TDU2LDUsMCw0MFoiLz48L3N2Zz4="); mix-blend-mode: overlay; }.et_pb_section_1_tb_footer.et_pb_section { padding-bottom: 0px; background-color: rgba(255, 255, 255, 0.74) !important; }.et_pb_section_1_tb_footer.section_has_divider.et_pb_top_divider .et_pb_top_inside_divider { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzBEMzA0NSI+PHBhdGggZD0iTTMyMCAyOEMxNjAgMjggODAgNDkgMCA3MFYwaDEyODB2NzBjLTgwIDIxLTE2MCA0Mi0zMjAgNDItMzIwIDAtMzIwLTg0LTY0MC04NHoiLz48L2c+PC9zdmc+"); background-size: 100% 15px; top: 0px; height: 15px; z-index: 1; transform: scale(1, 1); }.et_pb_row_1_tb_footer { border-bottom-width: 1px; border-bottom-color: #afaeae; }.et_pb_row_1_tb_footer.et_pb_row { padding-top: 0px !important; padding-bottom: 40px !important; margin-top: -12px !important; margin-right: auto !important; margin-left: auto !important; }.et_pb_image_0_tb_footer { text-align: left; margin-left: 0px; }.et_pb_text_0_tb_footer.et_pb_text, .et_pb_text_0_tb_footer h1, .et_pb_text_0_tb_footer h2, .et_pb_text_0_tb_footer h3, .et_pb_text_1_tb_footer.et_pb_text, .et_pb_text_1_tb_footer h1, .et_pb_text_1_tb_footer h2, .et_pb_text_1_tb_footer h3, .et_pb_text_2_tb_footer h1, .et_pb_text_2_tb_footer h2, .et_pb_text_2_tb_footer h3, .et_pb_text_3_tb_footer h2, .et_pb_text_3_tb_footer h3, .et_pb_text_4_tb_footer h1, .et_pb_text_4_tb_footer h2, .et_pb_text_4_tb_footer h3 { color: #0d3045 !important; }.et_pb_text_0_tb_footer, .et_pb_text_1_tb_footer { font-weight: 700; font-size: 20px; line-height: 0.9em; }.et_pb_divider_0_tb_footer { max-width: 60px; margin-top: 2px !important; margin-bottom: 15px !important; }.et_pb_divider_0_tb_footer::before, .et_pb_divider_1_tb_footer::before { border-top-color: #afaeae; border-top-width: 2px; }.et_pb_menu_0_tb_footer.et_pb_menu ul li a { font-weight: 700; font-size: 16px; color: #000000 !important; }.et_pb_menu_0_tb_footer { width: 100px; }.et_pb_menu_0_tb_footer.et_pb_menu .nav li ul, .et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_menu, .et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_menu ul { background-color: #ffffff !important; }.et_pb_menu_0_tb_footer .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__cart-button { color: #0d3045; }.et_pb_divider_1_tb_footer { max-width: 60px; margin-top: 2px !important; margin-bottom: 26px !important; }.et_pb_text_2_tb_footer.et_pb_text { color: #000000 !important; }.et_pb_text_2_tb_footer { font-weight: 600; font-size: 18px; line-height: 1.6em; }.et_pb_section_3_tb_footer.et_pb_section { padding-top: 0px; padding-bottom: 0px; margin-bottom: 25px; background-color: #0d3045 !important; }.et_pb_row_2_tb_footer.et_pb_row { padding-top: 9px !important; padding-bottom: 4px !important; }.et_pb_text_3_tb_footer.et_pb_text { color: #f2f2f2 !important; }.et_pb_text_3_tb_footer { font-size: 16px; background-color: rgba(0, 0, 0, 0); }.et_pb_text_3_tb_footer.et_pb_text a, .et_pb_text_4_tb_footer.et_pb_text a { color: #ffffff !important; }.et_pb_button_1_tb_footer_wrapper .et_pb_button_1_tb_footer, .et_pb_button_1_tb_footer_wrapper .et_pb_button_1_tb_footer:hover { padding: 14px 45px 14px 74px !important; }.et_pb_button_1_tb_footer_wrapper { inset: auto 10px 10px auto; margin-top: 45px !important; margin-bottom: 0px !important; position: fixed !important; }body #page-container .et_pb_section .et_pb_button_1_tb_footer { border-radius: 30px; font-size: 24px; background-image: linear-gradient(225deg, #f36416 0%, #e1185a 100%); background-color: #f36416; color: #ffffff !important; }body #page-container .et_pb_section .et_pb_button_1_tb_footer:hover { background-image: linear-gradient(225deg, #e1185a 0%, #f36416 100%); background-color: #ffffff; color: #0d3045 !important; letter-spacing: 0px !important; }body #page-container .et_pb_section .et_pb_button_1_tb_footer::after { display: none; }body #page-container .et_pb_section .et_pb_button_1_tb_footer::before { content: attr(data-icon); line-height: inherit; opacity: 1; margin-left: -1.3em; right: auto; display: inline-block; font-size: inherit !important; font-family: FontAwesome !important; font-weight: 900 !important; }.et_pb_button_1_tb_footer { transition: color 300ms ease 0ms, background-color 300ms ease 0ms, letter-spacing 300ms ease 0ms; text-align: center; }.et_pb_text_4_tb_footer { font-weight: 700; font-size: 16px; padding-bottom: 8px !important; }@media only screen and (min-width: 981px){.et_pb_row_0_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_0_tb_footer.et_pb_row, .et_pb_row_1_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_1_tb_footer.et_pb_row, .et_pb_row_2_tb_footer, body #page-container .et-db #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row, body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_2_tb_footer.et_pb_row { max-width: 1170px; }.et_pb_image_0_tb_footer { width: 200px; }}@keyframes show-content-image { 
  0% { visibility: hidden; }
  99% { visibility: hidden; }
  100% { visibility: visible; }
}@keyframes turn-on-visibility { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes turn-off-visibility { 
  0% { opacity: 1; visibility: visible; }
  99% { opacity: 0; visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}@keyframes lightbox-zoom-in { 
  0% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); }
  100% { transform: translate(-50%, -50%) scale(1); }
}@keyframes lightbox-zoom-out { 
  0% { transform: translate(-50%, -50%) scale(1); visibility: visible; }
  99% { visibility: visible; }
  100% { transform: translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale)); visibility: hidden; }
}@keyframes overlay-menu__fade-in-animation { 
  0% { opacity: 0; transform: translateY(0.5em); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}@keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}@keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}@keyframes fadeInRightShort { 
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftShort { 
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes dipiDHreveal { 
  0% { visibility: hidden; }
  35% { visibility: hidden; }
  70% { visibility: hidden; }
  100% { visibility: visible; }
}@keyframes dipiDHSlideLeft { 
  0% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; }
  35% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; }
  75% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; }
  100% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; }
}@keyframes dipiDHSlideRight { 
  0% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; }
  35% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; }
  75% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; }
  100% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; }
}@keyframes dipiDHFadeOut { 
  0% { height: 100%; width: 100%; opacity: 0; }
  35% { height: 100%; width: 100%; opacity: 1; }
  70% { height: 100%; width: 100%; opacity: 1; }
  100% { height: 100%; width: 100%; opacity: 0; }
}@keyframes dipiDHSlideUp { 
  0% { height: 0%; width: 100%; left: 0px; bottom: 0px; top: auto; }
  35% { height: 100%; width: 100%; left: 0px; bottom: 0px; top: auto; }
  75% { height: 100%; width: 100%; left: 0px; bottom: auto; top: 0px; }
  100% { height: 0%; width: 100%; left: 0px; bottom: auto; top: 0px; }
}@keyframes dipiDHSlideDown { 
  0% { height: 0%; width: 100%; left: 0px; top: 0px; bottom: auto; }
  35% { height: 100%; width: 100%; left: 0px; top: 0px; bottom: auto; }
  75% { height: 100%; width: 100%; left: 0px; top: auto; bottom: 0px; }
  100% { height: 0%; width: 100%; left: 0px; top: auto; bottom: 0px; }
}@keyframes dipiBGLeftToRight { 
  0% { background-position: 0px 0px; }
  100% { background-position: -100% 0px; }
}@keyframes dipiBGRightToLeft { 
  0% { background-position: 0px 0px; }
  100% { background-position: 100% 0px; }
}@keyframes dipiBGTopToBottom { 
  0% { background-position: 0px 0px; }
  100% { background-position: 0px -100%; }
}@keyframes dipiBGBottomToTop { 
  0% { background-position: 0px 0px; }
  100% { background-position: 0px 100%; }
}@keyframes dipiBGHorizontal { 
  0% { background-position: 0px 0px; }
  50% { background-position: 100% 0px; }
  100% { background-position: 0px 0px; }
}@keyframes dipiBGVertical { 
  0% { background-position: 0px 0px; }
  50% { background-position: 0px 100%; }
  100% { background-position: 0px 0px; }
}@keyframes dipi-updown-effect { 
  0% { transform: translate3d(0px, 10px, 0px); }
  100% { transform: translate3d(0px, -10px, 0px); }
}@keyframes dipi-leftright-effect { 
  0% { transform: translate3d(10px, 0px, 0px); }
  100% { transform: translate3d(-10px, 0px, 0px); }
}@keyframes dipi-topleftright-effect { 
  0% { transform: translate3d(-10px, -10px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg); }
  100% { transform: translate3d(10px, 10px, 0px) scaleX(1) rotate3d(0, 0, 0, 0deg); }
}@keyframes dipi-toprightleft-effect { 
  0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); }
  100% { transform: translate3d(-10px, 10px, 0px) scaleX(1); }
}@keyframes dipi-rotate-effect { 
  0% { transform: rotate(5deg); }
  100% { transform: rotate(-5deg); }
}@keyframes dipi-zoom-effect { 
  0% { transform: scale3d(0.9, 0.9, 1); }
  100% { transform: scaleX(1); }
}@keyframes dipi-zoomrotate-effect { 
  0% { transform: translate3d(0px, 5px, 0px) scale3d(0.95, 0.95, 1) rotate(5deg); }
  100% { transform: translate3d(0px, -5px, 0px) scaleX(1) rotate(-5deg); }
}@keyframes dipi-zoomtop-effect { 
  0% { transform: translate3d(0px, 10px, 0px) scale3d(0.95, 0.95, 1); }
  100% { transform: translate3d(0px, -10px, 0px) scaleX(1); }
}@keyframes dipi-zoombottom-effect { 
  0% { transform: translate3d(0px, -10px, 0px) scale3d(0.95, 0.95, 1); }
  100% { transform: translate3d(0px, 10px, 0px) scaleX(1); }
}@keyframes dipi-zoomleft-effect { 
  0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); }
  100% { transform: translate3d(-10px, 0px, 0px) scaleX(1); }
}@keyframes dipi-zoomright-effect { 
  0% { transform: translate3d(-10px, 0px, 0px) scale3d(0.95, 0.95, 1); }
  100% { transform: translate3d(10px, 0px, 0px) scaleX(1); }
}@keyframes fadeInUpShortXCenter { 
  0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); }
  100% { opacity: 1; transform: translateX(-50%); }
}@keyframes fadeInDownShortXCenter { 
  0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); }
  100% { opacity: 1; transform: translateX(-50%); }
}@keyframes fadeInLeftShortXCenter { 
  0% { opacity: 0; transform: translate3d(calc(-10px - 50%), 0px, 0px); }
  100% { opacity: 1; transform: translateX(-50%); }
}@keyframes fadeInRightShortXCenter { 
  0% { opacity: 0; transform: translate3d(calc(10px - 50%), 0px, 0px); }
  100% { opacity: 1; transform: translateX(-50%); }
}@keyframes zoomInShortXCenter { 
  0% { opacity: 0; transform: translateX(-50%) scale3d(0.95, 0.95, 0.95); }
  50% { opacity: 1; }
}@keyframes fadeInUpShortYCenter { 
  0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); }
  100% { opacity: 1; transform: translateY(-50%); }
}@keyframes fadeInDownShortYCenter { 
  0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); }
  100% { opacity: 1; transform: translateY(-50%); }
}@keyframes fadeInLeftShortYCenter { 
  0% { opacity: 0; transform: translate3d(-10px, -50%, 0px); }
  100% { opacity: 1; transform: translateY(-50%); }
}@keyframes fadeInRightShortYCenter { 
  0% { opacity: 0; transform: translate3d(10px, -50%, 0px); }
  100% { opacity: 1; transform: translateY(-50%); }
}@keyframes zoomInShortYCenter { 
  0% { opacity: 0; transform: translateY(-50%) scale3d(0.95, 0.95, 0.95); }
  50% { opacity: 1; }
}@keyframes fadeInUpShortXCenter { 
  0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInDownShortXCenter { 
  0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInLeftShortXCenter { 
  0% { opacity: 0; transform: translate3d(calc(-10px - 50%), 0px, 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInRightShortXCenter { 
  0% { opacity: 0; transform: translate3d(calc(10px - 50%), 0px, 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInUpShortYCenter { 
  0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInDownShortYCenter { 
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInLeftShortYCenter { 
  0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes fadeInRightShortYCenter { 
  0% { opacity: 0; transform: translate3d(20px, -50%, 0px); }
  100% { opacity: 1; transform: translateY(-40%) translateX(-50%); }
}@keyframes dipi-svg-sonar-animation { 
  0% { transform: scale(0) translate(-50%, -50%); opacity: 0; }
  50% { transform: scale(1.5) translate(-50%, -50%); opacity: 0.5; }
  100% { transform: scale(3) translate(-50%, -50%); opacity: 0; }
}@keyframes bars { 
  0% { background-position: 40px 0px; }
  100% { background-position: 0px 0px; }
}@keyframes dp-scroll-vertical { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(5px); }
}@keyframes dp-scroll-horizontal { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(5px); }
}@keyframes bounceInInfoCircle { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0.6, 0.6, 0.6); }
  20% { transform: translateX(-50%) translateY(-50%) scale3d(1.05, 1.05, 1.05); }
  40% { transform: translateX(-50%) translateY(-50%) scale3d(0.95, 0.95, 0.95); }
  60% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.02, 1.02, 1.02); }
  80% { transform: translateX(-50%) translateY(-50%) scale3d(0.98, 0.98, 0.98); }
  100% { opacity: 1; transform: translateX(-50%) translateY(-50%) scaleX(1); }
}@keyframes dipi-hg-faderight-active { 
  0% { opacity: 0; left: 100%; }
  100% { opacity: 1; left: 0px; }
}@keyframes dipi-hg-faderight { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes dipi-hg-fadeleft-active { 
  0% { opacity: 0; right: 100%; }
  100% { opacity: 1; right: 0px; }
}@keyframes dipi-hg-fadeleft { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes dipi-hg-fadetop-active { 
  0% { opacity: 0; bottom: 100%; }
  100% { opacity: 1; bottom: 0px; }
}@keyframes dipi-hg-fadetop { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes dipi-hg-fadebottom-active { 
  0% { opacity: 0; top: 100%; }
  100% { opacity: 1; top: 0px; }
}@keyframes dipi-hg-fadebottom { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes dipi-hg-ZoomInZoomOut-active { 
  0% { transform: scale(1); opacity: 0; }
  50% { transform: scale(1.5); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}@keyframes dipi-hg-ZoomInZoomOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes dipi-hg-slice { 
  0% { top: 0px; }
  99.999% { top: -100%; }
  100% { top: 100%; }
}@keyframes dipi-hg-slice-active { 
  0% { top: 100%; }
  100% { top: 0px; }
}@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}@keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); }
  20% { transform: scale3d(1.05, 1.05, 1.05); }
  40% { transform: scale3d(0.95, 0.95, 0.95); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.98, 0.98, 0.98); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 10px, 0px); }
  75% { transform: translate3d(0px, -5px, 0px); }
  90% { transform: translate3d(0px, 2px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  75% { transform: translate3d(-5px, 0px, 0px); }
  90% { transform: translate3d(2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  75% { transform: translate3d(5px, 0px, 0px); }
  90% { transform: translate3d(-2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -10px, 0px); }
  75% { transform: translate3d(0px, 5px, 0px); }
  90% { transform: translate3d(0px, -2px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes bounceOut { 
  20% { transform: scale3d(0.95, 0.95, 0.95); }
  50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); }
  100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
}@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 100px, 0px); }
}@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); }
}@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(100px, 0px, 0px); }
}@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -100px, 0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
}@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
}@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); }
}@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
}@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(60px, 0px, 0px); }
}@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
}@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -60px, 0px); }
}@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
}@keyframes flip { 
  0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(1000px); animation-timing-function: ease-in; }
}@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(5deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-2deg); }
  100% { transform: perspective(400px); }
}@keyframes flipInY { 
  0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(1000px) rotateY(-2deg); }
  100% { transform: perspective(1000px); }
}@keyframes flipOutX { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; }
}@keyframes flipOutY { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; }
}@keyframes lightSpeedIn { 
  0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; }
}@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  50% { opacity: 1; }
}@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  100% { opacity: 0; }
}@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; }
}@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; }
}@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}@keyframes fadeInUpShort { 
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownShort { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftShort { 
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightShort { 
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes zoomInShort { 
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  50% { opacity: 1; }
}@keyframes bounceInShort { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  20% { transform: scale3d(1.03, 1.03, 1.03); }
  40% { transform: scale3d(0.98, 0.98, 0.98); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.99, 0.99, 0.99); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDownShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 8px, 0px); }
  75% { transform: translate3d(0px, -8px, 0px); }
  90% { transform: translate3d(0px, 4px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeftShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(8px, 0px, 0px); }
  75% { transform: translate3d(-8px, 0px, 0px); }
  90% { transform: translate3d(4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRightShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); }
  75% { transform: translate3d(8px, 0px, 0px); }
  90% { transform: translate3d(-4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUpShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -8px, 0px); }
  75% { transform: translate3d(0px, 8px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes flipInXShort { 
  0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); }
  100% { transform: perspective(2500px); }
}@keyframes flipInYShort { 
  0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotateY(-2deg); }
  100% { transform: perspective(2500px); }
}@keyframes jackInTheBoxShort { 
  0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; }
  50% { transform: rotate(-2deg); }
  70% { transform: rotate(1deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rotateInShort { 
  0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRightShort { 
  0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRightShort { 
  0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}@keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); }
  20% { transform: scale3d(1.05, 1.05, 1.05); }
  40% { transform: scale3d(0.95, 0.95, 0.95); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.98, 0.98, 0.98); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 10px, 0px); }
  75% { transform: translate3d(0px, -5px, 0px); }
  90% { transform: translate3d(0px, 2px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  75% { transform: translate3d(-5px, 0px, 0px); }
  90% { transform: translate3d(2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  75% { transform: translate3d(5px, 0px, 0px); }
  90% { transform: translate3d(-2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -10px, 0px); }
  75% { transform: translate3d(0px, 5px, 0px); }
  90% { transform: translate3d(0px, -2px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes bounceOut { 
  20% { transform: scale3d(0.95, 0.95, 0.95); }
  50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); }
  100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
}@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 100px, 0px); }
}@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); }
}@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(100px, 0px, 0px); }
}@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -100px, 0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
}@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
}@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); }
}@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
}@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(60px, 0px, 0px); }
}@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
}@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -60px, 0px); }
}@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
}@keyframes flip { 
  0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(1000px); animation-timing-function: ease-in; }
}@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(5deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-2deg); }
  100% { transform: perspective(400px); }
}@keyframes flipInY { 
  0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(1000px) rotateY(-2deg); }
  100% { transform: perspective(1000px); }
}@keyframes flipOutX { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; }
}@keyframes flipOutY { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; }
}@keyframes lightSpeedIn { 
  0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; }
}@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  50% { opacity: 1; }
}@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  100% { opacity: 0; }
}@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; }
}@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; }
}@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}@keyframes fadeInUpShort { 
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownShort { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftShort { 
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightShort { 
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes zoomInShort { 
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  50% { opacity: 1; }
}@keyframes bounceInShort { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  20% { transform: scale3d(1.03, 1.03, 1.03); }
  40% { transform: scale3d(0.98, 0.98, 0.98); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.99, 0.99, 0.99); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDownShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 8px, 0px); }
  75% { transform: translate3d(0px, -8px, 0px); }
  90% { transform: translate3d(0px, 4px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeftShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(8px, 0px, 0px); }
  75% { transform: translate3d(-8px, 0px, 0px); }
  90% { transform: translate3d(4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRightShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); }
  75% { transform: translate3d(8px, 0px, 0px); }
  90% { transform: translate3d(-4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUpShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -8px, 0px); }
  75% { transform: translate3d(0px, 8px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes flipInXShort { 
  0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); }
  100% { transform: perspective(2500px); }
}@keyframes flipInYShort { 
  0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotateY(-2deg); }
  100% { transform: perspective(2500px); }
}@keyframes jackInTheBoxShort { 
  0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; }
  50% { transform: rotate(-2deg); }
  70% { transform: rotate(1deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rotateInShort { 
  0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRightShort { 
  0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRightShort { 
  0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes bounce { 
  0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}@keyframes flash { 
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}@keyframes pulse { 
  0% { transform: scaleX(1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scaleX(1); }
}@keyframes rubberBand { 
  0% { transform: scaleX(1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scaleX(1); }
}@keyframes shake { 
  0%, 100% { transform: translateZ(0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}@keyframes swing { 
  20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}@keyframes tada { 
  0% { transform: scaleX(1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
  100% { transform: scaleX(1); }
}@keyframes wobble { 
  0% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); }
  100% { transform: none; }
}@keyframes jello { 
  0%, 11.1%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}@keyframes bounceIn { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); }
  20% { transform: scale3d(1.05, 1.05, 1.05); }
  40% { transform: scale3d(0.95, 0.95, 0.95); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.98, 0.98, 0.98); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 10px, 0px); }
  75% { transform: translate3d(0px, -5px, 0px); }
  90% { transform: translate3d(0px, 2px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  75% { transform: translate3d(-5px, 0px, 0px); }
  90% { transform: translate3d(2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  75% { transform: translate3d(5px, 0px, 0px); }
  90% { transform: translate3d(-2px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -10px, 0px); }
  75% { transform: translate3d(0px, 5px, 0px); }
  90% { transform: translate3d(0px, -2px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes bounceOut { 
  20% { transform: scale3d(0.95, 0.95, 0.95); }
  50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); }
  100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }
}@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 100px, 0px); }
}@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); }
}@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(100px, 0px, 0px); }
}@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -5px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -100px, 0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(40px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 40px, 0px); }
}@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); }
}@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); }
}@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); }
}@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(60px, 0px, 0px); }
}@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); }
}@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -60px, 0px); }
}@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); }
}@keyframes flip { 
  0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; }
  40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(1000px); animation-timing-function: ease-in; }
}@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(5deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-2deg); }
  100% { transform: perspective(400px); }
}@keyframes flipInY { 
  0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; }
  60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(1000px) rotateY(-2deg); }
  100% { transform: perspective(1000px); }
}@keyframes flipOutX { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; }
}@keyframes flipOutY { 
  0% { transform: perspective(1000px); }
  30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; }
  100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; }
}@keyframes lightSpeedIn { 
  0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; }
}@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; }
}@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; }
}@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); }
  100% { opacity: 1; transform: none; }
}@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); }
}@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  50% { opacity: 1; }
}@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); }
  100% { opacity: 0; }
}@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; }
}@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; }
}@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translateZ(0px); }
}@keyframes slideOutDown { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}@keyframes slideOutLeft { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}@keyframes slideOutRight { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}@keyframes slideOutUp { 
  0% { transform: translateZ(0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}@keyframes fadeInUpShort { 
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInDownShort { 
  0% { opacity: 0; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInLeftShort { 
  0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes fadeInRightShort { 
  0% { opacity: 0; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes zoomInShort { 
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  50% { opacity: 1; }
}@keyframes bounceInShort { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); }
  20% { transform: scale3d(1.03, 1.03, 1.03); }
  40% { transform: scale3d(0.98, 0.98, 0.98); }
  60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); }
  80% { transform: scale3d(0.99, 0.99, 0.99); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes bounceInDownShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 8px, 0px); }
  75% { transform: translate3d(0px, -8px, 0px); }
  90% { transform: translate3d(0px, 4px, 0px); }
  100% { transform: none; }
}@keyframes bounceInLeftShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(8px, 0px, 0px); }
  75% { transform: translate3d(-8px, 0px, 0px); }
  90% { transform: translate3d(4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInRightShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(15px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); }
  75% { transform: translate3d(8px, 0px, 0px); }
  90% { transform: translate3d(-4px, 0px, 0px); }
  100% { transform: none; }
}@keyframes bounceInUpShort { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 15px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -8px, 0px); }
  75% { transform: translate3d(0px, 8px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
  100% { transform: translateZ(0px); }
}@keyframes flipInXShort { 
  0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); }
  100% { transform: perspective(2500px); }
}@keyframes flipInYShort { 
  0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; }
  60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; }
  80% { transform: perspective(2500px) rotateY(-2deg); }
  100% { transform: perspective(2500px); }
}@keyframes jackInTheBoxShort { 
  0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; }
  50% { transform: rotate(-2deg); }
  70% { transform: rotate(1deg); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes rotateInShort { 
  0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes rotateInDownLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInDownRightShort { 
  0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpLeftShort { 
  0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}@keyframes rotateInUpRightShort { 
  0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: translateX(0px); }
}@keyframes fadeOutRight { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(100%); }
}@keyframes fadeOutLeft { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(-70%); }
}@keyframes fadeInRight { 
  0% { opacity: 0; transform: translateX(100%); }
  100% { opacity: 1; transform: translateX(0px); }
}@keyframes multi-view-image-fade { 
  0% { opacity: 0; }
  10% { opacity: 0.1; }
  20% { opacity: 0.2; }
  30% { opacity: 0.3; }
  40% { opacity: 0.4; }
  50% { opacity: 0.5; }
  60% { opacity: 0.6; }
  70% { opacity: 0.7; }
  80% { opacity: 0.8; }
  90% { opacity: 0.9; }
  100% { opacity: 1; }
}@keyframes fadeBottom { 
  0% { opacity: 0; transform: translateY(10%); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes fadeLeft { 
  0% { opacity: 0; transform: translateX(-10%); }
  100% { opacity: 1; transform: translateX(0px); }
}@keyframes fadeRight { 
  0% { opacity: 0; transform: translateX(10%); }
  100% { opacity: 1; transform: translateX(0px); }
}@keyframes fadeTop { 
  0% { opacity: 0; transform: translateY(-10%); }
  100% { opacity: 1; transform: translateX(0px); }
}@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}@keyframes et_pb_fade { 
  100% { opacity: 1; }
}@keyframes et_pb_fadeTop { 
  0% { transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes et_pb_fadeRight { 
  0% { transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes et_pb_fadeBottom { 
  0% { transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes et_pb_fadeLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}@keyframes et_pb_slide { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_slideTop { 
  100% { transform: translateZ(0px); opacity: 1; }
}@keyframes et_pb_slideRight { 
  100% { transform: translateZ(0px); opacity: 1; }
}@keyframes et_pb_slideBottom { 
  100% { transform: translateZ(0px); opacity: 1; }
}@keyframes et_pb_slideLeft { 
  100% { transform: translateZ(0px); opacity: 1; }
}@keyframes et_pb_bounce { 
  0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scaleX(1); }
}@keyframes et_pb_bounceTop { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { transform: translate3d(0px, -200px, 0px); }
  60% { transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; opacity: 1; }
}@keyframes et_pb_bounceRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { transform: translate3d(200px, 0px, 0px); }
  60% { transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; opacity: 1; }
}@keyframes et_pb_bounceBottom { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { transform: translate3d(0px, 200px, 0px); }
  60% { transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); opacity: 1; }
}@keyframes et_pb_bounceLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { transform: translate3d(-200px, 0px, 0px); }
  60% { transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; opacity: 1; }
}@keyframes et_pb_zoom { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_zoomTop { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_zoomRight { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_zoomBottom { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_zoomLeft { 
  100% { transform: scaleX(1); opacity: 1; }
}@keyframes et_pb_flip { 
  100% { opacity: 1; transform: rotateX(0deg); }
}@keyframes et_pb_flipTop { 
  100% { opacity: 1; transform: rotateX(0deg); }
}@keyframes et_pb_flipRight { 
  100% { opacity: 1; transform: rotateY(0deg); }
}@keyframes et_pb_flipBottom { 
  100% { opacity: 1; transform: rotateX(0deg); }
}@keyframes et_pb_flipLeft { 
  100% { opacity: 1; transform: rotateY(0deg); }
}@keyframes et_pb_fold { 
  100% { opacity: 1; transform: rotateY(0deg); }
}@keyframes et_pb_foldTop { 
  100% { opacity: 1; transform: rotateX(0deg); }
}@keyframes et_pb_foldRight { 
  100% { opacity: 1; transform: rotateY(0deg); }
}@keyframes et_pb_foldBottom { 
  100% { opacity: 1; transform: rotateX(0deg); }
}@keyframes et_pb_foldLeft { 
  100% { opacity: 1; transform: rotateY(0deg); }
}@keyframes et_pb_roll { 
  0% { transform-origin: center center; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}@keyframes et_pb_rollTop { 
  0% { transform-origin: center top; }
  100% { transform-origin: center top; transform: none; opacity: 1; }
}@keyframes et_pb_rollRight { 
  0% { transform-origin: right center; }
  100% { transform-origin: right center; transform: none; opacity: 1; }
}@keyframes et_pb_rollBottom { 
  0% { transform-origin: center bottom; }
  100% { transform-origin: center bottom; transform: none; opacity: 1; }
}@keyframes et_pb_rollLeft { 
  0% { transform-origin: left center; }
  100% { transform-origin: left center; transform: none; opacity: 1; }
}@keyframes fadeOutTop { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-60%); }
}@keyframes fadeInTop { 
  0% { opacity: 0; transform: translateY(-60%); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes fadeInBottom { 
  0% { opacity: 0; transform: translateY(60%); }
  100% { opacity: 1; transform: translateY(0px); }
}@keyframes fadeOutBottom { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(60%); }
}@keyframes Grow { 
  0% { opacity: 0; transform: scaleY(0.5); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes flipInX { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}@keyframes flipInY { 
  0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateY(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateY(-5deg); }
  100% { transform: perspective(400px); }
}@keyframes slideWidth { 
  0% { width: 0px; }
}@keyframes et_pb_video_slider_item_fade_out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}@keyframes et_pb_video_slider_item_overlay_fade_out { 
  0% { transform: scale(1); }
  100% { transform: scale(0.8); }
}@keyframes et_pb_video_slider_item_fade_in { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}body.swift-nojs [data-s3cid="13"]{min-width:688px;}body.swift-nojs [data-s3cid="59"]{max-height:1581.5625px;}body.swift-nojs [data-s3cid="60"]{max-height:1540.5625px;}body.swift-nojs [data-s3cid="61"]{max-height:1496.5625px;}body.swift-nojs [data-s3cid="64"]{min-width: 100vw;}body.swift-nojs [data-s3cid="67"]{max-height:1466.875px;}body.swift-nojs [data-s3cid="68"]{min-width:382.515625px;}body.swift-nojs [data-s3cid="69"]{min-width:350.515625px;}body.swift-nojs [data-s3cid="70"]{max-height:61px;}body.swift-nojs [data-s3cid="72"]{max-height:61px;}body.swift-nojs [data-s3cid="74"]{max-height:61px;}body.swift-nojs [data-s3cid="173"]{min-width:379px;}body.swift-nojs [data-s3cid="180"]{min-height:61.5px;}html{opacity:1}