.bc-burguer-style1__line--line1 { fill: none; stroke: var(--burguer-stroke-color); transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing); stroke-dasharray: 60, 207; stroke-width: var(--burguer-stroke-width); }

.bc-burguer-style1__line--line2 { fill: none; stroke: var(--burguer-stroke-color); transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing); stroke-dasharray: 60, 30; stroke-width: var(--burguer-stroke-width); }

.bc-burguer-style1__line--line3 { fill: none; stroke: var(--burguer-stroke-color); transition: stroke-dasharray var(--burguer-duration) var(--burguer-easing),
    stroke-dashoffset var(--burguer-duration) var(--burguer-easing); stroke-dasharray: 60, 207; stroke-width: var(--burguer-stroke-width); }

.next-burger-animated--distorsionv3 svg path { transition: stroke-dasharray var(--duration, var(--burguer-duration)) var(--easing, var(--burguer-easing)) var(--delay, 0s),
    stroke-dashoffset var(--duration, var(--burguer-duration)) var(--easing, var(--burguer-easing)) var(--delay, 0s); stroke-dasharray: var(--array-1, 26px) var(--array-2, 100px); stroke-dashoffset: var(--offset, 126px); transform: translateZ(0px); }

@supports (--custom: linear()) {
  .next-burger-bounce { --elastic-out: linear(
    0, 0.2178 2.1%, 1.1144 8.49%,
    1.2959 10.7%, 1.3463 11.81%,
    1.3705 12.94%, 1.3726, 1.3643 14.48%,
    1.3151 16.2%, 1.0317 21.81%,
    0.941 24.01%, 0.8912 25.91%,
    0.8694 27.84%, 0.8698 29.21%,
    0.8824 30.71%, 1.0122 38.33%, 1.0357,
    1.046 42.71%, 1.0416 45.7%,
    0.9961 53.26%, 0.9839 57.54%,
    0.9853 60.71%, 1.0012 68.14%,
    1.0056 72.24%, 0.9981 86.66%, 1
    ); --elastic-in-out: linear(
    0, 0.0009 8.51%, -0.0047 19.22%,
    0.0016 22.39%, 0.023 27.81%,
    0.0237 30.08%, 0.0144 31.81%,
    -0.0051 33.48%, -0.1116 39.25%,
    -0.1181 40.59%, -0.1058 41.79%, -0.0455,
    0.0701 45.34%, 0.9702 55.19%,
    1.0696 56.97%, 1.0987 57.88%,
    1.1146 58.82%, 1.1181 59.83%,
    1.1092 60.95%, 1.0057 66.48%,
    0.986 68.14%, 0.9765 69.84%,
    0.9769 72.16%, 0.9984 77.61%,
    1.0047 80.79%, 0.9991 91.48%, 1
    ); }
}

.bricks-is-frontend .brxe-brf-pro-forms.brxe-form-multistep { visibility: hidden; }

:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-slider .noUi-connect { background: rgb(254, 213, 62); }

:where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-slider .noUi-pips { margin-bottom: 30px; }

.brxe-brf-pro-forms-field-checkbox-wrapper .options-wrapper .form-group { width: auto; }

.brxe-brf-pro-forms-field-checkbox-wrapper .card-checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; position: absolute; height: 0px !important; width: 0px !important; }

.brxe-brf-pro-forms-field-checkbox-wrapper .card-checkbox label { cursor: pointer; transition: 0.15s linear; }

.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type="checkbox"] { cursor: pointer; opacity: 0; position: absolute; height: 0px !important; width: 0px !important; }

.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label { cursor: pointer; position: relative; transition: 0.15s linear; width: 100%; }

.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label img { width: 150px; }

.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type="checkbox"]:checked + label img[data-image="1"], .brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox label img[data-image="2"] { display: none; }

.brxe-brf-pro-forms-field-checkbox-wrapper .image-checkbox input[type="checkbox"]:checked + label img[data-image="2"] { display: inline; }

.brxe-brf-pro-forms-field-radio-wrapper .options-wrapper .form-group { width: auto; }

.brxe-brf-pro-forms-field-radio-wrapper .card-radio input[type="radio"] { cursor: pointer; opacity: 0; position: absolute; height: 0px !important; width: 0px !important; }

.brxe-brf-pro-forms-field-radio-wrapper .card-radio label { cursor: pointer; transition: 0.15s linear; }

.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type="radio"] { cursor: pointer; opacity: 0; position: absolute; height: 0px !important; width: 0px !important; }

.brxe-brf-pro-forms-field-radio-wrapper .image-radio label { cursor: pointer; position: relative; transition: 0.15s linear; width: 100%; }

.brxe-brf-pro-forms-field-radio-wrapper .image-radio label img { width: 150px; }

