@layer swift3 {@layer bricks.reset, bricks.gutenberg, bricks.icons;: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,#0693e3 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,#fcb900 0%,#ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,#ff6900 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 #ffffff, 6px 6px #000000; --wp--preset--shadow--crisp: 6px 6px 0px #000000; }:where(body) { margin: 0px; }body { padding: 0px; }@layer bricks{:root { --bricks-vh: 1vh; --bricks-transition: all 0.2s; --bricks-color-primary: #ffd64f; --bricks-color-secondary: #fc5778; --bricks-text-dark: #212121; --bricks-text-medium: #616161; --bricks-text-light: #9e9e9e; --bricks-text-info: #00b0f4; --bricks-text-success: #11b76b; --bricks-text-warning: #ffa100; --bricks-text-danger: #fa4362; --bricks-bg-info: #e5f3ff; --bricks-bg-success: #e6f6ed; --bricks-bg-warning: #fff2d7; --bricks-bg-danger: #ffe6ec; --bricks-bg-dark: #263238; --bricks-bg-light: #f5f6f7; --bricks-border-color: #dddedf; --bricks-border-radius: 4px; --bricks-tooltip-bg: #23282d; --bricks-tooltip-text: #eaecef; }@keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }@keyframes spin { 100% { transform: rotate(1turn); } }@keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } }html { text-size-adjust: auto; line-height: 1.15; }body { margin: 0px; }article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }img { border-style: none; }button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }button, input { overflow: visible; }button, select { text-transform: none; }[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }canvas { display: inline-block; }.brxe-section { align-items: center; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 100%; }.brxe-container { align-items: flex-start; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 1100px; }[class*="brxe-"] { max-width: 100%; }svg:not([width]) { min-width: 1em; }svg:not([height]) { min-height: 1em; }html { font-size: 62.5%; }*, ::after, ::before, html { box-sizing: border-box; }* { border-color: var(--bricks-border-color); }body { -webkit-font-smoothing: antialiased; background-color: #ffffff; background-position: 50% center; color: #363636; font-family: -apple-system, "system-ui", "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 15px; line-height: 1.7; transition:padding-top 0s ease 0s; }.brx-body { display: flex; flex-direction: column; margin: 0px auto; width: 100%; }:where(a) { border-color: currentcolor; color: currentcolor; cursor: pointer; text-decoration: none; }h1, h2, h3, h4, h5, h6 { margin: 0px; text-rendering: optimizelegibility; }h1, h2 { line-height: 1.4; }h2 { font-size: 2.1em; }img { height: auto; max-width: 100%; outline: none; vertical-align: middle; }button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; outline: none; padding: 0px; }button, input, optgroup, select, textarea { font-family: inherit; text-align: inherit; }.skip-link { clip: rect(1px, 1px, 1px, 1px); background: #000000; border-bottom-right-radius: 8px; color: #ffffff; font-weight: 700; height: 1px; left: 0px; overflow: hidden; padding: 5px 10px; position: absolute; top: 0px; transition:transform 0.1s ease 0s; white-space: nowrap; width: 1px; z-index: 9999; }.skip-link:focus { clip: auto; height: auto; overflow: visible; width: auto; }.brx-submenu-toggle { align-items: center; cursor: pointer; display: flex; }.brx-submenu-toggle.icon-right button { margin-left: 10px; }.brx-submenu-toggle button, .brx-submenu-toggle button > * { align-items: center; background-color: transparent; color: currentcolor; display: flex; transition:transform 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; will-change: transform; }#brx-content { flex: 1 1 0%; position: relative; width: 100%; }#brx-header { background-position: 50% center; background-size: cover; position: relative; width: 100%; }.screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; white-space: nowrap; width: 1px; position: absolute !important; }.screen-reader-text span:focus, .screen-reader-text:focus, .ui-helper-hidden-accessible:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; }}#brx-header { --x-header-transition: 0; --x-header-fade-transition: 0; }@font-face{font-family:"Noto Serif";font-weight:400;font-style:normal;src:url(https://ideeundlie.be/wp-content/swift-ai/cache/ideeundlie.be/__data/NotoSerif-VariableFont_wdthwght9589a0d7.woff) format('woff2');font-display:swap;}:root { --bricks-color-0d997f: #f5f5f5; --bricks-color-c13053: #e0e0e0; --bricks-color-096176: #9e9e9e; --bricks-color-1b88b2: #616161; --bricks-color-8541ea: #424242; --bricks-color-995165: #212121; --bricks-color-d5af5e: #ffeb3b; --bricks-color-f34a41: #ffc107; --bricks-color-f88fcd: #ff9800; --bricks-color-8c7c9b: #ff5722; --bricks-color-bff3eb: #f44336; --bricks-color-76e903: #9c27b0; --bricks-color-597761: #2196f3; --bricks-color-b944eb: #03a9f4; --bricks-color-6a484e: #81D4FA; --bricks-color-a3ce59: #4caf50; --bricks-color-134ad3: #8bc34a; --bricks-color-7454e3: #cddc39; --bricks-color-hsagnu: #333132; --bricks-color-asouzt: #b31919; --bricks-color-ksuwoo: #ffffff; --brown-red: #702319; --albescent-white: #F8E2CD; --paarl: #AC552E; --full-white: #FFFFFF; --white-chocolat: #ECE5D6; }@layer bricks{.brxe-logo { color: currentcolor; font-size: 20px; font-weight: 600; line-height: 1; }.brxe-logo img { display: block; height: auto; width: auto; }}@layer bricks{:where(.brxe-nav-menu) .menu-item:not(.open) .sub-menu { pointer-events: none; }:where(.brxe-nav-menu) ol, :where(.brxe-nav-menu) ul { list-style-type: none; margin: 0px; padding: 0px; }:where(.brxe-nav-menu) .bricks-nav-menu { display: flex; line-height: inherit; margin: 0px; padding: 0px; }:where(.brxe-nav-menu) .bricks-nav-menu > li { margin: 0px 0px 0px 30px; }:where(.brxe-nav-menu) .bricks-nav-menu li { position: relative; }:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu) > a { display: flex; width: 100%; }:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu { background-color: var(--bricks-bg-dark); color: #ffffff; line-height: 60px; min-width: 150px; opacity: 0; position: absolute; top: 100%; transition: var(--bricks-transition); visibility: hidden; white-space: nowrap; z-index: 998; }:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu li { border-style: none; position: relative; width: 100%; }:where(.brxe-nav-menu) .bricks-nav-menu .sub-menu a, :where(.brxe-nav-menu) .bricks-nav-menu .sub-menu button { color: currentcolor; padding: 0px 20px; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle { background-color: transparent; cursor: pointer; display: none; height: 16px; min-width: 12px; position: relative; width: 20px; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle::before { inset: 0px; content: ""; position: absolute; z-index: 1; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span { min-width: 12px; width: 20px; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle span { background-color: currentcolor; display: block; height: 2px; position: absolute; right: 0px; transition: var(--bricks-transition); }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top { min-width: 12px; top: 0px; width: 20px; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center { min-width: 12px; top: 7px; width: 20px; }:where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom { min-width: 12px; top: 14px; width: 20px; }.brxe-nav-menu .bricks-mobile-menu-wrapper { bottom: 0px; color: #ffffff; display: flex; flex-direction: column; height: calc(var(--bricks-vh, 1vh)*100); left: 0px; position: fixed; right: auto; scrollbar-width: none; top: var(--wp-admin--admin-bar--height,0); transition-duration: 0.2s; transition-property: background-color, opacity, transform, visibility; visibility: hidden; width: 300px; z-index: 999; }.brxe-nav-menu .bricks-mobile-menu-wrapper::before { background-color: #23282d; background-size: cover; inset: 0px; content: ""; position: absolute; z-index: -1; }.brxe-nav-menu .bricks-mobile-menu-wrapper.fade-in { opacity: 0; transform: translateX(0px) !important; }.brxe-nav-menu .bricks-mobile-menu-wrapper.left { transform: translateX(-100%); }.brxe-nav-menu .bricks-mobile-menu-wrapper a { display: block; width: 100%; }.brxe-nav-menu .bricks-mobile-menu-wrapper li a { line-height: 60px; }.brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus { outline-offset: -1px; }.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu { display: none; line-height: 40px; background: none !important; }.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li > .brx-submenu-toggle > *, .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li > a { padding: 0px 45px; }.brxe-nav-menu .bricks-mobile-menu { overflow-y: scroll; position: relative; scrollbar-width: none; }.brxe-nav-menu .bricks-mobile-menu > li > .brx-submenu-toggle > *, .brxe-nav-menu .bricks-mobile-menu > li > a { padding: 0px 30px; }.brxe-nav-menu .bricks-mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.25); inset: 0px; opacity: 0; position: fixed; transition: 0.2s; visibility: hidden; z-index: -1; }li.menu-item-has-children [aria-expanded] .menu-item-icon { background-color: transparent; color: inherit; pointer-events: none; transition:transform 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; }}#brxe-lzzevi .bricks-site-logo { width: 360px; }#brxe-siiztl { flex-direction: row; align-items: center; justify-content: center; align-self: center !important; }#brxe-pyuxbp { flex-direction: row; align-items: center; justify-content: center; width: 100%; padding: 20px; z-index: 1; background-color: #280905; align-self: stretch !important; }#brxe-aa90bb { font-size: 22px; font-family: "Noto Serif"; color: var(--albescent-white); }#brxe-db3b44 { flex-direction: row; align-items: center; justify-content: center; color: #ffffff; align-self: center !important; }#brxe-f558d8 { flex-direction: row; align-items: center; width: 100%; justify-content: center; padding: 50px 20px 70px; height: 40px; z-index: 999; background-color: #280905; align-self: stretch !important; }@layer bricks{:where(.brxe-image) img { border-radius: inherit; height: 100%; transition: inherit; width: 100%; position: static !important; }}@layer bricks{.brxe-shortcode { width: 100%; }}#brxe-iofasj { margin-top: -100px; background-color: var(--brown-red); }#brxe-foirbu:not(.tag), #brxe-foirbu img { filter: saturate(0%) invert(50%) contrast(100%) sepia(100%); }#brxe-foirbu { margin-bottom: 25px; }#brxe-pwqkbe:not(.tag), #brxe-pwqkbe img { filter: saturate(0%) sepia(100%); }#brxe-xdnzjj:not(.tag), #brxe-xdnzjj img { filter: saturate(0%); }@layer bricks.icons{}@layer bricks.icons{@-webkit-keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } }@keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } }@-webkit-keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } }@keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } }@-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } }@keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } }@-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } }@keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } }@-webkit-keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } }@keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } }@-webkit-keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 24%, 8% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } }@keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 24%, 8% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } }@-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }}@layer bricks.icons{}@layer bricks{:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; }@-webkit-keyframes bounce { 0%, 20%, 53%, 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) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } }@keyframes bounce { 0%, 20%, 53%, 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) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transform: translateZ(0px) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } }@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@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); } }@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); } }@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 shakeX { 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 shakeX { 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 shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } }@keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 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); } }@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); } }@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); } }@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: translateZ(0px); } 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: translateZ(0px); } }@keyframes wobble { 0% { transform: translateZ(0px); } 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: translateZ(0px); } }@-webkit-keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 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.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } }@keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 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.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } }@-webkit-keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } }@keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } }@-webkit-keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 1; transform: scale(1); } }@-webkit-keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } }@keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(700px) scale(0.7); } }@-webkit-keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } }@keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } }@-webkit-keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } }@keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } }@-webkit-keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } }@keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0px) scale(0.7); } 100% { opacity: 0.7; transform: translateY(-700px) scale(0.7); } }@-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); } }@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) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } }@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) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } }@-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) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } }@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) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } }@-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) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } }@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) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } }@-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) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } }@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) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 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); } }@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) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } }@keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } }@-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } }@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } }@-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } }@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } }@-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } }@keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } }@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } }@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } }@-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } }@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } }@-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } }@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } }@-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } }@keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } }@-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } }@keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } }@-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } }@keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } }@-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } }@keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } }@-webkit-keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } }@keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); } 100% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); } }@-webkit-keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } }@-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } }@keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } 100% { opacity: 0; transform: perspective(400px) rotateX(90deg); } }@-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } }@keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } 100% { opacity: 0; transform: perspective(400px) rotateY(90deg); } }@-webkit-keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } }@keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } }@-webkit-keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } }@keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } }@-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } }@keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) skewX(30deg); } }@-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } }@keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px) skewX(-30deg); } }@-webkit-keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } }@keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } }@keyframes rotateOut { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(200deg); } }@-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } }@keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(45deg); } }@-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } }@keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } }@-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } }@keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg); } }@-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } }@keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { opacity: 0; transform: rotate(90deg); } }@-webkit-keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } }@keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } 100% { opacity: 0; transform: translate3d(0px, 700px, 0px); } }@-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); } }@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: translateZ(0px); } }@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } }@-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } }@-webkit-keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } }@keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } }@-webkit-keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } }@keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); } }@-webkit-keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } }@keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); } }@-webkit-keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } }@keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } }@-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } }@-webkit-keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } }@keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); } }@-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); } }@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); } }@-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); } }@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); } }@-webkit-keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } }@keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); } 100% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@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); } }@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); } }@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); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } }@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, 100%, 0px); visibility: hidden; } }@-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } }@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { transform: translate3d(-100%, 0px, 0px); visibility: hidden; } }@-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } }@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { transform: translate3d(100%, 0px, 0px); visibility: hidden; } }@-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } }@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { transform: translate3d(0px, -100%, 0px); visibility: hidden; } }}:root { --brown-red: #702319; --albescent-white: #F8E2CD; --paarl: #AC552E; --full-white: #FFFFFF; --white-chocolat: #ECE5D6; }@keyframes hcap-msg-fade-in { 100% { opacity: 1; } }@layer bricks{.splide.is-initialized, .splide.is-rendered { visibility: visible; }.splide.is-initialized:not(.is-active) .splide__list { display: block; }@keyframes splide-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }}@-webkit-keyframes sl-pl-bubble-anim { 0% { opacity: 1; stroke-width: 5px; transform: scale(0); } 30% { opacity: 1; stroke-width: 5px; } 100% { opacity: 0.5; stroke-width: 0.1px; transform: scale(1); } }@keyframes sl-pl-bubble-anim { 0% { opacity: 1; stroke-width: 5px; transform: scale(0); } 30% { opacity: 1; stroke-width: 5px; } 100% { opacity: 0.5; stroke-width: 0.1px; transform: scale(1); } }@-webkit-keyframes sl-pl-zoom-anim { 50% { opacity: 0.3; transform: scale(0.4); } 0%, 100% { transform: scale(1); } }@keyframes sl-pl-zoom-anim { 50% { opacity: 0.3; transform: scale(0.4); } 0%, 100% { transform: scale(1); } }@-webkit-keyframes sl-pl-light-move-bar-anim { 0% { transform: translateX(-150px); } 80%, 100% { transform: translateX(100%); } }@keyframes sl-pl-light-move-bar-anim { 0% { transform: translateX(-150px); } 80%, 100% { transform: translateX(100%); } }@-webkit-keyframes sl-pl-light-move-bar-anim-rtl { 0% { transform: translateX(150px); } 80%, 100% { transform: translateX(-100%); } }@keyframes sl-pl-light-move-bar-anim-rtl { 0% { transform: translateX(150px); } 80%, 100% { transform: translateX(-100%); } }.scrollsequence-pages-wrap { height: 100vh; }.scrollsequence-page { position: absolute; display: none; }.ssq-center-center { position: absolute; inset: 80% 2% 0px; margin: auto; text-align: center; font-family: "Noto Serif", serif; font-size: clamp(1.75rem, 1.152rem + 2.309vw, 3rem); line-height: clamp(2.625rem, 2.015rem + 2.356vw, 3.9rem); color: #f8e2cd; }@keyframes booking-iframe-loader { 0% { opacity: 1; } 100% { opacity: 0; } }body.swift-nojs [data-s3cid="1"]{max-height:266px;}body.swift-nojs [data-s3cid="2"]{max-height:266px;}body.swift-nojs [data-s3cid="3"]{max-height:143px;}body.swift-nojs [data-s3cid="4"]{max-height:101px;}body.swift-nojs [data-s3cid="11"]{max-height:13084px;}body.swift-nojs [data-s3cid="37"]{max-height:282px;}body.swift-nojs [data-s3cid="38"]{max-height:200px;}body.swift-nojs [data-s3cid="138"]{max-height:1163px;}body.swift-nojs [data-s3cid="139"]{max-height:1086px;}body.swift-nojs [data-s3cid="140"]{max-height:1086px;}body.swift-nojs [data-s3cid="146"]{max-height:576px;}body.swift-nojs [data-s3cid="147"]{max-height:447px;}body.swift-nojs [data-s3cid="148"]{max-height:416px;}body.swift-nojs [data-s3cid="152"]{min-height:387.5px;}body.swift-nojs [data-s3cid="159"]{min-height:387.5px;}html{opacity:1}}