.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type="radio"]:checked + label img[data-image="1"], .brxe-brf-pro-forms-field-radio-wrapper .image-radio label img[data-image="2"] { display: none; }

.brxe-brf-pro-forms-field-radio-wrapper .image-radio input[type="radio"]:checked + label img[data-image="2"] { display: inline; }

.brf-invalid.brxe-brf-pro-forms-field-checkbox-wrapper ul.options-wrapper, .brf-invalid.brxe-brf-pro-forms-field-radio-wrapper ul.options-wrapper { border: 1px solid red; background-color: rgb(255, 238, 238) !important; padding: 10px !important; }

.bricks-is-frontend :where(.brxe-brf-pro-forms) .brxe-brf-pro-forms-field-hidden { display: none !important; }

:where(.brxe-brf-pro-forms) .hcaptcha-error .brxe-alert.danger { align-items: center; background-color: var(--bricks-bg-danger); border-color: currentcolor; color: var(--bricks-text-danger); display: flex; justify-content: space-between; padding: 15px; width: 100%; }

:where(.brxe-brf-pro-forms) .recaptcha-error .brxe-alert.danger { align-items: center; background-color: var(--bricks-bg-danger); border-color: currentcolor; color: var(--bricks-text-danger); display: flex; justify-content: space-between; padding: 15px; width: 100%; }

:where(.brxe-brf-pro-forms-field-calculation .input-icon-wrapper > div) { width: 100%; }

@layer bricks.reset, bricks.gutenberg, bricks.icons;

@layer bricks {
  :root { --bricks-vh: 1vh; --bricks-transition: all 0.2s; --bricks-color-primary: #ffd64f; --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; }
  #bbv-site-header.brx-sticky.slide-up:not(:has(.cart-detail.off-canvas.active, .brxe-offcanvas.brx-open)) { overflow-x: hidden; scrollbar-width: none; transform: translateY(-101%); }
  #bbv-site-header.brx-sticky:has(.cart-detail.off-canvas.active, .brxe-offcanvas.brx-open) { transition: none; }
  .brxe-filter-checkbox[data-mode="default"].brx-count-align-end .brx-option-text { flex: 1 1 0%; }
  .brxe-filter-checkbox[data-mode="default"].brx-count-align-end .brx-option-text .brx-option-count { margin-inline-start: auto; }
  .brxe-filter-checkbox .brx-option-text { display: inline-flex; gap: 4px; }
  .brxe-filter-radio[data-mode="default"].brx-count-align-end .brx-option-text { flex: 1 1 0%; }
  .brxe-filter-radio[data-mode="default"].brx-count-align-end .brx-option-text .brx-option-count { margin-inline-start: auto; }
  .brxe-filter-radio input.brx-a11y-hidden { appearance: none; border: 0px; height: 0px; margin: 0px; opacity: 0; overflow: hidden; padding: 0px; pointer-events: none; position: absolute; width: 0px; }
  .brxe-filter-radio .brx-input-indicator { align-items: center; background-color: var(--brx-indicator-bg,transparent); border-color: var(--brx-indicator-border-color,currentcolor); border-radius: 50%; border-style: var(--brx-indicator-border-style,solid); border-width: var(--brx-indicator-border-width,1px); display: inline-flex; flex-shrink: 0; height: var(--brx-indicator-size,1em); justify-content: center; position: relative; transition: background-color 0.15s, border-color 0.15s; width: var(--brx-indicator-size,1em); }
  .brxe-filter-radio .brx-input-indicator::after { background-color: rgb(59, 130, 246); border-radius: 50%; content: ""; display: block; height: calc(var(--brx-indicator-size, 1em)*.5); left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: opacity 0.15s; width: calc(var(--brx-indicator-size, 1em)*.5); }
  .brxe-filter-radio input[type="radio"]:checked + .brx-input-indicator { background-color: var(--brx-indicator-bg-checked,transparent); border-color: var(--brx-indicator-border-color-checked,#3b82f6); }
  .brxe-filter-radio input[type="radio"]:checked + .brx-input-indicator::after { background-color: var(--brx-indicator-check-color-checked,#3b82f6); opacity: 1; }
  .brxe-filter-radio input[type="radio"]:focus-visible + .brx-input-indicator { outline: 2px solid var(--brx-indicator-focus-color,#3b82f6); outline-offset: 2px; }
  .brxe-filter-radio input[type="radio"]:disabled + .brx-input-indicator { cursor: default; opacity: 0.5; }
  .brxe-filter-radio:not([data-mode="button"]) .brx-show-more-less-wrapper { margin-top: 10px; }
  .brxe-filter-search .icon.brx-show { visibility: visible; }
  .brxe-filter-select .bricks-choices__input { border: 0px; border-radius: 0px; }
  .brxe-filter-select .bricks-choices__input:focus { outline: 0px; }
  .brxe-filter-select .bricks-choices__input::-webkit-search-cancel-button, .brxe-filter-select .bricks-choices__input::-webkit-search-decoration, .brxe-filter-select .bricks-choices__input::-webkit-search-results-button, .brxe-filter-select .bricks-choices__input::-webkit-search-results-decoration { display: none; }
  .brxe-filter-select .bricks-choices__input[type="search"] { color-scheme: unset; forced-color-adjust: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font-family: unset; font-feature-settings: unset; font-kerning: unset; font-language-override: unset; font-optical-sizing: unset; font-palette: unset; font-size: unset; font-size-adjust: unset; font-stretch: unset; font-style: unset; font-synthesis: unset; font-variant: unset; font-variation-settings: unset; font-weight: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; animation-trigger: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-shape: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; rule-break: unset; rule: unset; rule-inset: unset; rule-visibility-items: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; flex-line-count: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-margin-safety: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-overhang: unset; ruby-position: unset; rule-overlap: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-fit: unset; text-indent: unset; text-justify: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; timeline-trigger: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; trigger-scope: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; view-transition-scope: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; line-height: 40px; }
  [dir="rtl"] .brxe-filter-select .bricks-choices__input { padding-left: 0px; padding-right: 2px; }
  .brx-body.iframe .brxe-filter-select.brx-open .bricks-choices { overflow: visible; }
  .brx-body.iframe .brxe-filter-select.brx-open .bricks-choices__inner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .brx-body.iframe .brxe-filter-select.brx-open .bricks-choices__list--dropdown { display: block; }
  .brx-body.iframe .brxe-filter-select[data-brx-choices-position="top"] .bricks-choices__list--dropdown { border-radius: 0.25rem 0.25rem 0px 0px; bottom: 100%; margin-bottom: -1px; margin-top: 0px; top: auto; }
  .brx-nav-nested-items > li > a.bricks-link-wrapper { display: flex; }
  .brxe-offcanvas.brx-open { visibility: visible; }
  .brxe-offcanvas.brx-open .brx-offcanvas-inner { transform: translate(0px) !important; }
  .brxe-offcanvas.brx-open .brx-offcanvas-backdrop { opacity: 1; pointer-events: auto; z-index: 998; }
  .brxe-offcanvas.brx-closing { visibility: visible; }
  .brxe-offcanvas.brx-closing .brx-offcanvas-backdrop { z-index: 998; }
  .brxe-offcanvas[data-direction="top"] .brx-offcanvas-inner { inset: 0px 0px auto; height: 300px; transform: translateY(-100%); width: 100vw; }
  .brxe-offcanvas[data-direction="right"] .brx-offcanvas-inner { inset: 0px 0px 0px auto; height: calc(var(--bricks-vh, 1vh)*100); transform: translate(100%); width: 300px; }
  .brxe-offcanvas[data-direction="bottom"] .brx-offcanvas-inner { inset: auto 0px 0px; height: 300px; transform: translateY(100%); width: 100vw; }
  .brxe-offcanvas[data-direction="left"] .brx-offcanvas-inner { inset: 0px auto 0px 0px; height: calc(var(--bricks-vh, 1vh)*100); transform: translate(-100%); width: 300px; }
  .brxe-posts .bricks-pagination { position: relative; z-index: 1; }
  .brxe-posts .bricks-pagination .current { color: var(--bricks-text-light); cursor: default; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow-r .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow-r .brxa-inner::before, .brxa--arrow-r.is-active .brxa-inner::before { transform: translate3d(8px, 0px, 0px) rotate(45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow-r .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow-r .brxa-inner::after, .brxa--arrow-r.is-active .brxa-inner::after { transform: translate3d(8px, 0px, 0px) rotate(-45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow .brxa-inner::before, .brxa--arrow.is-active .brxa-inner::before { transform: translate3d(-8px, 0px, 0px) rotate(-45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrow .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrow .brxa-inner::after, .brxa--arrow.is-active .brxa-inner::after { transform: translate3d(-8px, 0px, 0px) rotate(45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt-r .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt-r .brxa-inner::before, .brxa--arrowalt-r.is-active .brxa-inner::before { top: 0px; transform: translate3d(8px, -10px, 0px) rotate(45deg) scaleX(0.7); transition: top 0.1s, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt-r .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt-r .brxa-inner::after, .brxa--arrowalt-r.is-active .brxa-inner::after { bottom: 0px; transform: translate3d(8px, 10px, 0px) rotate(-45deg) scaleX(0.7); transition: bottom 0.1s, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt .brxa-inner::before, .brxa--arrowalt.is-active .brxa-inner::before { top: 0px; transform: translate3d(-8px, -10px, 0px) rotate(-45deg) scaleX(0.7); transition: top 0.1s, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowalt .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowalt .brxa-inner::after, .brxa--arrowalt.is-active .brxa-inner::after { bottom: 0px; transform: translate3d(-8px, 10px, 0px) rotate(45deg) scaleX(0.7); transition: bottom 0.1s, transform 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.1s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner, .brxa--arrowturn-r.is-active .brxa-inner { transform: rotate(-180deg); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner::before, .brxa--arrowturn-r.is-active .brxa-inner::before { transform: translate3d(-8px, 0px, 0px) rotate(-45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn-r .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn-r .brxa-inner::after, .brxa--arrowturn-r.is-active .brxa-inner::after { transform: translate3d(-8px, 0px, 0px) rotate(45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner, .brxa--arrowturn.is-active .brxa-inner { transform: rotate(-180deg); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner::before, .brxa--arrowturn.is-active .brxa-inner::before { transform: translate3d(8px, 0px, 0px) rotate(45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--arrowturn .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--arrowturn .brxa-inner::after, .brxa--arrowturn.is-active .brxa-inner::after { transform: translate3d(8px, 0px, 0px) rotate(-45deg) scaleX(0.7); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner, .brxa--boring.is-active .brxa-inner { transform: rotate(45deg); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner::before, .brxa--boring.is-active .brxa-inner::before { opacity: 0; top: 0px; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--boring .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--boring .brxa-inner::after, .brxa--boring.is-active .brxa-inner::after { bottom: 0px; transform: rotate(-90deg); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner::after, .brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner::before, .brxa--minus.is-active .brxa-inner::after, .brxa--minus.is-active .brxa-inner::before { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity linear 0.08s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner::before, .brxa--minus.is-active .brxa-inner::before { top: 0px; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--minus .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--minus .brxa-inner::after, .brxa--minus.is-active .brxa-inner::after { bottom: 0px; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner, .brxa--spin.is-active .brxa-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner::before, .brxa--spin.is-active .brxa-inner::before { opacity: 0; top: 0px; transition: top 0.1s ease-out, opacity 0.1s ease-out 0.12s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spin .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spin .brxa-inner::after, .brxa--spin.is-active .brxa-inner::after { bottom: 0px; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner, .brxa--spring.is-active .brxa-inner { background-color: transparent !important; transition-delay: 0.22s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner::before, .brxa--spring.is-active .brxa-inner::before { top: 0px; transform: translate3d(0px, 10px, 0px) rotate(45deg); transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--spring .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--spring .brxa-inner::after, .brxa--spring.is-active .brxa-inner::after { top: 0px; transform: translate3d(0px, 10px, 0px) rotate(-45deg); transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner, .brxa--squeeze.is-active .brxa-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner::before, .brxa--squeeze.is-active .brxa-inner::before { opacity: 0; top: 0px; transition: top 75ms, opacity 75ms 0.12s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--squeeze .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--squeeze .brxa-inner::after, .brxa--squeeze.is-active .brxa-inner::after { bottom: 0px; transform: rotate(-90deg); transition: bottom 75ms, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner, .brxa--vortex.is-active .brxa-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner::after, .brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner::before, .brxa--vortex.is-active .brxa-inner::after, .brxa--vortex.is-active .brxa-inner::before { transition-delay: 0s; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner::before, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner::before, .brxa--vortex.is-active .brxa-inner::before { opacity: 0; top: 0px; }
  .brx-body.iframe .brxe-nav-nested.brx-open .brxa--vortex .brxa-inner::after, .brx-body.iframe .brxe-offcanvas.brx-open .brxa--vortex .brxa-inner::after, .brxa--vortex.is-active .brxa-inner::after { bottom: 0px; transform: rotate(90deg); }
  .bricks-background-primary { background-color: var(--bricks-color-primary); }
}

@layer bricks.icons {
  @font-face { font-display: block; font-family: "Font Awesome 6 Solid"; font-style: normal; font-weight: 900; src: url("../../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../../fonts/fontawesome/fa-solid-900.ttf") format("truetype"); }
}


@layer bricks.icons {
  @font-face { font-family: themify; font-style: normal; font-weight: 400; src: url("../../fonts/themify/themify.woff?") format("woff"), url("../../fonts/themify/themify.ttf?") format("truetype"); }
}

:root { --bricks-color-xgaskf: #191919; --bricks-color-nsigro: #5e5e5e; --bricks-color-ufwuhe: #e5ded8; --bricks-color-cwosey: rgba(231, 224, 218, 0.5); --bricks-color-cemerm: #1a1a1a; --bricks-color-mjtbxd: #ffffff; }

:root[data-brx-theme="dark"] { --bricks-color-xgaskf: #191919; --bricks-color-nsigro: #5e5e5e; --bricks-color-ufwuhe: #e5ded8; --bricks-color-cwosey: rgba(231, 224, 218, 0.5); --bricks-color-cemerm: #1a1a1a; --bricks-color-mjtbxd: #ffffff; }

#bbv-yappings-hero-title { font-family: "Gilda Display"; color: var(--bricks-color-xgaskf); font-weight: 400; text-align: center; line-height: 1; margin-top: 0px; }

#bbv-yappings-hero-title { font-size: clamp(46px, 33.9666px + 0.835073vw, 50px); }

@media (max-width: 1440px) {
  #bbv-yappings-hero-title { font-size: clamp(42px, 21.8996px + 1.67364vw, 46px); }
}

@media (max-width: 1200px) {
  #bbv-yappings-hero-title { font-size: clamp(34px, -4.15385px + 3.84615vw, 42px); }
}

@media (max-width: 991px) {
  #bbv-yappings-hero-title { font-size: clamp(32px, 25.1121px + 0.896861vw, 34px); }
}

@media (max-width: 767px) {
  #bbv-yappings-hero-title { font-size: clamp(28px, 21.3472px + 1.38889vw, 32px); }
}

@media (max-width: 478px) {
  #bbv-yappings-hero-title { font-size: clamp(24px, 15.8987px + 2.53165vw, 28px); }
}

#bbv-yappings-hero-title { animation: 0.4s ease-out 0s 1 normal forwards running aboutmereveal; }

@keyframes aboutmereveal { 
  0% { transform: translateX(20px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}

@media (max-width: 991px) {
  #bbv-yappings-hero-title { line-height: 1.1; }
}

#bbv-yappings-hero-subtitle { font-size: 12px; font-family: Poppins; font-weight: 400; color: var(--bricks-color-nsigro); text-transform: uppercase; letter-spacing: 3px; white-space: nowrap; text-align: left; margin-top: 0px; margin-left: 0px; align-self: flex-end; width: 50%; }

#bbv-yappings-hero-subtitle { opacity: 0; transform: translateX(30px); }

#bbv-yappings-hero-subtitle { animation: 0.5s ease-out 0.2s 1 normal forwards running aboutmesubreveal; }

@keyframes aboutmesubreveal { 
  0% { transform: translateX(30px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}

@media (max-width: 1440px) {
  #bbv-yappings-hero-subtitle { color: var(--bricks-color-nsigro); text-transform: uppercase; white-space: normal; font-size: 12px; transform: rotateZ(0deg); }
}

@media (max-width: 1200px) {
  #bbv-yappings-hero-subtitle { font-size: 11px; }
}

@media (max-width: 991px) {
  #bbv-yappings-hero-subtitle { font-size: 10px; letter-spacing: 3px; text-align: center; margin-top: 0px; width: 100%; }
}

@media (max-width: 767px) {
  #bbv-yappings-hero-subtitle { margin-left: 5px; }
}

@media (max-width: 478px) {
  #bbv-yappings-hero-subtitle { font-size: 10px; color: var(--bricks-color-xgaskf); text-transform: uppercase; font-family: Poppins; font-weight: 400; letter-spacing: 3px; margin-top: 0px; margin-left: 0px; }
}

#bbv-yappings-hero-block { width: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, auto); display: flex; flex-direction: column; gap: 0px; }

@media (max-width: 1440px) {
  #bbv-yappings-hero-block { width: 100%; }
}

@media (max-width: 1200px) {
  #bbv-yappings-hero-block { column-gap: 30px; }
}

@media (max-width: 991px) {
  #bbv-yappings-hero-block { flex-wrap: wrap; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); gap: 0px 50px; align-items: stretch; align-content: stretch; }
}

@media (max-width: 767px) {
  #bbv-yappings-hero-block { gap: 0px 30px; padding-right: 0px; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(3, auto); }
}

@media (max-width: 478px) {
  #bbv-yappings-hero-block { flex-flow: column; row-gap: 0px; }
}

#bbv-yappings-hero-container { width: 100%; justify-content: center; align-items: center; height: 100%; row-gap: 50px; align-self: center !important; }

@media (max-width: 767px) {
  #bbv-yappings-hero-container { flex-direction: column; }
}

#bbv-yappings-hero { padding: 80px 46px; background-color: rgb(255, 255, 255); }

@media (max-width: 1200px) {
  #bbv-yappings-hero { padding: 80px 24px 50px; }
}

@media (max-width: 991px) {
  #bbv-yappings-hero { padding: 50px 20px 0px; margin-bottom: 0px; }
}

@media (max-width: 767px) {
  #bbv-yappings-hero { padding-top: 50px; }
}

@media (max-width: 478px) {
  #bbv-yappings-hero { padding-top: 50px; padding-right: 16px; padding-left: 16px; }
}

#bbv-yappings-category-select { background-color: var(--bricks-color-ufwuhe); font-size: 12px; font-family: Poppins; font-weight: 400; color: var(--bricks-color-xgaskf); text-transform: uppercase; letter-spacing: 2px; white-space: nowrap; height: 45px; margin-left: 0px; border-radius: 0px; width: 400px; display: none; }

#bbv-yappings-category-select option { border-radius: 0px; }

@media (max-width: 1440px) {
  #bbv-yappings-category-select { color: var(--bricks-color-nsigro); text-transform: uppercase; white-space: normal; font-size: 12px; transform: rotateZ(0deg); }
}

@media (max-width: 1200px) {
  #bbv-yappings-category-select { font-size: 11px; }
}

@media (max-width: 991px) {
  #bbv-yappings-category-select { font-size: 10px; letter-spacing: 2px; margin-top: 0px; width: 325px; display: block; }
}

@media (max-width: 767px) {
  #bbv-yappings-category-select { right: 10px; width: 100%; }
}

@media (max-width: 478px) {
  #bbv-yappings-category-select { padding-top: 0px; padding-right: 20px; padding-left: 20px; font-size: 10px; color: var(--bricks-color-xgaskf); text-transform: uppercase; font-family: Poppins; font-weight: 400; letter-spacing: 2px; line-height: 1; margin-top: 0px; margin-left: 0px; height: 40px; }
}

#bbv-yappings-category-list { flex-direction: row; font-size: 12px; font-family: Poppins; font-weight: 400; color: var(--bricks-color-xgaskf); text-transform: uppercase; letter-spacing: 2px; white-space: nowrap; margin-top: 0px; margin-left: 0px; gap: 10px; }

#bbv-yappings-category-list[data-mode="button"] .bricks-button { background-color: var(--bricks-color-ufwuhe); }

#bbv-yappings-category-list[data-mode="button"] .bricks-button.brx-option-active { background-color: var(--bricks-color-xgaskf); color: var(--bricks-color-ufwuhe); }

#bbv-yappings-category-list[data-mode="button"] .bricks-button { background-color: var(--bricks-color-ufwuhe); height: 45px; line-height: 45px; padding: 0px 20px; }

#bbv-yappings-category-list { opacity: 1; }

#bbv-yappings-category-list a,
#bbv-yappings-category-list a:hover,
#bbv-yappings-category-list a:focus {
	color: inherit;
	text-decoration: none;
}

@media (max-width: 1440px) {
  #bbv-yappings-category-list { color: var(--bricks-color-nsigro); text-transform: uppercase; white-space: normal; font-size: 12px; transform: rotateZ(0deg); }
}

@media (max-width: 1200px) {
  #bbv-yappings-category-list { font-size: 11px; }
}

@media (max-width: 991px) {
  #bbv-yappings-category-list { font-size: 10px; letter-spacing: 2px; margin-top: 0px; display: none; }
}

@media (max-width: 767px) {
  #bbv-yappings-category-list { flex-direction: row; }
}

@media (max-width: 478px) {
  #bbv-yappings-category-list { font-size: 10px; color: var(--bricks-color-xgaskf); text-transform: uppercase; font-family: Poppins; font-weight: 400; letter-spacing: 2px; margin-top: 0px; margin-left: 0px; align-self: flex-end; }
  @media (max-width: 478px) {
  #bbv-yappings-category-list[data-mode="button"] .bricks-button { background-color: var(--bricks-color-ufwuhe); height: 40px; line-height: 40px; padding: 0px 20px; }
  #bbv-yappings-category-list { opacity: 1; }
}
}

#bbv-yappings-search-field { width: 400px; }

#bbv-yappings-search-field input { height: 45px; background-color: var(--bricks-color-ufwuhe); }

@media (max-width: 1200px) {
  #bbv-yappings-search-field { width: 300px; }
}

@media (max-width: 991px) {
  #bbv-yappings-search-field { width: 100%; }
}

@media (max-width: 478px) {
  #bbv-yappings-search-field input { height: 40px; }
}

#bbv-yappings-search-submit { flex-direction: row; font-size: 12px; font-family: Poppins; font-weight: 400; color: var(--bricks-color-ufwuhe); text-transform: uppercase; letter-spacing: 2px; white-space: nowrap; margin-top: 0px; margin-left: 0px; gap: 10px; background-color: var(--bricks-color-xgaskf); padding-right: 20px; padding-left: 20px; }

@media (max-width: 1440px) {
  #bbv-yappings-search-submit { color: var(--bricks-color-ufwuhe); text-transform: uppercase; white-space: normal; font-size: 12px; transform: rotateZ(0deg); }
}

@media (max-width: 1200px) {
  #bbv-yappings-search-submit { font-size: 11px; }
}

@media (max-width: 991px) {
  #bbv-yappings-search-submit { font-size: 10px; letter-spacing: 2px; margin-top: 0px; }
}

@media (max-width: 767px) {
  #bbv-yappings-search-submit { flex-direction: row; }
}

@media (max-width: 478px) {
  #bbv-yappings-search-submit { padding-top: 10px; padding-right: 20px; padding-left: 20px; font-size: 10px; color: var(--bricks-color-ufwuhe); text-transform: uppercase; font-family: Poppins; font-weight: 400; letter-spacing: 2px; margin-top: 0px; margin-left: 0px; align-self: flex-end; height: 40px; }
}

#bbv-yappings-search-wrap { display: flex; }

@media (max-width: 991px) {
  #bbv-yappings-search-wrap { width: 325px; }
}

@media (max-width: 767px) {
  #bbv-yappings-search-wrap { width: 100%; }
}

#bbv-yappings-filter-form { width: 100%; position: relative; gap: 50px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); flex-direction: row; justify-content: space-between; align-items: center; }

@media (max-width: 991px) {
  #bbv-yappings-filter-form { flex-direction: row; row-gap: 10px; }
}

@media (max-width: 767px) {
  #bbv-yappings-filter-form { flex-flow: column; }
}

#bbv-yappings-filter-section { padding-top: 80px; padding-right: 46px; padding-left: 46px; max-width: 1920px; gap: 50px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, auto); }

@media (max-width: 1200px) {
  #bbv-yappings-filter-section { padding-right: 24px; padding-left: 24px; }
}

@media (max-width: 991px) {
  #bbv-yappings-filter-section { padding-top: 0px; padding-right: 20px; padding-left: 20px; margin-top: 100px; }
}

@media (max-width: 767px) {
  #bbv-yappings-filter-section { margin-top: 0px; padding-top: 80px; }
}

@media (max-width: 478px) {
  #bbv-yappings-filter-section { padding-top: 50px; padding-right: 16px; padding-left: 16px; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image:not(.tag), .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image img { object-fit: cover; aspect-ratio: 0.75 / 1; }

.bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image { width: 50%; margin-top: 0px; height: 100%; }

@media (max-width: 1200px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image:not(.tag), .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image img { aspect-ratio: 0.75 / 1; }
}

@media (max-width: 991px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image:not(.tag), .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image img { aspect-ratio: 1 / 1; object-fit: cover; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image { width: 35%; }
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image:not(.tag), .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image img { aspect-ratio: 0.65 / 1; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image { width: 100%; }
  .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image:not(.tag), .bbv-yapping-list-card .bbv-yapping-list-card-thumb.brxe-image img { aspect-ratio: 1.25 / 1; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { font-size: 12px; font-family: Poppins; font-weight: 400; color: var(--bricks-color-xgaskf); text-transform: uppercase; letter-spacing: 2px; white-space: nowrap; margin-top: 0px; margin-left: -20px; background-color: var(--bricks-color-ufwuhe); padding: 10px 15px; z-index: 1; }

.bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading a,
.bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading a:hover,
.bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading a:focus {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-decoration: none;
	text-transform: inherit;
}

@media (max-width: 1440px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { color: var(--bricks-color-nsigro); text-transform: uppercase; white-space: normal; font-size: 12px; transform: rotateZ(0deg); }
}

@media (max-width: 1200px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { font-size: 11px; }
}

@media (max-width: 991px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { font-size: 10px; letter-spacing: 2px; margin-top: 0px; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { right: 10px; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-category.brxe-heading { padding-top: 10px; padding-right: 20px; padding-left: 20px; font-size: 10px; color: var(--bricks-color-xgaskf); text-transform: uppercase; font-family: Poppins; font-weight: 400; letter-spacing: 2px; margin-top: 0px; margin-left: 0px; align-self: flex-end; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { font-size: 12px; color: var(--bricks-color-nsigro); font-family: Poppins; font-weight: 300; line-height: 1.25; letter-spacing: 0.35px; text-align: left; text-transform: capitalize; }

.bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text a { color: var(--bricks-color-nsigro); font-family: Poppins; font-weight: 300; line-height: 1.25; letter-spacing: 0.35px; text-align: left; text-transform: capitalize; font-size: inherit; }

@media (max-width: 1440px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { width: 80%; }
}

@media (max-width: 1200px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { width: 80%; }
}

@media (max-width: 991px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { width: 80%; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { font-size: 12px; }
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text a { font-size: inherit; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text { width: 95%; font-size: 12px; }
  .bbv-yapping-list-card .bbv-yapping-list-card-date.brxe-text a { font-size: inherit; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-title.brxe-heading { color: var(--bricks-color-xgaskf); font-family: "Gilda Display"; font-weight: 400; text-transform: capitalize; line-height: 1.2; transition: 0.3s; margin-right: 10px; }

.bbv-yapping-list-card .bbv-yapping-list-card-title.brxe-heading:hover { color: var(--bricks-color-nsigro); margin-top: 0px; margin-right: 0px; margin-left: 10px; }

.bbv-yapping-list-card-title { font-size: clamp(21px, 11.9749px + 0.626305vw, 24px); }

@media (max-width: 1440px) {
  .bbv-yapping-list-card-title { font-size: clamp(18px, 15.7143px + 0.297619vw, 20px); }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card-title { font-size: clamp(16px, 12.6736px + 0.694444vw, 18px); }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card-title { font-size: 16px; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-meta.brxe-block { row-gap: 10px; padding: 20px; }

@media (max-width: 1200px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-meta.brxe-block { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-meta.brxe-block { padding-left: 0px; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { font-size: 12px; color: var(--bricks-color-nsigro); font-family: Poppins; font-weight: 300; line-height: 1.25; letter-spacing: 0.35px; text-align: left; width: 100%; margin-top: 0px; }

.bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text a { color: var(--bricks-color-nsigro); font-family: Poppins; font-weight: 300; line-height: 1.25; letter-spacing: 0.35px; text-align: left; font-size: inherit; }

@media (max-width: 1440px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { width: 100%; }
}

@media (max-width: 1200px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { width: 100%; }
}

@media (max-width: 991px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { width: 80%; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { font-size: 12px; width: 100%; }
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text a { font-size: inherit; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text { width: 95%; font-size: 12px; }
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt.brxe-text a { font-size: inherit; }
}

.bbv-yapping-list-card .bbv-yapping-list-card-excerpt-wrap.brxe-block { row-gap: 10px; padding: 20px; }

@media (max-width: 1440px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt-wrap.brxe-block { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt-wrap.brxe-block { padding-left: 0px; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-excerpt-wrap.brxe-block { padding-bottom: 20px; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-body.brxe-block { width: 63%; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card .bbv-yapping-list-card-body.brxe-block { width: 100%; margin-top: -20px; padding-left: 10px; }
}

.bbv-yapping-list-card.brxe-block { align-items: center; grid-area: span 1 / span 1; flex-direction: row; align-self: flex-start !important; }

@media (max-width: 1200px) {
  .bbv-yapping-list-card.brxe-block { grid-area: span 1 / span 1; align-self: flex-start !important; }
}

@media (max-width: 767px) {
  .bbv-yapping-list-card.brxe-block { justify-content: space-between; }
}

@media (max-width: 478px) {
  .bbv-yapping-list-card.brxe-block { justify-content: flex-start; flex-direction: column; }
}

#bbv-yappings-grid { width: 100%; position: relative; flex-direction: row; display: grid; align-items: initial; gap: 50px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); }

#bbv-yappings-grid.is-filtering {
	opacity: 0.55;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

@media (max-width: 991px) {
  #bbv-yappings-grid { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(6, auto); }
}

@media (max-width: 767px) {
  #bbv-yappings-grid { flex-wrap: nowrap; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(6, auto); gap: 30px; }
}

#bbv-yappings-pagination .bricks-pagination ul .page-numbers { height: 45px; width: 45px; background: var(--bricks-color-ufwuhe); font-size: 12px; font-family: Poppins; font-weight: 400; border: 1px solid var(--bricks-color-ufwuhe); }

#bbv-yappings-pagination .bricks-pagination ul { gap: 10px; }

#bbv-yappings-pagination .bricks-pagination ul .page-numbers.current { background: var(--bricks-color-xgaskf); color: var(--bricks-color-ufwuhe); }

#bbv-yappings-pagination-container { width: 100%; }

#bbv-yappings-grid-section { padding-top: 80px; padding-right: 46px; padding-left: 46px; max-width: 1920px; gap: 50px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, auto); }

@media (max-width: 1200px) {
  #bbv-yappings-grid-section { padding-right: 24px; padding-left: 24px; }
}

@media (max-width: 991px) {
  #bbv-yappings-grid-section { padding-top: 80px; padding-right: 20px; padding-left: 20px; }
}

@media (max-width: 767px) {
  #bbv-yappings-grid-section { padding-top: 50px; }
}

@media (max-width: 478px) {
  #bbv-yappings-grid-section { padding-top: 50px; padding-right: 16px; padding-left: 16px; }
}


@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; }
}
}