img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }
img.wp-smiley, img.emoji { display: inline !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0px 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0px !important; }
.c4-html { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi) {
  .c4-html { --wp-admin-border-width-focus: 1.5px; }
}
.wp-element-button { cursor: pointer; }
.c4-html .has-very-light-gray-background-color { background-color: rgb(238, 238, 238); }
.c4-html .has-very-dark-gray-background-color { background-color: rgb(49, 49, 49); }
.c4-html .has-very-light-gray-color { color: rgb(238, 238, 238); }
.c4-html .has-very-dark-gray-color { color: rgb(49, 49, 49); }
.c4-html .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, rgb(0, 208, 132), rgb(6, 147, 227)); }
.c4-html .has-purple-crush-gradient-background { background: linear-gradient(135deg, rgb(52, 226, 228), rgb(71, 33, 251) 50%, rgb(171, 29, 254)); }
.c4-html .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, rgb(250, 172, 168), rgb(218, 208, 236)); }
.c4-html .has-subdued-olive-gradient-background { background: linear-gradient(135deg, rgb(250, 250, 225), rgb(103, 166, 113)); }
.c4-html .has-atomic-cream-gradient-background { background: linear-gradient(135deg, rgb(253, 215, 154), rgb(0, 74, 89)); }
.c4-html .has-nightshade-gradient-background { background: linear-gradient(135deg, rgb(51, 9, 104), rgb(49, 205, 207)); }
.c4-html .has-midnight-gradient-background { background: linear-gradient(135deg, rgb(2, 3, 129), rgb(40, 116, 252)); }
.c4-html { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
.has-regular-font-size { font-size: 1em; }
.has-larger-font-size { font-size: 2.625em; }
.has-normal-font-size { font-size: var(--wp--preset--font-size--normal); }
.has-huge-font-size { font-size: var(--wp--preset--font-size--huge); }
.c4-html .has-text-align-center { text-align: center; }
.c4-html .has-text-align-left { text-align: left; }
.c4-html .has-text-align-right { text-align: right; }
.has-fit-text { white-space: nowrap !important; }
#end-resizable-editor-section { display: none; }
.aligncenter { clear: both; }
.items-justified-left { justify-content: flex-start; }
.items-justified-center { justify-content: center; }
.items-justified-right { justify-content: flex-end; }
.items-justified-space-between { justify-content: space-between; }
.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; word-break: normal !important; }
.screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.c4-html :where(.has-border-color) { border-style: solid; }
html :where([style^="border-color"], [style*=";border-color"], [style*="; border-color"]) { border-style: solid; }
html :where([style^="border-top-color"], [style*=";border-top-color"], [style*="; border-top-color"]) { border-top-style: solid; }
html :where([style^="border-right-color"], [style*=";border-right-color"], [style*="; border-right-color"]) { border-right-style: solid; }
html :where([style^="border-bottom-color"], [style*=";border-bottom-color"], [style*="; border-bottom-color"]) { border-bottom-style: solid; }
html :where([style^="border-left-color"], [style*=";border-left-color"], [style*="; border-left-color"]) { border-left-style: solid; }
html :where([style^="border-width"], [style*=";border-width"], [style*="; border-width"]) { border-style: solid; }
html :where([style^="border-top-width"], [style*=";border-top-width"], [style*="; border-top-width"]) { border-top-style: solid; }
html :where([style^="border-right-width"], [style*=";border-right-width"], [style*="; border-right-width"]) { border-right-style: solid; }
html :where([style^="border-bottom-width"], [style*=";border-bottom-width"], [style*="; border-bottom-width"]) { border-bottom-style: solid; }
html :where([style^="border-left-width"], [style*=";border-left-width"], [style*="; border-left-width"]) { border-left-style: solid; }
.c4-html :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; }
:where(figure) { margin: 0px 0px 1em; }
.c4-html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height,0px); }
@media screen and (max-width: 600px) {
  .c4-html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; }
}
.c4-html { --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--color--primary: #b90202; --wp--preset--color--secondary: #00635b; --wp--preset--color--success: #7a9c59; --wp--preset--color--alert: #b20000; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 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: calc(0.44 * var(--c4-rem,16px)); --wp--preset--spacing--30: calc(0.67 * var(--c4-rem,16px)); --wp--preset--spacing--40: calc(1 * var(--c4-rem,16px)); --wp--preset--spacing--50: calc(1.5 * var(--c4-rem,16px)); --wp--preset--spacing--60: calc(2.25 * var(--c4-rem,16px)); --wp--preset--spacing--70: calc(3.38 * var(--c4-rem,16px)); --wp--preset--spacing--80: calc(5.06 * var(--c4-rem,16px)); --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 rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
.wp-block-button { --wp--preset--dimension--25: 25%; --wp--preset--dimension--50: 50%; --wp--preset--dimension--75: 75%; --wp--preset--dimension--100: 100%; }
:where(.c4-body) { margin: 0px; }
.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }
.wp-site-blocks > .alignright { float: right; margin-left: 2em; }
.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }
:where(.is-layout-flex) { gap: 0.5em; }
:where(.is-layout-grid) { gap: 0.5em; }
.is-layout-flow > .alignleft { float: left; margin-inline: 0px 2em; }
.is-layout-flow > .alignright { float: right; margin-inline: 2em 0px; }
.is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > .alignleft { float: left; margin-inline: 0px 2em; }
.is-layout-constrained > .alignright { float: right; margin-inline: 2em 0px; }
.is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; }
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto !important; margin-right: auto !important; }
.c4-body .is-layout-flex { display: flex; }
.is-layout-flex { flex-wrap: wrap; align-items: center; }
.is-layout-flex > :is(*, div) { margin: 0px; }
.c4-body .is-layout-grid { display: grid; }
.is-layout-grid > :is(*, div) { margin: 0px; }
.c4-body { padding: 0px; }
a:where(:not(.wp-element-button)) { text-decoration: none; }
.c4-html :where(.wp-element-button, .wp-block-button__link) { background-color: rgb(50, 55, 60); border-width: 0px; color: rgb(255, 255, 255); font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-decoration: none; text-transform: inherit; }
.has-black-color { color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-color { color: var(--wp--preset--color--white) !important; }
.has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; }
.has-primary-color { color: var(--wp--preset--color--primary) !important; }
.has-secondary-color { color: var(--wp--preset--color--secondary) !important; }
.has-success-color { color: var(--wp--preset--color--success) !important; }
.has-alert-color { color: var(--wp--preset--color--alert) !important; }
.has-black-background-color { background-color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-background-color { background-color: var(--wp--preset--color--white) !important; }
.has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; }
.has-primary-background-color { background-color: var(--wp--preset--color--primary) !important; }
.has-secondary-background-color { background-color: var(--wp--preset--color--secondary) !important; }
.has-success-background-color { background-color: var(--wp--preset--color--success) !important; }
.has-alert-background-color { background-color: var(--wp--preset--color--alert) !important; }
.has-black-border-color { border-color: var(--wp--preset--color--black) !important; }
.has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; }
.has-white-border-color { border-color: var(--wp--preset--color--white) !important; }
.has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; }
.has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; }
.has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; }
.has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; }
.has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; }
.has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; }
.has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; }
.has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; }
.has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; }
.has-primary-border-color { border-color: var(--wp--preset--color--primary) !important; }
.has-secondary-border-color { border-color: var(--wp--preset--color--secondary) !important; }
.has-success-border-color { border-color: var(--wp--preset--color--success) !important; }
.has-alert-border-color { border-color: var(--wp--preset--color--alert) !important; }
.has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; }
.has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; }
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; }
.has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; }
.has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; }
.has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; }
.has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; }
.has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; }
.has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; }
.has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; }
.has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; }
.has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; }
.has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; }
.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
.has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; }
.has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }
.c4-html { text-size-adjust: 100%; font-family: sans-serif; }
.c4-body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0px; }
progress { vertical-align: baseline; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0px; }
abbr[title] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; text-decoration: none; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); }
small { display: inline-block; font-size: 80%; }
img { border-style: none; }
svg:not(.c4-html) { overflow: hidden; }
button, input, select, textarea { font: inherit; }
optgroup { font-weight: 700; }
button, input, select { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { cursor: pointer; }
[disabled] { cursor: default; }
[type="reset"], [type="submit"], button, .c4-html [type="button"] { appearance: button; }
fieldset { border: 1px solid silver; margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
*, ::after, ::before, .c4-html { box-sizing: border-box; }
.c4-html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-attachment: fixed; }
.c4-body { -webkit-font-smoothing: antialiased; color: rgb(119, 119, 119); }
.xdebug-var-dump { position: relative; z-index: 1000; }
hr { border-width: 1px 0px 0px; border-top-style: solid; border-top-color: currentcolor; margin: 15px 0px; opacity: 0.1; }
img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; }
figure { margin: 0px; }
pre { background-color: rgb(241, 241, 241); border: 1px solid rgb(221, 221, 221); overflow-x: auto; padding: 20px; width: 100%; }
p:empty { display: none; }
a, button, input { touch-action: manipulation; }
ins { text-decoration: none; }
embed, iframe, object { max-width: 100%; }
.col, .columns, .gallery-item { margin: 0px; padding: 0px 15px 30px; position: relative; width: 100%; }
.col-fit { flex: 1 1 0%; }
.col-first { order: -1; }
.col-last { order: 1; }
.col-inner { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; flex: 1 0 auto; margin-left: auto; margin-right: auto; position: relative; width: 100%; }
.col-has-radius { overflow: hidden; }
@media screen and (min-width: 850px) {
  .col:first-child .col-inner { margin-left: auto; margin-right: 0px; }
  .col + .col .col-inner { margin-left: 0px; margin-right: auto; }
}
@media screen and (max-width: 549px) {
  .small-col-first { order: -1; }
}
@media screen and (min-width: 850px) {
  .large-col-first { order: -1; }
}
@media screen and (max-width: 849px) {
  .medium-col-first { order: -1; }
  .col { padding-bottom: 30px; }
}
@media screen and (min-width: 850px) {
  .row-divided > .col + .col:not(.large-12) { border-left: 1px solid rgb(236, 236, 236); }
  .row-divided.row-reverse > .col + .col:not(.large-12) { border-left: 0px; border-right: 1px solid rgb(236, 236, 236); }
  .col-divided { border-right: 1px solid rgb(236, 236, 236); padding-right: 30px; }
  .col.col-divided:not(.col-first):last-child { border-left: 1px solid rgb(236, 236, 236); border-right: 0px; padding-left: 30px; padding-right: 0px; }
  .col-border { border-right: 1px solid rgb(236, 236, 236); padding-right: 0px; }
  .col-border + .col, .col-divided + .col { padding-left: 30px; }
}
.dark .col-divided { border-color: rgba(255, 255, 255, 0.2); }
.align-equal > .col { display: flex; }
.align-middle { align-items: center !important; align-self: center !important; vertical-align: middle !important; }
.align-bottom { align-items: flex-end !important; align-self: flex-end !important; justify-content: flex-end !important; vertical-align: bottom !important; }
.align-top { align-items: flex-start !important; align-self: flex-start !important; justify-content: flex-start !important; vertical-align: top !important; }
.align-center { justify-content: center !important; }
.align-right { justify-content: flex-end !important; }
.small-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
.small-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
.small-3 { flex-basis: 25%; max-width: 25%; }
.small-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
.small-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
.small-6 { flex-basis: 50%; max-width: 50%; }
.small-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
.small-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
.small-9 { flex-basis: 75%; max-width: 75%; }
.small-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
.small-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
.small-12, .small-columns-1 .flickity-slider > .col, .small-columns-1 > .col { flex-basis: 100%; max-width: 100%; }
.small-columns-2 .flickity-slider > .col, .small-columns-2 > .col { flex-basis: 50%; max-width: 50%; }
.small-columns-3 .flickity-slider > .col, .small-columns-3 > .col { flex-basis: 33.3333%; max-width: 33.3333%; }
.small-columns-4 .flickity-slider > .col, .small-columns-4 > .col { flex-basis: 25%; max-width: 25%; }
.small-columns-5 .flickity-slider > .col, .small-columns-5 > .col { flex-basis: 20%; max-width: 20%; }
.small-columns-6 .flickity-slider > .col, .small-columns-6 > .col { flex-basis: 16.6667%; max-width: 16.6667%; }
.small-columns-7 .flickity-slider > .col, .small-columns-7 > .col { flex-basis: 14.2857%; max-width: 14.2857%; }
.small-columns-8 .flickity-slider > .col, .small-columns-8 > .col { flex-basis: 12.5%; max-width: 12.5%; }
@media screen and (min-width: 550px) {
  .medium-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .medium-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .medium-3 { flex-basis: 25%; max-width: 25%; }
  .medium-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .medium-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .medium-6 { flex-basis: 50%; max-width: 50%; }
  .medium-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .medium-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .medium-9 { flex-basis: 75%; max-width: 75%; }
  .medium-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .medium-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .medium-12, .medium-columns-1 .flickity-slider > .col, .medium-columns-1 > .col { flex-basis: 100%; max-width: 100%; }
  .medium-columns-2 .flickity-slider > .col, .medium-columns-2 > .col { flex-basis: 50%; max-width: 50%; }
  .medium-columns-3 .flickity-slider > .col, .medium-columns-3 > .col { flex-basis: 33.3333%; max-width: 33.3333%; }
  .medium-columns-4 .flickity-slider > .col, .medium-columns-4 > .col { flex-basis: 25%; max-width: 25%; }
  .medium-columns-5 .flickity-slider > .col, .medium-columns-5 > .col { flex-basis: 20%; max-width: 20%; }
  .medium-columns-6 .flickity-slider > .col, .medium-columns-6 > .col { flex-basis: 16.6667%; max-width: 16.6667%; }
  .medium-columns-7 .flickity-slider > .col, .medium-columns-7 > .col { flex-basis: 14.2857%; max-width: 14.2857%; }
  .medium-columns-8 .flickity-slider > .col, .medium-columns-8 > .col { flex-basis: 12.5%; max-width: 12.5%; }
}
@media screen and (min-width: 850px) {
  .large-1 { flex-basis: 8.33333%; max-width: 8.33333%; }
  .large-2 { flex-basis: 16.6667%; max-width: 16.6667%; }
  .large-3 { flex-basis: 25%; max-width: 25%; }
  .large-4 { flex-basis: 33.3333%; max-width: 33.3333%; }
  .large-5 { flex-basis: 41.6667%; max-width: 41.6667%; }
  .large-6 { flex-basis: 50%; max-width: 50%; }
  .large-7 { flex-basis: 58.3333%; max-width: 58.3333%; }
  .large-8 { flex-basis: 66.6667%; max-width: 66.6667%; }
  .large-9 { flex-basis: 75%; max-width: 75%; }
  .large-10 { flex-basis: 83.3333%; max-width: 83.3333%; }
  .large-11 { flex-basis: 91.6667%; max-width: 91.6667%; }
  .gallery-columns-1 .gallery-item, .large-12, .large-columns-1 .flickity-slider > .col, .large-columns-1 > .col { flex-basis: 100%; max-width: 100%; }
  .gallery-columns-2 .gallery-item, .large-columns-2 .flickity-slider > .col, .large-columns-2 > .col { flex-basis: 50%; max-width: 50%; }
  .gallery-columns-3 .gallery-item, .large-columns-3 .flickity-slider > .col, .large-columns-3 > .col { flex-basis: 33.3333%; max-width: 33.3333%; }
  .gallery-columns-4 .gallery-item, .large-columns-4 .flickity-slider > .col, .large-columns-4 > .col { flex-basis: 25%; max-width: 25%; }
  .gallery-columns-5 .gallery-item, .large-columns-5 .flickity-slider > .col, .large-columns-5 > .col { flex-basis: 20%; max-width: 20%; }
  .gallery-columns-6 .gallery-item, .large-columns-6 .flickity-slider > .col, .large-columns-6 > .col { flex-basis: 16.6667%; max-width: 16.6667%; }
  .gallery-columns-7 .gallery-item, .large-columns-7 .flickity-slider > .col, .large-columns-7 > .col { flex-basis: 14.2857%; max-width: 14.2857%; }
  .gallery-columns-8 .gallery-item, .large-columns-8 .flickity-slider > .col, .large-columns-8 > .col { flex-basis: 12.5%; max-width: 12.5%; }
}
.has-shadow > .col > .col-inner { background-color: rgb(255, 255, 255); }
.col-hover-blur .col-inner, .col-hover-fade .col-inner, .col-hover-focus .col-inner { transition: all, 0.2s; }
.col-hover-fade .col-inner { opacity: 0.6; }
.col-hover-fade:hover .col-inner { opacity: 1; }
.col-hover-blur .col-inner { filter: blur(3px); }
.col-hover-blur:hover .col-inner { filter: blur(0px); }
.col-hover-focus:hover .col-inner { opacity: 1; }
.row:hover .col-hover-focus .col:not(:hover) { opacity: 0.6; }
.container, .container-width, .full-width .ubermenu-nav, .row, .c4-body.boxed, .c4-body.framed { margin-left: auto; margin-right: auto; width: 100%; }
.container { padding-left: 15px; padding-right: 15px; }
.container, .container-width, .full-width .ubermenu-nav, .row { max-width: 1080px; }
.row.row-collapse { max-width: 1050px; }
.row.row-small { max-width: 1065px; }
.row.row-large { max-width: 1110px; }
.c4-body.boxed, .c4-body.boxed .header-wrapper, .c4-body.boxed .is-sticky-section, .c4-body.boxed header, .c4-body.framed, .c4-body.framed .header-wrapper, .c4-body.framed header { max-width: 1170px; }
@media screen and (min-width: 850px) {
  .c4-body.framed { margin: 30px auto; }
}
.flex-row { align-items: center; display: flex; flex-flow: row; justify-content: space-between; width: 100%; }
.flex-row-start { justify-content: flex-start; }
.flex-row-center { justify-content: center; }
.flex-row-col { display: flex; flex-direction: column; justify-content: flex-start; }
.text-center .flex-row { justify-content: center; }
.header .flex-row { height: 100%; }
.flex-col { max-height: 100%; }
.flex-grow { flex: 1 1 0%; }
.flex-center { margin: 0px auto; }
.flex-left { margin-right: auto; }
.flex-right { margin-left: auto; }
.flex-wrap { flex-wrap: wrap; }
.flex-has-center > .flex-col:not(.flex-center), .flex-has-center > .flex-row > .flex-col:not(.flex-center), .flex-has-center > .nav-row > .flex-col:not(.flex-center) { flex: 1 1 0%; }
@media (max-width: 849px) {
  .medium-flex-wrap { flex-flow: column wrap; }
  .medium-flex-wrap .flex-col { flex-grow: 0; padding-bottom: 5px; padding-top: 5px; width: 100%; }
}
@media (max-width: 549px) {
  .small-flex-wrap { flex-flow: column wrap; }
  .small-flex-wrap .flex-col { flex-grow: 0; width: 100%; }
}
@media (min-width: 850px) {
  .col2-set, .u-columns { display: flex; }
  .col2-set > div + div, .u-columns > div + div { padding-left: 30px; }
}
.row-grid .box .image-cover { height: 100%; padding: 0px; }
.grid-col > .col-inner { height: 100%; }
.grid-col .banner, .grid-col .box, .grid-col .box-image, .grid-col .box-image img, .grid-col .col-inner > .img, .grid-col .flickity-slider > .img, .grid-col .image-cover, .grid-col .image-cover img, .grid-col .slider, .grid-col .slider-wrapper, .grid-col .slider:not(.flickity-enabled), .grid-col .slider > .img, .grid-col > .col-inner > .img, .grid-col > .col-inner > .img .img-inner > img, .grid-col > .col-inner > .img div { bottom: 0px; height: 100%; object-fit: cover; top: 0px; width: 100%; padding: 0px !important; position: absolute !important; }
.grid-col .box-image img { font-family: "object-fit: cover;"; }
.grid-col .flickity-viewport { height: 100% !important; }
.grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background-color: rgba(255, 255, 255, 0.95); bottom: 0px; padding-left: 1.5em; padding-right: 1.5em; position: absolute; }
@media (prefers-reduced-motion) {
  .grid-col { transition: none !important; }
}
@media (-ms-high-contrast:none) {
  .payment-icon svg { max-width: 50px; }
  .slider-nav-circle .flickity-prev-next-button svg { height: 36px !important; }
  .nav > li > a > i { top: -1px; }
}
.gallery, .row { display: flex; flex-flow: wrap; width: 100%; }
.row > div:not(.col):not([class^="col-"]):not([class*=" col-"]) { width: 100% !important; }
.row.row-grid, .row.row-masonry { display: block; }
.row.row-grid > .col, .row.row-masonry > .col { float: left; }
.container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse), .row .gallery, .row .row:not(.row-collapse) { margin-left: -15px; margin-right: -15px; padding-left: 0px; padding-right: 0px; width: auto; }
.row .container { padding-left: 0px; padding-right: 0px; }
.banner + .row:not(.row-collapse), .banner-grid-wrapper + .row:not(.row-collapse), .section + .row:not(.row-collapse), .slider-wrapper + .row:not(.row-collapse) { margin-top: 30px; }
.row-full-width { max-width: 100% !important; }
.row-isotope { transition: height 0.3s; }
.row-reverse { flex-direction: row-reverse; }
@media screen and (max-width: 549px) {
  .small-row-reverse { flex-direction: column-reverse; }
}
@media screen and (max-width: 849px) {
  .medium-row-reverse { flex-direction: row-reverse; }
}
.row-collapse { padding: 0px; }
.row-collapse > .col, .row-collapse > .flickity-viewport > .flickity-slider > .col { padding: 0px !important; }
.row-collapse > .col .container { max-width: 100%; }
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) { margin-bottom: 0px; margin-left: -10px; margin-right: -10px; }
.row-small > .col, .row-small > .flickity-viewport > .flickity-slider > .col { margin-bottom: 0px; padding: 0px 9.8px 19.6px; }
.container .row-xsmall:not(.row-collapse), .row .row-xsmall:not(.row-collapse) { margin-bottom: 0px; margin-left: -2px; margin-right: -2px; }
.row-xsmall > .col, .row-xsmall > .flickity-viewport > .flickity-slider > .col { margin-bottom: 0px; padding: 0px 2px 3px; }
@media screen and (min-width: 850px) {
  .row-large { padding-left: 0px; padding-right: 0px; }
  .container .row-large:not(.row-collapse), .row .row-large:not(.row-collapse) { margin-bottom: 0px; margin-left: -30px; margin-right: -30px; }
  .row-large > .col, .row-large > .flickity-viewport > .flickity-slider > .col { margin-bottom: 0px; padding: 0px 30px 30px; }
}
.row-dashed, .row-solid { overflow: hidden; }
.row-dashed .col, .row-solid .col { padding: 0px; position: relative; }
.row-dashed .col-inner, .row-solid .col-inner { padding: 15px; }
.row-dashed .col::before, .row-solid .col::before { border-left: 1px dashed rgb(221, 221, 221); content: " "; height: 100%; left: -1px; position: absolute; top: 0px; }
.row-dashed .col::after, .row-solid .col::after { border-bottom: 1px dashed rgb(221, 221, 221); bottom: -1px; content: " "; height: 0px; left: 0px; position: absolute; top: auto; width: 100%; }
.row-solid .col::before { border-left-style: solid; }
.row-solid .col::after { border-bottom-style: solid; }
.dark .row-dashed .col::after, .dark .row-dashed .col::before, .dark .row-solid .col::after, .dark .row-solid .col::before { border-color: rgba(255, 255, 255, 0.2); }
.block-html-after-header .row .col { padding-bottom: 0px; }
.wpb-js-composer .row::before { display: block !important; }
.section { align-items: center; display: flex; flex-flow: row; min-height: auto; padding: 30px 0px; position: relative; width: 100%; }
.section.dark { background-color: rgb(102, 102, 102); }
.section-bg { overflow: hidden; }
.section-bg, .section-content { width: 100%; }
.section-content { z-index: 1; }
.has-parallax { overflow: hidden; }
.container .section, .row .section { padding-left: 30px; padding-right: 30px; }
.is-sticky-section + .sticky-section-helper { background-color: rgb(0, 0, 0); min-height: 100vh !important; }
.sticky-section-helper + div { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 15px 15px 15px 15px; position: relative; }
.sticky-section { background-color: rgb(255, 255, 255); left: 0px; margin: 0px auto; overflow: hidden; right: 0px; top: 0px; height: 100vh !important; padding: 0px !important; position: sticky !important; width: 100% !important; }
.is-sticky-section { position: fixed !important; }
.nav-dropdown { background-color: rgb(255, 255, 255); color: rgb(119, 119, 119); display: table; left: -99999px; margin: 0px; max-height: 0px; min-width: 260px; opacity: 0; padding: 20px 0px; position: absolute; text-align: left; transition: opacity 0.25s, visibility 0.25s; visibility: hidden; z-index: 9; }
.dark.nav-dropdown { color: rgb(241, 241, 241); }
.nav-dropdown::after { clear: both; content: ""; display: block; height: 0px; visibility: hidden; }
.nav-dropdown li { display: block; margin: 0px; vertical-align: top; }
.nav-dropdown li ul { margin: 0px; padding: 0px; }
.nav-dropdown > li.html { min-width: 260px; }
.next-prev-thumbs li.has-dropdown:hover > .nav-dropdown, .no-js li.has-dropdown:hover > .nav-dropdown, li.current-dropdown > .nav-dropdown { left: -15px; max-height: inherit; opacity: 1; visibility: visible; }
.nav-right li.current-dropdown:last-child > .nav-dropdown, .nav-right li.has-dropdown:hover:last-child > .nav-dropdown { left: auto; right: -15px; }
.nav-column li > a, .nav-dropdown > li > a { display: block; line-height: 1.3; padding: 10px 20px; width: auto; }
.nav-column > li:last-child:not(.nav-dropdown-col) > a, .nav-dropdown > li:last-child:not(.nav-dropdown-col) > a { border-bottom: 0px !important; }
.dropdown-uppercase.nav-dropdown .nav-column > li > a, .nav-dropdown.dropdown-uppercase > li > a { font-size: 0.85em; text-transform: uppercase; }
.nav-dropdown > li.image-column, .nav-dropdown > li.nav-dropdown-col { display: table-cell; min-width: 160px; text-align: left; white-space: nowrap; width: 160px; }
.nav-dropdown > li.image-column:not(:last-child), .nav-dropdown > li.nav-dropdown-col:not(:last-child) { border-right: 1px solid transparent; }
.nav-dropdown .menu-item-has-children > a, .nav-dropdown .nav-dropdown-col > a, .nav-dropdown .title > a { color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bolder; text-transform: uppercase; }
.nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 5px; }
.nav-dropdown li.image-column { border: 0px !important; margin: 0px !important; padding: 0px !important; }
.nav-dropdown li.image-column > a { font-size: 0px !important; line-height: 0 !important; margin: -20px 0px !important; padding: 0px !important; }
.nav-dropdown li.image-column > a img { display: block; margin: 0px; width: 100%; }
.nav-dropdown li.image-column > a:hover { opacity: 0.8; }
.nav-dropdown-default li.image-column:first-child > a { margin-left: -20px !important; margin-right: 20px !important; }
.nav-dropdown-default li.image-column:last-child > a { margin-right: -20px !important; }
.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col { border-color: rgb(241, 241, 241); }
.nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a { border-bottom: 1px solid rgb(236, 236, 236); margin: 0px 10px; padding-left: 0px; padding-right: 0px; }
.nav-dropdown-default { padding: 20px; }
.nav-dropdown-bold .nav-column li > a, .nav-dropdown.nav-dropdown-bold > li > a { border-radius: 10px; margin: 0px 10px; padding-left: 10px; padding-right: 5px; }
.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover { background-color: var(--fs-color-primary); color: rgb(255, 255, 255) !important; }
.nav-dropdown-simple .nav-column li > a:hover, .nav-dropdown.nav-dropdown-simple > li > a:hover { background-color: rgba(0, 0, 0, 0.03); }
.nav-dropdown.nav-dropdown-bold li.html, .nav-dropdown.nav-dropdown-simple li.html { padding: 0px 20px 10px; }
.menu-item-has-block .nav-dropdown { padding: 0px; }
.menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^="bullet-"]) { display: list-item; margin-left: 1.3em !important; }
li.current-dropdown > .nav-dropdown-full, li.has-dropdown:hover > .nav-dropdown-full { display: flex; flex-wrap: wrap; position: fixed; right: auto; transform: translateX(-50%); width: 100%; left: 50% !important; margin-left: 0px !important; margin-right: 0px !important; max-width: 1150px !important; transition: opacity 0.3s !important; }
.nav-dropdown-full > li.nav-dropdown-col { white-space: normal; }
.nav-dropdown-has-arrow li.has-dropdown::after, .nav-dropdown-has-arrow li.has-dropdown::before { border: solid transparent; bottom: -2px; content: ""; height: 0px; left: 50%; opacity: 0; pointer-events: none; position: absolute; width: 0px; z-index: 10; }
.nav-dropdown-has-arrow li.has-dropdown::after { border-color: rgba(222, 222, 222, 0) rgba(222, 222, 222, 0) rgb(255, 255, 255); border-width: 8px; margin-left: -8px; }
.nav-dropdown-has-arrow li.has-dropdown::before { border-width: 11px; margin-left: -11px; z-index: -999; }
.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size::after, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size::before, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default::after, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default::before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width::after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width::before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width::after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width::before { display: none; }
.nav-dropdown-has-shadow .nav-dropdown { box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 15px; }
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown::before { border-bottom-color: rgb(221, 221, 221); }
.nav-dropdown-has-border .nav-dropdown { border: 2px solid rgb(221, 221, 221); }
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown::after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown::before { opacity: 1; transition: opacity 0.25s; }
.label-hot.menu-item > a::after, .label-new.menu-item > a::after, .label-popular.menu-item > a::after, .label-sale.menu-item > a::after { background-color: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); content: ""; display: inline-block; font-size: 9px; font-weight: bolder; letter-spacing: -0.1px; line-height: 9px; margin-left: 4px; padding: 2px 3px 3px; position: relative; text-transform: uppercase; top: -2px; }
.label-new.menu-item > a::after { background-color: var(--fs-color-primary); }
.label-sale.menu-item > a::after { background-color: var(--fs-color-secondary); }
.label-popular.menu-item > a::after { background-color: var(--fs-color-success); }
.label-hot.menu-item > a::after { background-color: var(--fs-color-alert); }
.nav p { margin: 0px; padding-bottom: 0px; }
.nav, .nav ul:not(.nav-dropdown) { margin: 0px; padding: 0px; }
.nav > li > a.button, .nav > li > button { margin-bottom: 0px; }
.nav { align-items: center; display: flex; flex-flow: wrap; width: 100%; }
.nav, .nav > li { position: relative; }
.nav > li { list-style: none; margin: 0px 7px; padding: 0px; transition: background-color 0.3s; }
.nav > li, .nav > li > a { display: inline-block; }
.nav > li > a { align-items: center; display: inline-flex; flex-wrap: wrap; padding: 10px 0px; }
.html .nav > li > a { padding-bottom: 0px; padding-top: 0px; }
.nav-small .nav > li > a, .nav.nav-small > li > a { font-weight: 400; padding-bottom: 5px; padding-top: 5px; vertical-align: top; }
.nav-small.nav > li.html { font-size: 0.75em; }
.nav-center { justify-content: center; }
.nav-fill { justify-content: space-between; }
.nav-left { justify-content: flex-start; }
.nav-right { justify-content: flex-end; }
@media (max-width: 849px) {
  .medium-nav-center { justify-content: center; }
}
@media (max-width: 549px) {
  .small-nav-center { justify-content: center; }
}
.nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a { color: rgba(102, 102, 102, 0.85); transition: 0.2s; }
.nav-column > li > a, .nav-dropdown > li > a { display: block; }
.nav-column li.active > a, .nav-column li > a:hover, .nav-dropdown li.active > a, .nav-dropdown > li > a:hover, .nav-vertical-fly-out > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav > li > a:hover { color: rgba(18, 18, 18, 0.85); }
.nav li:first-child { margin-left: 0px !important; }
.nav li:last-child { margin-right: 0px !important; }
.nav-uppercase > li > a { font-weight: bolder; letter-spacing: 0.02em; text-transform: uppercase; }
@media (min-width: 850px) {
  .nav-divided > li { margin: 0px 0.7em; }
  .nav-divided > li + li > a::after { border-left: 1px solid rgba(0, 0, 0, 0.1); content: ""; height: 15px; left: -1em; margin-top: -7px; position: absolute; top: 50%; width: 1px; }
  .nav-divided > li + li.icon-top > a::after { height: 50px; margin-top: -25px; }
}
li.html .row, li.html form, li.html input, li.html select { margin: 0px; }
li.html > .button { margin-bottom: 0px; }
li.hide-title > a { display: none !important; }
.nav-pagination > li > a, .nav-pagination > li > span { border: 2px solid; border-radius: 99px; display: block; font-size: 1.1em; font-weight: bolder; height: 2.25em; line-height: 2em; min-width: 2.25em; padding: 0px 7px; text-align: center; transition: 0.3s; vertical-align: top; width: auto; }
.nav-pagination > li i { font-size: 1.2em; top: -1px; vertical-align: middle; }
.nav-pagination > li > .current, .nav-pagination > li > a:hover, .nav-pagination > li > span:hover { background-color: var(--fs-color-primary); border-color: var(--fs-color-primary); color: rgb(255, 255, 255); }
.off-canvas .mobile-sidebar-slide { bottom: 0px; overflow: hidden; position: fixed; top: 0px; width: 100%; }
.off-canvas .mobile-sidebar-slide .sidebar-menu { height: 100%; padding-bottom: 0px; padding-top: 0px; transform: translateX(0px); transition: transform 0.3s; will-change: transform; }
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu, .mobile-sidebar-levels-1 .nav-slide > li > ul.children { bottom: 0px; display: none; left: 100%; opacity: 1; overflow: visible auto; padding-bottom: 20px; padding-right: 0px; padding-top: 20px; position: fixed; top: 0px; transform: none; width: 100%; }
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu > li, .mobile-sidebar-levels-1 .nav-slide > li > ul.children > li { align-items: center; display: flex; flex-flow: wrap; }
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-slide, .mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-slide { display: block; }
.mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-parent, .mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-parent { overflow-y: hidden; padding-right: 100%; width: 200%; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) { border-top: 1px solid rgb(236, 236, 236); margin-bottom: 0px; margin-top: 0px; transition: background-color 0.3s; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > a { color: rgba(102, 102, 102, 0.85); font-size: 0.8em; letter-spacing: 0.02em; padding-bottom: 15px; padding-left: 20px; padding-top: 15px; text-transform: uppercase; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header):hover, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header):hover { background-color: rgba(0, 0, 0, 0.05); }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children { bottom: 0px; display: none; left: 200%; opacity: 1; overflow: visible auto; padding-bottom: 20px; padding-right: 0px; padding-top: 20px; position: fixed; top: 0px; transform: none; width: 100%; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu > li, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children > li, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu > li, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children > li { align-items: center; display: flex; flex-flow: wrap; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-slide { display: block; }
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-parent { overflow-y: hidden; padding-right: 100%; width: 200%; }
.nav-slide { height: 100%; overflow: visible auto; padding-top: 20px; }
.nav-slide .active > .toggle { transform: none; }
.nav-slide > li { flex-shrink: 0; }
.nav-slide-header .toggle { padding-left: 5px; text-align: left; width: 100%; margin-left: 0px !important; position: relative !important; top: 0px !important; }
.nav-slide-header .toggle i { font-size: 1.4em; margin-right: 2px; }
.text-center .nav-slide-header .toggle { width: auto; margin-left: auto !important; margin-right: auto !important; }
.nav-line-bottom > li > a::before, .nav-line-grow > li > a::before, .nav-line > li > a::before { background-color: var(--fs-color-primary); content: " "; height: 3px; left: 50%; opacity: 0; position: absolute; top: 0px; transform: translateX(-50%); transition: 0.3s; width: 100%; }
.nav-line-bottom > li.active > a::before, .nav-line-bottom > li:hover > a::before, .nav-line-grow > li.active > a::before, .nav-line-grow > li:hover > a::before, .nav-line > li.active > a::before, .nav-line > li:hover > a::before { opacity: 1; }
.nav:hover > li:not(:hover) > a::before { opacity: 0; }
.tabbed-content .nav-line-bottom::before { bottom: 0px; top: auto; }
.nav-line-grow > li > a::before { width: 0px; }
.nav-line-grow > li.active > a::before, .nav-line-grow > li:hover > a::before { width: 100%; }
.nav-line-bottom > li::after, .nav-line-bottom > li::before { display: none; }
.nav-line-bottom > li > a::before { bottom: 0px; top: auto; }
.nav-box > li.active > a, .nav-pills > li.active > a { background-color: var(--fs-color-primary); color: rgb(255, 255, 255); opacity: 1; }
.nav-tabs > li.active > a { background-color: rgb(255, 255, 255); }
.nav-dark .nav.nav-tabs > li.active > a { color: rgb(0, 0, 0); }
.nav-outline > li.active > a { border-color: currentcolor; color: var(--fs-color-primary); }
.tabbed-content { display: flex; flex-flow: wrap; }
.tabbed-content .nav, .tabbed-content .tab-panels { width: 100%; }
.tab-panels { padding-top: 1em; }
.tab-panels .entry-content { padding: 0px; }
.tab-panels .panel:not(.active) { display: block; height: 0px; opacity: 0; overflow: hidden; padding: 0px; visibility: hidden; }
.tab-panels .panel.active { display: block !important; }
.nav-box > li, .nav-outline > li, .nav-pills > li, .nav-tabs > li { margin: 0px; }
.nav-box > li > a, .nav-pills > li > a { line-height: 2.5em; padding: 0px 0.75em; }
.nav-pills > li > a { border-radius: 99px; }
.nav-tabs > li > a { background-color: rgba(0, 0, 0, 0.04); border-left: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-top: 2px solid rgb(221, 221, 221); padding-left: 15px; padding-right: 15px; }
.nav-tabs > li.active > a { border-top-color: var(--fs-color-primary); }
.nav-dark .nav-tabs > li:not(.active) > a { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; }
.tabbed-content .nav-tabs > li { margin: 0px 0.1em -1px; }
.nav-tabs + .tab-panels { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 30px; }
.nav-outline > li > a { border: 2px solid transparent; border-radius: 32px; line-height: 2.4em; padding: 0px 0.75em; position: relative; z-index: 10; }
@media (min-width: 850px) {
  .tabbed-content .nav-vertical { padding-top: 0px; width: 25%; }
  .nav-vertical + .tab-panels { border-left: 1px solid rgb(221, 221, 221); flex: 1 1 0%; padding: 0px 30px 30px; margin-top: 0px !important; }
  .tabbed-content .nav-vertical.nav-outline { padding-right: 15px; }
}
@media (max-width: 549px) {
  .small-nav-collapse > li { width: 100%; margin: 0px !important; }
  .small-nav-collapse > li a { display: block; width: 100%; }
  .small-nav-touch { flex-flow: row; overflow: auto hidden; white-space: nowrap; }
  .small-nav-touch > li { display: inline-block; }
}
.sidebar-menu-tabs__tab { background-color: rgba(0, 0, 0, 0.02); flex: 1 0 50%; list-style-type: none; max-width: 50%; text-align: center; }
.sidebar-menu-tabs__tab.active { background-color: rgba(0, 0, 0, 0.05); }
.sidebar-menu-tabs__tab-text { flex: 1 1 auto; }
.sidebar-menu-tabs.nav > li { margin: 0px; }
.sidebar-menu-tabs.nav > li > a { display: flex; padding: 15px 10px; }
.toggle { color: currentcolor; height: auto; line-height: 1; margin: 0px 5px 0px 0px; opacity: 0.6; padding: 0px; width: 45px; box-shadow: none !important; }
.toggle i { font-size: 1.8em; transition: 0.3s; }
.toggle:focus { color: currentcolor; }
.toggle:hover { cursor: pointer; opacity: 1; }
.active > .toggle { transform: rotate(-180deg); }
.active > ul.children, .active > ul.sub-menu:not(.nav-dropdown) { display: block !important; }
.widget .toggle { margin: 0px 0px 0px 5px; min-height: 1em; width: 1em; }
.widget .toggle i { font-size: 1.2em; top: 1px; }
@media (prefers-reduced-motion) {
  .toggle { transition: none; }
}
.nav.nav-vertical { flex-flow: column; }
.nav.nav-vertical li { list-style: none; margin: 0px; width: 100%; }
.nav-vertical li li { font-size: 1em; padding-left: 0.5em; }
.nav-vertical .image-column { display: none !important; }
.nav-vertical > li { align-items: center; display: flex; flex-flow: wrap; }
.nav-vertical > li ul { width: 100%; }
.nav-vertical li li.menu-item-has-children { margin-bottom: 1em; }
.nav-vertical li li.menu-item-has-children:not(:first-child) { margin-top: 1em; }
.nav-vertical > li > a, .nav-vertical > li > ul > li a { align-items: center; display: flex; flex-grow: 1; width: auto; }
.nav-vertical li li.menu-item-has-children > a { color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bolder; text-transform: uppercase; }
.nav-vertical > li.html { padding-bottom: 1em; padding-top: 1em; }
.nav-vertical > li > ul li a { color: rgb(102, 102, 102); transition: color 0.2s; }
.nav-vertical > li > ul li a:hover { color: rgb(17, 17, 17); opacity: 1; }
.nav-vertical > li > ul { margin: 0px 0px 2em; padding-left: 1em; }
.nav .children { left: -99999px; opacity: 0; position: fixed; transform: translateX(-10px); transition: background-color 0.6s, transform 0.3s, opacity 0.3s; }
@media (prefers-reduced-motion) {
  .nav .children { opacity: 1; transform: none; }
}
.nav:not(.nav-slide) .active > .children { left: auto; opacity: 1; padding-bottom: 30px; position: inherit; transform: translateX(0px); }
.nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover { background-color: rgba(0, 0, 0, 0.05); }
.nav-sidebar.nav-vertical > li + li { border-top: 1px solid rgb(236, 236, 236); }
.dark .nav-sidebar.nav-vertical > li + li, .dark .nav-vertical-fly-out > li + li { border-color: rgba(255, 255, 255, 0.2); }
.nav-vertical > li + li { border-top: 1px solid rgb(236, 236, 236); }
.nav-vertical-fly-out > li + li { border-color: rgb(236, 236, 236); }
.nav-vertical.nav-line > li > a::before { height: 100%; left: auto; right: -2px; width: 3px; z-index: 1; }
.nav-vertical.nav-tabs > li > a { border: 0px; }
.nav-vertical.nav-tabs > li.active > a { border-left: 3px solid var(--fs-color-primary); }
.text-center .toggle { margin-left: -35px; }
.text-center .nav-vertical li { border: 0px; }
.text-center .nav-vertical li li, .text-center.nav-vertical li li { padding-left: 0px; }
@media screen and (max-width: 549px) {
  .small-nav-vertical { flex-flow: column; margin-bottom: 20px; }
  .small-nav-vertical > li { border-bottom: 1px solid rgb(236, 236, 236); list-style: none; width: 100%; margin: 0px !important; }
}
.nav-vertical .mega-menu-item { width: 100%; }
.nav-vertical .header-button, .nav-vertical .social-icons { display: block; width: 100%; }
@media screen and (min-width: 849px) {
  .col-divided > .col-inner > .nav-wrapper > .nav-vertical { width: calc(100% + 31px); }
}
.header-vertical-menu__opener { align-items: center; background-color: var(--fs-color-primary); display: flex; flex-direction: row; font-size: 0.9em; font-weight: 600; height: 50px; justify-content: space-between; padding: 12px 15px; width: 250px; }
.header-vertical-menu__opener .icon-menu { font-size: 1.7em; margin-right: 10px; }
.header-vertical-menu__tagline { display: block; font-size: 0.9em; font-weight: 400; line-height: 1.3; }
.header-vertical-menu__title { flex: 1 1 auto; }
.header-vertical-menu__fly-out { background-color: rgb(255, 255, 255); opacity: 0; position: absolute; visibility: hidden; width: 250px; z-index: 9; }
.header-vertical-menu__fly-out .nav-vertical-fly-out { align-items: stretch; display: flex; flex-direction: column; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item { list-style: none; margin: 0px; position: static; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item[class*=" label-"] > a::after, .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item[class^="label-"] > a::after { order: 2; top: 0px; }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a > i.icon-angle-down { margin-left: auto; margin-right: -0.1em; order: 3; transform: rotate(-90deg); }
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a { align-items: center; display: flex; padding: 10px 15px; }
.header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > i, .header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > img, .header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > svg { margin-right: 10px; }
.header-vertical-menu__fly-out .nav-top-link { font-size: 0.9em; order: 1; }
.header-vertical-menu__fly-out .current-dropdown .nav-dropdown { left: 100% !important; top: 0px; }
.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown { min-height: 100%; }
.header-vertical-menu__fly-out--open { opacity: 1; visibility: visible; }
.sticky-hide-on-scroll--active .header-vertical-menu__fly-out, .stuck .header-vertical-menu__fly-out { opacity: 0; visibility: hidden; }
.header-wrapper:not(.stuck) .header-vertical-menu__fly-out { transition: opacity 0.25s, visibility 0.25s; }
.header-vertical-menu__fly-out.has-shadow { box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 15px; }
.header-vertical-menu:hover .header-vertical-menu__fly-out { opacity: 1; visibility: visible; }
.badge-container { margin: 30px 0px 0px; }
.badge { backface-visibility: hidden; display: table; height: 2.8em; pointer-events: none; width: 2.8em; z-index: 20; }
.badge.top { left: 0px; }
.badge-inner { background-color: var(--fs-color-primary); color: rgb(255, 255, 255); display: table-cell; font-weight: bolder; height: 100%; line-height: 0.85; padding: 2px; text-align: center; transition: background-color 0.3s, color 0.3s, border 0.3s; vertical-align: middle; white-space: nowrap; width: 100%; }
.badge-small { height: 2.3em; width: 2.3em; }
.badge-small .badge-inner { line-height: 0.7; }
.badge + .badge { height: 2.5em; opacity: 0.9; width: 2.5em; }
.badge + .badge + .badge { opacity: 0.8; }
.badge-frame .badge-inner, .badge-outline .badge-inner { background-color: rgb(255, 255, 255); border: 2px solid; color: var(--fs-color-primary); }
.has-hover:hover .badge-outline .badge-inner { background-color: var(--fs-color-primary); border-color: var(--fs-color-primary); color: rgb(255, 255, 255); }
.badge-circle, .badge-outline { margin-left: -0.4em; }
.badge-circle-inside { margin-left: 1em; }
.badge-circle + .badge { margin-left: -0.4em; margin-top: -0.4em; }
.badge-circle .badge-inner, .badge-circle-inside .badge-inner { border-radius: 999px; }
.badge-frame .badge-inner, .widget .badge-outline .badge-inner { background-color: transparent; }
.badge-frame { height: 2em; margin-left: -4px; }
.widget .badge { margin: 0px !important; }
.dark .widget .badge-outline .badge-inner { color: rgb(255, 255, 255); opacity: 0.7; }
.row-collapse .badge-circle { margin-left: 15px; }
.banner { background-color: var(--fs-color-primary); min-height: 30px; position: relative; width: 100%; }
.banner-bg { overflow: hidden; }
.banner-layers { height: 100%; max-height: 100%; position: relative; }
@media (max-width: 549px) {
  .banner-layers { overflow: auto; }
}
.banner-layers > * { position: absolute !important; }
.dark .banner a { color: rgb(255, 255, 255); }
.video-bg { font-family: "object-fit: cover; object-position: center center;"; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; width: 100%; }
@media (min-width: 549px) {
  .has-video .bg { display: none; }
}
.box { margin: 0px auto; position: relative; width: 100%; }
.box > a { display: block; width: 100%; }
.box a { display: inline-block; }
.box, .box-image, .box-text { transition: opacity 0.3s, transform 0.3s, background-color 0.3s; }
.box-image > a, .box-image > div > a { display: block; }
.box-image > a:focus-visible, .box-image > div > a:focus-visible { outline-offset: -2px; }
.box-text { font-size: 0.9em; padding-bottom: 1.4em; padding-top: 0.7em; position: relative; width: 100%; }
.has-shadow .box-text { padding-left: 1.2em; padding-right: 1.2em; }
@media (max-width: 549px) {
  .box-text { font-size: 85%; }
}
.box-image { height: auto; margin: 0px auto; overflow: hidden; position: relative; }
.box-image[style*="-radius"] { mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0)); }
.box-image-inner { overflow: hidden; position: relative; z-index: 0; }
.box-text.text-center { padding-left: 10px; padding-right: 10px; }
.box-image img { margin: 0px auto; max-width: 100%; width: 100%; }
.box-label { overflow: hidden; }
.box-label .box-text.text-center { left: 50%; margin: 10% 0px; transform: translateX(-50%); }
.box-label .box-text.text-right { left: auto; right: 0px; }
.box-label .box-text { background-color: rgb(255, 255, 255); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3px 0px; margin: 10%; opacity: 0.95; padding: 0.5em 1.5em 0.55em; position: absolute; width: auto; }
.box-label:hover .box-text { opacity: 1; }
.box-badge { overflow: hidden; }
.box-badge .box-text { background-color: rgba(255, 255, 255, 0.95); bottom: 15%; padding: 0.8em 1em 1em; position: absolute; transition: background 0.3s; z-index: 1; }
.dark .box-badge .box-text { background-color: rgba(0, 0, 0, 0.95); }
.box-badge:hover .box-text { background-color: var(--fs-color-primary); }
.box-bounce .box-text { padding: 15px 15px 20px; z-index: 1; }
.box-bounce:hover .box-text { background-color: rgb(255, 255, 255); transform: translateY(-15px); }
.dark .box-bounce:hover .box-text { background-color: rgb(34, 34, 34); }
.box-bounce:hover .box-image { transform: translateY(-5px); }
.box-push .box-text { background-color: rgba(255, 255, 255, 0.95); margin: -15% auto 0px; max-width: 85%; padding: 15px 20px; }
.box-overlay .box-text, .box-shade .box-text { bottom: 0px; max-height: 100%; padding-left: 1.5em; padding-right: 1.5em; position: absolute; width: 100%; }
.box-overlay.dark .box-text, .box-shade.dark .box-text { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px; }
.box-none .box-text { display: none !important; }
.has-post-icon:hover .box-overlay .box-text, .has-post-icon:hover .box-shade .box-text { opacity: 0 !important; }
.box-text-middle.box-overlay .box-text, .box-text-middle.box-shade .box-text { left: 0px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); z-index: 16; bottom: auto !important; }
.box-text-top.box-overlay .box-text, .box-text-top.box-shade .box-text { left: 0px; position: absolute; right: 0px; top: 0px; z-index: 16; bottom: auto !important; }
.box-vertical .box-text-middle .box-text { bottom: auto; position: relative; top: auto; transform: translateY(0px); }
.has-box-vertical .col { max-width: 100% !important; width: 100% !important; }
@media screen and (max-width: 549px) {
  .box-vertical .box-image { width: 100% !important; }
}
@media screen and (min-width: 550px) {
  .box-list-view .col { flex-basis: 100% !important; max-width: 100% !important; }
  .box-list-view .box, .box-vertical { display: table; width: 100%; }
  .box-list-view .box .image-right, .box-vertical .image-right { direction: rtl; }
  .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: middle; }
  .box-list-view .box .box-text, .box-vertical .box-text { padding-left: 1.5em; padding-right: 1.5em; }
  .box-list-view .box .box-image, .box-vertical .box-image { width: 50%; }
  .box-list-view .box.align-top .box-text, .box-vertical.align-top .box-text { vertical-align: top; }
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: transparent; border: 1px solid transparent; border-radius: 0px; box-sizing: border-box; color: currentcolor; cursor: pointer; display: inline-block; font-size: 0.97em; font-weight: bolder; letter-spacing: 0.03em; line-height: 2.4em; margin-right: 1em; margin-top: 0px; max-width: 100%; min-height: 2.5em; padding: 0px 1.2em; position: relative; text-align: center; text-decoration: none; text-rendering: optimizelegibility; text-shadow: none; text-transform: uppercase; transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s; vertical-align: middle; }
.button span { display: inline-block; line-height: 1.6; }
.button.is-outline { line-height: 2.19em; }
.nav > li > a.button, .nav > li > a.button:hover { padding-bottom: 0px; padding-top: 0px; }
.nav > li > a.button:hover { color: rgb(255, 255, 255); }
.button, input[type="button"].button, input[type="reset"].button, input[type="submit"], input[type="submit"].button { background-color: var(--fs-color-primary); border-color: rgba(0, 0, 0, 0.05); color: rgb(255, 255, 255); }
.button.is-outline, input[type="button"].is-outline, input[type="reset"].is-outline, input[type="submit"].is-outline { background-color: transparent; border: 2px solid; }
.button:hover, .dark .button.is-form:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 100px inset; color: rgb(255, 255, 255); opacity: 1; outline: none; }
.button.is-link, .button.is-underline { padding-left: 0.15em; padding-right: 0.15em; background-color: transparent !important; border-color: transparent !important; }
.button.is-underline::before { background-color: currentcolor; bottom: 0px; content: ""; height: 2px; left: 20%; opacity: 0.3; position: absolute; transition: 0.3s; width: 60%; }
.button.is-underline:hover::before { left: 0px; opacity: 1; width: 100%; }
.is-link, .is-underline { color: rgb(102, 102, 102); }
.dark .button.is-link:hover, .dark .button.is-underline:hover { color: rgb(255, 255, 255); opacity: 0.8; }
.button.is-link:hover, .button.is-underline:hover { box-shadow: none; color: rgb(51, 51, 51); }
.is-form, button.is-form, button[type="submit"].is-form, input[type="button"].is-form, input[type="reset"].is-form, input[type="submit"].is-form { background-color: rgb(249, 249, 249); border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); font-weight: 400; overflow: hidden; position: relative; text-shadow: rgb(255, 255, 255) 1px 1px 1px; text-transform: none; }
.button.is-form:hover { background-color: rgb(241, 241, 241); color: rgb(0, 0, 0); }
.dark .button, .dark input[type="button"], .dark input[type="reset"], .dark input[type="submit"] { color: rgb(255, 255, 255); }
.dark .button.is-form, .dark input[type="button"].is-form, .dark input[type="reset"].is-form, .dark input[type="submit"].is-form { color: rgb(0, 0, 0); }
.is-round { border-radius: 99px; }
.is-bevel, .is-gloss, .is-shade { overflow: hidden; }
.is-bevel::after, .is-gloss::after, .is-shade::after { box-shadow: rgba(255, 255, 255, 0.1) 0px 1.2em 0px 0px inset; content: ""; height: 100%; left: -25%; position: absolute; top: 0px; width: 150%; }
.is-shade::after { box-shadow: rgba(255, 255, 255, 0.1) 1px 1px 0px 0px inset, rgba(255, 255, 255, 0.2) 0px 2em 15px 0px inset; }
.is-bevel::after { box-shadow: rgba(0, 0, 0, 0.15) -0.01em -0.1em 0px 0px inset; left: 0px; width: 100%; }
.is-outline { color: silver; }
.is-outline:hover { box-shadow: none !important; }
.primary, input[type="submit"], input[type="submit"].button { background-color: var(--fs-color-primary); }
.primary.is-link, .primary.is-outline, .primary.is-underline { color: var(--fs-color-primary); }
.is-outline:hover, .primary.is-outline:hover { background-color: var(--fs-color-primary); border-color: var(--fs-color-primary); color: rgb(255, 255, 255); }
.success { background-color: var(--fs-color-success); }
.success.is-link, .success.is-outline, .success.is-underline { color: var(--fs-color-success); }
.success.is-outline:hover { background-color: var(--fs-color-success); border-color: var(--fs-color-success); color: rgb(255, 255, 255); }
.white { background-color: rgb(255, 255, 255) !important; color: rgb(102, 102, 102) !important; }
.white.button.is-outline { background-color: transparent; color: currentcolor !important; }
.white.is-link, .white.is-outline, .white.is-underline { background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.white.is-outline:hover { border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255) !important; color: rgb(102, 102, 102) !important; }
.button.alt, .button.checkout, .checkout-button, .secondary { background-color: var(--fs-color-secondary); }
.secondary.is-link, .secondary.is-outline, .secondary.is-underline { color: var(--fs-color-secondary); }
.secondary.is-outline:hover { background-color: var(--fs-color-secondary); border-color: var(--fs-color-secondary); color: rgb(255, 255, 255); }
a.primary:not(.button), a.secondary:not(.button) { background-color: transparent; }
.alert { background-color: var(--fs-color-alert); }
.alert.is-link, .alert.is-outline, .alert.is-underline { color: var(--fs-color-alert); }
.alert.is-outline:hover { background-color: var(--fs-color-alert); border-color: var(--fs-color-alert); color: rgb(255, 255, 255); }
.text-center .button:first-of-type { margin-left: 0px !important; }
.text-center .button:last-of-type, .text-right .button:last-of-type { margin-right: 0px !important; }
.button.disabled, .button[disabled], button.disabled, button[disabled] { opacity: 0.6; }
.header-buttons .button { margin-bottom: 0px; margin-right: 0.65em; }
.header-button { display: inline-block; }
.header-button .plain.is-outline:not(:hover) { color: rgb(153, 153, 153); }
.nav-dark .header-button .plain.is-outline:not(:hover) { color: rgb(255, 255, 255); }
.header-button .button { margin: 0px; }
.scroll-for-more { margin-left: 0px !important; }
.scroll-for-more:not(:hover) { opacity: 0.7; }
.flex-col .button, .flex-col button, .flex-col input { margin-bottom: 0px; }
code { background: rgb(241, 241, 241); border: 1px solid rgb(225, 225, 225); border-radius: 4px; font-size: 0.9em; margin: 0px calc(0.2 * var(--c4-rem,16px)); padding: calc(0.2 * var(--c4-rem,16px)) calc(0.5 * var(--c4-rem,16px)); }
pre > code { display: block; padding: calc(1 * var(--c4-rem,16px)) calc(1.5 * var(--c4-rem,16px)); white-space: pre; }
.dark code { background-color: rgba(0, 0, 0, 0.5); border-color: rgb(0, 0, 0); }
.is-divider { background-color: rgba(0, 0, 0, 0.1); display: block; height: 3px; margin: 1em 0px; max-width: 30px; width: 100%; }
.widget .is-divider { margin-top: 0.66em; }
.dark .is-divider { background-color: rgba(255, 255, 255, 0.3); }
form { margin-bottom: 0px; }
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; box-sizing: border-box; color: rgb(51, 51, 51); font-size: 0.97em; height: 2.507em; max-width: 100%; padding: 0px 0.75em; transition: color 0.3s, border 0.3s, background 0.3s, opacity 0.3s; vertical-align: middle; width: 100%; }
@media (max-width: 849px) {
  .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea { font-size: calc(1 * var(--c4-rem,16px)); }
}
input:hover, select:hover, textarea:hover { box-shadow: transparent 0px -1.8em 1em 0px inset; }
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea { appearance: none; }
textarea { min-height: 120px; padding-top: 0.7em; }
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, select:focus, textarea:focus { background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 5px; color: rgb(51, 51, 51); outline: 0px; opacity: 1 !important; }
label, legend { display: block; font-size: 0.9em; font-weight: 700; margin-bottom: 0.4em; }
legend { border-bottom: 1px solid rgb(241, 241, 241); font-size: 1em; font-weight: 700; margin: 30px 0px 15px; padding-bottom: 10px; text-transform: uppercase; width: 100%; }
fieldset { border-width: 0px; padding: 0px; }
input[type="checkbox"], input[type="radio"] { display: inline; font-size: 16px; margin-right: 10px; }
label > .label-body { display: inline-block; font-weight: 400; margin-left: 0.5em; }
abbr[title="required"] { color: var(--fs-color-alert); }
input[type="checkbox"] + label, input[type="radio"] + label { display: inline; }
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select { appearance: none; background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: right 0.45em top 50%; background-repeat: no-repeat; background-size: auto 16px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.02) 0px -1.4em 1em 0px inset; display: block; padding-right: 1.4em; }
.select-resize-ghost { display: inline-block; opacity: 0; position: absolute; width: auto; }
select.resize-select { width: 55px; }
.select2-selection__arrow b { border-color: transparent !important; }
.select2-container .selection .select2-selection--multiple { background-image: none; height: auto; line-height: 1.7em; padding: 10px; }
.select2-container .selection .select2-selection--multiple .select2-selection__choice { padding: 5px; }
.form-flat input:not([type="submit"]), .form-flat select, .form-flat textarea { background-color: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.09); border-radius: 99px; box-shadow: none; color: currentcolor !important; }
.form-flat button, .form-flat input { border-radius: 99px; }
.form-flat textarea { border-radius: 15px; }
.flex-row.form-flat .flex-col, .form-flat .flex-row .flex-col { padding-right: 4px; }
.dark .form-flat input:not([type="submit"]), .dark .form-flat select, .dark .form-flat textarea, .nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat select, .nav-dark .form-flat textarea { border-color: rgba(255, 255, 255, 0.09); color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2) !important; }
.dark .form-flat select option { color: rgb(51, 51, 51); }
.dark .form-flat select, .nav-dark .form-flat select { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }
.dark .form-flat input::-webkit-input-placeholder, .nav-dark .form-flat input::-webkit-input-placeholder { color: rgb(255, 255, 255); }
.form-flat .button.icon { box-shadow: none; background-color: transparent !important; border-color: transparent !important; color: currentcolor !important; }
.form-minimal input:not([type="submit"]), .form-minimal select, .form-minimal textarea { background-color: transparent; box-shadow: none; }
.form-minimal.quantity .qty { border-left: 0px; border-right: 0px; max-width: 2em; }
.dark .form-minimal.quantity .qty { color: rgb(255, 255, 255); }
.woocommerce-invalid input, input.wpcf7-not-valid { border-color: var(--fs-color-alert); color: var(--fs-color-alert); }
.woocommerce-invalid select { border-color: var(--fs-color-alert); }
.woocommerce-invalid input.input-checkbox { outline: 1px solid var(--fs-color-alert); outline-offset: 1px; }
.select2-container { text-align: left; }
.form-row .select2-container { margin-bottom: 1em; }
.select2-search__field { margin-bottom: 0px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; }
.select2-container .select2-choice > .select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection { line-height: 2.507em; padding: 0px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.507em; }
.fl-wrap { position: relative; }
.loading-site .fl-labels label[for]:first-child { display: none; }
.fl-labels .fl-wrap label[for]:first-child { font-size: 12px; font-weight: 400; left: 1.1em; line-height: 1; opacity: 0; pointer-events: none; position: absolute; top: 0.5em; transition: 0.3s; white-space: nowrap; }
.dark .fl-wrap label { color: rgb(0, 0, 0); }
.fl-wrap.fl-is-active > label[for]:first-child { opacity: 0.8; z-index: 1; }
.fl-labels .form-row input:not([type="checkbox"]), .fl-labels .form-row select, .fl-labels .form-row textarea { height: 3.0084em; transition: padding 0.3s; }
.form-row .fl-is-active input, .form-row .fl-is-active textarea { padding-bottom: 0.5em; padding-top: 1.1em; }
.form-row .fl-is-active select { padding-bottom: 0.4em; padding-top: 1.1em; }
.icon-box .icon-box-img { margin-bottom: 1em; max-width: 100%; position: relative; }
.flickity-slider > .icon-box, .slider > .icon-box { padding-left: 3% !important; padding-right: 3% !important; }
.icon-box-img img, .icon-box-img svg { padding-top: 0.2em; width: 100%; }
.icon-box-img svg { fill: currentcolor; height: 100%; transition: 0.3s; width: 100%; }
.icon-box-img svg path { fill: currentcolor; }
.icon-box:hover .has-icon-bg i, .icon-box:hover .has-icon-bg svg, .icon-box:hover .has-icon-bg svg path { fill: rgb(255, 255, 255); }
.has-icon-bg .icon { height: 0px; overflow: hidden; padding-top: 100%; position: relative; }
.has-icon-bg .icon .icon-inner { border: 2px solid; border-radius: 100%; color: var(--fs-color-primary); height: 100%; position: absolute; top: 0px; transition: 0.3s; width: 100%; }
.icon-box:hover .has-icon-bg .icon .icon-inner { background-color: currentcolor; }
.has-icon-bg .icon i, .has-icon-bg .icon img, .has-icon-bg .icon svg { left: 0px; margin: 0px 20%; object-fit: cover; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 60%; }
.icon-box-left .has-icon-bg .icon { position: absolute; width: 100%; }
.icon-box-left, .icon-box-right { display: flex; flex-flow: wrap; width: 100%; }
.icon-box-left .icon-box-img, .icon-box-right .icon-box-img { flex: 0 0 auto; margin-bottom: 0px; max-width: 200px; }
.icon-box-left .icon-box-text, .icon-box-right .icon-box-text { flex: 1 1 0px; }
.icon-box-right .icon-box-text { order: -1; }
.icon-box-left .icon-box-img + .icon-box-text { padding-left: 1em; }
.icon-box-right .icon-box-img + .icon-box-text { padding-right: 1em; }
.icon-box-center .icon-box-img { margin: 0px auto 1em; }
.links > li > a::before, i[class*=" icon-"], i[class^="icon-"] { display: inline-block; line-height: 1.2; margin: 0px; padding: 0px; position: relative; speak: none !important; font-family: fl-icons !important; font-style: normal !important; font-variant: normal !important; font-weight: 400 !important; text-transform: none !important; }
.widget-title i { margin-right: 4px; opacity: 0.35; }
.button i, button i { top: -1.5px; vertical-align: middle; }
.button.open-video i { top: -0.027em; }
a.icon-remove, a.remove { border: 2px solid; border-radius: 100%; color: rgb(204, 204, 204); display: block; font-weight: 700; height: 24px; text-align: center; width: 24px; font-size: 15px !important; line-height: 19px !important; }
a.icon:not(.button), button.icon:not(.button) { font-family: sans-serif; font-size: 1.2em; margin-left: 0.25em; margin-right: 0.25em; }
.header a.icon:not(.button) { margin-left: 0.3em; margin-right: 0.3em; }
.header .nav-small a.icon:not(.button) { font-size: 1em; }
.button.icon { display: inline-block; margin-left: 0.12em; margin-right: 0.12em; min-width: 2.5em; padding-left: 0.6em; padding-right: 0.6em; }
.button.icon i { font-size: 1.2em; }
.button.icon i + span { padding-right: 0.5em; }
.button.icon.is-small { border-width: 1px; }
.button.icon.is-small i { top: -1px; }
.button.icon.circle { padding-left: 0px; padding-right: 0px; }
.button.icon.circle > span { margin: 0px 8px; }
.button.icon.circle > span + i { margin-left: -4px; }
.button.icon.circle > i { margin: 0px 8px; }
.button.icon.circle > i + span { margin-left: -4px; }
.button.icon.circle > i:only-child { margin: 0px; }
.nav > li > a > i { font-size: 20px; transition: color 0.3s; vertical-align: middle; }
.nav > li > a > i + span { margin-left: 5px; }
.nav li.has-icon-left > a > i, .nav li.has-icon-left > a > img, .nav li.has-icon-left > a > svg { margin-right: 5px; }
.nav > li > a > span + i { margin-left: 5px; }
.nav-small > li > a > i { font-size: 1em; }
.nav > li > a > i.icon-search { font-size: 1.2em; }
.nav > li > a > i.icon-menu { font-size: 1.9em; }
.nav > li.has-icon > a > i { min-width: 1em; }
.nav-vertical > li > a > i { font-size: 16px; opacity: 0.6; }
.header-button a.icon:not(.button) { display: inline-block; padding: 6px 0px; }
.header-button a.icon:not(.button) i { font-size: 24px; }
.header-button a.icon:not(.button) i.icon-search { font-size: 16px; }
.nav-small .header-button a.icon:not(.button) { padding: 3px 0px; }
.button:not(.icon) > i { margin-left: -0.15em; margin-right: 0.4em; }
.button:not(.icon) > span + i { margin-left: 0.4em; margin-right: -0.15em; }
.has-dropdown .icon-angle-down { font-size: 16px; margin-left: 0.2em; opacity: 0.6; }
.overlay-icon { background-color: rgba(0, 0, 0, 0.2); border: 2px solid rgb(255, 255, 255); border-radius: 100%; color: rgb(255, 255, 255); height: 3em; line-height: 2.8em; opacity: 0.8; text-align: center; transition: transform 0.2s, opacity 0.2s; width: 3em; }
.overlay-icon i { font-size: 1.3em; top: 3px; transition: color 0.3s; }
.has-hover:hover .overlay-icon { opacity: 1; transform: scale(1.15); }
.box-overlay .overlay-icon, .box-shade .overlay-icon { opacity: 0; }
.image-icon { display: inline-block; height: auto; position: relative; vertical-align: middle; }
span + .image-icon { margin-left: 10px; }
.image-icon img { max-width: 32px; min-width: 100%; }
.nav-small .image-icon { height: 16px; margin: 0px 5px; width: 16px; }
.nav-small .image-icon img { vertical-align: top; }
[data-icon-label] { position: relative; }
[data-icon-label="0"]::after { display: none; }
[data-icon-label]::after { background-color: var(--fs-color-secondary); border-radius: 99px; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px 0px; color: rgb(255, 255, 255); content: attr(data-icon-label); font-size: 11px; font-style: normal; font-weight: bolder; height: 17px; letter-spacing: -0.5px; line-height: 17px; min-width: 17px; opacity: 0.9; padding-left: 2px; padding-right: 2px; position: absolute; right: -10px; text-align: center; top: -10px; transition: transform 0.2s; z-index: 1; font-family: Arial, sans-serif !important; }
.nav-small [data-icon-label]::after { font-size: 10px; height: 13px; line-height: 13px; min-width: 13px; right: -10px; top: -4px; }
.button [data-icon-label]::after { right: -12px; top: -12px; }
.reveal-icon i { width: 1em; }
.reveal-icon i, .reveal-icon span { display: inline-block; transition: opacity 0.3s, transform 0.3s; }
.reveal-icon span { transform: translateX(0.75em); }
.reveal-icon i + span { transform: translateX(-0.75em); }
.reveal-icon:hover > span { transform: translateX(0px); }
.reveal-icon:not(:hover) i { opacity: 0; }
img { opacity: 1; transition: opacity 1s; }
.col-inner > .img:not(:last-child), .col > .img:not(:last-child) { margin-bottom: 1em; }
.img, .img .img-inner { position: relative; }
.img .img-inner { overflow: hidden; }
.img, .img img { width: 100%; }
.overlay { background-color: rgba(0, 0, 0, 0.15); height: 100%; left: -1px; pointer-events: none; right: -1px; top: 0px; transition: transform 0.3s, opacity 0.6s; }
.img .caption, .overlay { bottom: 0px; position: absolute; }
.img .caption { background-color: rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); font-size: 14px; overflow-y: auto; padding: 4px 10px; transform: translateY(100%); transition: transform 0.5s; width: 100%; max-height: 100% !important; }
.img .caption-show, .img:hover .caption { transform: translateY(0px); }
.lazy-load { background-color: rgba(0, 0, 0, 0.03); }
.has-format, .image-cover, .video-fit { background-position: 50% 50%; background-size: cover; height: auto; overflow: hidden; padding-top: 100%; position: relative; }
.video-fit { padding-top: 56.5%; }
.has-equal-box-heights .box-image img, .has-format img, .image-cover img, .video-fit iframe, .video-fit video, img.back-image { inset: 0px; font-family: "object-fit: cover;"; height: 100%; object-fit: cover; object-position: 50% 50%; position: absolute; width: 100%; }
.has-equal-box-heights .box-image { padding-top: 100%; }
.video-fit iframe { object-fit: fill; }
.image-tools { padding: 10px; position: absolute; }
.image-tools a:last-child { margin-bottom: 0px; }
.image-tools a.button { display: block; }
.image-tools.bottom.left { padding-right: 0px; padding-top: 0px; }
.image-tools.top.right { padding-bottom: 0px; padding-left: 0px; }
.image-tools .cart-icon { bottom: 100%; left: 10px; margin: 5px; position: absolute; }
.image-tools .wishlist-button:hover { background-color: var(--fs-color-alert); border-color: var(--fs-color-alert); }
@media only screen and (max-device-width: 1024px) {
  .image-tools { padding: 5px; opacity: 1 !important; }
}
.overlay-tools { margin-top: 10px; }
.overlay-tools a { background-color: rgba(0, 0, 0, 0.4); border-radius: 99px; display: inline-block; font-size: 0.8em; margin-right: 5px; padding: 2px 10px 3px; text-shadow: none; transition: 0.3s; }
.overlay-tools a:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0) !important; }
.tag-label { background-color: rgba(0, 0, 0, 0.4); border-radius: 2px; color: rgb(255, 255, 255); display: inline-block; font-size: 0.65em; font-weight: 700; letter-spacing: 1.1px; line-height: 1; padding: 2px 5px; text-transform: uppercase; transition: background-color 0.3s, opacity 0.3s; }
.has-hover:hover .tag-label { background-color: var(--fs-color-secondary); opacity: 1; }
.lightbox-content { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 20px 0px; margin: 0px auto; max-width: 875px; position: relative; }
.lightbox-content .lightbox-inner { padding: 30px 20px; }
.pswp__bg { background-color: rgba(0, 0, 0, 0.6); }
@media (min-width: 549px) {
  .pswp__top-bar { background-color: transparent !important; }
}
.pswp__item { opacity: 0; transition: opacity 0.5s; }
.pswp--visible .pswp__item { opacity: 1; }
.pswp__caption__center { text-align: center; }
.mfp-bg { background: rgb(11, 11, 11); height: 100%; left: 0px; opacity: 0; overflow: hidden; position: fixed; top: 0px; transition: opacity 0.25s; width: 100%; z-index: 1042; }
.mfp-bg.mfp-ready { opacity: 0.6; }
.mfp-bg.mfp-removing { opacity: 0 !important; }
.mfp-wrap { backface-visibility: hidden; position: fixed; z-index: 1043; outline: none !important; }
.mfp-container, .mfp-wrap { height: 100%; left: 0px; top: 0px; width: 100%; }
.mfp-container { box-sizing: border-box; padding: 30px; position: absolute; text-align: center; }
.mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-image-holder { padding: 40px 6.66%; }
.mfp-align-top .mfp-container::before { display: none; }
.mfp-content { display: inline-block; margin: 0px auto; max-width: 100%; opacity: 0; position: relative; text-align: left; transform: translateY(-30px); transition: transform 0.5s, opacity 0.3s; vertical-align: middle; z-index: 1045; }
.mfp-content-inner { box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px 0px; }
.mfp-ready .mfp-content { opacity: 1; transform: translateY(0px); }
.mfp-ready.mfp-removing .mfp-content { opacity: 0; }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { cursor: auto; width: 100%; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }
.mfp-zoom { cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: rgb(204, 204, 204); left: 8px; margin-top: -0.8em; position: absolute; right: 8px; text-align: center; top: 50%; width: auto; z-index: 1044; }
.mfp-preloader a { color: rgb(204, 204, 204); }
.mfp-preloader a:hover { color: rgb(255, 255, 255); }
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; }
.mfp-close { backface-visibility: hidden; box-shadow: none; color: rgb(255, 255, 255); cursor: pointer; font-family: Arial, monospace; font-size: 40px; font-style: normal; font-weight: 300; height: 40px; line-height: 40px; min-height: 0px; mix-blend-mode: difference; opacity: 0; outline: none; padding: 0px; position: fixed; right: 0px; text-align: center; text-decoration: none; top: 0px; transition: opacity 0.6s 0.15s, transform 0.3s; width: 40px; z-index: 1046; margin: 0px !important; }
.mfp-close svg { pointer-events: none; }
.mfp-content .mfp-close { position: absolute; }
.mfp-ready .mfp-close { opacity: 0.6; }
.mfp-removing .mfp-close { display: none !important; }
.mfp-close:hover { opacity: 1; }
.mfp-close-btn-in .mfp-close { color: currentcolor; top: 0px !important; }
.mfp-counter { color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; position: absolute; right: 0px; top: 0px; }
.mfp-arrow { color: rgb(255, 255, 255); height: 50px; margin: 0px; mix-blend-mode: difference; opacity: 0.6; position: fixed; text-align: center; top: 50%; width: 50px; z-index: 1046; }
.mfp-arrow i { font-size: 42px !important; pointer-events: none; }
.mfp-arrow:hover { opacity: 1; }
.mfp-arrow:active { top: 50.1%; }
.mfp-arrow-left { left: 0px; transform: translateX(100%); }
.mfp-arrow-right { right: 0px; transform: translateX(-100%); }
.mfp-ready .mfp-arrow-left, .mfp-ready .mfp-arrow-right { transform: translateX(0px); }
.mfp-iframe-holder { padding-bottom: 40px; padding-top: 40px; }
.mfp-iframe-holder .mfp-content, .mfp-inline-holder .ux-mfp-inline-content--video { line-height: 0; max-width: 900px; width: 100%; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { height: 0px; overflow: hidden; padding-top: 56.25%; width: 100%; }
.mfp-iframe-scaler iframe { display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.mfp-iframe-scaler iframe, .mfp-inline-holder .ux-mfp-inline-content--video { background: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; }
.mfp-inline-holder .ux-mfp-inline-content, img.mfp-img { margin: 0px auto; }
img.mfp-img { backface-visibility: hidden; display: block; height: auto; max-height: calc(-80px + 100vh); max-width: 100%; padding: 0px 0px 40px; width: auto; }
.mfp-figure, img.mfp-img { line-height: 0; }
.mfp-figure::after { background: rgb(68, 68, 68); inset: 0px 0px 40px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; content: ""; display: block; height: auto; position: absolute; width: auto; z-index: -1; }
.mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0px; }
.mfp-bottom-bar { cursor: auto; left: 0px; margin-top: -36px; position: absolute; top: 100%; width: 100%; }
.mfp-title { overflow-wrap: break-word; color: rgb(243, 243, 243); font-size: 11px; line-height: 18px; padding-right: 36px; text-align: left; }
.mfp-title a { color: rgb(243, 243, 243); text-decoration: underline; }
.mfp-title a:hover { color: rgb(243, 243, 243); opacity: 0.8; text-decoration: none; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; }
  .mfp-img-mobile img.mfp-img { padding: 0px; }
  .mfp-img-mobile .mfp-figure::after { bottom: 0px; top: 0px; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; box-sizing: border-box; margin: 0px; padding: 3px 5px; position: fixed; top: auto; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
}
@media (max-width: 849px) {
  .c4-body.body-scroll-lock--active .mfp-wrap { overflow: auto; position: fixed !important; }
}
@media (prefers-reduced-motion) {
  .mfp-bg, .mfp-close, .mfp-content { transition: opacity 0.3s; }
}
.loading-spin, .processing { position: relative; }
.loading-spin, .processing::before { animation: 0.6s linear 0s infinite normal none running spin; border-left: 3px solid var(--fs-color-primary); border-radius: 50%; content: ""; font-size: 10px; height: 30px; margin: 0px auto; opacity: 0.8; pointer-events: none; text-indent: -9999em; width: 30px; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-top: 3px solid rgba(0, 0, 0, 0.1) !important; }
.box-image.processing::before, .dark .loading-spin, .dark .processing::before, .dark.loading-spin, .dark.processing::before { border-width: 3px !important; border-style: solid !important; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(255, 255, 255) !important; border-image: none !important; }
.box-image.processing::after { background-color: rgb(0, 0, 0); inset: 0px; content: ""; opacity: 0.1; position: absolute; }
.box-image.processing .image-tools { opacity: 0 !important; }
.woocommerce-checkout.processing::before { position: fixed; }
.loading-spin.centered, .processing::before { left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; top: 50%; z-index: 99; }
.loading-spin { border-radius: 50%; height: 30px; width: 30px; }
.button.loading { color: rgba(255, 255, 255, 0.05); position: relative; opacity: 1 !important; pointer-events: none !important; }
.button.loading::after { animation: 0.5s linear 0s infinite normal none running spin; border-width: 2px; border-style: solid; border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-image: none; border-radius: 32px; content: ""; display: block; height: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 16px; border-right-color: transparent !important; border-top-color: transparent !important; }
.is-outline .button.loading::after { border-color: var(--fs-color-primary); }
.ux-loader { z-index: 1000; }
.ux-loader__inner { left: 50%; position: absolute; z-index: 1000; }
.ux-loader--style-normal .ux-loader__inner, .ux-loader--style-spotlight .ux-loader__inner { top: 50%; }
.ux-loader--style-spotlight .ux-loader__inner { background-color: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px; height: calc(3.8 * var(--c4-rem,16px)); transform: translate(-50%, -50%); width: calc(3.8 * var(--c4-rem,16px)); }
.ux-loader--style-spotlight .dark .ux-loader__inner { background-color: rgb(51, 51, 51); }
.ux-loader--position-sticky { position: sticky; top: calc(var(--flatsome-scroll-padding-top) + 30px); }
.ux-loader--position-sticky .ux-loader__inner { top: calc(10 * var(--c4-rem,16px)); }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.ux-menu-link { align-items: center; }
.ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link { color: rgba(18, 18, 18, 0.85); }
.dark .ux-menu-link__link { border-bottom-color: rgba(255, 255, 255, 0.2); }
.dark .ux-menu-link--active .ux-menu-link__link, .dark .ux-menu-link:hover .ux-menu-link__link { color: rgba(255, 255, 255, 0.85); }
.ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link { border-bottom-style: solid; }
.ux-menu-link__link { align-items: baseline; border-bottom-color: rgb(236, 236, 236); border-bottom-width: 1px; color: currentcolor; flex: 1 1 0%; min-height: 2.5em; padding-bottom: 0.3em; padding-top: 0.3em; transition: 0.2s; }
.ux-menu-link__icon { flex-shrink: 0; vertical-align: middle; width: 16px; }
.ux-menu-link__icon + .ux-menu-link__text { padding-left: 0.5em; }
.ux-menu-title { align-items: center; color: rgb(0, 0, 0); font-size: 0.8em; font-weight: bolder; margin-top: 5px; min-height: 3.125em; padding-bottom: 0.3em; padding-top: 0.3em; text-transform: uppercase; }
.ux-menu-link + .ux-menu-title { margin-top: 5px !important; }
.dark .ux-menu-title { color: currentcolor; }
.off-canvas .nav-vertical > li > a { padding-bottom: 15px; padding-top: 15px; }
.off-canvas .nav-vertical li li > a { padding-bottom: 5px; padding-top: 5px; }
.off-canvas .hide-for-off-canvas { display: none !important; }
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content { background-color: rgba(255, 255, 255, 0.95); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; left: 0px; overflow: hidden auto; position: fixed; top: 0px; transform: translateX(calc(var(--drawer-width)*-1)); transition: transform 0.2s; width: var(--drawer-width); }
.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content { background-color: rgba(0, 0, 0, 0.95); }
.off-canvas-right .mfp-content { left: auto; right: 0px; transform: translateX(var(--drawer-width)); }
.off-canvas-center .nav-vertical > li > a, .off-canvas-center .nav-vertical > li > ul > li a { justify-content: center; }
.off-canvas-center .nav-vertical > li > a { font-size: 1.5em; }
.off-canvas-center .mfp-container { padding: 0px; }
.off-canvas-center .mfp-content { max-width: 700px; overflow: hidden auto; padding-top: 50px; }
.off-canvas-center .mfp-content .searchform { margin: 0px auto; max-width: 260px; }
.off-canvas-center.mfp-bg.mfp-ready { opacity: 0.85; }
.mfp-bg.off-canvas-center:not(.dark) { background-color: rgb(255, 255, 255); opacity: 0.95; }
.off-canvas-center .nav-sidebar.nav-vertical > li { border: 0px; }
.off-canvas-center .nav-sidebar.nav-vertical > li > a { padding-left: 30px; padding-right: 30px; }
.off-canvas-center .nav-sidebar.nav-vertical > li .toggle { position: absolute; right: 0px; top: 15px; }
.off-canvas-center:not(.dark) .mfp-close { color: currentcolor; }
.off-canvas.mfp-removing .mfp-content { opacity: 0 !important; }
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { opacity: 1; transform: translate(0px); }
.has-off-canvas .off-canvas-blur { filter: blur(5px); }
.has-off-canvas .off-canvas-zoom { transform: scale(0.98); }
.off-canvas .sidebar-menu { padding: 30px 0px; }
.off-canvas .sidebar-inner { padding: 30px 20px; }
.off-canvas:not(.off-canvas-center) .nav-vertical li > a { padding-left: 20px; }
.off-canvas:not(.off-canvas-center) li.html { padding: 20px; }
@media (prefers-reduced-motion) {
  .off-canvas-left .mfp-content, .off-canvas-right .mfp-content { transition: opacity 0.2s; }
}
.ux-relay__nav-button { line-height: unset; margin: 0px; max-height: unset; padding: 0px; }
.ux-relay__nav-button svg { fill: currentcolor; width: 25px; }
.ux-relay__nav-button:not([disabled]):hover svg { fill: var(--fs-color-primary); }
.stack { --stack-gap: 0; display: flex; }
.stack > .text > :first-child { margin-top: 0px; }
.stack > .text > :last-child { margin-bottom: 0px; }
.stack-row { flex-direction: row; }
.stack-row > * { margin: 0px !important; }
.stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
.stack-col { flex-direction: column; }
.stack-col > * { margin: 0px !important; }
.stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
.items-stretch { align-items: stretch; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-baseline { align-items: baseline; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
@media (max-width: 849px) {
  .md\:stack-row { flex-direction: row; }
  .md\:stack-row > * { margin: 0px !important; }
  .md\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
  .md\:stack-col { flex-direction: column; }
  .md\:stack-col > * { margin: 0px !important; }
  .md\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
  .md\:items-stretch { align-items: stretch; }
  .md\:items-start { align-items: flex-start; }
  .md\:items-center { align-items: center; }
  .md\:items-end { align-items: flex-end; }
  .md\:items-baseline { align-items: baseline; }
  .md\:justify-start { justify-content: flex-start; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-between { justify-content: space-between; }
  .md\:justify-around { justify-content: space-around; }
}
@media (max-width: 549px) {
  .sm\:stack-row { flex-direction: row; }
  .sm\:stack-row > * { margin: 0px !important; }
  .sm\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; }
  .sm\:stack-col { flex-direction: column; }
  .sm\:stack-col > * { margin: 0px !important; }
  .sm\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; }
  .sm\:items-stretch { align-items: stretch; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:items-center { align-items: center; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:items-baseline { align-items: baseline; }
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-around { justify-content: space-around; }
}
table { border-color: rgb(236, 236, 236); border-spacing: 0px; margin-bottom: 1em; width: 100%; }
td, th { border-bottom: 1px solid rgb(236, 236, 236); font-size: 0.9em; line-height: 1.3; padding: 0.5em; text-align: left; }
td { color: rgb(102, 102, 102); }
td:first-child, th:first-child { padding-left: 0px; }
td:last-child, th:last-child { padding-right: 0px; }
.dark td, .dark th { border-color: rgba(255, 255, 255, 0.08); }
td .label, td dl, td form, td input, td label, td p, td select { margin: 0.5em 0px; }
label { color: rgb(34, 34, 34); }
.table { display: table; }
.table-cell { display: table-cell; vertical-align: middle; }
@media (max-width: 849px) {
  .touch-scroll-table { box-shadow: rgba(0, 0, 0, 0.5) -2px 0px 18px -5px inset; margin-left: -15px; overflow: scroll hidden; padding: 15px; position: relative; width: calc(100% + 30px); }
  .touch-scroll-table table { width: 100%; }
}
.text-box { max-height: 100%; }
.text-box .text-box-content { backface-visibility: hidden; position: relative; z-index: 10; }
.text-box-circle .text-box-content, .text-box-square .text-box-content { background-color: rgba(0, 0, 0, 0.9); height: 0px; padding: 100% 0px 0px !important; }
.text-box-circle .text-inner, .text-box-square .text-inner { left: 0px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.text-box-circle .border, .text-box-circle .text-box-content { border-radius: 100% !important; }
.slider-wrapper { position: relative; }
.flickity-slider > .img, .slider-wrapper:last-child, .slider > .img { margin-bottom: 0px; }
.row-slider, .slider { position: relative; scrollbar-width: none; }
.slider-full .flickity-slider > .col { padding: 0px !important; }
.slider-load-first { max-height: 999px; transition: max-height 2s; }
.slider-load-first:not(.flickity-enabled) { max-height: 500px; }
.slider-load-first:not(.flickity-enabled) > div { opacity: 0; }
.slider:not(.flickity-enabled) { overflow: scroll hidden; white-space: nowrap; width: auto; }
.row-slider::-webkit-scrollbar, .slider::-webkit-scrollbar { height: 0px !important; width: 0px !important; }
.row.row-slider:not(.flickity-enabled) { display: block; }
.slider:not(.flickity-enabled) > * { vertical-align: top; display: inline-block !important; white-space: normal !important; }
.slider:not(.flickity-enabled) > a, .slider > a, .slider > a > img, .slider > div:not(.col), .slider > img, .slider > p { width: 100%; }
.flickity-slider > a, .flickity-slider > a > img, .flickity-slider > div:not(.col), .flickity-slider > figure, .flickity-slider > img, .flickity-slider > p { margin: 0px; padding: 0px; transition: transform 0.6s, opacity 0.6s, box-shadow 0.6s; width: 100% !important; }
.flickity-slider > .row:not(.is-selected) { opacity: 0; }
.flickity-enabled { display: block; position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { height: 100%; overflow: hidden; position: relative; width: 100%; }
.flickity-slider { height: 100%; position: absolute; width: 100%; }
.slider-has-parallax .bg { transition: opacity 0.3s !important; }
.is-dragging .flickity-viewport .flickity-slider { pointer-events: none; }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; }
.flickity-prev-next-button { background-color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; bottom: 40%; color: rgb(17, 17, 17); cursor: pointer; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 40%; transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s; width: 36px; }
.flickity-prev-next-button.next { right: 2%; transform: translateX(-20%); }
.flickity-prev-next-button.previous { left: 2%; transform: translateX(20%); }
.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 0.7; transform: translateX(0px) !important; }
.slider .flickity-prev-next-button:hover { box-shadow: none; opacity: 1; }
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg { fill: var(--fs-color-primary); }
@media (min-width: 850px) {
  .slider-nav-outside .flickity-prev-next-button.next { left: 100%; right: auto; }
  .slider-nav-outside .flickity-prev-next-button.previous { left: auto; right: 100%; }
}
.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] { cursor: auto; pointer-events: none; background: none !important; box-shadow: none !important; opacity: 0 !important; }
.flickity-prev-next-button svg { height: auto; left: 50%; max-height: 100%; max-width: 100%; padding: 20%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; width: 100%; }
.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button { margin-top: -10%; }
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg { margin-top: -40px; }
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg { fill: currentcolor; border-color: currentcolor; transition: 0.3s; }
.animate-height, .slider-auto-height { transition: height 0.2s; }
.flickity-prev-next-button.no-svg { color: rgb(17, 17, 17); font-size: 26px; }
.slider-no-arrows .flickity-prev-next-button { display: none !important; }
.slider-type-fade .flickity-slider { transform: none !important; }
.slider-type-fade .flickity-slider > * { opacity: 0; z-index: 1; left: 0px !important; }
.slider-type-fade .flickity-slider > .is-selected { opacity: 1; z-index: 2; }
.slider-type-fade .flickity-page-dots, .slider-type-fade .flickity-prev-next-button { z-index: 3; }
@media screen and (min-width: 850px) {
  .slider-type-fade.product-gallery-stacked .flickity-slider > * { opacity: unset; }
}
@media (prefers-reduced-motion) {
  .flickity-prev-next-button.next, .flickity-prev-next-button.previous { transform: none !important; }
}
.flickity-page-dots { bottom: 15px; left: 20%; line-height: 1; list-style: none; margin: 0px; padding: 0px; position: absolute; right: 20%; text-align: center; }
.row-slider .flickity-page-dots { bottom: 0px; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { border: 3px solid rgb(17, 17, 17); border-radius: 50%; cursor: pointer; display: inline-block; height: 12px; margin: 0px 5px; opacity: 0.4; transition: opacity 0.3s; width: 12px; }
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot { background-color: rgb(17, 17, 17); border: 0px; height: 10px; opacity: 0.2; width: 10px; }
.flickity-page-dots .dot:hover { opacity: 0.7; }
.flickity-page-dots .dot:first-child:last-child { display: none; }
.flickity-page-dots .dot.is-selected { background-color: rgb(17, 17, 17); opacity: 1 !important; }
.slider-nav-dots-dashes .flickity-page-dots .dot { border-radius: 0px; height: 4px; margin: 0px; width: 40px; }
.slider-nav-dots-dashes-spaced .flickity-page-dots .dot { border-radius: 0px; height: 4px; width: 40px; }
.slider-nav-dots-simple .flickity-page-dots .dot { background-color: rgb(17, 17, 17); }
.slider-nav-dots-square .flickity-page-dots .dot { border-radius: 0px; }
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg { border: 2px solid; border-radius: 100%; }
.slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg { background-color: var(--fs-color-primary); border-color: var(--fs-color-primary); fill: rgb(255, 255, 255) !important; }
.slider-nav-outside.slider-nav-circle .next { margin-left: 10px; }
.slider-nav-outside.slider-nav-circle .previous { margin-right: 10px; }
.slider-nav-reveal { overflow: hidden; padding-top: 0px; }
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover { background-color: rgb(255, 255, 255); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px -150px 15px 0px; height: 100%; top: -2px; width: 30px; margin: 0px !important; }
.dark .slider-nav-reveal .flickity-prev-next-button { background-color: rgba(0, 0, 0, 0.3); border-radius: 99px; color: rgb(255, 255, 255); }
.slider-nav-reveal .flickity-prev-next-button.next { transform: translateX(10%); left: auto !important; right: -1px !important; }
.slider-nav-reveal .flickity-prev-next-button.previous { transform: translateX(-10%); left: -1px !important; right: auto !important; }
.slider-nav-light .flickity-prev-next-button { color: rgb(255, 255, 255); }
.slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg { fill: rgb(255, 255, 255); }
.slider-nav-light .flickity-page-dots .dot { border-color: rgb(255, 255, 255); }
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot { background-color: rgb(255, 255, 255); }
.slider-style-container .flickity-slider > *, .slider-style-focus .flickity-slider > *, .slider-style-shadow .flickity-slider > * { margin: 0px auto; max-width: 1080px; }
.slider-style-container:not(.flickity-enabled) .ux_banner, .slider-style-focus:not(.flickity-enabled) .ux_banner, .slider-style-shadow:not(.flickity-enabled) .ux_banner { opacity: 0 !important; }
.slider-style-container .ux_banner, .slider-style-focus .ux_banner, .slider-style-shadow .ux_banner { opacity: 1; }
.slider-style-container .flickity-slider > :not(.is-selected), .slider-style-focus .flickity-slider > :not(.is-selected), .slider-style-shadow .flickity-slider > :not(.is-selected) { opacity: 0.5; }
.slider-style-shadow { padding: 15px 0px 25px; }
.slider-style-shadow .flickity-slider > ::before { background-image: url("https://soikeowc.io/wp-content/uploads/2026/11/shadow2x.webp"); background-size: 100% 100%; bottom: -6px; content: ""; height: 100px; left: -10%; position: absolute; right: -10%; z-index: -2; }
.slider-style-shadow .flickity-slider > :not(.is-selected) { opacity: 1; transform: scale(0.9); z-index: -1; }
.slider-style-shadow .flickity-slider > :not(.is-selected)::before { height: 200px; opacity: 0.5; }
.slider-style-shadow .flickity-slider > .is-selected { transform: scale(0.95); }
.slider-style-focus { background-color: transparent; padding: 30px 0px; }
.slider-style-focus .flickity-page-dots { bottom: 6px; }
.slider-style-focus .flickity-slider > * { max-width: 1050px; }
.slider-style-focus .flickity-slider > :not(.is-selected) { transform: scale(0.93); }
@media screen and (max-width: 549px) {
  .slider-wrapper .flickity-prev-next-button { display: none; }
  .row-slider .flickity-prev-next-button { opacity: 0.8; background-color: transparent !important; box-shadow: none !important; transform: translateX(0px) !important; width: 20px !important; }
  .row-slider .flickity-prev-next-button svg { border: 0px !important; padding: 3px !important; }
  .flickity-page-dots { pointer-events: none; }
  .flickity-slider .banner-layers { overflow: hidden; }
}
a { color: var(--fs-experimental-link-color); text-decoration: none; }
.button:focus:not(:focus-visible), a:focus:not(:focus-visible), button:focus:not(:focus-visible), input:focus:not(:focus-visible) { outline: none; }
.button:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; }
a.plain { color: currentcolor; transition: color 0.3s, opacity 0.3s, transform 0.3s; }
.nav-dark a.plain:hover { opacity: 0.7; }
a.icon-circle:hover, a.remove:hover, a:hover { color: var(--fs-experimental-link-color-hover); }
.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible { outline-color: var(--fs-color-primary); }
.secondary:focus-visible { outline-color: var(--fs-color-secondary); }
.alt:focus-visible { outline-color: var(--fs-color-secondary); }
.dark .widget a, .dark a { color: currentcolor; }
.dark .widget a:hover, .dark a:hover { color: rgb(255, 255, 255); }
ul.links { font-size: 0.85em; margin: 5px 0px; }
ul.links li { display: inline-block; margin: 0px 0.4em; }
ul.links li a { color: currentcolor; }
ul.links li::before { display: inline-block; font-family: fl-icons; margin-right: 5px; }
ul.links li:first-child { margin-left: 0px; }
ul.links li:last-child { margin-right: 0px; }
.next-prev-nav .flex-col { padding: 0.7em 0px; }
.next-prev-nav i { font-size: 2em; top: -1px; vertical-align: middle; margin: 0px 10px !important; }
.next-prev-nav .flex-col + .flex-col { border-left: 1px solid rgb(236, 236, 236); }
ul { list-style: disc; }
ol { list-style: decimal; }
ol, ul { margin-top: 0px; padding: 0px; }
ol ol, ol ul, ul ol, ul ul { margin: 1.5em 0px 1.5em 3em; }
li { margin-bottom: 0.6em; }
dl dd, dl dt { display: inline-block; margin: 0px 5px 0px 0px; }
dl dd p, dl dt p { margin: 0px; padding: 0px; }
dl { font-size: 0.85em; opacity: 0.8; text-transform: uppercase; }
ul.ul-reset, ul.ul-reset > li { margin: 0px; padding: 0px; }
ul.ul-reset > li { list-style: none; }
.col-inner ol li, .col-inner ul li, .entry-content ol li, .entry-content ul li, .entry-summary ol li, .entry-summary ul li { margin-left: 1.3em; }
.col-inner ol li.tab, .col-inner ul li.tab, .entry-content ol li.tab, .entry-content ul li.tab, .entry-summary ol li.tab, .entry-summary ul li.tab { margin-left: 0px; }
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star { border-bottom: 1px solid rgb(236, 236, 236); list-style: none; margin: 0px; padding: 7px 0px 7px 25px; position: relative; }
.dark ul li.bullet-arrow, .dark ul li.bullet-checkmark, .dark ul li.bullet-cross, .dark ul li.bullet-star { border-color: rgba(255, 255, 255, 0.2); }
ul li.bullet-arrow::before, ul li.bullet-checkmark::before, ul li.bullet-star::before { color: var(--fs-color-success); font-family: fl-icons; font-size: 16px; left: 0px; position: absolute; }
ul li.bullet-cross::before { color: var(--fs-color-alert); font-family: fl-icons; font-size: 16px; left: 0px; position: absolute; }
ul li.bullet-checkmark::before { content: "" !important; }
ul li.bullet-cross::before { content: "" !important; }
ul li.bullet-arrow::before { content: "" !important; }
ul li.bullet-star::before { content: "" !important; }
.button, button, fieldset, input, select, textarea { margin-bottom: 1em; }
blockquote, dl, figure, form, ol, p, pre, ul { margin-bottom: 1.3em; }
form p { margin-bottom: 0.5em; }
.c4-body { line-height: 1.6; }
h1, h2, h3, h4, h5, h6 { color: rgb(85, 85, 85); margin-bottom: 0.5em; margin-top: 0px; text-rendering: optimizespeed; width: 100%; }
.h1, h1 { font-size: 1.7em; }
.h1, .h2, h1, h2 { line-height: 1.3; }
.h2, h2 { font-size: 1.6em; }
.h3, h3 { font-size: 1.25em; }
.h4, h4 { font-size: 1.125em; }
.h5, h5 { font-size: 1em; }
.h6, h6 { font-size: 0.85em; opacity: 0.8; }
h1.entry-title.mb { margin-bottom: 30px; }
@media (max-width: 549px) {
  h1 { font-size: 1.4em; }
  h2 { font-size: 1.2em; }
  h3 { font-size: 1em; }
}
h6 span { font-weight: 500; }
h3 label { display: inline-block; margin-right: 10px; }
p { margin-top: 0px; }
h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, p.headline > span { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
a.lead, p.lead { font-size: 1.3em; }
.uppercase, h6, span.widget-title, th { letter-spacing: 0.05em; line-height: 1.05; text-transform: uppercase; }
.lowercase { text-transform: none !important; }
span.widget-title { font-size: 1em; font-weight: 600; }
.is-normal { font-weight: 400; }
.is-bold { font-weight: 700; }
.is-thin, .thin-font { font-weight: 300 !important; }
.is-thin strong, .thin-font strong { font-weight: 700 !important; }
.is-italic { font-style: italic !important; }
.is-uppercase, .uppercase { line-height: 1.2; text-transform: uppercase; }
.alt-font, .is-alt-font { font-family: Georgia; }
.is-xxxlarge { font-size: 2.5em; }
.is-xxlarge { font-size: 2em; }
.is-xlarge { font-size: 1.5em; }
.is-larger { font-size: 1.3em; }
.is-large { font-size: 1.15em; }
.is-small, .is-small.button { font-size: 0.8em; }
.is-smaller { font-size: 0.75em; }
.is-xsmall { font-size: 0.7em; }
.is-xxsmall { font-size: 0.6em; }
@media (max-width: 549px) {
  .is-xxlarge { font-size: 2.5em; }
  .is-xlarge { font-size: 1.8em; }
  .is-larger { font-size: 1.2em; }
  .is-large { font-size: 1em; }
}
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 { line-height: 1.3; margin-bottom: 0.1em; margin-top: 0.1em; }
.box-text p { margin-bottom: 0.1em; margin-top: 0.1em; }
.box-text .button { margin-top: 1em; }
.banner .button { margin-bottom: 0.5em; margin-top: 0.5em; }
.banner .is-divider, .banner .text-center .is-divider { margin-bottom: 1em; margin-top: 1em; }
.banner h1 { font-size: 3.5em; }
.banner h2 { font-size: 2.9em; }
.banner h3 { font-size: 2em; }
.banner h1, .banner h2, .banner h3 { font-weight: 400; line-height: 1; margin-bottom: 0.2em; margin-top: 0.2em; padding: 0px; }
.banner h4 { font-size: 1.5em; margin-bottom: 0.6em; margin-top: 0.6em; padding: 0px; }
.banner h5, .banner h6, .banner p { margin-bottom: 1em; margin-top: 1em; padding: 0px; }
.line-height-small { line-height: 1.4em; }
[data-line-height="xs"] { line-height: 0.85 !important; }
[data-line-height="s"] { line-height: 1 !important; }
[data-line-height="m"] { line-height: 1.2 !important; }
[data-line-height="l"] { line-height: 1.4 !important; }
[data-line-height="xl"] { line-height: 1.6 !important; }
.nav > li > a { font-size: 0.8em; }
.nav > li.html { font-size: 0.85em; }
.nav-size-xsmall > li > a { font-size: 0.65em; }
.nav-size-small > li > a { font-size: 0.7em; }
.nav-size-medium > li > a { font-size: 0.9em; }
.nav-size-large > li > a { font-size: 1em; }
.nav-size-xlarge > li > a { font-size: 1.1em; }
.nav-spacing-xsmall > li { margin: 0px; }
.nav-spacing-small > li { margin: 0px 5px; }
.nav-spacing-medium > li { margin: 0px 9px; }
.nav-spacing-large > li { margin: 0px 11px; }
.nav-spacing-xlarge > li { margin: 0px 13px; }
.fancy-underline { position: relative; }
.fancy-underline::after { background: url("https://soikeowc.io/wp-content/uploads/2026/11/underline.webp") 50% top / 100% 9px no-repeat; border-radius: 999px; color: green; content: ""; height: 9px; image-rendering: -webkit-optimize-contrast; left: 0px; position: absolute; right: 0px; top: 100%; }
span.count-up { opacity: 0; transition: opacity 2s; }
span.count-up.active { opacity: 1; }
[data-text-color="primary"] { color: var(--fs-color-primary) !important; }
[data-text-color="secondary"] { color: var(--fs-color-secondary) !important; }
[data-text-color="alert"] { color: var(--fs-color-alert) !important; }
[data-text-color="success"] { color: var(--fs-color-success) !important; }
[data-text-bg="primary"] { background-color: var(--fs-color-primary); }
[data-text-bg="secondary"] { background-color: var(--fs-color-secondary); }
[data-text-bg="alert"] { background-color: var(--fs-color-alert); }
[data-text-bg="success"] { background-color: var(--fs-color-success); }
.text-bordered-dark, .text-bordered-primary, .text-bordered-white { border: 2px solid rgb(255, 255, 255); display: inline-block; padding: 5px; }
.text-bordered-dark { border-color: rgb(0, 0, 0); }
h1.text-bordered-dark, h1.text-bordered-primary, h1.text-bordered-white { padding: 15px; }
.text-boarder-top-bottom-dark, .text-boarder-top-bottom-white { border-bottom: 3px solid rgb(255, 255, 255); border-top: 3px solid rgb(255, 255, 255); display: inline-block; padding-bottom: 15px; padding-top: 15px; }
.text-boarder-top-bottom-dark { border-color: rgb(0, 0, 0); }
blockquote { border-left: 2px solid var(--fs-color-primary); color: rgb(51, 51, 51); font-size: 1.2em; font-style: italic; margin: 0px 0px 1.25em; padding: 0px 1.25em 0px 1.875em; position: relative; }
.dark blockquote { color: rgb(255, 255, 255); }
.clear::after, .clearfix::after, .container::after, .row::after { clear: both; content: ""; display: table; }
@media (max-width: 549px) {
  .hide-for-small, [data-show="hide-for-small"] { display: none !important; }
  .small-text-center { float: none !important; text-align: center !important; width: 100% !important; }
}
@media (min-width: 550px) {
  .show-for-small, [data-show="show-for-small"] { display: none !important; }
}
@media (min-width: 850px) {
  .show-for-medium, [data-show="show-for-medium"] { display: none !important; }
}
@media (max-width: 849px) {
  .hide-for-medium, [data-show="hide-for-medium"] { display: none !important; }
  .medium-text-center .pull-left, .medium-text-center .pull-right { float: none; }
  .medium-text-center .ml { margin-left: auto; }
  .medium-text-center .mr { margin-right: auto; }
  .medium-text-center { float: none !important; text-align: center !important; width: 100% !important; }
}
@media (min-width: 850px) {
  .hide-for-large, [data-show="hide-for-large"] { display: none !important; }
}
.expand, .full-width { display: block; max-width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; }
.pull-right { margin-right: 0px !important; }
.pull-left { margin-left: 0px !important; }
.mb { margin-bottom: 30px; }
.mt { margin-top: 30px; }
.mr { margin-right: 30px; }
.ml { margin-left: 30px; }
.mb-0 { margin-bottom: 0px !important; }
.ml-0 { margin-left: 0px !important; }
.mr-0 { margin-right: 0px !important; }
.mt-0 { margin-top: 0px !important; }
.mb-half { margin-bottom: 15px; }
.mt-half { margin-top: 15px; }
.mr-half { margin-right: 15px; }
.ml-half { margin-left: 15px; }
.mb-half:last-child, .mb:last-child { margin-bottom: 0px; }
.pb { padding-bottom: 30px; }
.pt { padding-top: 30px; }
.pb-half { padding-bottom: 15px; }
.pt-half { padding-top: 15px; }
.pb-0 { padding-bottom: 0px !important; }
.pt-0 { padding-top: 0px !important; }
.no-margin { margin: 0px !important; }
.no-padding { padding: 0px !important; }
.inner-padding { padding: 30px; }
.first-reset :first-child { margin-top: 0px; }
.last-reset :last-child { margin-bottom: 0px; }
.no-select { user-select: none !important; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-center .is-divider, .text-center .is-star-rating, .text-center .star-rating, .text-center > div, .text-center > div > div { margin-left: auto; margin-right: auto; }
.text-center .pull-left, .text-center .pull-right { float: none; }
.text-left .is-divider, .text-left .is-star-rating, .text-left .star-rating { margin-left: 0px; margin-right: auto; }
.text-right .is-divider, .text-right .is-star-rating, .text-right .star-rating, .text-right > div, .text-right > div > div { margin-left: auto; margin-right: 0px; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; z-index: 12; }
.top { top: 0px; }
.right { right: 0px; }
.left { left: 0px; }
.bottom, .fill { bottom: 0px; }
.fill { height: 100%; left: 0px; position: absolute; right: 0px; top: 0px; margin: 0px !important; padding: 0px !important; }
.v-center { bottom: auto; top: 50%; transform: translateY(-50%); }
.h-center { left: 50%; transform: translateX(-50%); }
.h-center.v-center { right: 50%; top: 50%; transform: translate(50%, -50%); bottom: auto !important; left: auto !important; }
.pull-right { float: right; }
.pull-left { float: left; }
.is-full-height { height: 100vh; min-height: 550px; padding-bottom: 0px !important; padding-top: 0px !important; }
.bg-fill { background-position: 50% 50%; background-repeat: no-repeat !important; background-size: cover !important; }
.bg-top { background-position: center top; object-position: center top; }
.circle, .circle img { object-fit: cover; border-radius: 999px !important; }
.round { border-radius: 5px; }
.has-border { border: 2px solid var(--fs-color-primary); padding: 30px; }
.dashed-border { border-style: dashed; }
.success-border { border-color: var(--fs-color-success); }
.bt { border-top: 1px solid rgb(236, 236, 236); }
.bb { border-bottom: 1px solid rgb(236, 236, 236); }
.bl { border-left: 1px solid rgb(236, 236, 236); }
.br { border-right: 1px solid rgb(236, 236, 236); }
.hidden { display: none !important; visibility: hidden !important; }
.is-invisible { opacity: 0; visibility: hidden; }
.z-1 { z-index: 21; }
.z-2 { z-index: 22; }
.z-3 { z-index: 23; }
.z-4 { z-index: 24; }
.z-5 { z-index: 25; }
.z-top { z-index: 9995; }
.z-top-2 { z-index: 9996; }
.z-top-3 { z-index: 9997; }
.no-click { pointer-events: none; }
.no-wrap { white-space: nowrap; }
.primary-color { color: var(--fs-color-primary); }
.secondary-color { color: var(--fs-color-secondary); }
.success-color { color: var(--fs-color-success); }
.alert-color { color: var(--fs-color-alert); }
.bg-primary-color { background-color: var(--fs-color-primary); }
.bg-secondary-color { background-color: var(--fs-color-secondary); }
.bg-success-color { background-color: var(--fs-color-success); }
.bg-alert-color { background-color: var(--fs-color-alert); }
.is-transparent { background-color: transparent !important; }
.inline { display: inline; }
.block { display: block; }
.flex { display: flex; }
@media (max-width: 549px) {
  .small-block { display: block; }
}
.inline-block { display: inline-block; }
.inline-images img, img.inline { display: inline-block !important; }
.is-well { background-color: rgba(0, 0, 0, 0.02); box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 3px 0px, rgba(0, 0, 0, 0.07) 0px 1px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset; padding: 30px; }
.no-overflow { overflow: hidden; }
.no-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.strong { font-weight: 700; }
.op-4 { opacity: 0.4; }
.op-5 { opacity: 0.5; }
.op-6 { opacity: 0.6; }
.op-7 { opacity: 0.7; }
.op-8 { opacity: 0.8; }
@media (max-width: 549px) {
  .sm-touch-scroll { overflow-x: auto; }
}
.no-scrollbar { scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { height: 0px !important; width: 0px !important; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; width: 1px; position: absolute !important; }
.screen-reader-text:focus { background-color: rgb(241, 241, 241); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px; color: rgb(33, 117, 155); display: block; font-size: calc(0.875 * var(--c4-rem,16px)); 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; }
@media screen and (max-width: 549px) {
  .x5 { left: 5%; }
  .x15 { left: 15%; }
  .x25 { left: 25%; }
  .x35 { left: 35%; }
  .x45 { left: 45%; }
  .x55 { right: 45%; }
  .x65 { right: 35%; }
  .x75 { right: 25%; }
  .x85 { right: 15%; }
  .x95 { right: 5%; }
  .x0 { left: 0px; }
  .x10 { left: 10%; }
  .x20 { left: 20%; }
  .x30 { left: 30%; }
  .x40 { left: 40%; }
  .x60 { right: 40%; }
  .x70 { right: 30%; }
  .x80 { right: 20%; }
  .x90 { right: 10%; }
  .x100 { right: 0px; }
  .y0 { top: 0px; }
  .y10 { top: 10%; }
  .y20 { top: 20%; }
  .y30 { top: 30%; }
  .y40 { top: 40%; }
  .y60 { bottom: 40%; }
  .y70 { bottom: 30%; }
  .y80 { bottom: 20%; }
  .y90 { bottom: 10%; }
  .y100 { bottom: 0px; }
  .y5 { top: 5%; }
  .y15 { top: 15%; }
  .y25 { top: 25%; }
  .y35 { top: 35%; }
  .y45 { top: 45%; }
  .y55 { bottom: 45%; }
  .y65 { bottom: 35%; }
  .y75 { bottom: 25%; }
  .y85 { bottom: 15%; }
  .y95 { bottom: 5%; }
  .x50 { left: 50%; transform: translateX(-50%); }
  .y50 { top: 50.3%; transform: translateY(-50%); }
  .y50.x50 { transform: translate(-50%, -50%); }
}
@media screen and (min-width: 550px) and (max-width: 849px) {
  .md-x5 { left: 5%; }
  .md-x15 { left: 15%; }
  .md-x25 { left: 25%; }
  .md-x35 { left: 35%; }
  .md-x45 { left: 45%; }
  .md-x55 { right: 45%; }
  .md-x65 { right: 35%; }
  .md-x75 { right: 25%; }
  .md-x85 { right: 15%; }
  .md-x95 { right: 5%; }
  .md-y5 { top: 5%; }
  .md-y15 { top: 15%; }
  .md-y25 { top: 25%; }
  .md-y35 { top: 35%; }
  .md-y45 { top: 45%; }
  .md-y55 { bottom: 45%; }
  .md-y65 { bottom: 35%; }
  .md-y75 { bottom: 25%; }
  .md-y85 { bottom: 15%; }
  .md-y95 { bottom: 5%; }
  .md-x0 { left: 0px; }
  .md-x10 { left: 10%; }
  .md-x20 { left: 20%; }
  .md-x30 { left: 30%; }
  .md-x40 { left: 40%; }
  .md-x60 { right: 40%; }
  .md-x70 { right: 30%; }
  .md-x80 { right: 20%; }
  .md-x90 { right: 10%; }
  .md-x100 { right: 0px; }
  .md-y0 { top: 0px; }
  .md-y10 { top: 10%; }
  .md-y20 { top: 20%; }
  .md-y30 { top: 30%; }
  .md-y40 { top: 40%; }
  .md-y60 { bottom: 40%; }
  .md-y70 { bottom: 30%; }
  .md-y80 { bottom: 20%; }
  .md-y90 { bottom: 10%; }
  .md-y100 { bottom: 0px; }
  .md-x50 { left: 50%; transform: translateX(-50%) !important; }
  .md-y50 { top: 50%; transform: translateY(-50%) !important; }
  .md-x50.md-y50 { transform: translate(-50%, -50%) !important; }
}
@media screen and (min-width: 850px) {
  .lg-x5 { left: 5%; }
  .lg-x15 { left: 15%; }
  .lg-x25 { left: 25%; }
  .lg-x35 { left: 35%; }
  .lg-x45 { left: 45%; }
  .lg-x55 { right: 45%; }
  .lg-x65 { right: 35%; }
  .lg-x75 { right: 25%; }
  .lg-x85 { right: 15%; }
  .lg-x95 { right: 5%; }
  .lg-y5 { top: 5%; }
  .lg-y15 { top: 15%; }
  .lg-y25 { top: 25%; }
  .lg-y35 { top: 35%; }
  .lg-y45 { top: 45%; }
  .lg-y55 { bottom: 45%; }
  .lg-y65 { bottom: 35%; }
  .lg-y75 { bottom: 25%; }
  .lg-y85 { bottom: 15%; }
  .lg-y95 { bottom: 5%; }
  .lg-x0 { left: 0px; }
  .lg-x10 { left: 10%; }
  .lg-x20 { left: 20%; }
  .lg-x30 { left: 30%; }
  .lg-x40 { left: 40%; }
  .lg-x60 { right: 40%; }
  .lg-x70 { right: 30%; }
  .lg-x80 { right: 20%; }
  .lg-x90 { right: 10%; }
  .lg-x100 { right: 0px; }
  .lg-y0 { top: 0px; }
  .lg-y10 { top: 10%; }
  .lg-y20 { top: 20%; }
  .lg-y30 { top: 30%; }
  .lg-y40 { top: 40%; }
  .lg-y60 { bottom: 40%; }
  .lg-y70 { bottom: 30%; }
  .lg-y80 { bottom: 20%; }
  .lg-y90 { bottom: 10%; }
  .lg-y100 { bottom: 0px; }
  .lg-x50 { left: 50%; transform: translateX(-50%) !important; }
  .lg-y50 { top: 50%; transform: translateY(-50%) !important; }
  .lg-x50.lg-y50 { transform: translate(-50%, -50%) !important; }
}
.res-text { font-size: 11px; }
.small-1 .res-text, .small-2 .res-text, .small-3 .res-text, .widget-area .res-text { font-size: 8px; }
.small-1 .res-text h6, .small-2 .res-text h6, .small-3 .res-text h6 { font-size: 10px; }
.small-1 .res-text p.lead, .small-2 .res-text p.lead, .small-3 .res-text p.lead { font-size: 16px; }
.small-4 .res-text { font-size: 8.5px; }
.small-5 .res-text { font-size: 9px; }
.small-6 .res-text { font-size: 10px; }
.small-7 .res-text { font-size: 11px; }
.small-8 .res-text { font-size: 12px; }
.small-9 .res-text { font-size: 13px; }
.small-10 .res-text { font-size: 14px; }
.small-11 .res-text { font-size: 15px; }
@media screen and (min-width: 550px) {
  .medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text { font-size: 0.8vw; }
  .medium-8 .res-text { font-size: 0.9vw; }
  .medium-9 .res-text { font-size: 1.15vw; }
  .medium-10 .res-text { font-size: 1.3vw; }
  .medium-11 .res-text { font-size: 1.5vw; }
  .res-text { font-size: 1.8vw; }
}
@media screen and (min-width: 850px) {
  .res-text { font-size: 16px; }
  .large-1 .res-text, .large-2 .res-text, .large-3 .res-text, .widget-area .res-text { font-size: 8px; }
  .large-1 .res-text h6, .large-2 .res-text h6, .large-3 .res-text h6 { font-size: 10px; }
  .large-1 .res-text p.lead, .large-2 .res-text p.lead, .large-3 .res-text p.lead { font-size: 16px; }
  .large-4 .res-text { font-size: 8.5px; }
  .large-5 .res-text { font-size: 9px; }
  .large-6 .res-text { font-size: 10px; }
  .large-7 .res-text { font-size: 11px; }
  .large-8 .res-text { font-size: 12px; }
  .large-9 .res-text { font-size: 13px; }
  .large-10 .res-text { font-size: 14px; }
  .large-11 .res-text { font-size: 15px; }
}
@media (prefers-reduced-motion: no-preference) {
  .slider [data-animate], [data-animate] { animation-fill-mode: forwards; backface-visibility: hidden; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in; will-change: filter, transform, opacity; opacity: 0 !important; }
  .slider [data-animate]:not([data-animate-transform]), [data-animate]:not([data-animate-transform]) { transform: none !important; }
  .slider [data-animate]:not([data-animate-transition]), [data-animate]:not([data-animate-transition]) { transition: none !important; }
  .slider [data-animate="bounceInDown"], .slider [data-animate="bounceInLeft"], .slider [data-animate="bounceInRight"], .slider [data-animate="bounceInUp"], [data-animate="bounceInDown"], [data-animate="bounceInLeft"], [data-animate="bounceInRight"], [data-animate="bounceInUp"] { transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in; }
  .slider [data-animate="bounceInLeft"], [data-animate="bounceInLeft"] { transform: translate3d(-300px, 0px, 0px); }
  .slider [data-animate="blurIn"], [data-animate="blurIn"] { filter: blur(15px); }
  .slider [data-animate="fadeInLeft"], [data-animate="fadeInLeft"] { transform: translate3d(-70px, 0px, 0px); }
  .slider [data-animate="fadeInRight"], [data-animate="fadeInRight"] { transform: translate3d(70px, 0px, 0px); }
  .slider [data-animate="bounceInUp"], .slider [data-animate="fadeInUp"], [data-animate="bounceInUp"], [data-animate="fadeInUp"] { transform: translate3d(0px, 70px, 0px); }
  .slider [data-animate="bounceInRight"], [data-animate="bounceInRight"] { transform: translate3d(300px, 0px, 0px); }
  .slider [data-animate="bounceIn"], [data-animate="bounceIn"] { transform: scale(1.3); }
  .slider [data-animate="bounceInDown"], .slider [data-animate="fadeInDown"], [data-animate="bounceInDown"], [data-animate="fadeInDown"] { transform: translate3d(0px, -70px, 0px); }
  .slider [data-animate="flipInY"], [data-animate="flipInY"] { backface-visibility: visible; transform: perspective(400px) rotateY(-90deg) translate3d(15px, 0px, 0px); }
  .slider [data-animate="flipInX"], [data-animate="flipInX"] { backface-visibility: visible; transform: perspective(400px) rotateX(90deg) translate3d(0px, -15px, 0px); }
  .row-slider.slider [data-animated="true"], .slider .is-selected [data-animated="true"], [data-animated="true"] { animation-delay: 0.1s; transform: translateZ(0px) scale(1); opacity: 1 !important; }
  .flickity-slider > :not(.is-selected) [data-animated="true"] { transition: transform 0.7s, opacity 0.3s !important; }
  .slider [data-animate="none"], [data-animate="none"] { opacity: 1 !important; }
  .slider [data-animate="blurIn"][data-animated="true"], [data-animated="true"][data-animate="blurIn"] { filter: blur(0px); }
  [data-animated="false"] { transition: none !important; }
  .has-shadow [data-animate], [data-animate]:hover { transition-delay: 0s !important; }
  [data-animate-delay="100"] { transition-delay: 0.1s; }
  .nav-anim > li { opacity: 0; transform: translateY(-15px); transition: transform 0.3s, opacity 0.3s; }
  .active .nav-anim > li, .mfp-ready .nav-anim > li, .nav-anim.active > li { opacity: 1; transform: none; }
  .col + .col [data-animate], .nav-anim > li, [data-animate-delay="200"], [data-animate] + [data-animate] { transition-delay: 0.2s; }
  .nav-anim > li + li, [data-animate-delay="300"] { transition-delay: 0.3s; }
  .col + .col + .col [data-animate], .nav-anim > li + li + li, [data-animate-delay="400"], [data-animate] + [data-animate] + [data-animate] { transition-delay: 0.4s; }
  .nav-anim > li + li + li + li, [data-animate-delay="500"] { transition-delay: 0.5s; }
  .col + .col + .col + .col [data-animate], .nav-anim > li + li + li + li + li, [data-animate-delay="600"], [data-animate] + [data-animate] + [data-animate] + [data-animate] { transition-delay: 0.6s; }
  .nav-anim > li + li + li + li + li + li, [data-animate-delay="700"] { transition-delay: 0.7s; }
  .col + .col + .col + .col + .col [data-animate], .nav-anim > li + li + li + li + li + li + li, [data-animate-delay="800"], [data-animate] + [data-animate] + [data-animate] + [data-animate] + [data-animate] { transition-delay: 0.8s; }
  .col + .col + .col + .col + .col + .col [data-animate], .nav-anim > li + li + li + li + li + li + li + li, [data-animate-delay="900"] { transition-delay: 0.9s; }
  .col + .col + .col + .col + .col + .col + .col [data-animate], .nav-anim > li + li + li + li + li + li + li + li + li, [data-animate-delay="1000"] { transition-delay: 1s; }
  .slider-type-fade .flickity-slider > :not(.is-selected) [data-animate] { opacity: 0 !important; transition: none !important; }
}
@keyframes stuckMoveDown { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
@keyframes stuckMoveUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes stuckFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.ux-stagger { --stagger-init-delay: 0s; --stagger-delay: .05s; --stagger-easing: cubic-bezier(0.4,0,0.2,1); --stagger-duration: .5s; --stagger-from-translate-x: 0; --stagger-from-translate-y: 15px; --stagger-from-scale: 1; --stagger-from-opacity: 0; --stagger-from-clip-path: 0% 0% 0% 0%; --stagger-to-translate-x: 0; --stagger-to-translate-y: 0; --stagger-to-scale: 1; --stagger-to-opacity: 1; --stagger-to-clip-path: 0% 0% 0% 0%; }
.ux-stagger > * { animation: ux-animate var(--stagger-duration) var(--stagger-easing) backwards; }
.ux-stagger > :first-child { animation-delay: calc(var(--stagger-delay)*1 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(2) { animation-delay: calc(var(--stagger-delay)*2 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(3) { animation-delay: calc(var(--stagger-delay)*3 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(4) { animation-delay: calc(var(--stagger-delay)*4 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(5) { animation-delay: calc(var(--stagger-delay)*5 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(6) { animation-delay: calc(var(--stagger-delay)*6 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(7) { animation-delay: calc(var(--stagger-delay)*7 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(8) { animation-delay: calc(var(--stagger-delay)*8 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(9) { animation-delay: calc(var(--stagger-delay)*9 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(10) { animation-delay: calc(var(--stagger-delay)*10 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(11) { animation-delay: calc(var(--stagger-delay)*11 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(12) { animation-delay: calc(var(--stagger-delay)*12 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(13) { animation-delay: calc(var(--stagger-delay)*13 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(14) { animation-delay: calc(var(--stagger-delay)*14 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(15) { animation-delay: calc(var(--stagger-delay)*15 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(16) { animation-delay: calc(var(--stagger-delay)*16 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(17) { animation-delay: calc(var(--stagger-delay)*17 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(18) { animation-delay: calc(var(--stagger-delay)*18 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(19) { animation-delay: calc(var(--stagger-delay)*19 + var(--stagger-init-delay)); }
.ux-stagger > :nth-child(20) { animation-delay: calc(var(--stagger-delay)*20 + var(--stagger-init-delay)); }
@keyframes ux-animate { 
  0% { clip-path: inset(var(--stagger-from-clip-path)); opacity: var(--stagger-from-opacity,0); transform: translateX(var(--stagger-from-translate-x)) translateY(var(--stagger-from-translate-y)) scale(var(--stagger-from-scale)); }
  100% { clip-path: inset(var(--stagger-to-clip-path)); opacity: var(--stagger-to-opacity,1); transform: translateX(var(--stagger-to-translate-x)) translateY(var(--stagger-to-translate-y)) scale(var(--stagger-to-scale)); }
}
.is-border { border: 1px solid rgb(236, 236, 236); border-radius: 0px; inset: 0px; margin: 0px; pointer-events: none; position: absolute; }
.is-dashed { border-style: dashed; }
.is-dotted { border-style: dotted; }
.has-shadow .box:not(.box-overlay):not(.box-shade), .has-shadow.box:not(.box-overlay):not(.box-shade) { background-color: rgb(255, 255, 255); }
.dark .has-shadow .box:not(.box-overlay):not(.box-shade), .dark .has-shadow.box:not(.box-overlay):not(.box-shade) { background-color: rgb(51, 51, 51); }
.box-shadow-1, .box-shadow-1-hover, .box-shadow-2, .box-shadow-2-hover, .box-shadow-3, .box-shadow-3-hover, .box-shadow-4, .box-shadow-4-hover, .box-shadow-5, .box-shadow-5-hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner, .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner, .row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner { transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s, color 0.3s, opacity 0.3s; }
.box-shadow-1, .box-shadow-1-hover:hover, .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px -2px, rgba(0, 0, 0, 0.24) 0px 1px 2px; }
.box-shadow, .box-shadow-2, .box-shadow-2-hover:hover, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px -4px, rgba(0, 0, 0, 0.23) 0px 3px 6px; }
.box-shadow-3, .box-shadow-3-hover:hover, .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.22) 0px 6px 6px; }
.box-shadow-4, .box-shadow-4-hover:hover, .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.1) 0px 10px 10px; }
.box-shadow-5, .box-shadow-5-hover:hover, .row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 40px 0px; }
.box-shadow-4-hover:hover, .box-shadow-5-hover:hover, .row-box-shadow-4-hover .col-inner:hover, .row-box-shadow-5-hover .col-inner:hover { transform: translateY(-6px); }
.text-shadow, .text-shadow-1 { text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px; }
.text-shadow-2 { text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 5px; }
.text-shadow-3 { text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 8px; }
.text-shadow-4 { text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 12px; }
.text-shadow-5 { text-shadow: rgba(0, 0, 0, 0.6) 5px 5px 16px; }
a.hotspot { background-color: rgb(0, 0, 0); border-radius: 99px; color: rgb(255, 255, 255); display: block; font-weight: bolder; height: 1.5em; line-height: 1.5em; opacity: 0.8; padding: 0px; text-align: center; transition: 0.3s; width: 1.5em; }
a.hotspot i { font-size: 0.8em; }
a.hotspot:hover { opacity: 1; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; }
.has-hover .bg, .has-hover [class*="image-"] img { transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s; }
.has-hover .has-image-zoom img { transition: unset; }
.bg-color .bg, .bg-grayscale:hover .bg, .has-hover .image-color img, .has-hover:hover .image-grayscale img { filter: grayscale(100%); }
.bg-color:hover .bg, .has-hover:hover .image-color img { filter: grayscale(0); }
.bg-zoom:hover .bg, .has-hover:hover .image-zoom img { transform: scale(1.1); }
.bg-zoom-long .bg, .has-hover .image-zoom-long img { transition: transform 5s !important; }
.bg-zoom-long:hover .bg, .has-hover:hover .image-zoom-long img { transform: scale(1.3); }
.bg-zoom-fade:hover .bg, .has-hover:hover .image-zoom-fade img { opacity: 0.7; transform: scale(1.1); }
.bg-glow:hover .bg, .has-hover:hover .image-glow img { filter: brightness(1.1); }
.bg-fade-out:hover .bg, .has-hover:hover .image-fade-out img { opacity: 0.7; }
.has-hover:hover .image-fade img, .image-fade:hover .bg { opacity: 0.6; }
.bg-fade-in .bg, .image-fade-in img { opacity: 0.7; }
.bg-fade-in:hover .bg, .has-hover:hover .image-fade-in img { opacity: 1; }
.bg-blur:hover .bg, .has-hover:hover .image-blur img { filter: blur(5px); }
.bg-overlay-add:not(:hover) .overlay, .bg-overlay-remove:hover .overlay, .has-hover:hover .image-overlay-remove .overlay, .has-hover:not(:hover) .image-overlay-add .overlay { opacity: 0; }
.bg-overlay-add-50:not(:hover) .overlay, .bg-overlay-remove-50:hover .overlay, .has-hover:hover .image-overlay-remove-50 .overlay, .has-hover:not(:hover) .image-overlay-add-50 .overlay { opacity: 0.5; }
.has-mask { overflow: hidden; transform: translateZ(0px); }
.mask-circle { clip-path: circle(50% at center center); }
.mask-angled { clip-path: polygon(0px 30px, 100% 0px, 100% 100%, 0px 100%); }
.mask-angled-right { clip-path: polygon(0px 0px, 100% 30px, 100% 100%, 0px 100%); }
.mask-arrow { clip-path: polygon(0px 0px, calc(50% - 30px) 0px, 50% 30px, calc(50% + 30px) 0px, 100% 0px, 100% 100%, 0px 100%); }
.mask-angled-large { clip-path: polygon(0px 60px, 100% 0px, 100% 100%, 0px 100%); }
.mask-angled-right-large { clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - 60px), 0px 100%); }
.mask-arrow-large { clip-path: polygon(0px 0px, calc(50% - 60px) 0px, 50% 60px, calc(50% + 60px) 0px, 100% 0px, 100% 100%, 0px 100%); }
.mask-angled, .mask-angled-right, .mask-arrow { margin-top: -30px; }
.mask-angled-large, .mask-angled-right-large, .mask-arrow-large { margin-top: -60px; }
[data-parallax-container] { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
  [data-parallax] { will-change: transform !important; }
  [data-parallax]:not(.parallax-active), [data-parallax]:not(.parallax-active) .bg { opacity: 0; }
}
.shade { backface-visibility: hidden; background: linear-gradient(0deg, rgb(50, 50, 50) 0px, rgba(50, 50, 50, 0) 33%); inset: 0px; content: " "; opacity: 0.3; pointer-events: none; position: absolute; transition: opacity 0.3s; }
.shade-top { background: linear-gradient(rgb(0, 0, 0) 0px, transparent 70%); opacity: 0.4; }
.box:hover .shade { opacity: 0.5; }
.box-shade:not(.dark) .shade { background: linear-gradient(0deg, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 33%); opacity: 0.8; }
.hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in, .show-on-hover { filter: blur(0px); opacity: 0; pointer-events: none; transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s; }
.hover-slide { transform: translateY(15%) translateZ(0px); }
.hover-slide-in { transform: translateY(100%) translateZ(0px); }
.box-text-middle .box-text.hover-slide { transform: translateY(-40%) translateZ(0px); }
.hover-fade-in { opacity: 0; transition: opacity 0.3s; }
.has-hover:hover .hover-fade-in { opacity: 1; }
.hover-fade-out { transition: opacity 0.3s; }
.has-hover:hover .hover-fade-out { opacity: 0; }
.hover-invert { filter: invert(0); opacity: 1 !important; }
.has-hover:hover .hover-invert { filter: invert(100%); }
.hover-reveal { max-height: 0px; opacity: 0; transform: translateY(15%) translateZ(0px); transition: 0.6s; }
.has-hover:hover .hover-reveal { max-height: 150px; opacity: 1; }
.has-hover:hover .hover-reveal.reveal-small { max-height: 30px; }
.hover-blur { filter: blur(10px); opacity: 0; transition: filter 0.3s, opacity 0.3s; }
.has-hover:hover .hover-blur { filter: blur(0px) !important; opacity: 1; }
.hover-zoom { transform: scale(1.1) translateZ(0px); }
.box-text-middle .box-text.hover-zoom { transform: scale(1.1) translateZ(0px) translateY(-50%); }
.hover-zoom-in { transform: scale(0.9) translateZ(0px); }
.box-text-middle .box-text.hover-zoom-in { transform: scale(0.9) translateZ(0px) translateY(-50%); }
.hover-bounce { transition: transform 0.3s; opacity: 1 !important; transform: scale(1) translateZ(0px) translateY(10px) !important; }
.has-hover:hover .hover-bounce { transform: scale(1) translateZ(0px) translateY(0px) !important; }
.box-text-middle .hover-bounce { transform: scale(1) translateZ(0px) translateY(-40%) !important; }
.box-text-middle:hover .box-text.hover-bounce { transform: scale(1) translateZ(0px) translateY(-50%) !important; }
.has-hover:hover img.show-on-hover { opacity: 1; }
.has-hover .box-image:focus-within .show-on-hover, .has-hover:hover .hover-slide, .has-hover:hover .hover-slide-in, .has-hover:hover .hover-zoom, .has-hover:hover .hover-zoom-in, .has-hover:hover .show-on-hover { opacity: 1; pointer-events: inherit; transform: scale(1) translateZ(0px) translateY(0px) !important; }
.box-text-middle:hover .show-on-hover.box-text, .has-hover:hover .show-on-hover.center { transform: scale(1) translateZ(0px) translateY(-50%) !important; }
@media (prefers-reduced-motion) {
  .box-text-middle .box-text.hover-slide, .box-text-middle:hover .show-on-hover.box-text, .has-hover:hover .hover-bounce, .has-hover:hover .hover-slide, .has-hover:hover .hover-slide-in, .has-hover:hover .hover-zoom, .has-hover:hover .hover-zoom-in, .has-hover:hover .show-on-hover, .has-hover:hover .show-on-hover.center, .hover-bounce, .hover-reveal, .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in { transform: translateZ(0px); }
}
.slider .has-slide-effect { overflow: hidden; background-color: transparent !important; }
.slider .has-slide-effect .bg { opacity: 0; transition: opacity 1s; }
.slide-zoom-in .bg, .slide-zoom-in-fast .bg { transform: scale(1); }
.slide-zoom-out .bg, .slide-zoom-out-fast .bg { transform: scale(1.2); }
.has-slide-effect.is-selected .bg { opacity: 1; transform: scale(1); transition: opacity 1s, transform 20s ease-out; }
.slide-fade-in.is-selected .bg { transition: opacity 3.5s; }
.slide-fade-in-fast.is-selected .bg { transition: opacity 1.5s; }
.slide-zoom-in-fast.is-selected .bg, .slide-zoom-in.is-selected .bg { transform: scale(1.2); }
.slide-zoom-out-fast.is-selected .bg { transition: opacity 1s, transform 5s ease-out; }
.tooltipster-base { display: flex; pointer-events: none; position: absolute; }
.tooltipster-box { flex: 1 1 auto; }
.tooltipster-content { box-sizing: border-box; font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; max-height: 100%; max-width: 100%; overflow: auto; padding: 8px 10px; }
.tooltipster-ruler { inset: 0px; overflow: hidden; position: fixed; visibility: hidden; }
.tooltipster-fade { opacity: 0; transition-property: opacity; }
.tooltipster-fade.tooltipster-show { opacity: 1; }
.tooltipster-sidetip.tooltipster-default .tooltipster-box { background: var(--tooltip-bg-color); border: 2px solid var(--tooltip-bg-color); border-radius: 4px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-box { margin-top: 8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-box { margin-right: 8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-box { margin-left: 8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-box { margin-bottom: 8px; }
.tooltipster-sidetip.tooltipster-default .tooltipster-content { color: var(--tooltip-color); padding: 6px 8px; }
.tooltipster-sidetip.tooltipster-default .tooltipster-arrow { overflow: hidden; position: absolute; }
.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow { height: 8px; margin-left: -8px; top: 0px; width: 16px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-arrow { height: 16px; margin-top: -8px; right: 0px; top: 0px; width: 8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow { height: 16px; left: 0px; margin-top: -8px; top: 0px; width: 8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow { bottom: 0px; height: 8px; margin-left: -8px; width: 16px; }
.tooltipster-sidetip.tooltipster-default .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-default .tooltipster-arrow-border { height: 0px; position: absolute; width: 0px; }
.tooltipster-sidetip.tooltipster-default .tooltipster-arrow-background { border: 8px solid transparent; }
.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: var(--tooltip-bg-color); left: 0px; top: 3px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-arrow-background { border-left-color: var(--tooltip-bg-color); left: -3px; top: 0px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow-background { border-right-color: var(--tooltip-bg-color); left: 3px; top: 0px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-background { border-top-color: var(--tooltip-bg-color); left: 0px; top: -3px; }
.tooltipster-sidetip.tooltipster-default .tooltipster-arrow-border { border: 8px solid transparent; left: 0px; top: 0px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: var(--tooltip-bg-color); }
.tooltipster-sidetip.tooltipster-default.tooltipster-left .tooltipster-arrow-border { border-left-color: var(--tooltip-bg-color); }
.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow-border { border-right-color: var(--tooltip-bg-color); }
.tooltipster-sidetip.tooltipster-default.tooltipster-top .tooltipster-arrow-border { border-top-color: var(--tooltip-bg-color); }
.tooltipster-sidetip.tooltipster-default .tooltipster-arrow-uncropped { position: relative; }
.tooltipster-sidetip.tooltipster-default.tooltipster-bottom .tooltipster-arrow-uncropped { top: -8px; }
.tooltipster-sidetip.tooltipster-default.tooltipster-right .tooltipster-arrow-uncropped { left: -8px; }
.dark, .dark p, .dark td { color: rgb(241, 241, 241); }
.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p { color: rgb(255, 255, 255); }
.dark .product-footer .woocommerce-tabs, .dark .product-section, .dark .stars a + a { border-color: rgba(255, 255, 255, 0.2); }
.dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical-fly-out > li > a, .dark .nav-vertical > li > ul li a, .dark .nav > li.html, .dark .nav > li > a, .nav-dark .is-outline, .nav-dark .nav > li > a, .nav-dark .nav > li > button, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a { color: rgba(255, 255, 255, 0.8); }
.dark .nav-vertical-fly-out > li > a:hover, .dark .nav > li.active > a, .dark .nav > li > a.active, .dark .nav > li > a:hover, .nav-dark .nav > li.active > a, .nav-dark .nav > li.current > a, .nav-dark .nav > li > a.active, .nav-dark .nav > li > a:hover, .nav-dark a.plain:hover, .nav-dropdown.dark .nav-column > li > a:hover, .nav-dropdown.dark > li > a:hover { color: rgb(255, 255, 255); }
.dark.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col, .nav-dark .header-divider::after, .nav-dark .nav-divided > li + li > a::after, .nav-dark .nav > li.header-divider, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a { border-color: rgba(255, 255, 255, 0.2); }
.dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .header-button, .nav-dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav > li.html { color: rgb(255, 255, 255); }
.nav-box a:hover span.amount, .nav-dark span.amount { color: currentcolor; }
.c4-html { --flatsome-scroll-padding-top: calc(var(--flatsome--header--sticky-height, 0px) + var(--wp-admin--admin-bar--height, 0px)); }
.c4-html { overflow-x: hidden; scroll-padding-top: var(--flatsome-scroll-padding-top); }
@supports (overflow:clip) {
  .c4-body { overflow-x: clip; }
}
#main, #wrapper { background-color: rgb(255, 255, 255); position: relative; }
#main.dark { background-color: rgb(51, 51, 51); }
.page-wrapper { padding-bottom: 30px; padding-top: 30px; }
.page-wrapper-full { padding-top: 0px; }
.is-sticky-column__inner { display: flow-root; }
@media (min-width: 850px) {
  .is-sticky-column { position: sticky; }
  .is-sticky-column[data-sticky-mode] { transform: translateZ(0px); will-change: transform; }
  .is-sticky-column:not([data-sticky-mode]) { top: calc(var(--flatsome-scroll-padding-top) + 30px); transition: top 0.6s; }
}
.ux-body-overlay { background-color: rgba(0, 0, 0, 0.3); inset: 0px; display: block; height: 100%; opacity: 0; position: fixed; transition: visibility 0.3s, opacity 0.3s ease-in-out; visibility: hidden; width: 100%; z-index: 29; }
.ux-body-overlay--click-active, .ux-body-overlay--hover-active { opacity: 1; visibility: visible; }
.header, .header-wrapper { background-position: 50% 0px; background-size: cover; position: relative; transition: background-color 0.3s, opacity 0.3s; width: 100%; z-index: 1001; }
.header-bg-color { background-color: rgba(255, 255, 255, 0.9); }
.header-bottom, .header-top { align-items: center; display: flex; }
.header.has-transparent, .header.show-on-scroll, .header.transparent { position: absolute; }
.header.show-on-scroll:not(.stuck), .header.transparent:not(.stuck) { left: auto; right: auto; }
.header.show-on-scroll .header-wrapper { opacity: 0; transition: opacity 0.3s; visibility: hidden; }
.header.show-on-scroll .header-wrapper.stuck { opacity: 1; visibility: visible; }
.header.transparent .header-bg-color, .header.transparent .header-bg-image, .header.transparent .header-bottom, .header.transparent .header-wrapper { background-color: transparent; box-shadow: none; background-image: none !important; }
.header-bg-color, .header-bg-image { background-position: 50% 0px; transition: background 0.4s; }
.header-top { background-color: var(--fs-color-primary); min-height: 20px; position: relative; z-index: 11; }
.header-main { position: relative; z-index: 10; }
.header-bottom { min-height: 35px; position: relative; z-index: 9; }
.top-divider { border-top: 1px solid; margin-bottom: -1px; opacity: 0.1; }
.nav-dark .top-divider { display: none; }
.stuck { left: 0px; margin: 0px auto; position: fixed; right: 0px; top: 0px; }
.sticky-jump .stuck:not(.ux-no-animation) { animation: 0.6s ease 0s 1 normal none running stuckMoveDown; }
.sticky-fade .stuck:not(.ux-no-animation) { animation: 0.6s ease 0s 1 normal none running stuckFadeIn; }
.sticky-shrink .stuck .header-main { transition: height 0.8s; }
.stuck .header-inner, .stuck .logo, .stuck .logo img { margin-top: 0px; padding-top: 0px; }
.header-wrapper:not(.stuck) .logo img { transition: max-height 0.5s; }
.header.show-on-scroll .hide-for-sticky, .stuck .hide-for-sticky { display: none; }
.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper { box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 10px; }
.nav > li.header-divider { border-left: 1px solid rgba(0, 0, 0, 0.1); height: 30px; margin: 0px 7.5px; position: relative; vertical-align: middle; }
.nav-dark .nav > li.header-divider { border-color: rgba(255, 255, 255, 0.1); }
.header-block { min-height: 15px; width: 100%; }
.header-full-width .container { max-width: 100% !important; }
@media (max-width: 849px) {
  .header-main li.html.custom { display: none; }
}
@media (prefers-reduced-motion) {
  .sticky-jump .stuck { animation-name: stuckFadeIn; }
}
@media (max-width: 549px) {
  .nav-mobile > li > a:not(.button) { line-height: 5em; }
}
.post { margin: 0px 0px 30px; }
.masonery .post { margin-bottom: 0px; }
.entry-header-text { padding: 1.5em 0px; }
.entry-header-text.text-center { padding-left: 1.5em; padding-right: 1.5em; }
.entry-header-text-top { padding-top: 0px; }
.entry-header-text-bottom { padding-bottom: 0px; }
.entry-content { padding-bottom: 1.5em; padding-top: 1.5em; }
.masonery .article-inner .box { margin-bottom: 1.5em; }
.article-inner { transition: opacity 0.3s, box-shadow 0.5s, transform 0.3s; }
.blog-featured-title + #main .post-sidebar { padding-top: 30px; }
.from_the_blog_comments { opacity: 0.8; padding-top: 7px; }
.article-inner.has-shadow { background-color: rgb(255, 255, 255); }
.article-inner.has-shadow .author-box, .article-inner.has-shadow .entry-content, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow footer.entry-meta { padding-left: 1.5em; padding-right: 1.5em; }
.article-inner.has-shadow .entry-header-text-top { padding-top: 1.5em; }
.entry-author { padding: 2em 0px; }
.banner h2.entry-title { font-size: 2em; }
.badge.post-date { top: 7%; }
.entry-image img { width: 100%; }
.entry-image-float { position: relative; }
@media (min-width: 850px) {
  .entry-image-float { float: left; margin-right: 2em; max-width: 50%; }
  .entry-image-float + .entry-content { padding-top: 0px; }
}
.post .entry-summary p:last-of-type { margin-bottom: 0px; }
footer.entry-meta { border-bottom: 2px solid rgb(236, 236, 236); border-top: 1px solid rgb(236, 236, 236); font-size: 0.8em; padding: 0.5em 0px 0.6em; }
li.recentcomments { padding: 7px 0px; }
li.recentcomments a { display: inline !important; }
.box-blog-post .is-divider { height: 2px; margin-bottom: 0.5em; margin-top: 0.5em; }
.bypostauthor { display: block; }
.more-link { margin-top: 1.5em; }
.updated:not(.published) { display: none; }
@media (min-width: 850px) {
  .alignleft { display: inline; float: left; margin-right: 1.5em; }
  .alignright { display: inline; float: right; margin-left: 1.5em; }
  .aligncenter { clear: both; display: block; margin: 0px auto; }
}
.wp-caption { margin-bottom: 2em; max-width: 100%; }
.wp-caption .wp-caption-text { background: rgba(0, 0, 0, 0.05); font-size: 0.9em; font-style: italic; padding: 0.4em; }
.wp-caption-text { text-align: center; }
img.size-full.alignnone { margin-bottom: 2em; }
.row .entry-content .gallery { padding: 0px; }
.gallery-caption { display: block; }
.comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-bottom: 0px; margin-top: 0px; padding: 0px; }
.widget { margin-bottom: 1.5em; }
.widget ul { margin: 0px; }
.widget li { list-style: none; }
.widgets-boxed .widget, .widgets-framed .widget { background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 10px 0px; padding: 15px 20px; }
.widgets-boxed .widget h3 { background-color: var(--fs-color-primary); color: rgb(255, 255, 255); margin-left: -21px; margin-top: -16px; padding: 10px 20px; width: calc(100% + 42px); }
.widgets-boxed h3 + .is-divider { display: none; }
.widget > ul > li, ul.menu > li { list-style: none; margin: 0px; text-align: left; }
.widget > ul > li li, ul.menu > li li { list-style: none; }
.widget > ul > li > a, .widget > ul > li > span:first-child, ul.menu > li > a, ul.menu > li > span:first-child { display: inline-block; flex: 1 1 0%; padding: 6px 0px; }
.widget > ul > li::before, ul.menu > li::before { display: inline-block; font-family: fl-icons; margin-right: 6px; opacity: 0.6; }
.widget > ul > li li > a, ul.menu > li li > a { display: inline-block; font-size: 0.9em; padding: 3px 0px; }
.widget > ul > li + li, ul.menu > li + li { border-top: 1px solid rgb(236, 236, 236); }
.dark .widget > ul > li + li, .dark ul.menu > li + li { border-color: rgba(255, 255, 255, 0.08); }
.widget > ul > li ul, ul.menu > li ul { border-left: 1px solid rgb(221, 221, 221); display: none; margin: 0px 0px 10px 3px; padding-left: 15px; width: 100%; }
.widget > ul > li ul li, ul.menu > li ul li { border: 0px; margin: 0px; }
.dark .widget > ul > li ul, .dark ul.menu > li ul { border-color: rgba(255, 255, 255, 0.08); }
.dark .widget > ul > li.active > a, .dark .widget > ul > li.current-cat > a, .dark .widget > ul > li > a:hover, .dark ul.menu > li.active > a, .dark ul.menu > li.current-cat > a, .dark ul.menu > li > a:hover { color: rgb(255, 255, 255); }
.widget > ul > li.has-child, ul.menu > li.has-child { align-items: center; display: flex; flex-flow: wrap; }
.widget > ul > li .count { font-size: 0.7em; line-height: 3em; opacity: 0.5; }
.widget .current-cat-parent > ul, .widget .current > ul { display: block; }
.widget .current-cat > a { color: rgb(0, 0, 0); font-weight: bolder; }
.recent-blog-posts { padding: 10px 0px; }
.recent-blog-posts a { display: block; line-height: 1.2; margin-bottom: 6px; }
.widget .instagram-pics::after { clear: both; content: ""; display: table; }
.widget .instagram-pics > li { border: 0px; float: left; list-style: none; margin: 0px; padding: 0px; width: 33.3333%; }
.widget .instagram-pics > li a { display: block; margin: 0px; padding: 0px; }
.widget .instagram-pics > li img { display: block; width: 100%; }
.widget_layered_nav li { align-items: center; display: flex; }
.widget_display-latest-tweets li { font-size: 0.9em; font-style: italic; }
.widget_display-latest-tweets a { display: inline !important; }
.widget_display-latest-tweets span { display: block; font-weight: bolder; }
.wpcf7 { color: rgb(51, 51, 51); position: relative; }
.wpcf7 .ajax-loader { display: none !important; }
.dark .wpcf7 { color: rgb(255, 255, 255); }
.wpcf7 p { margin: 0px; padding: 0px; }
.wpcf7 br { display: none; }
.wpcf7 label { display: inline-block; width: 100%; }
.wpcf7 span.wpcf7-list-item { margin-left: 0px; margin-right: 1.2em; }
.wpcf7 .wpcf7-form-control-wrap { display: block; }
.wpcf7 .ajax-loader { background-color: rgb(255, 255, 255); border-radius: 99px; position: absolute; right: 0px; }
.wpcf7 .wpcf7-not-valid-tip { background-color: rgb(241, 241, 241); border-radius: 3px; color: var(--fs-color-alert); line-height: 1.2em; margin-top: -10px; opacity: 0.8; padding: 5px 8px; position: relative; }
.wpcf7 .wpcf7-not-valid-tip::after { border-width: 10px; border-style: solid; border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) rgb(241, 241, 241); border-image: none; bottom: 100%; content: " "; height: 0px; left: 30px; margin-left: -10px; pointer-events: none; position: absolute; width: 0px; }
.wpcf7 .wpcf7-validation-errors { display: none !important; }
.wpcf7 .flex-col .wpcf7-not-valid-tip { margin-top: 5px; position: absolute; width: 100%; z-index: 99; }
.wpcf7 .wpcf7-response-output { border-radius: 10px; margin: 5px 0px 0px; }
.wpcf7-form .processing * { opacity: 0.8; }
.password-required form.post-password-form { margin: 0px auto; max-width: 620px; padding: 30px 15px; }
.portfolio-inner img { width: 100%; }
.portfolio-bottom { margin-bottom: -1px; }
.row + .portfolio-related .portfolio-element-wrapper { margin-top: 30px; }
.accordion-inner { display: none; padding: 1em 2.3em; }
.accordion-title { border-top: 1px solid rgb(221, 221, 221); display: block; font-size: 110%; padding: 0.6em 2.3em; position: relative; transition: border 0.2s ease-out, background-color 0.3s; }
.dark .accordion-title { border-color: rgba(255, 255, 255, 0.2); }
.accordion-title.active { background-color: rgba(0, 0, 0, 0.03); border-color: var(--fs-color-primary); color: var(--fs-color-primary); font-weight: 700; }
.dark .accordion-title.active { color: rgb(255, 255, 255); }
.accordion .toggle { border-radius: 999px; height: 1.5em; left: 0px; margin-right: 5px; position: absolute; top: 0.3em; transform-origin: 50% 47%; width: 2.3em; }
.accordion .active .toggle { color: currentcolor; opacity: 1; }
.breadcrumbs { color: rgb(34, 34, 34); font-weight: 700; letter-spacing: 0px; padding: 0px; }
.product-info .breadcrumbs { font-size: 0.85em; margin: 0px 0px 0.5em; }
.breadcrumbs .divider, .breadcrumbs .separator { font-weight: 300; margin: 0px 0.3em; opacity: 0.35; position: relative; top: 0px; }
.dark .breadcrumbs { color: rgb(255, 255, 255); }
.breadcrumbs a { color: rgba(102, 102, 102, 0.7); font-weight: 400; }
.breadcrumbs a:first-of-type { margin-left: 0px; }
.breadcrumbs a.current, .breadcrumbs a:hover { color: rgb(17, 17, 17); }
.dark .breadcrumbs a { color: rgb(255, 255, 255); }
.checkout-breadcrumbs { padding: 15px 0px; }
.checkout-breadcrumbs a { align-items: center; color: rgb(204, 204, 204); display: inline-flex; }
.checkout-breadcrumbs .divider { margin: 0px 0.5em; top: 2px; }
.breadcrumb-step { background-color: rgb(204, 204, 204); border-radius: 99px; color: rgb(255, 255, 255); display: inline-block; font-size: 0.7em; font-weight: bolder; height: 1.5em; line-height: 1.5em; margin: 0px 0.5em; position: relative; text-align: center; width: 1.5em; }
.current .breadcrumb-step { background-color: var(--fs-color-secondary); }
@media (min-width: 850px) {
  .comment-form { display: flex; flex-flow: wrap; margin-left: -15px; margin-right: -15px; }
  .comment-form > div, .comment-form > p { padding: 0px 15px; width: 100%; }
  .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { flex: 1 1 0%; }
}
.comment-inner:target { background-color: rgb(241, 241, 241); border-radius: 10px; padding: 15px; }
.comment-list li, .commentlist li { list-style: none; padding: 1em 0px 0px; }
.comment-list li .meta, .commentlist li .meta { margin-bottom: 0px; }
.comment-list li .avatar, .commentlist li .avatar { border-radius: 100%; }
.comment-list li .description, .commentlist li .description { font-style: italic; }
.comment-list li .comment-text, .commentlist li .comment-text { padding: 0px 1.5em; }
.comment-list > li:not(:first-child), .commentlist > li:not(:first-child) { border-top: 1px dashed rgb(221, 221, 221); }
#comments .comment-respond { background-color: rgba(0, 0, 0, 0.05); margin-top: 15px; padding: 15px 25px 0px; }
#comments .comment-respond .comment-reply-title { font-size: 1.2em; }
#comments .comment-respond small { font-size: 0.6em; margin-left: 10px; text-transform: uppercase; }
.footer-wrapper { position: relative; width: 100%; }
.footer { padding: 30px 0px 0px; }
.footer-1 { background-color: rgb(255, 255, 255); }
.footer-2 { background-color: rgb(119, 119, 119); }
.footer-1, .footer-2 { border-top: 1px solid rgba(0, 0, 0, 0.05); }
.footer-secondary { padding: 7.5px 0px; }
.absolute-footer, .c4-html { background-color: rgb(91, 91, 91); }
.footer ul { margin: 0px; }
.absolute-footer { color: rgba(0, 0, 0, 0.5); font-size: 0.9em; padding: 10px 0px 15px; }
.absolute-footer.dark { color: rgba(255, 255, 255, 0.5); }
.absolute-footer.fixed { background-color: transparent; bottom: 0px; color: rgb(255, 255, 255); left: 0px; padding: 7.5px 15px; right: 0px; text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px; z-index: 101; }
.absolute-footer ul { border-bottom: 1px solid rgb(221, 221, 221); opacity: 0.8; padding-bottom: 5px; }
.absolute-footer.dark ul { border-color: rgba(255, 255, 255, 0.08); }
.absolute-footer.text-center ul { border: 0px; padding-top: 5px; }
.reveal-footer { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px 0px; margin-bottom: 100px; position: relative; z-index: 1; }
.reveal-footer + .footer-wrapper { bottom: 0px; position: fixed; z-index: 0; }
.back-to-top { bottom: 20px; margin: 0px; opacity: 0; pointer-events: none; right: 20px; transform: translateY(30%); }
.back-to-top.left { left: 20px; right: unset; }
.back-to-top.active { opacity: 1; pointer-events: inherit; transform: translateY(0px); }
.instagram-image-container { display: block; padding-bottom: 100%; }
.instagram-image-container a > img { font-family: "object-fit: cover;"; height: 100%; left: 0px; object-fit: cover; position: absolute; width: 100%; }
.instagram-image-type--placeholder img { background-color: rgba(0, 0, 0, 0.03); }
.logo { line-height: 1; margin: 0px; }
.logo-tagline { font-size: 0.9em; font-style: italic; line-height: 1; margin: 0.85em 0px; }
.logo a { color: var(--fs-color-primary); display: block; font-size: 32px; font-weight: bolder; margin: 0px; text-decoration: none; text-transform: uppercase; }
.logo img { display: block; width: auto; }
.header-logo-dark, .header-logo-sticky, .nav-dark .header-logo, .sticky .dark .header-logo-dark, .sticky .has-sticky-logo .header-logo { display: none !important; }
.nav-dark .header-logo-dark, .stuck .header-logo-sticky { display: block !important; }
.stuck .header-logo-sticky + img, .stuck .header-logo-sticky + img + img { display: none !important; }
.nav-dark .logo a { color: rgb(255, 255, 255); }
.logo-left .logo { margin-left: 0px; margin-right: 30px; }
.logo-center .flex-left { flex: 1 1 0px; order: 1; }
.logo-center .logo { margin: 0px 30px; order: 2; text-align: center; }
.logo-center .logo img { margin: 0px auto; }
.logo-center .flex-right { flex: 1 1 0px; order: 3; }
@media screen and (max-width: 849px) {
  .header-inner .nav { flex-wrap: nowrap; }
  .medium-logo-left .logo { margin-left: 0px; margin-right: 15px; order: 1; }
  .medium-logo-left .flex-left { flex: 1 1 0px; order: 2; }
  .medium-logo-left .flex-right { flex: 1 1 0px; order: 3; }
  .medium-logo-center .flex-left { flex: 1 1 0px; order: 1; }
  .medium-logo-center .logo { margin: 0px 15px; order: 2; text-align: center; }
  .medium-logo-center .logo img { margin: 0px auto; }
  .medium-logo-center .flex-right { flex: 1 1 0px; order: 3; }
}
.ux-lottie { height: 300px; }
.map-height { height: 400px; }
.map-inner { background-color: rgba(255, 255, 255, 0.9); padding: 20px; }
.google-map .gm-style button { max-width: none !important; min-height: auto !important; }
.google-map .gm-style .gm-style-mtc li { margin: 0px; }
.message-box { background-color: rgb(241, 241, 241); padding-left: 30px; padding-right: 30px; }
.message-box.dark { background-color: rgb(51, 51, 51); }
.message-box .col, .message-box .col-inner, .message-box .row { padding-bottom: 0px !important; padding-top: 0px !important; }
.next-prev-thumbs li { display: inline-block; position: relative; margin: 0px 1px !important; }
.next-prev-thumbs li .button { margin-bottom: 0px; }
.next-prev-thumbs .nav-dropdown { min-width: 90px; padding: 2px; width: 90px; }
.page-title { position: relative; }
.page-title .widget { margin: 0px 0.3em; vertical-align: middle; }
.page-title-bg { overflow: hidden; }
.title-bg { transition: opacity 0.6s; }
.title-overlay { background-color: rgba(0, 0, 0, 0.25); }
.page-title-inner { min-height: 60px; padding-top: 20px; position: relative; }
.page-title-inner button, .page-title-inner form, .page-title-inner p, .page-title-inner select, .page-title-inner ul { margin-bottom: 0px; margin-top: 0px; }
.normal-title { background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(236, 236, 236); border-top: 1px solid rgb(236, 236, 236); }
.normal-title .page-title-inner { padding-bottom: 15px; padding-top: 15px; }
.featured-title { background-color: var(--fs-color-primary); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; }
.featured-title .page-title-inner { padding-bottom: 20px; }
.featured-title .page-title-bg { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 30px 0px inset; }
.featured-title .overlay { background-color: rgba(0, 0, 0, 0.4); }
.payment-icons .payment-icon { background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; display: inline-block; margin: 3px 3px 0px; opacity: 0.6; padding: 3px 5px 5px; transition: opacity 0.3s; }
.payment-icons .payment-icon svg { height: 20px; vertical-align: middle; width: auto !important; }
.payment-icons .payment-icon:hover { opacity: 1; }
.dark .payment-icons .payment-icon { background-color: rgba(255, 255, 255, 0.1); }
.dark .payment-icons .payment-icon svg { fill: rgb(255, 255, 255); }
.pricing-table { background-color: rgb(255, 255, 255); border: 1px solid rgb(236, 236, 236); overflow: hidden; padding-bottom: 15px; }
.dark .pricing-table { border-color: rgba(255, 255, 255, 0.2); }
.pricing-table .title { border-bottom: 1px solid rgb(236, 236, 236); padding: 0.5em 15%; }
.dark .pricing-table .title { border-color: rgba(255, 255, 255, 0.2); }
.pricing-table .price { color: rgb(0, 0, 0); font-weight: 300; padding: 0.6em 15% 0px; }
.pricing-table .description { padding: 15px 15px 0px; }
.pricing-table .items { padding: 10px 15%; }
.pricing-table .is-disabled { opacity: 0.6; text-decoration: line-through; }
.pricing-table .items .button:last-child { margin: 30px 0px 0px; }
.pricing-table .bullet-more-info { font-size: 14px; margin-left: 10px; }
.pricing-table .items > div { border-bottom: 1px solid rgb(236, 236, 236); padding: 7.5px 0px; }
.dark .pricing-table .items > div { border-color: rgba(255, 255, 255, 0.08); }
.dark .pricing-table { background-color: rgb(51, 51, 51); }
.pricing-table .title { background-color: rgba(0, 0, 0, 0.02); }
.featured-table { border-color: var(--fs-color-primary); border-width: 2px; margin-top: -15px; }
.featured-table .title { background-color: var(--fs-color-primary); border-color: var(--fs-color-primary); color: rgb(255, 255, 255); }
.scroll-to { width: 100%; }
.scroll-to-bullets { max-height: 100vh; overflow: hidden; position: fixed; right: 0px; top: 50%; transform: translateY(-50%); z-index: 999; }
.scroll-to-bullets a { background-color: var(--fs-color-primary); border: 3px solid transparent; border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px; display: block; height: 15px; margin: 10px 15px; transition: 0.3s; width: 15px; }
.scroll-to-bullets a.active, .scroll-to-bullets a:hover { background-color: rgb(255, 255, 255); opacity: 1; }
.scroll-to-bullets a.active { border-color: var(--fs-color-primary); }
.sidebar-menu .search-form { display: block !important; }
.searchform-wrapper form { margin-bottom: 0px; }
.mobile-nav > .search-form, .sidebar-menu .search-form { padding: 5px 0px; width: 100%; }
.form-flat .search-form-categories { padding-right: 5px; }
.searchform-wrapper:not(.form-flat) .submit-button, .widget_search .submit-button { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.searchform { position: relative; }
.searchform .button.icon { margin: 0px; }
.searchform .button.icon i { font-size: 1.2em; }
.searchform-wrapper { width: 100%; }
.searchform-wrapper.form-flat .submit-button.loading .icon-search { opacity: 0; }
.searchform-wrapper.form-flat .submit-button.loading::after { border-color: currentcolor; }
.searchform-wrapper.form-flat .flex-col:last-of-type { margin-left: -2.9em; }
@media (max-width: 849px) {
  .searchform-wrapper { font-size: calc(1 * var(--c4-rem,16px)); }
}
.searchform-wrapper .autocomplete-suggestions { max-height: 50vh; overflow-y: auto; }
.header .search-form .autocomplete-suggestions, .header-block .autocomplete-suggestions { max-height: 80vh; }
.col .live-search-results, .header .search-form .live-search-results, .header-block .live-search-results { background-color: rgba(255, 255, 255, 0.95); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(17, 17, 17); left: 0px; position: absolute; right: 0px; text-align: left; top: 105%; }
.header li .html .live-search-results { background-color: transparent; box-shadow: none; position: relative; top: 0px; }
.autocomplete-suggestion { align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); cursor: default; display: flex; padding: 10px 0.75em; }
.autocomplete-suggestion .search-name { flex: 1 1 0%; }
.autocomplete-suggestion img { border-radius: 99px; display: inline-block; height: 40px; margin-right: 10px; width: 40px; }
.autocomplete-suggestion img + .search-name { margin-top: -0.15em; padding-left: 0.5em; }
.autocomplete-suggestion .search-price { font-size: 0.8em; margin-left: 5px; padding-top: 3px; }
.autocomplete-suggestion:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.autocomplete-selected { background-color: rgba(0, 0, 0, 0.05); }
#search-lightbox { font-size: 1.5em; margin: 0px auto; max-width: 600px; }
.section-title-container { margin-bottom: 1.5em; }
.banner + .section-title-container, .row-collapse + .section-title-container, .slider-wrapper + .section-title-container { margin-top: 30px; }
.section-title { align-items: center; display: flex; flex-flow: wrap; justify-content: space-between; position: relative; width: 100%; }
.section-title i { margin-right: 0.5em; opacity: 0.6; }
.section-title i.icon-angle-right { margin-left: 10px; margin-right: 0px; }
.section-title span { text-transform: uppercase; }
.section-title small { font-size: 1em; font-weight: 400; opacity: 0.7; padding-left: 15px; text-transform: none; }
.section-title b { background-color: currentcolor; display: block; flex: 1 1 0%; height: 2px; opacity: 0.1; }
.section-title a { display: block; font-size: 0.8em; margin-left: auto; padding-left: 15px; }
.section-title-normal { border-bottom: 2px solid rgb(236, 236, 236); }
.section-title-normal span { border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: -2px; margin-right: 15px; padding-bottom: 7.5px; }
.dark .section-title-normal, .dark .section-title-normal span { border-color: rgba(255, 255, 255, 0.2); }
.section-title-normal b { display: none; }
.section-title-center span { margin: 0px 15px; }
.section-title-bold-center span, .section-title-center span { text-align: center; }
.section-title-bold-center small, .section-title-center small { display: block; padding: 0px 15px; }
.section-title-bold span, .section-title-bold-center span { border: 2px solid rgba(0, 0, 0, 0.1); padding: 0.3em 0.8em; }
.section-title-bold b:first-of-type { display: none; }
.flatsome-cookies { background-color: rgb(255, 255, 255); inset: auto 0px 0px; box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 9px; padding: 15px 30px; position: fixed; transform: translate3d(0px, 100%, 0px); transition: transform 0.35s; z-index: 999; }
.flatsome-cookies__inner { align-items: center; display: flex; justify-content: space-between; }
.flatsome-cookies__text { flex: 1 1 auto; padding-right: 30px; }
.flatsome-cookies__buttons { flex: 0 0 auto; }
.flatsome-cookies__buttons > a { margin-bottom: 0px; margin-right: 20px; }
.flatsome-cookies__buttons > a:last-child { margin-right: 0px; }
.flatsome-cookies--inactive { transform: translate3d(0px, 100%, 0px); }
.flatsome-cookies--active { transform: none; }
@media (max-width: 849px) {
  .flatsome-cookies__inner { align-items: stretch; flex-direction: column; font-size: 0.9em; text-align: center; }
  .flatsome-cookies__buttons { margin-top: 15px; }
  .flatsome-cookies__text { padding-right: 0px; }
}
.icon-lock::before { content: ""; }
.icon-user-o::before { content: ""; }
.icon-chat::before, .icon-line::before { content: ""; }
.icon-user::before { content: ""; }
.icon-shopping-cart::before { content: ""; }
.icon-tumblr::before { content: ""; }
.icon-gift::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-play::before { content: ""; }
.icon-menu::before { content: ""; }
.icon-equalizer::before { content: ""; }
.icon-shopping-basket::before { content: ""; }
.icon-shopping-bag::before { content: ""; }
.icon-google-plus::before { content: ""; }
.icon-heart-o::before { content: ""; }
.icon-heart::before { content: ""; }
.icon-500px::before { content: ""; }
.icon-vk::before { content: ""; }
.icon-angle-left::before { content: ""; }
.icon-angle-right::before { content: ""; }
.icon-angle-up::before { content: ""; }
.icon-angle-down::before { content: ""; }
.icon-x::before { content: ""; }
.icon-twitter::before { content: ""; }
.icon-envelop::before { content: ""; }
.icon-tag::before { content: ""; }
.icon-star::before { content: ""; }
.icon-star-o::before { content: ""; }
.icon-facebook::before { content: ""; }
.icon-feed::before { content: ""; }
.icon-checkmark::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-cross::before { content: ""; }
.icon-instagram::before { content: ""; }
.icon-tiktok::before { content: ""; }
.icon-pinterest::before { content: ""; }
.icon-search::before { content: ""; }
.icon-skype::before { content: ""; }
.icon-dribbble::before { content: ""; }
.icon-certificate::before { content: ""; }
.icon-expand::before { content: ""; }
.icon-linkedin::before { content: ""; }
.icon-map-pin-fill::before { content: ""; }
.icon-pen-alt-fill::before { content: ""; }
.icon-youtube::before { content: ""; }
.icon-flickr::before { content: ""; }
.icon-clock::before { content: ""; }
.icon-snapchat::before { content: ""; }
.icon-whatsapp::before { content: ""; }
.icon-telegram::before { content: ""; }
.icon-twitch::before { content: ""; }
.icon-discord::before { content: ""; }
.ux-shop-ajax-filters .widget_price_filter .price_slider_amount .button { display: none; }
.ux-shape-divider { --divider-top-width: 100%; --divider-width: 100%; left: 0px; line-height: 0; overflow: hidden; position: absolute; width: 100%; }
.ux-shape-divider svg { display: block; height: 150px; left: 50%; position: relative; transform: translateX(-50%); }
.ux-shape-divider--top { top: -1px; transform: rotate(180deg); }
.ux-shape-divider--top svg { width: calc(var(--divider-top-width) + 2px); }
.ux-shape-divider--bottom { bottom: -1px; }
.ux-shape-divider--bottom svg { width: calc(var(--divider-width) + 2px); }
.ux-shape-divider--flip svg { transform: translateX(-50%) rotateY(180deg); }
.ux-shape-divider--to-front { z-index: 2; }
.ux-shape-divider .ux-shape-fill { fill: rgb(255, 255, 255); }
.text-center .social-icons { margin-left: auto; margin-right: auto; }
.social-icons { color: rgb(153, 153, 153); display: inline-block; font-size: 0.85em; vertical-align: middle; }
.html .social-icons { font-size: 1em; }
.html .social-icons .button { margin-bottom: 0px; }
.social-icons span { font-weight: 700; padding-right: 10px; }
.social-icons i { min-width: 1em; }
.dark .social-icons, .nav-dark .social-icons { color: rgb(255, 255, 255); }
.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline { border-color: rgba(255, 255, 255, 0.5); }
.social-button, .social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) { background-color: currentcolor !important; border-color: currentcolor !important; }
.social-button > i, .social-button > span, .social-icons .button.icon:hover > i, .social-icons .button.icon:hover > span, .social-icons .button.icon:not(.is-outline) > i, .social-icons .button.icon:not(.is-outline) > span { color: rgb(255, 255, 255) !important; }
.button.facebook:hover, .button.facebook:not(.is-outline) { color: rgb(58, 88, 157) !important; }
.button.instagram:hover, .button.instagram:not(.is-outline) { color: rgb(59, 105, 148) !important; }
.button.whatsapp:hover, .button.whatsapp:not(.is-outline) { color: rgb(81, 203, 90) !important; }
.button.x:hover, .button.x:not(.is-outline) { color: rgb(17, 17, 17) !important; }
.button.twitter:hover, .button.twitter:not(.is-outline) { color: rgb(36, 120, 186) !important; }
.button.email:hover, .button.email:not(.is-outline), .button.tiktok:hover, .button.tiktok:not(.is-outline) { color: rgb(17, 17, 17) !important; }
.button.phone:hover, .button.phone:not(.is-outline) { color: rgb(81, 203, 90) !important; }
.button.pinterest:hover, .button.pinterest:not(.is-outline) { color: rgb(203, 35, 32) !important; }
.button.rss:hover, .button.rss:not(.is-outline) { color: rgb(252, 118, 0) !important; }
.button.tumblr:hover, .button.tumblr:not(.is-outline) { color: rgb(54, 69, 93) !important; }
.button.vk:hover, .button.vk:not(.is-outline) { color: rgb(82, 116, 152) !important; }
.button.google-plus:hover, .button.google-plus:not(.is-outline) { color: rgb(221, 78, 49) !important; }
.button.linkedin:hover, .button.linkedin:not(.is-outline) { color: rgb(0, 114, 183) !important; }
.button.youtube:hover, .button.youtube:not(.is-outline) { color: rgb(195, 50, 35) !important; }
.button.flickr:hover, .button.flickr:not(.is-outline) { color: rgb(229, 8, 111) !important; }
.button.snapchat:hover, .button.snapchat:not(.is-outline) { color: rgb(255, 246, 0) !important; }
.button.snapchat:hover i, .button.snapchat:not(.is-outline) i { text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px; }
.button.px500:hover, .button.px500:not(.is-outline) { color: rgb(0, 153, 229) !important; }
.button.telegram:hover, .button.telegram:not(.is-outline) { color: rgb(84, 169, 234) !important; }
.button.twitch:hover, .button.twitch:not(.is-outline) { color: rgb(145, 70, 254) !important; }
.button.discord:hover, .button.discord:not(.is-outline) { color: rgb(113, 137, 217) !important; }
.woocommerce-product-rating { position: relative; visibility: visible; }
.star-rating { -webkit-font-smoothing: antialiased; display: block; font-size: 16px; height: 1em; letter-spacing: 0px; line-height: 1em; margin: 0.5em 0px; overflow: hidden; position: relative; text-align: left; width: 5.06em; font-family: fl-icons !important; font-weight: 400 !important; }
.star-rating::before, .woocommerce-page .star-rating::before { color: var(--fs-color-secondary); content: ""; float: left; left: 0px; position: absolute; top: 0px; }
.star-rating span { float: left; height: 10px; left: 0px; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0px; width: 10px; font-family: fl-icons !important; font-weight: 400 !important; }
.star-rating span::before { color: var(--fs-color-secondary); content: ""; left: 0px; position: absolute; top: 0px; }
.star-rating--inline { display: inline-block; height: 18px; vertical-align: middle; }
.woocommerce-review-link { font-size: 90%; }
li.wc-layered-nav-rating { font-size: 0.8em; }
li.wc-layered-nav-rating .star-rating { display: inline-block; margin-bottom: 0px; }
.stars a { display: inline-block; font-family: fl-icons; font-size: 16px; margin-left: -10px; overflow: hidden; color: transparent !important; }
.stars a + a { border-left: 1px solid rgb(236, 236, 236); margin-left: 0.3em; }
.stars a.active::after, .stars a:hover::after { color: var(--fs-color-secondary); }
.stars a::after { color: rgb(221, 221, 221); content: ""; }
.stars a.star-2::after { content: ""; }
.stars a.star-3::after { content: ""; }
.stars a.star-4::after { content: ""; }
.stars a.star-5::after { content: ""; }

.bg { opacity: 0; transition: opacity 1s; }
.bg-loaded { opacity: 1; }
.c4-html { --primary-color: #b90202; --fs-color-primary: #b90202; --fs-color-secondary: #00635b; --fs-color-success: #7a9c59; --fs-color-alert: #b20000; --fs-experimental-link-color: #00635b; --fs-experimental-link-color-hover: #111; }
.tooltipster-base { --tooltip-color: #fff; --tooltip-bg-color: #000; }
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { --drawer-width: 300px; }
.c4-html { background-image: url("https://soikeowc.io/wp-content/uploads/2026/11/realistic-american-football-stadium_52683-54053.webp"); }
.c4-html { background-color: rgb(3, 68, 42) !important; }
.container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1250px; }
.row.row-collapse { max-width: 1220px; }
.row.row-small { max-width: 1242.5px; }
.row.row-large { max-width: 1280px; }
.c4-body.framed, .c4-body.framed header, .c4-body.framed .header-wrapper, .c4-body.boxed, .c4-body.boxed header, .c4-body.boxed .header-wrapper, .c4-body.boxed .is-sticky-section { max-width: 1210px; }
.header-main { height: 90px; }
#logo img { max-height: 90px; }
#logo { width: 200px; }
.header-bottom { min-height: 47px; }
.header-top { min-height: 30px; }
.transparent .header-main { height: 90px; }
.transparent #logo img { max-height: 90px; }
.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 140px; }
.header.show-on-scroll, .stuck .header-main { height: 70px !important; }
.stuck #logo img { max-height: 70px !important; }
.search-form { width: 89%; }
.header-bg-color { background-color: rgba(255, 255, 255, 0.94); }
.header-bottom { background-color: rgb(0, 99, 91); }
.header-bottom-nav > li > a { line-height: 21px; }
@media (max-width: 549px) {
  .header-main { height: 70px; }
  #logo img { max-height: 70px; }
}
h1, h2, h3, h4, h5, h6, .heading-font { color: rgb(0, 99, 91); }
.c4-body { font-family: "Roboto", sans-serif; }
.c4-body { font-weight: 400; font-style: normal; }
.nav > li > a { font-family: "Roboto", sans-serif; }
.mobile-sidebar-levels-2 .nav > li > ul > li > a { font-family: "Roboto", sans-serif; }
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-weight: 700; font-style: normal; }
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: "Roboto", sans-serif; }
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 { font-weight: 700; font-style: normal; }
.alt-font { font-family: "Dancing Script", sans-serif; }
.alt-font { font-weight: 400 !important; font-style: normal !important; }
.absolute-footer, .c4-html { background-color: rgb(0, 99, 91); }
.nav-vertical-fly-out > li + li { border-top-width: 1px; border-top-style: solid; }
.label-new.menu-item > a::after { content: "Mới"; }
.label-hot.menu-item > a::after { content: "Thịnh hành"; }
.label-sale.menu-item > a::after { content: "Giảm giá"; }
.label-popular.menu-item > a::after { content: "Phổ biến"; }
.btnMainSite2 { background-color: rgb(0, 0, 0); padding: 10px !important; }
.box-blog-post { padding: 0px 10px; border-radius: 10px; border: 1.5px solid rgb(0, 99, 91); }
.box-blog-post img { border-radius: 10px; }
.left-title .section-title, .right-head { background-color: rgb(0, 99, 91); padding: 3px 10px; display: flex; border-radius: 5px; justify-content: center; color: white; }
.left-title .section-title-main, .left-title a { color: rgb(255, 255, 255); padding: 0px !important; }
.slide-right { padding: 0px; }
.right-head { margin-bottom: 30px; font-weight: bold; font-size: 14px; }
.banners-top-wrapper img { padding: 0px 10px; }
.home-content { margin-top: 30px; padding: 20px 30px; height: 600px; overflow-y: scroll; scrollbar-width: thin; scrollbar-color: rgb(0, 99, 91) transparent; border-radius: 6px; background-color: rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.oddsLive, .oddsStatis, .oddsData, .oddsDataPer { display: flex; flex-wrap: wrap; background: rgb(246, 248, 255); border-radius: 12px; border: 2px solid rgb(200, 211, 255); width: 100%; }
.oddsTabLive__content, .oddsData__content, .oddsDataPer__content { background-color: var(--odd-bg-color-modal); font-weight: 400; padding: 10px; width: 100%; border-radius: 12px; }
.oddsTabLive__notfound { padding: 20px 0px; }
.oddsTabLive__note { padding: 10px; border-radius: 5px; box-shadow: 0 1px 4px var(--odd-box-shadow-bookmarker-color); display: grid; grid-template-columns: repeat(4, 1fr); background-color: var(--odd-bg-bookmaker-bg-color); }
.oddsTabLive__note__children { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 4px; padding: 5px 0px; }
.oddsStatis, .oddsDataPer { margin-top: 10px; }
.oddsStatis__content { background-color: var(--odd-bg-color-modal); font-weight: 400; padding: 10px; width: 100%; border-radius: 12px; }
.oddsStatis__content__children { display: flex; flex-direction: row; justify-content: flex-start; gap: 10px; }
.oddsStatis__group { display: flex; flex-direction: row; position: relative; width: 100%; justify-content: flex-start; align-items: center; }
.oddsStatis__num { font-weight: 700; width: 40px; }
.oddsStatis__group_score { position: absolute; height: 10px; }
.oddsHome .oddsStatis__group_score { background: var(--odd-home-score-bg-color-modal); right: 0px; }
.oddsHome .oddsStatis__num { text-align: left; }
.oddsAway .oddsStatis__group_score { background: var(--odd-away-score-bg-color-modal); }
.oddsAway .oddsStatis__num { text-align: right; }
.oddsStatis__group_total { width: 100%; background-color: rgb(217, 217, 217); height: 10px; }
.oddsAway .oddsStatis__group_total.oddsStatis__group_total__full { background-color: rgb(255, 153, 0); }
.oddsHome .oddsStatis__group_total.oddsStatis__group_total__full { background-color: rgb(35, 48, 157); }
.oddsLoadingModal { text-align: center; }
.oddsEventBox { padding: 10px; }
.oddsEventBox__item { align-items: center; display: flex; justify-content: center; padding: 0px 26px 15px 0px; position: relative; width: 100%; }
.oddsEventBox__item:last-child { padding-bottom: 0px; margin-bottom: 0px; }
.oddsEventBox .oddsEventBox__item__team.away .oddsEventBox__item__team__text::before { border-width: 6px; border-style: solid; border-color: transparent rgb(255, 255, 255) transparent transparent; border-image: none; content: ""; height: 0px; left: -12px; position: absolute; width: 0px; top: 40%; }
.oddsEventBox .oddsEventBox__item__team { flex: 1 1 0%; }
.oddsEventBox__item__time { width: 30px; align-items: center; background: rgb(255, 255, 255); border-radius: 13px; display: flex; height: 26px; justify-content: center; margin: 0px 11px; padding: 0px 5px; z-index: 2; }
.oddsEventBox__item::after { border: 1px dashed rgb(210, 210, 210); content: ""; display: block; height: 100%; left: calc(50% - 15px); position: absolute; top: 0px; width: 1px; }
.oddsEventBox__item__team__text { background: rgb(255, 255, 255); border-radius: 6px; color: rgb(78, 81, 98); font-size: 13px; font-weight: 400; padding: 10px 5px; position: relative; transition: 0.3s; }
.oddsEventBox__item__team__text .oddsEventBox__item__team__box { align-items: center; display: flex; }
.oddsEventBox__item__team.home .oddsEventBox__item__team__text .oddsEventBox__item__team__box { flex-direction: row-reverse; }
.oddsEventBox__icon { height: 20px; margin: 0px 5px; }
.oddsSimulation iframe { height: 570px; width: 100%; }
.dataMatchModalPopup__scorelive { font-size: 30px; font-weight: 700; }
.oddsTabData table, .oddsTabData th, .oddsTabData td { border: 2px solid rgb(237, 237, 238); border-collapse: collapse; }
.oddsTabData table { width: 100%; background-color: rgb(255, 255, 255); }
.oddsTabData table th { padding-top: calc(0.5 * var(--c4-rem,16px)); padding-bottom: calc(0.5 * var(--c4-rem,16px)); color: rgb(139, 139, 139); background-color: rgb(248, 248, 248); }
.oddsTabData table td { padding: calc(0.5 * var(--c4-rem,16px)); }
.oddsTabData table td.warning { color: red; }
@media screen and (max-width: 768px) {
  .modal-left.open { width: 95%; padding-bottom: 0px; border-end-end-radius: 0px; border-end-start-radius: 0px; top: 15%; }
  .contentTabModalPopup { border-radius: 0px !important; }
  .oddsSimulation iframe { height: 300px; }
  .oddsTabLive__note { display: flex; flex-direction: column; }
  .distribution { height: auto !important; }
  .groundBox { width: 100% !important; background-repeat: no-repeat !important; height: auto !important; }
  .reservePlayer { width: 100% !important; }
}
@media screen and (max-width: 441px) {
  .oddsEventBox__item__time { padding: 0px; }
  .groundBox { width: 100% !important; background-size: contain !important; }
  .contentLineUp.lineup { padding: 5px; }
}
@media screen and (max-width: 320px) {
  .bgTipAndVip svg { display: none; }
}
.odds-hover-card { position: absolute; z-index: 9999; background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 0px 12px 28px; max-width: 342px; }
.odds-hc-header { background: var(--odd-header-bg-table); color: rgb(255, 255, 255); text-align: center; font-size: 14px; padding: 4px; position: relative; display: flex; align-items: center; justify-content: center; }
.odds-hc-close { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(255, 255, 255); font-size: 24px; line-height: 1; cursor: pointer; padding: 0px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; transition: opacity 0.2s; }
.odds-hc-close:hover { opacity: 0.7; }
.odds-hc-subhead { display: grid; grid-template-columns: 1fr 70px 1fr; gap: 0px; border: 1px solid var(--odd-border-bookmarker); font-size: 12px; background: var(--odd-bg-color-leagues-filter); font-weight: 600; margin: 4px 8px; border-radius: 8px; }
.odds-hc-subhead > * { white-space: nowrap; }
.odds-hc-subcell { padding: 3px; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.odds-hc-left { text-align: left; }
.odds-hc-right { text-align: right; }
.odds-hc-empty { padding: 4px; font-size: 12px; text-align: center; color: var(--muted); border-bottom: 1px solid var(--odd-border-bookmarker); }
.odds-hc-events { max-height: 100px; overflow-y: auto; padding: 4px 0px 4px 8px; }
.odds-hc-events .odds-hc-event-row .odds-hc-cell:nth-child(2) { color: rgb(255, 105, 46); }
.odds-hc-event-row { display: grid; grid-template-columns: 1fr 70px 1fr; border-bottom: 1px solid var(--odd-border-bookmarker); font-size: 12px; }
.odds-hc-cell { padding: 3px; text-align: center; }
.odds-hc-event-content { display: inline-flex; align-items: center; gap: 4px; }
.odds-hc-event-icon { display: inline-flex; align-items: center; flex-shrink: 0; }
.odds-hc-event-player { display: inline-flex; align-items: center; gap: 2px; word-break: break-word; flex-wrap: wrap; }
.odds-hc-cell.odds-hc-left { text-align: right; }
.odds-hc-cell.odds-hc-left .odds-hc-event-content { flex-direction: row-reverse !important; }
.odds-hc-cell.odds-hc-right { text-align: left; }
.odds-hc-cell { border-left: 1px solid var(--odd-border-bookmarker); border-right: 1px solid var(--odd-border-bookmarker); }
.odds-hc-stat-row { display: grid; grid-template-columns: 1fr 70px 1fr; border-bottom: 1px solid var(--odd-border-bookmarker); font-size: 12px; }
.odds-hc-stats { padding: 4px 8px; }
.odds-hc-stat-row { display: grid; grid-template-columns: 60px 1fr 60px; align-items: center; gap: 8px; margin-top: 2px; }
.odds-hc-stat-label { font-size: 12px; text-align: center; color: rgb(255, 105, 46); }
.c4-html { --odd-white-color: #fff; --odd-white-color-header: #fff; --odd-white-color-border: #fff; --odd-black-color: #000000; --odd-orange-color: #ff6600; --odd-red-color: #ff3400; --odd-bg-bookmaker-color: #5706f9; --odd-live-bg-color: #ffdfca; --odd-contentTab-gray-color: #fff; --odd-bodyTableOdds-color: #fff; --odd-bg-color-odds: #f1f1f1; --odd-box-shadow-color: #00000029; --search-dropdown-league-icon-color: #fff; --odd-white-color-btn-bet: #fff; --bg-color-btn-bet: #ff9900; --odd-white-color-btn-bet-live: #fff; --bg-color-btn-bet-live: red; --border-color-btn-bet-live: red; --bg-color-btn-identify-live: #01b243; --border-color-btn-identify-live: #06d001; --color-btn-identify-live: #fff; --border-color-btn-bet: #ffc100; --odd-white-color-btn-bet-hover: #fff; --bg-color-btn-bet-hover: #bb2b07; --odd-bg-color-leagues-filter: #d6d8dc; --odd-bg-color-leagues-filter-active: #393b3d; --odd-border-color-search-and-dropdown: #464646; --odd-color-filter-date: #fff; --odd-color-filter-odds-name-ns: #2b3f6d; --odd-activeTab-live-bg-hover: #f9d4b9; --odd-activeTab-bg: #c6d0e8; --odd-activeTab-bg-hover: #c7c1c1; --odd-contentTab-bg: #f8cbad; --odd-contentTab-gray-bg: #acb8d4; --odd-halfMatch-color: #2d2d2d; --odd-header-bg: #ea6517; --odd-header-match-bg: #ef7f3c; --odd-header-betBtn-bg: #ff3401; --odd-leagueName-bg: #b1b1b1; --odd-pink-bg: #ff0a09; --odd-header-bg-table: #797979; --odd-primary-color: #23309d; --odd-secondary-color: #ff9900; --odd-skeleton-bg: #f9d4b9; --odd-hover-active-bg: #ffe2d1; --odd-betOrder-bg-hover: #96aee5; --odd-hover-active-leagues-bg: var(--odd-primary-color); --odd-itemOddsTab-color: #606060; --odd-itemOddsTab-dot-color: #ccc; --odd-itemOddsTab-dot-active-color: #333; --odd-splash-color: #64d1ff; --odd-matchOdds-border-color-none: #acb8d4; --odd-font-size-body: 12px; --odd-padding-page-odds: 30px 12px; --odd-max-width-odds: 1200px; --odd-shadow-list-select: 0px 8px 16px 0px rgba(0, 0, 0, .2); --odd-width-search-and-dropdown: 50%; --odd-padding-dropdown: 5px 0 5px 10px; --odd-list-filter-padding: 5px 10px; --odd-border-radius-filter-date: 8px; --odd-min-width-filter-date: 52px; --odd-bg-color-filter-odds-name: transparent; --odd-padding-filter-odds-name: 9px 5px; --odd-border-filter-odds-name: 8px; --odd-padding-filter-bookmaker-name: 9px 10px; --odd-border-filter-bookmaker-name: 8px; --odd-min-width-filter-bookmaker-name: 100px; --odd-min-width-filter-odd-name: 140px; --odd-font-size-title-bookmaker: 15px; --odd-bg-color-filter-bookmaker-name: #2c3cc3; --odd-color-leagues-filter: var(--odd-black-color); --odd-color-leagues-filter-active: var(--odd-white-color); --odd-bg-color-input-search-and-dropdown: var(--odd-white-color); --odd-color-search-and-dropdown: var(--odd-black-color); --odd-bg-color-live-filter: #ff9900; --odd-color-live-filter: var(--odd-white-color); --odd-bg-color-filter-date: #000; --odd-color-filter-odds-name: #2c3cc3; --odd-time-match-color: var(--odd-orange-color); --odd-result-match-color: var(--odd-orange-color); --odd-color-prefix-odds-name: #ee6363; --odd-color-teaminfo-odds-name: var(--odd-black-color); --bg-odd-color-filter-odds-name: var(--odd-white-color); --odd-color-filter-odds-name-hover: var(--odd-white-color); --bg-odd-color-filter-odds-name-hover: var(--odd-orange-color); --odd-color-filter-bookmaker-name: var(--odd-white-color); --odd-bg-color-instructPopup-name: #2c3cc3; --odd-color-filter-instructPopup-name: var(--odd-white-color); --odd-bg-color-instructPopup-name-hover: var(--odd-white-color); --odd-color-filter-instructPopup-name-hover: var(--odd-orange-color); --odd-search-icon-color: #2c3cc3; --odd-search-dropdown-league-icon-color: #2c3cc3; --odd-bg-bookmaker-bg-color: var(--odd-white-color); --odd-box-shadow-bookmarker-color: var(--odd-box-shadow-color); --odd-border-color-filter-odds-name: 1px solid #2c3cc3; --odd-border-color-filter-instructPopup-name: 1px solid #2c3cc3; --odd-border-color-filter-bookmaker-name: 1px solid #2c3cc3; --odd-padding-filter-instructPopup-name: 9px 8px; --odd-border-filter-instructPopup-name: 8px; --odd-min-width-filter-instructPopup-name: 100px; --odd-font-size-title-instructPopup: 15px; --odd-activeTab-live-bg: var(--odd-live-bg-color); --odd-contentTab-live-bg: #fbede2; --odd-contentTab-gray-border: var(--odd-contentTab-gray-color); --odd-bodyTableOdds-border: 1px solid var(--odd-bodyTableOdds-color); --odd-bodyTableOdds-border-2: 1px solid var(--odd-contentTab-gray-color); --odd-bodyTableOdds-border-hover: 1px solid var(--odd-white-color); --odd-bodyTableOdds-gray-border: 1px solid var(--odd-bodyTableOdds-color); --odd-bodyTableOdds-gray-border-2: 1px solid var(--odd-contentTab-gray-color); --odd-slider-dot-color: #ffaf7b 0% 0% no-repeat padding-box; --odd-border-bookmarker: 1px solid #dbdbdb; --odd-item-bookmarker-active-bg: #5706f9 0% 0% no-repeat padding-box; --odd-betOrder-bg: #fbede2 0% 0% no-repeat padding-box; --odd-betOrder-active-bg: #fbede2 0% 0% no-repeat padding-box; --odd-bgimage-pink-bg: linear-gradient(90deg, #ff0a09, #ff0a09); --odd-matchOdds-border-color: var(--odd-bodyTableOdds-color); --odd-matchOdds-border-color-hover: var(--odd-white-color); --bg-color-leagues-name-live: #fff6d9; --odds-color-live-minus: #ff6600; --odd-color-value: #810101; --bg-total-tips: #f23333; --color-total-tips: #fff; --odd-color-tab-name: #ff9900; --odd-color-tab-odds-name: #ff9900; --odd-hover-btn-listdata: #ff9900; --odd-color-hover-btn-listdata: #000; --odd-bg-color-modal: #f6f8ff; --odd-home-score-bg-color-modal: linear-gradient(45deg, #d9d9d9 10%, var(--odd-primary-color) 0%, var(--odd-primary-color) 0%, var(--odd-primary-color) 100%); --odd-away-score-bg-color-modal: linear-gradient( 315deg, #d9d9d9 10%, var(--odd-secondary-color) 0%, var(--odd-secondary-color) 0%, var(--odd-secondary-color) 100% ); }
.loadAllButtonOdds > * { width: max-content; margin: 10px auto; }
.ftTableOdds .bottomFt .oddData.odds-good { position: relative; background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e") 100% 100% no-repeat, rgb(255, 209, 107); }
.ftTableOdds .bottomFt .oddData.odds-good::after { content: ""; background-color: rgb(255, 197, 76); width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; }
.ftTableOdds .bottomFt .oddData > .bgTipAndVip { background: transparent; color: rgb(255, 255, 255); z-index: 1; display: flex; gap: 2px; align-items: center; }
.ftTableOdds .bottomFt .oddData > .bgTipAndVip { color: rgb(200, 19, 26); display: flex; align-items: center; gap: 2px; justify-content: center; }
.embed-odds-bookmarker { font-size: var(--odd-font-size-body); line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
.embed-odds-bookmarker table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
.embed-odds-bookmarker td, th { border-style: solid; }
.embed-odds-bookmarker .table { display: table; }
.embed-odds-bookmarker .odds-w-full { width: 100%; }
.embed-odds-bookmarker .odds-h-full { height: 100%; }
.embed-odds-bookmarker .odds-flex { display: flex; }
.embed-odds-bookmarker .odds-flex-col { flex-direction: column; }
.embed-odds-bookmarker .odds-flex-wrap { flex-wrap: wrap; }
.embed-odds-bookmarker .odds-flex-nowrap { flex-wrap: nowrap; }
.embed-odds-bookmarker .odds-items-center { align-items: center; }
.embed-odds-bookmarker .odds-items-start { align-items: start; }
.embed-odds-bookmarker .odds-items-flex-end { align-items: flex-end; }
.embed-odds-bookmarker .odds-justify-end { justify-content: flex-end; }
.embed-odds-bookmarker .odds-justify-start { justify-content: flex-start; }
.embed-odds-bookmarker .odds-justify-center { justify-content: center; }
.embed-odds-bookmarker .odds-flex-row { flex-direction: row; }
.embed-odds-bookmarker .odds-justify-between { justify-content: space-between; }
.embed-odds-bookmarker .odds-text-center { text-align: center; }
.embed-odds-bookmarker .odds-text-left { text-align: left; }
.embed-odds-bookmarker .odds-mx-auto { margin: 0px auto; }
.embed-odds-bookmarker .odds-m-auto { margin: auto; }
.embed-odds-bookmarker .odds-cursor-pointer { cursor: pointer; }
.embed-odds-bookmarker .odds-relative { position: relative; }
.embed-odds-bookmarker .odds-absolute { position: absolute; }
.embed-odds-bookmarker .odds-fixed { position: fixed; }
.embed-odds-bookmarker .odds-t-0 { top: 0px; }
.embed-odds-bookmarker .odds-r-0 { right: 0px; }
.embed-odds-bookmarker .odds-b-0 { bottom: 0px; }
.embed-odds-bookmarker .odds-l-0 { left: 0px; }
.embed-odds-bookmarker .odds-m-0 { margin: 0px; }
.embed-odds-bookmarker .odds-p-0 { padding: 0px; }
.embed-odds-bookmarker .odds-p-10 { padding: 10px; }
.embed-odds-bookmarker input[type="text"]::placeholder { color: var(--odd-color-search-and-dropdown); }
.embed-odds-bookmarker .odds-user-none { user-select: none; }
.embed-odds-bookmarker .odds-overflow-hidden { overflow: hidden; }
.embed-odds-bookmarker .odds-overflow-auto { overflow: auto; }
.embed-odds-bookmarker .odds-gap-5 { gap: 5px; }
.embed-odds-bookmarker .odds-gap-10 { gap: 10px; }
.embed-odds-bookmarker .odds-gap-12 { gap: 12px; }
.embed-odds-bookmarker .odds-list-style-none { list-style: none; }
.embed-odds-bookmarker .odds-font-bold { font-weight: 700; }
.embed-odds-bookmarker .headTableOdds .odds-font-bold { font-weight: 400; }
.embed-odds-bookmarker .odds-font-italic { font-style: italic; }
.backgroundOddsPage { background-color: var(--odd-bg-color-odds); padding: var(--odd-padding-page-odds); }
.headOdds { max-width: var(--odd-max-width-odds); }
.leaguesFilterActive { background-color: var(--odd-bg-color-leagues-filter-active); color: var(--odd-color-leagues-filter-active); }
.leaguesFilter { background-color: var(--odd-bg-color-leagues-filter); color: var(--odd-color-leagues-filter); }
.listLeaguesFilter > * { cursor: pointer; padding: 8px 12px; border-radius: 8px; user-select: none; }
.searchAndDropdownLeagues > * { display: flex; position: relative; color: var(--odd-color-search-and-dropdown); }
.searchAndDropdownLeagues > .inputSearchLeaguess input { border-radius: 5px; }
.searchAndDropdownLeagues > .inputSearchLeaguess { width: 80%; }
.searchAndDropdownLeagues > .selectDropdownLeagues { flex: 1 0 0px; }
.searchInput, .DropdownLeagues { padding: 8px; background: var(--odd-bg-color-input-search-and-dropdown); box-shadow: unset; border: 1px solid var(--odd-border-color-search-and-dropdown); border-radius: 5px; height: auto !important; }
.DropdownLeagues { user-select: none; }
.searchInput { outline-offset: unset; outline: unset; padding-right: 30px; height: auto; }
.searchIcon { width: 30px; color: var(--odd-search-icon-color); }
.DropdownLeagues .arrowIcon { color: var(--odd-search-dropdown-league-icon-color); width: 20px; height: 20px; }
.filterOdds { gap: 5px; }
.searchAndDropdownLeagues .listLeagues, .listOddsFilter, .listBookmaker { top: 40px; background: var(--odd-bg-bookmaker-bg-color); box-shadow: 0 3px 6px var(--odd-box-shadow-bookmarker-color); z-index: 9; }
.listOddsFilter > li { padding: 7px 10px; }
.listOddsFilter > li:hover { background-color: var(--odd-color-filter-odds-name); color: var(--odd-white-color); }
.listOddsFilter > li.filterOddsActive { background-color: var(--odd-color-filter-odds-name); color: var(--odd-white-color); }
.searchAndDropdownLeagues .listLeagues { box-shadow: var(--odd-shadow-list-select); max-height: 200px; }
.searchAndDropdownLeagues .listLeagues li:hover, .searchAndDropdownLeagues .listLeagues li.active { background-color: var(--odd-hover-active-leagues-bg); color: rgb(255, 255, 255); }
.searchAndDropdownLeagues .listLeagues li { padding: 5px; }
.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar { width: 10px; }
.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-track { background: var(--odd-bg-color-odds); }
.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-thumb { background: rgb(136, 136, 136); }
.searchAndDropdownLeagues .listLeagues::-webkit-scrollbar-thumb:hover { background: rgb(85, 85, 85); }
.filterDateAndBookmaker { gap: 10px; }
.listFilterDate > * { padding: var(--odd-list-filter-padding); background-color: var(--odd-bg-color-filter-date); color: var(--odd-color-filter-date); min-width: var(--odd-min-width-filter-date); text-align: center; cursor: pointer; user-select: none; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-weight: 700; }
.listFilterDate .liveFilter { background-color: var(--odd-bg-color-live-filter); color: var(--odd-color-live-filter); padding: 5px 10px 5px 30px; }
.listFilterDate .dateFilter.active, .listFilterDate .dateFilter:hover { animation: 2s ease 0s infinite normal none running living; background-color: rgb(255, 114, 1); }
.listFilterDate { width: calc(100% - 325px); }
.filterOddsAndBookmaker .filterOdds .nameOdds { background-color: var(--odd-bg-color-filter-odds-name); color: var(--odd-color-filter-odds-name); padding: var(--odd-padding-filter-odds-name); border-radius: var(--odd-border-filter-odds-name); min-width: var(--odd-min-width-filter-odd-name); border: var(--odd-border-color-filter-odds-name); }
.filterOddsAndBookmaker .filterOdds .nameOdds::before { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 5px; transform: translate(-100%) rotate(50deg); transform-origin: left top; transition: 0.35s; background-color: var(--odd-color-filter-odds-name); z-index: -1; content: ""; }
.filterOddsAndBookmaker .filterOdds .nameOdds:hover { color: var(--odd-white-color); }
.filterOddsAndBookmaker .filterOdds .nameOdds:hover::before { transform: translate(0px); }
.filterOddsAndBookmaker .filterOdds .nameOdds path { stroke: var(--odd-bg-color-filter-bookmaker-name); }
.filterOddsAndBookmaker .filterOdds .nameOdds:hover path { stroke: var(--odd-white-color); }
.filterOddsAndBookmaker .filterBookmaker .nameBookmaker { background-color: var(--odd-bg-color-filter-bookmaker-name); color: var(--odd-color-filter-bookmaker-name); padding: var(--odd-padding-filter-bookmaker-name); border-radius: var(--odd-border-filter-bookmaker-name); min-width: var(--odd-min-width-filter-bookmaker-name); border: var(--odd-border-color-filter-bookmaker-name); }
.filterOddsAndBookmaker .filterBookmaker .nameBookmaker:hover { background-color: var(--odd-color-filter-bookmaker-name); color: var(--odd-bg-color-filter-bookmaker-name); }
.filterOddsAndBookmaker .filterBookmaker .bookmarkerItem { background-color: var(--odd-color-filter-bookmaker-name); color: var(--odd-bg-color-filter-bookmaker-name); border-radius: var(--odd-border-filter-bookmaker-name); border: var(--odd-border-color-filter-bookmaker-name); }
.filterOddsAndBookmaker .filterBookmaker .bookmarkerItem:hover, .filterOddsAndBookmaker .filterBookmaker .bookmarkerItem.active { background-color: var(--odd-bg-color-filter-bookmaker-name); color: var(--odd-color-filter-bookmaker-name); }
.filterOddsAndBookmaker .filterBookmaker .nameBookmaker path { stroke: var(--odd-white-color); }
.filterOddsAndBookmaker .filterBookmaker .nameBookmaker:hover path { stroke: var(--odd-bg-color-filter-bookmaker-name); }
.child-odd-slide-titles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; background: var(--odd-header-bg-table); border-bottom: 1px solid var(--odd-white-color-border); }
.child-odd-slide-titles .titleOdds { font-weight: 600; text-align: center; padding: 8px 4px; color: var(--odd-white-color); border-right: 1px solid var(--odd-white-color-border); }
.child-odd-slide-titles .titleOdds:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.child-odd-slide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; }
.child-odd-slide-column { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-width: 0px; border-right: 1px solid var(--odd-bodyTableOdds-color); }
.child-odd-slide-column:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.child-odd-slide-column .odds-item-data { min-height: 40px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100%; }
.child-odd-slide-column-1x2 { grid-column: span 1; }
@media (max-width: 480px) {
  .child-odd-slide-titles .titleOdds { padding: 2px; }
}
.instructPopup { background-color: var(--odd-bg-color-instructPopup-name); color: var(--odd-color-filter-instructPopup-name); padding: var(--odd-padding-filter-instructPopup-name); border-radius: var(--odd-border-filter-instructPopup-name); min-width: var(--odd-min-width-filter-bookmaker-name); border: var(--odd-border-color-filter-instructPopup-name); }
.instructPopup:hover { background-color: var(--odd-bg-color-instructPopup-name-hover); color: var(--odd-primary-color); }
.instructPopup .instruct { color: var(--odd-color-filter-odds-name); background: var(--bg-odd-color-filter-odds-name); width: 22px; border-radius: 360px; height: 22px; }
.instructPopup:hover .instruct { color: var(--odd-color-filter-odds-name-hover); background: var(--odd-primary-color); }
.instructDiv { top: 15%; height: fit-content; background: var(--odd-white-color); max-width: 800px; z-index: 9; }
.filterBookmaker .listBookmaker { padding: 15px 0px; background: var(--odd-white-color); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 25px; border-radius: 8px; min-width: 300px; left: unset; top: 45px; gap: 15px; margin: 0px; }
.itemBookmaker > * { width: calc(50% - 17px); display: flex; text-align: center; align-items: center; justify-content: center; border: 1px solid rgb(230, 230, 230); padding: 5px 0px; }
.itemBookmaker { gap: 15px; padding: 10px; border-top: var(--odd-border-bookmarker); }
.itemBookmaker .active { background: var(--odd-item-bookmarker-active-bg); color: var(--odd-white-color); }
.titleBookmaker { font-size: var(--odd-font-size-title-bookmaker); }
.headTableOdds { background: var(--odd-header-bg-table); color: var(--odd-white-color-header); }
.headTableOdds.stickyHead { position: sticky; top: 0px; z-index: 2; }
.headTableOdds .bottomFt > * { border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(255, 255, 255) currentcolor currentcolor; border-image: none; }
.headTableOdds .bottomFt > :last-child { border-right: 0px; }
.headTableOdds > * { display: flex; align-items: center; justify-content: center; border-right: 1px solid var(--odd-white-color-border); border-top: 0px; border-bottom: 0px; }
.ftTableOdds { width: 35%; }
.btnBet { width: calc(11.6667% - 1px); padding: 10px 0px; }
.bgLive .data-button { color: var(--odd-secondary-color); border-color: var(--odd-secondary-color); background-color: transparent; }
.bgLive .data-button:hover { background-color: var(--odd-secondary-color); color: rgb(255, 255, 255); }
.data-button { background: transparent; border: 1px solid var(--odd-primary-color); padding: 7px 10px; border-radius: 8px; font-weight: 700; color: var(--odd-primary-color); cursor: pointer; margin: auto; }
.data-button:hover { background: var(--odd-primary-color); color: var(--odd-white-color); }
.bgLive .ftTableOdds .data-button { border: 1px solid var(--odd-secondary-color); color: var(--odd-secondary-color); }
.bgLive .ftTableOdds .data-button:hover { background: var(--odd-secondary-color); color: var(--odd-white-color); }
.ftTableOdds > * { width: 100%; text-align: center; }
.ftTableOdds > :last-child { border-top: 0px; }
.ftTableOdds .headFt { border-top: 0px; padding: 5px; }
.ftTableOdds .bottomFt { border-bottom: 0px; }
.favourite { padding: 0px; }
.favourite.active { background-color: var(--odd-bg-color-leagues-filter-active); }
.headTableOdds .timeTableOdds { width: 8%; }
.timeTableOdds { width: 8%; display: flex; justify-content: center; flex-wrap: wrap; }
.timeTableOdds .time { min-width: 34px; }
.timeTableOdds .halfMatch { width: 100%; }
.matchOdds { width: 22%; }
.starIcon { width: 30px; display: flex; align-items: start; justify-content: center; }
.starAndStatus { width: calc(100% - 30px); display: flex; align-items: center; flex-direction: column; justify-content: flex-start; position: relative; }
.starIcon div { padding: 2px; }
.oddsListData > .itemOddsData .bodyTableOdds .starIcon, .oddsListData > .itemOddsData.bgLive .bodyTableOdds .starIcon, .oddsListData > .itemOddsData.bgLive:hover .bodyTableOdds .starIcon { border-right: 0px; }
.starIcon > * { cursor: pointer; user-select: none; }
.matchOdds.listIcon { padding: 10px 0px; width: 22%; display: flex; }
.bottomFt > * { width: calc(33.3333%); }
.betOrder { width: calc(58.3333% + 1px); padding-bottom: 10px; padding-top: 10px; }
.contentOrder svg { transform: rotate(270deg); }
.contentOrder.active svg { transform: rotate(90deg); }
.betOrder > * { border-top: 0px; clip-path: polygon(0px 0px, 100% 0px, 90% 100%, 10% 100%); width: 250px; margin: auto; padding: 5px; display: flex; justify-content: center; gap: 10px; align-items: center; cursor: pointer; user-select: none; }
.itemOddsData.bgLive .bottomFt > *, .oddsListData .bottomFt > * { padding: 0px 3px; }
.viewBetDiv > :nth-child(2), .viewBetDiv > :nth-child(3), .viewBetDiv > :nth-child(4) { border-right: 0px; border-left: 0px; }
.viewBetDiv .contentOrder { width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: rgb(213, 220, 199); color: rgb(51, 51, 51); text-align: left; font-weight: 700; margin: 0px; padding: 10px; }
.listTabOdds { background: rgb(213, 220, 199); }
.oddsListData .btnBet { display: flex; align-items: center; }
.matchOdds-draw { color: rgb(96, 96, 96); }
.leaguesName { color: var(--odd-halfMatch-color); padding: 5px 5px 5px 10px; background: var(--odd-leagueName-bg); text-transform: uppercase; font-size: 12px; font-weight: 700; }
.leaguesName .arrowIcon, .titleLeagues .arrowIcon { transition: 0.2s; }
.leaguesName .logo, .titleLeagues .logo { width: 15px; height: 15px; }
.leaguesName.active .arrowIcon, .titleLeagues.active .arrowIcon { transform: rotate(90deg); }
.oddsListData > .itemOddsData, .oddsListData > .itemOddsData .listItemTabOdds .activeTab::after { background: var(--odd-hover-active-bg); }
.oddsListData > .itemOddsData:hover, .oddsListData > .itemOddsData:hover .listItemTabOdds .activeTab::after { background: var(--odd-activeTab-bg-hover) !important; }
.oddsListData > .itemOddsData.bgLive:hover { background: var(--odd-activeTab-live-bg-hover); }
.oddsListData > .itemOddsData, .oddsListData .leaguesName, .headTableOdds.stickyHead { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 1px 2px; margin-bottom: 5px; }
.oddsListData.title_live .leaguesName span { line-height: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }
.oddsListData > .itemOddsData.bgLive.oddRow { background: rgb(255, 204, 188); }
.oddsListData > .itemOddsData.bgLive.evenRow { background: rgb(255, 221, 210); }
.oddsListData > .itemOddsData.bgLive:hover, .oddsListData > .itemOddsData.bgLive:hover .listItemTabOdds .activeTab::after { background: rgb(199, 193, 193); }
.oddsListData > .itemOddsData.evenRow { background: rgb(228, 228, 228); }
.oddsListData > .itemOddsData.oddRow { background: rgb(198, 212, 241); }
.oddsListData > .itemOddsData:hover > * { border-right-color: var(--odd-white-color); }
.oddsListData > .itemOddsData:hover .carouselOdds { border-left-color: var(--odd-white-color); }
.oddsListData > .itemOddsData:not(.bgLive) .carouselOdds { border-bottom: var(--odd-bodyTableOdds-gray-border-2); }
.oddsListData > .itemOddsData:not(.bgLive):hover .carouselOdds { border-left-color: var(--odd-white-color); }
.oddsListData > .itemOddsData .betOrder > * { background: var(--odd-betOrder-bg); }
.oddsListData > .itemOddsData:hover .betOrder > * { background: var(--odd-betOrder-bg-hover); }
.oddsListData > .itemOddsData.bgLive .betOrder > * { background: var(--odd-betOrder-active-bg); transition: 0.3s; font-weight: bolder; }
.oddsListData > .itemOddsData.bgLive .betOrder > :hover { background: var(--odd-hover-btn-listdata); color: var(--odd-color-hover-btn-listdata); }
.oddsListData > .itemOddsData .betOrder > * { background: var(--odd-contentTab-gray-bg) 0% 0% no-repeat padding-box; }
.oddsListData > .itemOddsData.bgLive .bodyTableOdds .listIcon a { height: 20px; }
.box-dudoan { background: linear-gradient(282deg, rgb(255, 235, 57) -34.28%, rgb(196, 12, 44) 68.25%) !important; }
.box-dudoan a.link-dudoan { color: rgb(255, 235, 57); text-decoration: unset; font-size: 14px; }
.oddsListData > .itemOddsData .bodyTableOdds > *, .ftTableOdds .bottomFt .oddData { border-right: var(--odd-bodyTableOdds-border-2); }
.oddsListData > .itemOddsData.bgLive .bodyTableOdds > *, .itemOddsData.bgLive .ftTableOdds .bottomFt .oddData { border-right: var(--odd-bodyTableOdds-border); }
.itemOddsData.bgLive .bodyTableOdds:first-child { border-top: var(--odd-bodyTableOdds-border); }
.itemOddsData.bgLive:hover .bodyTableOdds:first-child { border-top: var(--odd-bodyTableOdds-border-hover); }
.oddsListData > .itemOddsData.bgLive .bodyTableOdds > :first-child { border-left: 0px; }
.itemOddsData.bgLive .ftTableOdds .bottomFt .oddData:last-child, .oddsListData > .itemOddsData.bgLive .bodyTableOdds > :last-child, .oddsListData > .itemOddsData.bgLive:hover .bodyTableOdds > :last-child { border-right: 0px; }
.oddsListData > .itemOddsData.bgLive:hover .bodyTableOdds > *, .itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData { border-right: var(--odd-bodyTableOdds-border-hover); }
.oddsListData > .itemOddsData.bgLive .bodyTableOdds > * { border-bottom: var(--odd-bodyTableOdds-border); }
.oddsListData > .itemOddsData .bodyTableOdds > * { border-bottom: var(--odd-bodyTableOdds-border-2); }
.oddsListData > .itemOddsData:hover .bodyTableOdds > * { border-bottom: var(--odd-bodyTableOdds-border-hover); }
.itemOddsData:hover .bodyTableOdds > *, .itemOddsData:hover .ftTableOdds .bottomFt .oddData { border-right: var(--odd-bodyTableOdds-border-hover); }
.itemOddsData:hover .ftTableOdds .bottomFt .oddData:last-child { border-right: 0px; }
.ftTableOdds .bottomFt .oddData:last-child { border-right: 0px; }
.clockIconClass { background: transparent !important; }
.clockIconClass svg { margin: auto; opacity: 0.3; width: 25px !important; }
.bodyTableOdds > * { font-weight: 700; }
.bodyTableOdds > * > .bottomFt { padding: 0px; }
.timeMatch { color: var(--odd-time-match-color); }
.resultsMatch { color: var(--odd-result-match-color); }
.halfMatch { color: var(--odd-halfMatch-color); }
.oddsColor { color: var(--odd-color-value); }
.colorStyleNumber { color: rgb(233, 61, 61); }
.bottomFt > :last-child, .headTableOdds > :last-child { border-right: 0px; }
.headTableOdds .ftTableOdds .bottomFt > * { border-right: 1px solid var(--odd-white-color); border-top: 1px solid var(--odd-white-color); border-bottom: 0px; padding: 5px; }
.headTableOdds .ftTableOdds .bottomFt > :first-child { border-left: 0px; }
.headTableOdds .ftTableOdds .bottomFt > :last-child { border-right: 0px; }
.oddsPrefix { color: var(--odd-color-prefix-odds-name); }
.teamInfo { color: var(--odd-color-teaminfo-odds-name); }
.bodyTableOdds .teamInfo, .bodyTableOdds .oddsPrefix { cursor: pointer; user-select: none; }
.bodyTableOdds .teamInfo:hover, .bodyTableOdds .oddsPrefix:hover { color: rgb(187, 62, 62); }
.bgLive .aBtnBet { color: var(--odd-white-color-btn-bet-live); background: var(--bg-color-btn-bet-live); border: var(--border-color-btn-bet-live); }
.aBtnBet { color: var(--odd-white-color-btn-bet); height: max-content; width: max-content; padding: 5px 15px; border-radius: 8px; transition: 0.3s; text-decoration: unset; background: var(--bg-color-btn-bet); margin-left: 5px; border: var(--border-color-btn-bet); }
.headingInstruct { background: rgba(0, 0, 0, 0.54); color: var(--odd-white-color); text-transform: uppercase; }
.c4-body:has(.activeInstruct), .c4-body:has(.modalPlayTest) { height: 100%; }
.c4-body.activeInstruct::after { content: ""; background: rgba(0, 0, 0, 0.37); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 8; }
.ftTableOdds .bottomFt .oddData .odds:hover .colorStyleNumber { color: var(--odd-white-color); }
.aBtnBet:hover { background: var(--bg-color-btn-bet-hover); color: var(--odd-white-color-btn-bet-hover); }
.listItemTabOdds { border: 0px; z-index: 0; }
.listItemTabOdds::after { content: ""; height: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--odd-color-tab-odds-name); position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; z-index: -1; }
.listItemTabOdds > * { background: var(--odd-color-filter-odds-name); padding: 5px 10px; color: var(--odd-white-color); border: 1px solid var(--odd-color-tab-name); border-radius: 8px; cursor: pointer; user-select: none; font-weight: 700; }
.contentTab { padding: 10px; border-radius: 6px; }
.contentTab .oddData { display: flex; flex-direction: column; justify-content: flex-start; padding: 5px; gap: 5px; font-weight: 700; width: 120px; }
.itemOddsTabContent { gap: 15px; }
.contentTab .oddData .odds { background: var(--odd-white-color); padding: 3px; border-radius: 4px; }
.itemTab > * { width: calc(6.25% - 2px); }
.titleTab { color: var(--odd-color-leagues-filter); padding-bottom: 5px; font-size: 15px; }
.filterOddsAndBookmaker { width: 325px; z-index: 8; }
.titleTab.active { border-bottom: 1px solid var(--odd-contentTab-gray-border); }
.titleTab .arrowIcon svg { color: var(--odd-color-leagues-filter); }
.titleTab.active .arrowIcon { transform: rotate(90deg); }
.itemOddsTab { display: flex; flex-direction: column; gap: 5px; }
.itemOddsTab .oddsItem { background: rgb(213, 220, 199); color: var(--odd-black-color); text-align: left; }
.itemOddsTab > * { text-align: left; padding: 5px; font-weight: 400; background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.listItemTabOdds .activeTab { border-radius: 4px 4px 0px 0px; background: rgb(255, 153, 0); color: var(--odd-black-color); border-bottom: 0px; }
.slider { transition: transform 0.5s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; gap: 5px; }
.slide { flex: 0 0 auto; }
.carouselOddDots { margin: 5px 0px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background-color: var(--odd-itemOddsTab-dot-color); margin: 0px 5px; }
.dot.active { background-color: var(--odd-itemOddsTab-dot-active-color); }
.pinkBg { background-image: var(--odd-bgimage-pink-bg); border: 1px solid var(--odd-white-color); background-color: var(--odd-pink-bg) !important; }
.intro-banner-vdo-play-btn { height: 10px; width: 10px; left: 10px; border-radius: 100px; z-index: 1; }
.intro-banner-vdo-play-btn i { line-height: 56px; font-size: 30px; }
.intro-banner-vdo-play-btn .ripple { width: 40px; height: 40px; z-index: -1; left: 50%; top: 50%; opacity: 0; margin: -20px 0px 0px -20px; border-radius: 100px; animation: 1.8s ease 0s infinite normal none running ripple; }
.ftTableOdds .bottomFt .oddData { justify-content: flex-start; }
.ftTableOdds .bottomFt .oddData svg#Layer_1 { width: 15px; }
.ftTableOdds .bottomFt .oddData { font-weight: 700; }
.ftTableOdds .bottomFt .oddData > * { display: flex; justify-content: space-between; z-index: 1; }
.ftTableOdds .bottomFt .oddData:nth-child(3) .odds { justify-content: flex-end; align-items: center; gap: 3px; }
.ftTableOdds .odds > * { display: flex; align-items: center; gap: 3px; }
.bodyTableOdds .ftTableOdds .bottomFt { border: 0px; }
span.liveMinus { color: var(--odds-color-live-minus); transition: color 0.5s ease-in-out; animation: 1s ease 0s infinite normal none running blink; font-size: 20px; position: relative; left: -2px; }
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes living { 
  0% { background-color: rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px; }
  50% { background-color: rgb(255, 114, 1); box-shadow: rgb(0, 0, 0) 0px 0px 10px; }
  100% { background-color: rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px; }
}
@keyframes pulse { 
  0% { opacity: 0.1; }
  30% { opacity: 0.8; }
  100% { opacity: 0.1; }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2) { animation-delay: 0.3s; }
.intro-banner-vdo-play-btn .ripple:nth-child(3) { animation-delay: 0.6s; }
.skeleton-box { background-color: var(--odd-skeleton-bg); height: 100px; padding: 0px !important; }
.skeleton-box::after { position: absolute; inset: 0px; transform: translate(-100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: 2s ease 0s infinite normal none running shimmer; content: ""; }
@-webkit-keyframes shimmer { 
  100% { transform: translate(100%); }
}
@keyframes shimmer { 
  100% { transform: translate(100%); }
}
.notFoundMatch { text-align: center; padding: 10px 0px; background: var(--odd-activeTab-live-bg); }
.adsBanner { text-align: center; }
.adsBanner ins { margin: auto; }
.adsBanner ins img { width: 100%; max-width: 100%; }
.searchAndDropdownLeagues > * input { margin-bottom: 0px; }
.identify-and-vip { display: flex; gap: 10px; }
.modal-left { position: fixed; inset: 0px; width: 800px; background: rgb(242, 242, 242); transition: transform 0.3s ease-out; z-index: 9; padding: 0px 0px 20px; border-radius: 12px; overflow: hidden; margin: auto; }
.modalHeadData { position: sticky; top: 0px; z-index: 9; height: 240px; }
.modalTop::after { content: ""; background: rgba(17, 24, 79, 0.7); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; }
.modal-left.open { z-index: 99999999; max-height: 800px; }
.modalBackdrop.open { position: fixed; z-index: 9999999; inset: 0px; width: 1000%; height: 10000vh; background: rgba(17, 24, 79, 0.7); }
.time-modal { color: rgb(255, 255, 255); font-size: 30px; margin-top: 8px; }
.status-modal { background-color: rgb(233, 61, 61); color: rgb(255, 255, 255); font-size: 14px; width: max-content; border-radius: 12px; padding: 2px 12px; }
.date-modal { color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; }
.dataHomeModalPopup img, .dataAwayModalPopup img { width: 50px; height: 50px; margin-right: 10px; }
.modalTop { background: url("https://soikeowc.io/wp-content/uploads/2026/11/bgtop.webp") 0% 0% / cover no-repeat; border-top-left-radius: 10px; border-top-right-radius: 10px; color: rgb(255, 255, 255); min-height: 200px; overflow: hidden; position: relative; text-align: center; width: 100%; }
.InfoMatchModalPopup { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; z-index: 2; }
.leaguesModalPopup { align-items: center; display: flex; height: 34px; justify-content: center; z-index: 2; position: relative; gap: 5px; background-color: rgba(44, 60, 195, 0.6); }
.leaguesModalPopup img { width: 20px; height: 20px; object-fit: contain; }
.InfoMatchModalPopup { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.dataHomeModalPopup, .dataAwayModalPopup { margin-top: 30px; width: calc(50% - 100px); }
.dataMatchModalPopup { width: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 15px; }
.dataHomeModalPopup img, .dataAwayModalPopup img { height: 60px; margin: 0px auto; width: 60px; }
.nameTeamPopup { font-size: 12px; font-weight: 700; line-height: 24px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tabModalPopup { width: 100%; overflow: auto; }
.listItemModalPopup { min-width: 436px; gap: 16px; justify-content: start; width: 100%; }
.listItemModalPopup { display: flex; align-items: center; gap: 30px; justify-content: center; font-weight: 700; color: rgb(68, 74, 100); cursor: pointer; font-size: 14px; line-height: 40px; background: rgb(237, 237, 238); }
.contentTabModalPopup { background: rgb(255, 255, 255); border-radius: 12px; overflow: auto; height: calc(100% - 240px); width: 100%; }
.chillContentTabModalPopup { padding: 12px; display: flex; flex-direction: column; gap: 30px; }
.titleModalLineUp { align-items: center; background-color: rgb(200, 211, 255); border-radius: 10px 10px 0px 0px; display: flex; height: 34px; justify-content: space-between; position: relative; color: rgb(29, 37, 48); font-size: 15px; padding: 7px 15px; width: 100%; }
.titleModalLineUp::after { content: ""; width: 8px; height: 32px; position: absolute; left: 0px; right: 0px; background: rgb(44, 60, 195); border-radius: 0px 8px 8px 0px; }
.tabModalPopup .itemTabModalPopup:hover, .tabModalPopup .itemTabModalPopup.active { color: rgb(44, 60, 195); }
.distribution { background-color: rgb(53, 149, 86); border-radius: 0px 0px 10px 10px; height: 940px; overflow: hidden; width: 100%; }
.groundBox { background: url("https://soikeowc.io/wp-content/uploads/2026/11/lineupbg.webp") 0% 0% / cover; display: flex; flex-direction: column; height: 928px; justify-content: space-between; margin: 6px auto; width: 374px; }
.groupLineUps { height: calc(100% - 80px); }
.groupHead { align-items: center; color: rgb(255, 255, 255); display: flex; font-size: 12px; line-height: 40px; padding: 0px 12px; gap: 10px; }
.groupHead img { width: 24px; height: 24px; object-fit: contain; }
.groupHead > * { display: flex; align-items: center; gap: 10px; }
.chillContentTabModalPopup::-webkit-scrollbar-track { border-radius: 3px; }
.chillContentTabModalPopup::-webkit-scrollbar { background-color: rgb(255, 255, 255); height: 6px; width: 6px; }
.chillContentTabModalPopup::-webkit-scrollbar-thumb { background-color: rgb(204, 204, 204); border-radius: 3px; box-shadow: rgb(204, 204, 204) 0px 0px 6px inset; }
.firstNumberContainer { height: 70px; width: 100%; }
.avatarMain { border: 1px solid rgb(208, 246, 209); border-radius: 50%; box-sizing: border-box; height: 100%; overflow: hidden; width: 100%; padding: 2px; }
.boxAvatarMain { height: 45px; margin: 0px auto; position: relative; width: 45px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.restNumbersContainer { align-items: center; display: flex; flex-direction: column; height: calc(100% - 70px); justify-content: space-between; padding: 20px 0px; }
.boxItem4 { margin: 0px auto; width: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(255, 255, 255); }
.avatar { border: 1px solid rgb(208, 246, 209); border-radius: 50%; box-sizing: border-box; height: 100%; overflow: hidden; width: 100%; }
.teamHome, .teamGuest { height: 50%; width: 100%; display: flex; flex-direction: column; }
.playBoxLineups { align-items: center; display: flex; justify-content: space-between; padding: 0px; width: 100%; }
span.namePlayerLineUp { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(255, 255, 255); display: -webkit-box; font-size: 10px; font-weight: 700; line-height: 12px; margin-top: 3px; overflow: hidden; text-align: center; text-overflow: ellipsis; width: 60px; }
span.namePlayerLineUp span { color: rgb(185, 212, 180); margin-right: 3px; }
.lineupDivTotal { display: flex; flex-wrap: wrap; background: rgb(246, 248, 255); border-radius: 12px; border: 2px solid rgb(200, 211, 255); }
.lineupDivTotal.no-content > * { width: 100%; }
.reservePlayer { width: calc(50% - 10px); }
.modal-left::-webkit-scrollbar { width: 4px; }
.contentLineUp.lineup { display: flex; width: 100%; flex-flow: wrap; gap: 20px; }
.contentLineUp { width: 100%; padding: 12px; display: flex; gap: 10px; flex-direction: column; }
.ListItemReserve { display: flex; flex-direction: column; gap: 10px; }
.itemReservePlayer { background: rgb(255, 255, 255); border: 1px solid rgb(200, 211, 255); border-radius: 8px; padding: 10px; display: flex; align-items: center; gap: 10px; font-size: 14px; }
.numberItemReservePlayer { width: 30px; }
.BoxAvatarItemReservePlayer { width: 48px; display: flex; align-items: center; justify-content: center; position: relative; }
.BoxAvatarItemReservePlayer img { width: 48px; height: 48px; border-radius: 360px; background: rgb(174, 174, 174); }
.pointItemReservePlayer { width: 35px; background: rgb(97, 200, 69); border-radius: 16px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; font-weight: 400; position: absolute; bottom: -5px; left: 0px; right: 0px; margin: auto; }
.PositionItemReserve { color: rgb(152, 152, 155); font-size: 12px; font-weight: 400; }
.homeReserve img { width: 24px; height: 24px; object-fit: contain; }
.homeReserve { display: flex; align-items: center; gap: 10px; height: 30px; padding: 10px 0px; font-size: 16px; color: rgb(17, 24, 79); }
.pointPlayerLineUp { background: rgb(254, 174, 15); border: 1px solid rgb(255, 255, 255); border-radius: 8px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; height: 15px; line-height: 12px; position: absolute; right: calc(50% - 35px); text-align: center; top: 3px; width: 25px; z-index: 3; }
.countdownTimePopup { background: rgba(255, 255, 255, 0.2); border-radius: 11px; font-size: 14px; font-weight: 600; height: 22px; line-height: 22px; margin: 5px auto; padding: 0px 12px; width: max-content; }
.closeModalData { cursor: pointer; user-select: none; position: absolute; top: 5px; right: 15px; z-index: 9; background: rgb(200, 211, 255); height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; padding: 0px; }
.headerH2H { display: flex; gap: 10px; padding: 10px 0px; justify-content: flex-end; }
.headerH2H > * { background: gray; color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 4px; cursor: pointer; user-select: none; }
.headerH2H > :hover, .headerH2H > .bgActiveBtn { background-color: rgb(44, 60, 195); }
.WLTableH2h > *, .AHTableH2h > *, .OUTableH2h > * { width: 24px; display: flex; align-items: center; justify-content: center; height: 24px; border-radius: 4px; margin: auto; }
.bgColorWin { color: rgb(255, 255, 255); background: rgb(64, 187, 140); }
.bgColorDraw { color: rgb(255, 255, 255); background: rgb(255, 153, 0); }
.bgColorLost { color: rgb(255, 255, 255); background: rgb(233, 61, 61); }
.logoH2h { width: 50px; }
.bodyH2h { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.backgroundHeadTableH2h { display: flex; width: 100%; justify-content: space-between; font-weight: 400; flex-wrap: wrap; background-color: rgb(255, 255, 255); }
.backgroundHeadTableH2h > * { padding: 5px; border: 1px solid rgb(237, 237, 238); display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
.backgroundHeadTableH2h.headingH2H { background: rgb(231, 236, 255); }
.WLTableH2h, .AHTableH2h, .OUTableH2h { width: 30px; text-align: center; }
.HTTableH2h { width: 80px; }
.dateTableH2h { width: 100px; }
.goalTableH2h { width: 80px; text-align: center; }
.colorTableH2h.backgroundTableH2h { display: flex; flex-direction: column; width: 100%; gap: 5px; }
.percentH2H { width: calc(100% - 120px); display: flex; flex-direction: column; gap: 20px; }
.headBoxPercentH2h { justify-content: space-between; display: flex; }
.bodyBoxPercentH2h { display: flex; position: relative; }
.bodyBoxPercentH2h > * { height: 16px; }
.bgColorH2h2Home { background: rgb(64, 187, 140); position: absolute; left: 0px; top: 0px; }
.bgColorH2h2Away { background: rgb(233, 61, 61); width: 100%; }
.bgColorH2h2HomeDraw { background: rgb(240, 155, 87); position: absolute; }
.homeTableH2h { flex: 1 1 0%; gap: 10px; font-weight: 700; }
.avatarMain .avatar img { width: 100%; object-fit: contain; }
* { -webkit-tap-highlight-color: transparent; }
.boxStatistic { display: flex; gap: 10px; width: 100%; flex-direction: row; align-items: center; justify-content: center; }
.boxStatistic > * { width: calc(50% - 10px); }
.headBoxPercentH2hData { display: flex; align-items: center; gap: 10px; width: 100%; flex-direction: row; justify-content: space-between; }
.headBoxPercentH2hData .H2hDataFirst { width: calc(50% - 60px); }
.BGH2hDataFirst { width: 100px; display: flex; align-items: center; justify-content: center; background: rgb(217, 217, 217); border-radius: 20px; padding: 5px 0px; }
.headBoxPercentH2hData .H2hDataFirst:nth-child(3) { display: flex; justify-content: end; }
.bgColorH2h2Away.border-statistic, .bgColorH2h2Home.border-statistic { border-radius: 12px; }
.bodyH2h { font-size: 12px; }
.tableStatistic { display: flex; width: 100%; gap: 10px; flex-direction: column; }
.tableStatistic > * { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.ColumnTableStatistic .LeaguesTableStatistic { width: 100px; text-align: left; }
.ColumnTableStatistic { display: flex; align-items: center; gap: 10px; padding: 5px; }
.ColumnTableStatistic .NameTableStatistic { width: calc(100% - 470px); text-align: left; }
.ColumnTableStatistic > * { width: 80px; text-align: center; }
.ColumnTableStatistic.headTableStatistic { background: rgb(237, 237, 238); }
.itemTableStatistic { background: rgb(255, 255, 255); border: 1px solid rgb(237, 237, 238); }
.TBTableStatistic > * > *, .DHPTableStatistic > * > *, .TXTableStatistic > * > * { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; margin: auto; }
.nameTeamStatistic { font-size: 16px; font-weight: 700; }
.ColumnTableStatistic .NameTableStatistic .boldname { font-weight: 700; }
.oddsStatis__content.tips { display: flex; flex-direction: column; gap: 10px; }
.TeamInfoModal { display: flex; }
.BoxInfoTeamLeft { width: 200px; display: flex; flex-direction: column; align-items: center; border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color: rgb(217, 217, 217) currentcolor rgb(217, 217, 217) rgb(217, 217, 217); border-image: none; }
.BoxInfoTeamRight { width: calc(100% - 210px); display: flex; flex-flow: wrap; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgb(217, 217, 217) rgb(217, 217, 217) rgb(217, 217, 217) currentcolor; border-image: none; }
.itemInfoTeamRight { width: 50%; display: flex; font-size: 12px; }
.itemInfoTeamRight .headingItemInfoTeamRight { background-color: rgb(255, 246, 217); width: 150px; display: flex; border-right: 0px !important; border-bottom: 0px !important; }
.BottomItemInfoTeamRight { width: calc(100% - 150px); border-right: 0px !important; border-bottom: 0px !important; }
.NameTeamInfo { font-size: 12px; }
.itemInfoTeamRight > * { border: 1px solid rgb(217, 217, 217); color: rgb(0, 0, 0); padding: calc(0.5 * var(--c4-rem,16px)) calc(0.25 * var(--c4-rem,16px)); display: flex; align-items: center; }
.itemInfoTeamRight:first-child > * { border-top: 0px; }
.itemInfoTeamRight:nth-child(2) > * { border-top: 0px !important; }
.bgColorTeamActive, .bgColorNotActive:hover { background-color: rgb(247, 176, 22); color: rgb(0, 0, 0); padding: 5px; border-radius: 4px; }
a.linkWebsite:hover { color: red; }
.bgColorNotActive { background-color: rgb(237, 237, 238); color: rgb(139, 139, 139); }
.listtabTeam { display: flex; gap: 10px; flex-wrap: wrap; }
.listtabTeam > * { padding: 5px; border-radius: 8px; cursor: pointer; font-size: 12px; user-select: none; }
.modal-left.modalTeam.open { max-width: 1000px; width: 100%; }
.headingDataTeamBOx { display: flex; align-items: center; justify-content: space-between; background: var(--odd-primary-color); padding: 5px 8px; color: rgb(255, 255, 255); }
.filterNameDataLeagues.rightItem .listFilterLeagues { left: unset; right: 0px; }
.noDataTeam { text-align: center; color: red; }
.NoDataModal { text-align: center; }
.filterHeading { display: flex; gap: 10px; }
.titleHeading { color: rgb(255, 255, 255); font-weight: 700; justify-content: center; }
.dataTeamBox { display: flex; flex-direction: column; }
.contentAttackSumaryData { display: flex; text-align: center; }
.contentAttackSumaryData > * { width: 12.5%; }
.contentAttackSumaryData > * > .bgColorDataTeam { background: rgb(237, 237, 238); height: 30px; font-weight: 700; border: 1px solid rgb(217, 217, 217); }
.header-odds { font-size: 16px; background-color: rgb(213, 220, 199); color: rgb(200, 50, 51); font-weight: 400; border-top: 2px solid rgb(180, 187, 168); text-align: left; padding: 6px 5px 4px 10px; margin: 0px; position: relative; text-transform: uppercase; }
.contentAttackSumaryData > * > * { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(217, 217, 217) rgb(217, 217, 217); border-image: none; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); height: 30px; }
.tabModalPopupTeam, .modalTopTeam { padding: 12px 12px 0px; display: flex; flex-direction: column; gap: 30px; background: rgb(255, 255, 255); }
.filterNameDataLeagues { position: relative; }
.listFilterLeagues { position: absolute; z-index: 1; display: flex; flex-direction: column; width: max-content; top: 35px; padding: 5px 0px; overflow-y: auto; max-height: 150px; background: rgb(35, 49, 158); left: 0px; min-width: 260px; }
.nameFilterLeagues { min-width: 250px; }
.headingDataTeamBOx > * { width: 33%; display: flex; align-items: center; }
.itemFilterLeagues { color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); padding: 5px; cursor: pointer; }
.itemFilterLeagues:hover { color: rgb(35, 49, 158); border-bottom: 1px solid rgb(35, 49, 158); background-color: rgb(255, 255, 255); }
.nameFilterLeagues { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 4px; padding: 5px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.filterNameDataLeagues.rightItem { justify-content: flex-end; }
.nameFilterLeagues svg { transform: rotate(90deg); }
.filterHeading { justify-content: flex-end; }
.titleHeading { justify-content: center; }
.filterHeading > * { cursor: pointer; }
.dataAttackTeamHead { display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ErrorData, .cardColor, .ballControl, .kickTheBall, .timeData, .scoreDAta, .LeagueData { display: flex; align-items: center; justify-content: center; grid-column: span 1 / span 1; text-align: center; }
.HomeData { grid-column: span 2 / span 2; display: flex; align-items: center; justify-content: center; text-align: center; }
.dataAttackTeamHead > * { border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(217, 217, 217) currentcolor currentcolor rgb(217, 217, 217); border-image: none; }
.LeagueData.bgColorLeagues { color: rgb(255, 255, 255); }
.dataAttackTeamHead > :last-child { border-right: 1px solid rgb(217, 217, 217); }
.dataAttackTeamHead:last-child > * { border-bottom: 1px solid rgb(217, 217, 217); }
.dataAttackTeamBox { font-size: 12px; }
.modalHeadDataTeam { height: 180px; margin-bottom: 10px; }
.contentTabModalPopup.Team { height: calc(100% - 190px); }
.modal-left.modalTeam.open { background: rgb(255, 255, 255); }
.closeModalData.team { background: rgb(35, 49, 158); }
.itemPagination { display: flex; align-items: center; justify-content: center; gap: 10px; }
.itemPagination .bgColorPagination { width: 40px; background: rgb(237, 237, 238); color: rgb(0, 0, 0); padding: 5px; border-radius: 4px; text-align: center; cursor: pointer; }
.bgColorPagination.leftClick svg { transform: rotate(180deg); }
.curentPage svg { transform: rotate(90deg); }
.centerPagination .curentPage { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px; border: 1px solid rgb(217, 217, 217); width: 50px; cursor: pointer; position: relative; }
.divPagination { margin-top: 12px; }
.totalPage { position: absolute; bottom: 100%; border: 1px solid rgb(217, 217, 217); background-color: rgb(249, 249, 249); width: 100%; display: flex; flex-direction: column; text-align: center; overflow: auto; max-height: 200px; left: 0px; right: 0px; z-index: 9; }
.divBoxTeamLeaguesFT { display: grid; grid-template-columns: repeat(14, minmax(0px, 1fr)); }
.divBoxTeamLeaguesFT > * { border-width: 1px 0px 0px 1px; border-style: solid none none solid; border-color: rgb(217, 217, 217) currentcolor currentcolor rgb(217, 217, 217); border-image: none; padding: 4px; text-align: center; }
.divBoxTeamLeaguesFT > :last-child { border-right: 1px solid rgb(217, 217, 217); }
.divBoxTeamLeaguesFT:last-child > * { border-bottom: 1px solid rgb(217, 217, 217); }
.numberTeamLeaguesFT.winnerBg { background-color: rgb(255, 222, 221); }
.numberTeamLeaguesFT.drawBg { background-color: rgb(255, 234, 203); }
.numberTeamLeaguesFT.lostBg { background-color: rgb(240, 255, 209); }
.numberTeamLeaguesFT.bgBB { background: rgb(227, 247, 255); }
.numberTeamLeaguesFT.bgPoint { background: rgb(227, 234, 255); }
.divLoadingTeam { display: flex; align-items: center; justify-content: center; margin-top: 30px; height: 100%; }
.divLoadingTeam.loadingData { height: auto; }
@keyframes rotation_odds_loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.divBoxTeamLeaguesFT.gird13 { grid-template-columns: repeat(13, minmax(0px, 1fr)); }
.divBoxTeamLeaguesFT.gird17 { grid-template-columns: repeat(17, minmax(0px, 1fr)); }
.divBoxTeamLeaguesFT.gird9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); }
.dataLeaguesTeam .headingDataTeamBOx { text-align: center; justify-content: center; font-weight: 700; }
.boldNameTeam { font-weight: 700; }
.dataLeaguesTeam > * { margin-bottom: 12px; }
.filterCupTeam { width: 100px; display: flex; align-items: center; justify-content: center; flex-direction: row; position: relative; border: 1px solid rgb(217, 217, 217); }
.titleFilterCupTeam { display: flex; align-items: center; justify-content: center; width: 100%; gap: 10px; }
.listFilterCupTeam { position: absolute; top: 30px; left: 0px; right: 0px; width: 100px; display: flex; flex-direction: column; background: rgb(237, 237, 238); padding: 4px; gap: 10px; }
.odds-col-span-3 { grid-column: span 3 / span 3; }
.odds-col-span-2 { grid-column: span 2 / span 2; }
.odds-col-span-1 { grid-column: span 1 / span 1; }
.itemResults { width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin: auto; }
a.btn-keovip { background: rgb(35, 48, 157); color: rgb(255, 255, 255); width: max-content; border-radius: 4px; padding: 5px; text-decoration: unset; }
a.btn-keovip:hover { background: red; }
.box-goal-popup { display: flex; align-items: center; gap: 10px; justify-content: center; font-size: 16px; padding: 5px 0px; }
.modal-left.modalGoal .closeModalData.team { background: red; right: 5px; top: 7px; }
.team-goal-popup img { object-fit: contain; }
.team-goal-popup { display: flex; align-items: center; justify-content: flex-end; gap: 30px; color: rgb(35, 49, 158); width: calc(50% - 60px); font-weight: 700; }
.team-goal-popup.away-popup { justify-content: flex-start; }
.goal-modal { width: 100px; font-size: 20px; color: red; text-align: center; font-weight: 700; }
.modal-left.modalGoal { height: max-content; padding-bottom: 0px; border-radius: 0px; top: 30%; margin: 0px auto; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 1px 2px; }
.title-modalGoal { width: 100%; text-align: center; padding: 5px; background: rgb(35, 49, 158); color: rgb(255, 255, 255); font-size: 20px; }
.item-box-news-odds { display: flex; align-items: flex-start; gap: 10px; border-bottom: 1px solid rgb(143, 143, 143); padding-bottom: 5px; }
.item-box-news-odds:last-child { border-bottom: 0px; }
.oddsData__content.box-news-content { display: flex; flex-direction: column; gap: 10px; }
.box-image-new-odds { width: 200px; }
.box-title-description-odds { width: calc(100% - 210px); display: flex; flex-direction: column; gap: 5px; }
.title-news-odds { font-weight: 700; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.description-news-odds { font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.play-test { background-color: rgb(35, 49, 158); border-radius: 8px; display: flex; align-items: center; justify-content: center; height: 32px; color: rgb(255, 255, 255); font-size: 14px; gap: 5px; padding: 0px 23px; position: relative; overflow: hidden; cursor: pointer; }
.btn-ai-and-play { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0px 10px; }
.ai-btn { display: flex; align-items: center; position: relative; height: 37px; cursor: pointer; width: 60px; margin-left: auto; }
img.ai-hover { display: none; }
.ai-btn > * { position: absolute; right: 0px; top: 0px; bottom: 0px; object-fit: contain; }
.ai-btn:hover .ai-hover { display: block; top: -18px; right: -6px; }
.ai-btn:hover .ai-image { display: none; }
.wave-box { width: 30px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='34' height='24' viewBox='0 0 34 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M29.0292 -0.0121017C29.0292 -0.0121017 16.8735 -1.65909 14.4779 8.90284C12.0822 19.4648 -4.20065 23.3763 -4.20065 23.3763L-11.2994 0.157257L25.6292 -11.133L29.0292 -0.0121017Z' fill='%23333A46'/%3E%3Cpath d='M29.6465 -2.38112C29.6465 -2.38112 17.4908 -4.02811 15.0952 6.53382C12.6995 17.0958 -3.58334 21.0073 -3.58334 21.0073L-10.6821 -2.21176L26.2465 -13.502L29.6465 -2.38112Z' fill='%23FFEB39'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; background-repeat: no-repeat; background-position: right center; transition: width 0.3s; overflow: hidden; position: absolute; z-index: 1; left: 0px; top: 0px; }
.wave-box-before { background-image: url("data:image/svg+xml,%3Csvg width='29' height='18' viewBox='0 0 29 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.92537 18.7189C3.92537 18.7189 15.6525 19.6694 19.2041 11.6755C22.7556 3.6816 39.1618 0.358685 39.1618 0.358685L43.4736 17.6368L5.98972 26.9911L3.92537 18.7189Z' fill='%23333A46'/%3E%3Cpath opacity='0.3' d='M3.02978 19.6961C3.02978 19.6961 14.6564 21.464 18.7567 13.7417C22.8571 6.01936 39.448 3.85348 39.448 3.85348L42.5389 21.383L4.50961 28.0886L3.02978 19.6961Z' fill='%23FFEB39'/%3E%3C/svg%3E"); width: 29px; height: 18px; right: 0px; bottom: 0px; background-size: cover; background-repeat: no-repeat; background-position: right center; transition: width 0.3s; overflow: hidden; position: absolute; z-index: 1; }
.play-test:hover .wave-box-before { background-image: url("data:image/svg+xml,%3Csvg width='33' height='17' viewBox='0 0 33 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.70956 16.7364C2.70956 16.7364 14.3709 18.2994 18.3359 10.5023C22.301 2.70522 38.8586 0.245491 38.8586 0.245491L42.2602 17.7256L4.33815 25.1053L2.70956 16.7364Z' fill='%23333A46'/%3E%3Cpath d='M1.76407 17.6654C1.76407 17.6654 13.2822 20.0394 17.7811 12.5422C22.28 5.04509 38.9615 3.75048 38.9615 3.75048L41.1308 21.4178L2.80264 26.1239L1.76407 17.6654Z' fill='%23FFEB39'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: center center; width: 33px; height: 17px; }
.play-test:hover .wave-box { width: 59px; height: 21px; background-image: url("data:image/svg+xml,%3Csvg width='56' height='23' viewBox='0 0 56 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M51.7484 1.6979C51.7484 1.6979 34.9673 0.860506 28.6448 9.60557C22.3223 18.3506 -1.85075 22.2293 -1.85075 22.2293L-5.48547 3.5303L50.0079 -7.25651L51.7484 1.6979Z' fill='%23333A46'/%3E%3Cpath d='M53.28 -0.265403C53.28 -0.265403 36.4989 -1.1028 30.1764 7.64227C23.8538 16.3873 -0.319196 20.266 -0.319196 20.266L-3.95392 1.567L51.5394 -9.21982L53.28 -0.265403Z' fill='%23FFEB39'/%3E%3C/svg%3E"); background-size: cover; background-repeat: no-repeat; background-position: right center; }
.chartIcon { z-index: 1; }
.play-test:hover { color: rgb(217, 222, 226); }
.liveOddsData .identify-and-vip { justify-content: space-between; }
.play-test { width: max-content; }
.modalPlayTest { position: fixed; inset: 10% 0px 0px; width: 90%; max-width: 595px; background: rgb(37, 44, 51); transition: transform 0.3s ease-out; z-index: 9; padding: 0px; border-radius: 12px; margin-left: auto; margin-right: auto; height: max-content; }
.titleModalPlay { display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; background: rgb(255, 235, 57); font-weight: 700; font-size: 14px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.team-data-odds { width: calc(50% - 25px); text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.ressults-home-and-away-odds { width: 50px; text-align: center; }
.team-data-odds.home-data-odds { text-align: right; }
.table-odds-Play { display: flex; border-bottom: 1px solid rgb(255, 235, 57); }
.teamOddsTable { width: 50%; }
.headerTeamOddsTable { background: rgb(59, 69, 78); text-align: center; color: rgb(169, 186, 202); font-size: 12px; line-height: 14px; font-weight: 700; padding: 7px 0px; }
.titleTeamsOddsTable { display: flex; }
.BodyTeamOddsTable { display: flex; gap: 6px; border-right: 1px solid rgb(20, 25, 32); }
.oddsItemTable { width: 33%; display: flex; flex-direction: column; gap: 12px; }
.titleTeamsOddsTable { background: rgb(22, 26, 31); color: rgb(169, 186, 202); padding: 7px 0px; }
.titleTeamsOddsTable > * { text-align: center; font-size: 12px; line-height: 14px; }
.oddsItemTable .odds { cursor: pointer; }
.oddsItemTable .odds, .oddsItemTable .clockIconClass { border-radius: 2px; display: flex; justify-content: space-between; color: rgb(169, 186, 202); padding: 2px 4px; height: 18px; font-size: 12px; position: relative; background: rgb(59, 69, 78) !important; }
.oddsItemTable .clockIconClass { padding: 0px; height: 90px; }
.oddsItemTable .clockIconClass svg { width: 16px !important; }
.teamOddsTable.full-time .BodyTeamOddsTable { padding-left: 16px; padding-right: 8px; }
.teamOddsTable.first-time .BodyTeamOddsTable { padding-left: 8px; padding-right: 16px; }
.BodyTeamOddsTable { padding-top: 12px; padding-bottom: 15px; }
.oddsItemTable .oddsColor { color: rgb(255, 235, 57); }
.btn-clickviewodds { text-align: center; background: rgb(61, 56, 9); color: rgb(255, 235, 57); padding: 10px; border-radius: 8px; margin: auto; }
.Footetable-odds { padding: 12px 12px 17px; }
.oddsItemTable .odds > * { display: flex; align-items: center; gap: 3px; }
.oddsItemTable.value-usa .odds { justify-content: flex-end; }
.oddsItemTable .odds .box-calculator { flex-direction: column; align-items: flex-start; justify-content: flex-start; position: absolute; top: 35px; left: -10px; background: rgb(255, 255, 255); z-index: 9; width: 230px; border-radius: 8px; padding: 15px 7px; color: rgb(64, 68, 71); font-size: 12px; cursor: auto; }
.oddsItemTable.value-usa .odds .box-calculator { right: 0px; left: unset; }
.box-calculator::after { position: absolute; content: ""; width: 12px; height: 12px; background-color: inherit; top: -6px; left: calc(1.5 * var(--c4-rem,16px)); transform: rotate(45deg); z-index: -1; }
.oddsItemTable.value-usa .odds .box-calculator::after { left: unset; right: calc(1.5 * var(--c4-rem,16px)); }
.top-calculator { font-weight: 600; display: flex; align-items: center; width: 100%; gap: 5px; color: rgb(64, 68, 71); margin-bottom: 3px; }
.top-calculator span { background: rgb(204, 22, 22); color: rgb(255, 255, 255); border-radius: 3px; padding: 4px; }
.type-odds-calculator { padding-left: 10px; border-left: 2px solid rgb(25, 129, 25); font-size: 15px; line-height: 18px; font-weight: 700; margin-bottom: 12px; }
.item-inh { display: flex; align-items: center; padding: 8px; border: 1px solid rgb(25, 129, 25); border-radius: 6px; width: 100%; gap: 5px; }
.box-inh { display: flex; width: 100%; margin-bottom: 9px; }
.title-INH { font-size: 12px; line-height: 14px; }
.item-inh input::placeholder { color: rgb(161, 161, 161); }
.closebeticon { height: 14px; cursor: pointer; }
.item-inh input { border: 0px; padding: 0px; width: 100%; text-align: right; outline: unset; color: rgb(30, 31, 32); font-size: 12px; line-height: 14px; }
.payment-box { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.payment-box span { letter-spacing: 0.28px; color: rgb(25, 129, 25); font-size: 14px; font-weight: 600; line-height: 17px; }
.box-select-money { display: flex; align-items: center; gap: 2px; width: 100%; justify-content: space-between; margin-bottom: 10px; }
.box-select-money > * { background: rgb(233, 233, 233); border-radius: 4px; padding: 8px 9px; font-size: 12px; line-height: 14px; cursor: pointer; }
.delete-calculator { width: 100%; text-align: center; letter-spacing: 0.28px; color: rgb(64, 68, 71); font-size: 14px; line-height: 18px; background: rgb(230, 230, 230); border-radius: 6px; padding: 6px 0px; cursor: pointer; }
.delete-calculator:hover { background: rgb(27, 129, 25); color: rgb(255, 255, 255); }
.box-select-money > :hover { background: rgb(27, 129, 25); color: rgb(255, 255, 255); }
.leagues-box-calculator { display: flex; flex-direction: column; gap: 3px; }
.back-event-div { margin-left: auto; display: flex; align-items: center; gap: 5px; margin-bottom: 5px; color: rgb(25, 129, 25); cursor: pointer; }
.title-leagues-box-calculator { font-size: 12px; text-transform: uppercase; color: rgb(39, 39, 39); line-height: 18px; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.numberUserClick { display: flex; align-items: center; gap: 10px; background: rgb(255, 255, 255); padding: 4px; border-radius: 8px; color: rgb(197, 197, 197); font-weight: 400; position: relative; }
.userAcitveImage { position: absolute; bottom: 0px; right: -5px; width: 20px; height: 20px; }
.itemNumberUserClick { border: 1px solid rgb(57, 55, 41); padding: 4px 15px; border-radius: 8px; }
.itemOddsData.itemTopFixtures { border: 1px solid rgb(35, 48, 157); }
.itemOddsData.itemTopFixtures .itemNumberUserClick { color: rgb(35, 48, 157); border-color: rgb(35, 48, 157); }
.show-SettingOdds { display: none; position: absolute; top: 40px; right: -10px; }
.settingOddsDiv { position: relative; }
.btn-settingOdds { cursor: pointer; }
.show-SettingOdds.activeSetting { display: flex; flex-direction: column; width: 160px; background-color: rgb(51, 53, 54); padding: 19px 12px; border-radius: 8px; }
.show-SettingOdds::after { position: absolute; content: ""; width: 12px; height: 12px; background-color: inherit; top: -6px; right: 15px; transform: rotate(45deg); z-index: -1; }
.listAudioSelect { display: flex; flex-direction: column; gap: 5px; color: rgb(104, 104, 104); padding-left: 30px; margin-bottom: 18px; }
.checkSelectAudio { padding-bottom: 10px; border-bottom: 1px solid rgb(112, 112, 112); margin-bottom: 15px; color: rgb(255, 255, 255); cursor: pointer; }
.box-checkSelectAudio { display: flex; gap: 10px; }
.show-SettingOdds .instructPopup { background: rgb(22, 26, 31); border-color: rgb(22, 26, 31); color: rgb(169, 186, 202); }
.show-SettingOdds .instructPopup .instruct { font-style: unset; color: rgb(0, 0, 0); }
.show-SettingOdds .instructPopup:hover .instruct { background-color: rgb(255, 222, 0); }
.show-SettingOdds .instructPopup:hover { color: rgb(255, 255, 255); }
.divRadioSelectAudio { width: 18px; height: 18px; border: 1px solid rgb(112, 112, 112); border-radius: 100%; display: flex; background-color: rgb(69, 74, 79); }
.divCHeckedSelectAudio { width: 18px; height: 18px; border: 1px solid rgb(112, 112, 112); border-radius: 4px; position: relative; background-color: rgb(68, 73, 78); }
.box-checkSelectAudio:hover .divCHeckedSelectAudio, .box-checkSelectAudio.activeSetingAudio .divCHeckedSelectAudio { background-color: rgb(255, 222, 0); border-color: rgb(255, 222, 0); }
.divCHeckedSelectAudio::after { content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px; border-style: solid; border-color: rgb(51, 51, 51); border-image: none; border-width: 0px 2px 2px 0px; transform: rotate(45deg); opacity: 0; transition: opacity 0.25s; }
.box-checkSelectAudio.activeSetingAudio .divCHeckedSelectAudio::after { opacity: 1; }
.itemAudio { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.itemAudio:hover { color: rgb(255, 255, 255); }
.itemAudio.notActiveAudio, .itemAudio.notActiveAudio .divRadioSelectAudio { color: rgb(104, 104, 104); cursor: no-drop; background-color: transparent; }
.itemAudio:hover .divRadioSelectAudio { background-color: transparent; }
.itemAudio .divRadioSelectAudio::after { content: ""; background: rgb(255, 222, 0); width: 50%; height: 50%; display: block; border-radius: 100%; margin: auto; opacity: 0; }
.itemAudio:hover .divRadioSelectAudio::after, .itemAudio.activeAudio .divRadioSelectAudio::after { opacity: 1; }
.itemAudio.notActiveAudio .divRadioSelectAudio::after { opacity: 0; }
.itemTabModalPopup { display: flex; align-items: center; gap: 5px; }
.box-header-dudoan { display: flex; align-items: center; justify-content: center; gap: 40px; }
.box-results-dudoan { letter-spacing: 0.6px; font-size: 30px; line-height: 37px; width: 100px; display: flex; align-items: center; justify-content: center; }
.box-logo-teams-dudoan { width: calc(50% - 80px); display: flex; }
.box-logo-teams-dudoan { justify-content: flex-end; }
.box-logo-teams-dudoan.teams-away { justify-content: flex-start; }
.leaguesNameDuDoan { font-size: 14px; line-height: 17px; text-align: center; margin: 10px 0px; letter-spacing: 0.28px; text-transform: uppercase; }
.icon-aidudoan { display: flex; align-items: center; justify-content: center; margin: auto; position: relative; padding: 0px 15px 0px 42px; height: 29px; background: linear-gradient(116deg, rgb(227, 199, 115) 10.72%, rgb(230, 190, 93) 83.79%); border-radius: 999px; width: max-content; font-size: 15px; line-height: 18px; font-weight: 700; }
.border-aidudoanIcon { border-radius: 999px; position: absolute; left: 0px; top: -3px; height: 34px; background: rgb(231, 191, 94); width: 34px; }
.border-aidudoanIcon svg { position: absolute; top: -10px; width: 48px; height: 48px; left: -11px; }
.oddsStatis__content.ai-dudoan { padding-top: 20px; padding-bottom: 20px; gap: 15px; display: flex; flex-direction: column; }
.sub-boxleaguesName { text-align: center; font-size: 12px; line-height: 14px; font-weight: 700; }
.sub-boxleaguesName span { color: rgb(44, 60, 195); font-weight: 400; }
.box-dudoan-tiso { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 17px; border-bottom: 1px solid rgb(205, 200, 200); padding-bottom: 10px; }
span.title-dudoan { font-weight: 700; }
span.text-dudoan { font-size: 14px; line-height: 17px; color: rgb(44, 60, 195); }
.analytics-div, .odds-more-ai { font-size: 14px; line-height: 17px; display: flex; align-items: center; gap: 10px; font-weight: 700; }
.review-div-AI { display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 17px; }
.text-div-ai span { color: rgb(44, 60, 195); }
.loading-ai { width: 100%; text-align: center; }
.box-odds-ai-value { display: flex; gap: 10px; flex-wrap: wrap; }
.box-odds-ai-value .item-odds-ai-value { background: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 7px 10px; border-radius: 6px; }
.box-odds-ai-value .item-odds-ai-value span { color: rgb(255, 237, 9); }
@media (max-width: 1200px) {
  .matchOdds.listIcon { width: 20%; flex-flow: wrap; row-gap: 10px; }
}
@media (max-width: 1024px) {
  .ai-btn { width: max-content; }
  .bodyTableOdds .data-button { font-size: 12px; }
  .bodyTableOdds .data-button { padding: 2px; }
}
@media (max-width: 769px) {
  .itemNumberUserClick { padding: 4px 0px; width: 100%; }
  .table-odds-Play { flex-direction: column; }
  .teamOddsTable { width: 100%; }
  .goal-modal { font-size: 12px; width: 50px; }
  .team-goal-popup img { width: 20px; }
  .title-modalGoal { font-size: 14px; }
  .modal-left.modalGoal .closeModalData.team { top: 3px; }
  .team-goal-popup { font-size: 12px; width: calc(50% - 35px); gap: 10px; }
  .data-button { margin: 0px; }
  .bgLive .data-button { border: 1px solid var(--odd-primary-color); color: var(--odd-primary-color); }
  .embed-odds-bookmarker a.aBtnBet { width: max-content; }
  .itemOddsData.bgLive .aBtnBet { margin-bottom: 10px; }
  .itemOddsData:hover .bodyTableOdds > *, .itemOddsData:hover .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData.bgLive .bodyTableOdds > *, .itemOddsData.bgLive .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData .bodyTableOdds > *, .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData.bgLive:hover .bodyTableOdds > *, .itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData { border: 0px; }
  .matchOdds .play-test { display: flex; padding: 0px 15px; font-size: 10px; width: max-content; }
  .timeTableOdds { width: 8%; }
  .clockIconClass { margin: unset; }
  .itemOddsTabContent.csItem { flex-direction: column; }
  .itemOddsTabContent.csItem .contentTab { align-items: start; justify-content: start; display: flex; flex-direction: column; }
  .itemTab > * { width: calc(16.6667% - 10px); }
  .c4-html { --odd-padding-page-odds: 30px 8px; --odd-font-size-body: 10px; --odd-list-filter-padding: 5px; --odd-min-width-filter-date: unset; }
  .embed-odds-bookmarker { font-size: var(--odd-font-size-body); }
  .searchAndDropdownLeagues { flex-direction: column; }
  .listFilterDate { display: flex; flex-wrap: wrap; font-size: 10px; width: 100%; gap: 3px !important; }
  .searchAndDropdownLeagues > *, .searchAndDropdownLeagues > .inputSearchLeaguess { width: 100%; height: 38px; }
  .filterDateAndBookmaker { flex-direction: column; }
  .filterOddsAndBookmaker .filterBookmaker .nameBookmaker, .filterOddsAndBookmaker .filterOdds .nameOdds { justify-content: space-between; padding: 10px; min-width: auto; flex: 1 1 0%; }
  .filterOddsAndBookmaker { width: 100%; }
  .filterOddsAndBookmaker > * { width: 50%; }
  .filterOddsAndBookmaker .settingOddsDiv { width: auto; }
  .listLeaguesFilter > * { padding: 5px; }
  .intro-banner-vdo-play-btn { height: 5px; width: 5px; }
  .listFilterDate .liveFilter { padding: 8px 8px 8px 20px; }
  .intro-banner-vdo-play-btn .ripple { width: 20px; height: 20px; margin: -11px 0px 0px -11px; }
  .box-dudoan { display: flex; align-items: center; justify-content: center; padding: 0px 10px; border-radius: 4px; }
  .instructDiv { width: 80% !important; }
  .titleLeagues { background: var(--odd-leagueName-bg); padding: 5px 15px; display: flex; gap: 20px; align-items: center; }
  .titleLeagues svg { width: 8px; color: var(--odd-black-color); }
  .oddsMobile { display: flex; }
  .timeTableOdds { width: 38px; min-width: 38px; text-align: center; }
  .ftTableOdds { width: 70%; }
  .ftTableOdds .bottomFt .oddData .titleOdds { color: var(--odd-color-filter-odds-name-ns); padding: 0px; background: transparent; width: 100%; display: flex; font-weight: 400; justify-content: center; }
  .ftTableOdds .bottomFt .oddData .odds { min-width: 50px; width: 90%; }
  .ftTableOdds .bottomFt .oddData .odds svg { width: 4px; }
  .matchOdds.skeleton-box { border-right: 1px solid var(--odd-matchOdds-border-color); }
  .matchOdds { width: 100%; min-width: calc(40% - 38px); border-right: 1px solid var(--odd-matchOdds-border-color-none); }
  .bottomFt { border: 0px; }
  .tableMobileOdds .itemMatch { width: 100%; display: flex; flex-direction: column; }
  .bottomFt > * { border: 0px; }
  .oddDataFull { width: calc(66.6667%); display: flex; justify-content: space-between; column-gap: 5px; flex-wrap: wrap; padding: 5px; }
  .ftTableOdds .bottomFt .oddDataFull .oddData { padding: 0px; width: calc(50% - 3px); }
  .betOrderBtn { width: 100%; background: var(--odd-betOrder-bg); border: 1px solid var(--odd-matchOdds-border-color); border-radius: 2px; letter-spacing: 0px; color: var(--odd-black-color); display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .ftTableOdds .bottomFt .oddData .odds-item-data { gap: 5px; flex-direction: column; background: transparent; }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good { position: relative; background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e") 100% 100% no-repeat, rgb(255, 209, 107); }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip { color: rgb(200, 19, 26); display: flex; align-items: center; gap: 2px; justify-content: center; background: transparent; font-size: 10px; }
  .oddsListData .bottomFt > * { padding: 0px 5px 0px 0px; }
  .ftTableOdds .bottomFt .oddData .odds-item-data > * { display: flex; justify-content: space-between; z-index: 1; }
  .ftTableOdds.btn-bottom-table { gap: 5px; display: flex; justify-content: center; padding: 5px; }
  .ftTableOdds .data-button { width: 70px; display: flex; justify-content: center; align-items: center; border-radius: 8px; padding: 3px; margin-left: auto; margin-right: 0px; border: 1px solid var(--odd-primary-color); color: var(--odd-primary-color); font-size: 10px; }
  .bgLive .ftTableOdds .data-button { border: 1px solid var(--odd-secondary-color); color: var(--odd-secondary-color); }
  .ftTableOdds { display: flex; transition: transform 0.5s; }
  .carouselOdds { display: flex; overflow: hidden; }
  .carouselOddDots { display: flex; align-items: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
  .carouselOddDots .dot { width: 5px; height: 5px; background: var(--odd-slider-dot-color); border-radius: 50%; }
  .carouselOddDots .dot.active { background: var(--odd-color-filter-odds-name) 0% 0% no-repeat padding-box; }
  .liveOddsData { width: 30%; border-right: var(--odd-bodyTableOdds-gray-border); border-top: 0px; border-left: 0px; padding: 5px; }
  .oddsListDataNormal .liveOddsData { border-right: var(--odd-bodyTableOdds-border-2); }
  .liveOddsData > * { width: 100%; display: flex; gap: 5px; }
  .liveOddsData .timeTableOdds { height: 30px; font-size: 12px; flex-direction: column; align-content: flex-start; }
  .timeTableOdds .halfMatch { width: auto; }
  .oddsMobile > .timeTableOdds { border-right: 1px solid var(--odd-matchOdds-border-color-none); }
  .oddsMobile:hover > .timeTableOdds, .oddsMobile:hover > .matchOdds { border-right-color: var(--odd-white-color); }
  .liveOddsData .matchOdds { flex-direction: column; border: 0px; gap: 5px; }
  .ftTableOdds .bottomFt .oddData.right-1x2 .odds { justify-content: flex-end; }
  .oddsListData .titleLeagues { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 1px 2px; margin-bottom: 5px; position: relative; }
  .slide .bottomFt .oddData { padding: 0px 5px 0px 0px; }
  .betnow-mb { border-top: var(--odd-bodyTableOdds-gray-border); border-bottom: var(--odd-bodyTableOdds-gray-border); padding-top: 10px; display: flex; justify-content: center; }
  .liveOddsData .starIcon { text-align: left; align-items: center; display: flex; justify-content: center; }
  .oddsMobile > * { border-bottom: var(--odd-bodyTableOdds-gray-border); }
  .oddsListDataNormal .oddsMobile > * { border-bottom: var(--odd-bodyTableOdds-border-2); }
  .liveOddsData .starIcon { width: 20px; }
  .TeamInfoModal { flex-direction: column; }
  .TeamInfoModal > * { width: 100%; }
  .modalHeadDataTeam { height: max-content; }
  .BoxInfoTeamRight > * { width: 100%; }
  .listtabTeam { width: auto; }
  .modal-left.modalTeam.open, .AttackSumaryData { overflow: auto; }
  .contentAttackSumaryData { min-width: 800px; }
  .dataAttackTeam { overflow: auto; }
  .dataAttackTeamBox { min-width: 1000px; }
  .headingDataTeamBOx > * { width: 100%; justify-content: center; }
  .headingDataTeamBOx { flex-direction: column; gap: 10px; }
  .contentTabModalPopup.Team { height: auto; }
  .minMobileTable { min-width: 1000px; }
  .overFlowMobileTable { overflow: auto; }
  .headingDataTeamBOx > * > * { width: 100%; }
}
@container (max-width: 769px) {
  .embed-odds-bookmarker a.aBtnBet { width: max-content; }
  .itemOddsData.bgLive .aBtnBet { margin-bottom: 10px; }
  .itemOddsData:hover .bodyTableOdds > *, .itemOddsData:hover .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData.bgLive .bodyTableOdds > *, .itemOddsData.bgLive .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData .bodyTableOdds > *, .ftTableOdds .bottomFt .oddData, .oddsListData > .itemOddsData.bgLive:hover .bodyTableOdds > *, .itemOddsData.bgLive:hover .ftTableOdds .bottomFt .oddData { border: 0px; }
  .matchOdds > * { padding-left: 0px; }
  .timeTableOdds { width: 10%; }
  .clockIconClass { margin: unset; }
  .itemOddsTabContent.csItem { flex-direction: column; }
  .itemOddsTabContent.csItem .contentTab { align-items: start; justify-content: start; display: flex; flex-direction: column; }
  .itemTab > * { width: calc(16.6667% - 10px); }
  .c4-html { --odd-padding-page-odds: 30px 8px; --odd-font-size-body: 10px; --odd-list-filter-padding: 5px; --odd-min-width-filter-date: unset; }
  .embed-odds-bookmarker { font-size: var(--odd-font-size-body); }
  .searchAndDropdownLeagues { flex-direction: column; }
  .listFilterDate { display: flex; gap: 3px; flex-wrap: wrap; font-size: 10px; width: 100%; }
  .searchAndDropdownLeagues > * { width: 100%; height: 38px; }
  .filterDateAndBookmaker { flex-direction: column; }
  .filterOddsAndBookmaker .filterBookmaker .nameBookmaker, .filterOddsAndBookmaker .filterOdds .nameOdds { justify-content: space-between; padding: 10px; min-width: auto; flex: 1 1 0%; }
  .filterOddsAndBookmaker { width: 100%; }
  .filterOddsAndBookmaker > * { width: 50%; }
  .filterOddsAndBookmaker .instructPopup { display: none; }
  .listLeaguesFilter > * { padding: 5px; }
  .intro-banner-vdo-play-btn { height: 5px; width: 5px; }
  .listFilterDate .liveFilter { padding: 8px 8px 8px 20px; }
  .intro-banner-vdo-play-btn .ripple { width: 20px; height: 20px; margin: -11px 0px 0px -11px; }
  .instructDiv { width: 80% !important; }
  .titleLeagues { background: var(--odd-leagueName-bg); padding: 5px 15px; display: flex; gap: 20px; align-items: center; }
  .titleLeagues svg { width: 8px; color: var(--odd-black-color); }
  .oddsMobile { display: flex; }
  .timeTableOdds { width: 38px; min-width: 38px; text-align: center; }
  .ftTableOdds { width: 60%; }
  .ftTableOdds .bottomFt .oddData .titleOdds { color: var(--odd-color-filter-odds-name-ns); padding: 0px; background: transparent; width: 100%; display: flex; font-weight: 400; justify-content: center; }
  .bgLive .ftTableOdds .bottomFt .oddData .titleOdds { color: var(--odd-color-filter-odds-name); }
  .ftTableOdds .bottomFt .oddData .odds { min-width: 50px; width: 90%; }
  .ftTableOdds .bottomFt .oddData .odds svg { width: 4px; }
  .matchOdds.skeleton-box { border-right: 1px solid var(--odd-matchOdds-border-color); }
  .matchOdds { width: 100%; min-width: calc(40% - 38px); border-right: 1px solid var(--odd-matchOdds-border-color-none); padding: 5px 0px; }
  .bottomFt { border: 0px; }
  .tableMobileOdds .itemMatch { width: 100%; display: flex; flex-direction: column; }
  .bottomFt > * { border: 0px; }
  .oddDataFull { width: calc(66.6667%); display: flex; justify-content: space-between; column-gap: 5px; flex-wrap: wrap; padding: 5px; }
  .ftTableOdds .bottomFt .oddDataFull .oddData { padding: 0px; width: calc(50% - 3px); }
  .betOrderBtn { width: calc(100% - 80px); background: var(--odd-betOrder-bg); border: 1px solid var(--odd-matchOdds-border-color); border-radius: 2px; letter-spacing: 0px; color: var(--odd-black-color); display: flex; align-items: center; justify-content: center; cursor: pointer; }
  .ftTableOdds .bottomFt .oddData .odds-item-data { gap: 5px; flex-direction: column; background: transparent; }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good { position: relative; background: url("data:image/svg+xml,%3csvg%20width='61'%20height='87'%20viewBox='0%200%2061%2087'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.1797%2086.7109C13.6111%2086.7109%200.179688%2073.2793%200.179688%2056.7109C0.179688%2048.0957%203.81113%2040.3289%209.62685%2034.8573C14.9958%2029.8059%2028.1797%2020.709%2026.1797%200.710938C50.1797%2016.7109%2062.1797%2032.7109%2038.1797%2056.7109C42.1797%2056.7109%2048.1797%2056.7109%2058.1797%2046.8293C59.2585%2049.9237%2060.1797%2053.2489%2060.1797%2056.7109C60.1797%2073.2793%2046.7481%2086.7109%2030.1797%2086.7109Z'%20fill='%23FFC54C'/%3e%3c/svg%3e") 100% 100% no-repeat, rgb(255, 209, 107); }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip { color: rgb(200, 19, 26); display: flex; align-items: center; gap: 2px; justify-content: center; background: transparent; font-size: 10px; }
  .oddsListData .bottomFt > * { padding: 0px 5px 0px 0px; }
  .ftTableOdds .bottomFt .oddData .odds-item-data > * { display: flex; justify-content: space-between; background: var(--odd-white-color); padding: 5px 1px; border-radius: 4px; z-index: 1; }
  .ftTableOdds.btn-bottom-table { gap: 5px; display: flex; justify-content: center; padding: 5px; }
  .ftTableOdds .data-button { width: 70px; display: flex; justify-content: center; align-items: center; border-radius: 8px; padding: 3px; margin-left: auto; margin-right: 0px; border: 1px solid var(--odd-primary-color); color: var(--odd-primary-color); }
  .bgLive .ftTableOdds .data-button { border: 1px solid var(--odd-secondary-color); color: var(--odd-secondary-color); }
  .ftTableOdds { display: flex; transition: transform 0.5s; }
  .carouselOdds { display: flex; overflow: hidden; }
  .carouselOddDots { display: flex; align-items: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
  .carouselOddDots .dot { width: 5px; height: 5px; background: var(--odd-slider-dot-color); border-radius: 50%; }
  .carouselOddDots .dot.active { background: var(--odd-color-filter-odds-name) 0% 0% no-repeat padding-box; }
  .liveOddsData { width: 40%; border-right: var(--odd-bodyTableOdds-gray-border); border-top: 0px; border-left: 0px; padding: 5px; }
  .liveOddsData > * { width: 100%; display: flex; gap: 5px; }
  .liveOddsData .timeTableOdds { height: 30px; font-size: 10px; flex-direction: column; align-content: flex-start; }
  .timeTableOdds .halfMatch { width: auto; }
  .oddsMobile > .timeTableOdds { border-right: 1px solid var(--odd-matchOdds-border-color-none); }
  .oddsMobile:hover > .timeTableOdds, .oddsMobile:hover > .matchOdds { border-right-color: var(--odd-white-color); }
  .liveOddsData .matchOdds { flex-direction: column; border: 0px; gap: 5px; }
  .ftTableOdds .bottomFt .oddData.right-1x2 .odds { justify-content: flex-end; }
  .oddsListData .titleLeagues { box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 1px 2px; margin-bottom: 5px; position: relative; }
  .slide .bottomFt .oddData { padding: 0px 5px 0px 0px; }
  .betnow-mb { border-top: var(--odd-bodyTableOdds-gray-border); border-bottom: var(--odd-bodyTableOdds-gray-border); padding-top: 10px; display: flex; justify-content: center; }
  .liveOddsData .starIcon { text-align: left; align-items: center; display: flex; justify-content: center; }
  .oddsMobile > * { border-bottom: var(--odd-bodyTableOdds-gray-border); padding: 5px; }
  .oddsListDataNormal .oddsMobile > * { border-bottom: var(--odd-bodyTableOdds-border-2); }
  .itemOddsData.bgLive .timeMatch { padding-left: 5px; }
  .liveOddsData .starIcon { width: 20px; }
}
@media (max-width: 567px) {
  .listItemModalPopup { min-width: max-content; gap: 16px; justify-content: start; width: 100%; padding: 0px 10px; }
  .filterDateAndBookmaker { gap: 0px; }
  .listItemModalPopup .itemTabModalPopup { text-wrap: nowrap; padding: 0px 5px; }
  .headBoxPercentH2hData { flex-direction: column; }
  .headBoxPercentH2hData > *, .headBoxPercentH2hData .H2hDataFirst { width: 100%; justify-content: center !important; align-items: center !important; }
  .H2hDataFirst { text-align: center; }
  .boxStatistic { flex-direction: column; }
  .boxStatistic > * { width: 100%; }
  .ColumnTableStatistic > * { width: 40px; }
  .ColumnTableStatistic .LeaguesTableStatistic { width: 60px; }
  .ColumnTableStatistic .NameTableStatistic { width: calc(100% - 200px); }
  .ColumnTableStatistic { gap: 5px; }
  .itemTab > * { width: calc(25% - 10px); }
  .starIcon { padding: 0px; margin: auto; text-align: center; display: block; }
  .ftTableOdds .bottomFt .oddData.right-1x2 > div:nth-child(2) { margin-top: 4px; }
  .ftTableOdds .bottomFt .oddData { gap: 5px; }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip { padding: 1px; gap: 1px; }
  .dateTableH2h { width: 20%; }
  .goalTableH2h, .HTTableH2h { width: 10%; }
  .WLTableH2h, .AHTableH2h, .OUTableH2h { width: 8%; }
  .backgroundHeadTableH2h > * { padding: 2px; }
}
@media (max-width: 567px) {
  .headerH2H { justify-content: center; }
  .contentLineUp, .oddsStatis__content { padding: 5px; }
  .itemTab > * { width: calc(25% - 10px); }
  .starIcon { padding: 0px; margin: auto; text-align: center; display: block; }
  .ftTableOdds .bottomFt .oddData.right-1x2 > div:nth-child(2) { margin-top: 4px; }
  .ftTableOdds .bottomFt .oddData { gap: 5px; }
  .ftTableOdds .bottomFt .oddData .odds-item-data.odds-good .bgTipAndVip { padding: 1px; gap: 1px; }
  .dateTableH2h { width: 20%; }
  .goalTableH2h, .HTTableH2h { width: 10%; }
  .WLTableH2h, .AHTableH2h, .OUTableH2h { width: 8%; }
  .backgroundHeadTableH2h > * { padding: 2px; }
  .dataHomeModalPopup img, .dataAwayModalPopup img { width: 40px; height: 40px; }
  .InfoMatchModalPopup { padding: 0px 10px; }
  .WLTableH2h > *, .AHTableH2h > *, .OUTableH2h > * { width: 16px; height: 16px; }
}
@media (max-width: 375px) {
  .itemTab > * { width: calc(33.3333% - 10px); }
  .searchAndDropdownLeagues > * input { font-size: 11px; }
  .ftTableOdds .bottomFt .oddData > * { font-size: 9px; }
}
@media (max-width: 320px) {
  .ColumnTableStatistic { gap: 0px; }
  .c4-html { --odd-padding-page-odds: 30px 8px; --odd-font-size-body: 10px; --odd-list-fiter-padding: 5px; --odd-min-width-filter-date: unset; }
  .oddsListData .bottomFt > * { padding: 0px 2px; }
  .ftTableOdds .bottomFt .oddData .odds { min-width: unset; }
  .liveOddsData { width: 35%; }
  .liveOddsData .timeTableOdds { font-size: 11px; gap: 2px; }
  .bgTipAndVip { font-size: 8px !important; }
  .ftTableOdds .data-button { width: max-content; }
  .data-button { padding: 2px; }
}
.contentTab .itemTab { display: flex; flex-wrap: wrap; }
.contentTab .itemTab .itemOddsTab { display: inline-block; border-left: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(0, 0, 0); }
.child-odd-slide-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.child-odd-slide-column { display: flex; flex-direction: column; gap: 2px; min-width: 0px; padding: 0px 4px; }
.child-odd-slide-column .titleOdds { font-size: 12px; font-weight: 600; text-align: center; padding: 4px 0px; }
.child-odd-slide-column .odds-item-data { min-height: 40px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.child-odd-slide-column-1x2 { grid-column: span 1; justify-content: end; align-items: end; }
.child-odd-slide-column .odds-item-data .odds { display: flex; align-items: center; justify-content: space-between; width: 100%; }
@media (max-width: 480px) {
  .child-odd-slide-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@keyframes react-loading-skeleton { 
  100% { transform: translate(100%); }
}
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: calc(0.25 * var(--c4-rem,16px)); display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) ); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@media (prefers-reduced-motion) {
  .react-loading-skeleton { --pseudo-element-display: none; }
}
.c4-html { --fixture-dark-color: #282828; --fixture-white-color: #ffffff; --fixture-black-color: #000000; --fixture-main-color: #0a325e; --fixture-input-placehover-color: var(--fixture-black-color); --fixture-font-size-body: calc(.875 * var(--c4-rem,16px)); --fixture-league-theme-7mcn-bg-color: var(--fixture-white-color); --fixture-league-theme-7mcn-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16); --fixture-custom-theme-2-head-bg-color: #397f19; --fixture-custom-theme-2-sub-head-bg-color: #f0f0f0; --fixture-custom-theme-2-sub-head-result-bg-color: #fff6d1; --fixture-custom-theme-2-live-color: #0089f1; --fixture-custom-theme-2-border-color: #e5e5e5; --fixture-custom-theme-2-corner-color: #0076e3; --fixture-custom-theme-2-sht-color: #d64444; --fixture-custom-theme-2-score-result-color: #d64444; --fixture-custom-theme-2-dark-head-bg-color: #285a12; --fixture-custom-theme-2-dark-border-color: #444; --fixture-custom-theme-2-dark-text-color: #999; --fixture-custom-theme-2-dark-sub-head-bg-color: #333333; --fixture-custom-theme-2-dark-sub-head-result-bg-color: #383832; --fixture-custom-theme-2-dark-svg-color: #888888; --fixture-league-menu-item-bg-color: #d6d8dc; --fixture-league-menu-item-color: var(--fixture-black-color); --fixture-league-menu-item-bg-color-active: #3d485d; --fixture-league-menu-item-color-active: var(--fixture-white-color); --fixture-league-notab-date-item-bg-color: #e5e6e8; --fixture-league-title-widget-bg-color: #3d485d; --fixture-league-title-widget-color: var(--fixture-white-color); --fixture-league-menu-item-widget-color-active: #3d485d; --fixture-head-list-bg-color: #e8e3d1 0% 0% no-repeat padding-box; --fixture-row-item-odd-bg-color: var(--fixture-white-color); --fixture-row-item-even-bg-color: #f1f1f1; --fixture-row-item-hover-bg-color: #d6d8dc; --fixture-row-item-score-bg-color: #cbcbcb 0% 0% no-repeat padding-box; --theme-fixture-date-menu-color: #9e9494; --theme-fixture-date-menu-color-active: var(--fixture-white-color); --theme-fixture-date-menu-bg-color: #f2f2f2; --theme-fixture-date-menu-bg-color-active: var(--fixture-main-color); --theme-fixture-type-menu-color: var(--fixture-black-color); --theme-fixture-type-menu-color-active: var(--fixture-main-color); --theme-fixture-type-menu-border-color-active: var(--fixture-main-color); --theme-fixture-group-border-color: #eee; --theme-fixture-group-shadow-color: 0 2px 5px -2px #aaa; --theme-fixture-odds-group-color: #f2f2f2; --theme-fixture-odds-group-color-active: #f9f9f9; --theme-fixture-odds-team-color: #aaa; --theme-fixture-odds-match-color: red; --theme-fixture-odds-match-bg-color: #3d485d; --theme-fixture-time-data-color: #ff7a00; --theme-fixture-main-op-bg-color: #759ffb; --theme-fixture-popup-border-color: var(--fixture-main-color); --theme-fixture-popup-bg-color: var(--fixture-main-color); --theme-fixture-popup-text-color: var(--fixture-main-color); --theme-fixture-popup-warning-bg-color: #f8d7da; --theme-fixture-popup-warning-text-color: #842029; --theme-fixture-odds-match-live-color: red; --theme-fixture-odds-match-live-up-color: red; --theme-fixture-odds-match-live-down-color: green; --odd-home-score-bg-color-modal: linear-gradient(45deg, #d9d9d9 10%, #23309d 0%, #23309d 0%, #23309d 100%); --odd-away-score-bg-color-modal: linear-gradient( 315deg, #d9d9d9 10%, #ff9900 0%, #ff9900 0%, #ff9900 100% ); --odd-bg-color-modal: #f6f8ff; --theme-fixture-date-menu-dark-color: #3d3d3d; --theme-fixture-group-dark-border-color: #575757; --theme-fixture-odds-group-dark-color-active: #333232; --theme-fixture-type-menu-border-dark-color-active: #ffa4a4; --theme-fixture-type-menu-dark-color: #d0e6ff; --theme-fixture-search-team-dark-color: #484848; --theme-fixture-search-team-icon-dark-color: #aaa; --theme-fixture-popup-dark-color: #2a2a2a; --theme-fixture-type-menu-dark-color-active: #0c77f1; --theme-fixture-popup-border-dark-color: #207be0; --detail-fixture-score-color: #37b748; --detail-fixture-league-color: #f00; --detail-fixture-border-color: #eaeaea; --detail-fixture-footer-color: #666; --tab-fixture-dark-color: var(--fixture-white-color); --tab-fixture-dark-bg-color: #2a2a2a; --tab-fixture-dark-title-bg-color: #3d3d3d; --tab-fixture-dark-border-color: #888888; --tab-fixture-dark-menu-active-color: #ff7a00; --tab-fixture-dark-border-active-color: #575757; --tab-fixture-dark-head-bg-color: #397f19; --tab-fixture-dark-head-2-bg-color: #285a12; --tab-fixture-dark-sub-head-result-bg-color: #383832; --theme-7m-row-item-odd-bg-color: var(--fixture-white-color); --theme-7m-row-item-even-bg-color: #E0E9F6; --theme-7m-custom-border-color: #e5e6e8; --theme-7m-row-item-odd-dark-bg-color: #575757; --theme-7m-row-item-even-dark-bg-color: #3d3d3d; --theme-7m-dark-head-bg-color: #3d3d3d; --odd-header-bg-table: linear-gradient(45deg, #3e69ff 0%, #3e69ff 28.2%, #23309d 28.2%, #23309d 100%); --odd-white-color-header: var(--fixture-white-color); --odd-max-width-odds: 800px; --odd-white-color-border: var(--fixture-white-color); --odd-activeTab-bg: #c6d0e8; --odd-activeTab-bg-hover: #bcc5dc; --odd-time-match-color: #ff6600; --odd-color-prefix-odds-name: #2c3cc3; --odd-contentTab-gray-color: #acb8d4; --odd-contentTab-gray-bg: #acb8d4; --odd-contentTab-bg: #f8cbad; --widget-text-color: #000; --widget-bg-color: #fff; --widget-arrow-color: #12EF9E; --widget-home-color: #12EF9E; --widget-draw-color: #FF8200; --widget-away-color: #F34C4C; --widget-border-color: #000; --widget-btn-bg-color: #d4d4d4; --widget-dark-text-color: #fff; --widget-dark-border-color: #202E34; --widget-dark-bg-color: #0D1017; --widget-dark-btn-bg-color: #202E34; }
@media (max-width: 768px) {
  .c4-html { --fixture-font-size-body: calc(.775 * var(--c4-rem,16px)); }
}
@media (max-width: 300px) {
  .c4-html { --fixture-font-size-body: calc(.675 * var(--c4-rem,16px)); }
}
* { box-sizing: border-box; }
.embed-fixture { font-size: var(--fixture-font-size-body); line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
@media (max-width: 991px) {
  .embed-fixture { font-size: calc(0.775 * var(--c4-rem,16px)); }
}
@media (max-width: 768px) {
  .embed-fixture { font-size: calc(0.775 * var(--c4-rem,16px)); }
}
@media (max-width: 374px) {
  .embed-fixture { font-size: calc(0.675 * var(--c4-rem,16px)); }
}
.embed-fixture .fixture-container { max-width: 1200px; width: 100%; }
.embed-fixture .fixture-w-full { width: 100%; }
.embed-fixture .fixture-w-5 { width: 5%; }
.embed-fixture .fixture-w-10 { width: 10%; }
.embed-fixture .fixture-w-15 { width: 15%; }
.embed-fixture .fixture-w-20 { width: 20%; }
.embed-fixture .fixture-w-25 { width: 25%; }
.embed-fixture .fixture-w-30 { width: 30%; }
.embed-fixture .fixture-w-35 { width: 35%; }
.embed-fixture .fixture-w-40 { width: 40%; }
.embed-fixture .fixture-w-45 { width: 45%; }
.embed-fixture .fixture-w-50 { width: 50%; }
.embed-fixture .fixture-w-55 { width: 55%; }
.embed-fixture .fixture-w-60 { width: 60%; }
.embed-fixture .fixture-w-65 { width: 65%; }
.embed-fixture .fixture-w-70 { width: 70%; }
.embed-fixture .fixture-w-75 { width: 75%; }
.embed-fixture .fixture-w-80 { width: 80%; }
.embed-fixture .fixture-w-85 { width: 85%; }
.embed-fixture .fixture-w-90 { width: 90%; }
.embed-fixture .fixture-w-95 { width: 95%; }
.embed-fixture .fixture-w-100 { width: 100%; }
.embed-fixture .fixture-w-full-important { width: 100% !important; }
.embed-fixture .fixture-h-full { height: 100%; }
.embed-fixture .fixture-hidden { visibility: hidden; }
.embed-fixture .fixture-none { display: none !important; }
.embed-fixture .fixture-flex { display: flex; }
.embed-fixture .fixture-flex-1 { flex: 1 1 0%; }
.embed-fixture .fixture-flex-col { flex-direction: column; }
.embed-fixture .fixture-flex-wrap { flex-wrap: wrap; }
.embed-fixture .fixture-flex-nowrap { flex-wrap: nowrap; }
.embed-fixture .fixture-items-center { align-items: center; }
.embed-fixture .fixture-items-flex-end { align-items: flex-end; }
.embed-fixture .fixture-items-flex-start { align-items: flex-start; }
.embed-fixture .fixture-justify-end { justify-content: flex-end; }
.embed-fixture .fixture-justify-start { justify-content: flex-start; }
.embed-fixture .fixture-justify-center { justify-content: center; }
.embed-fixture .fixture-flex-row-reverse { flex-direction: row-reverse; }
.embed-fixture .fixture-flex-row { flex-direction: row; }
.embed-fixture .fixture-justify-between { justify-content: space-between; }
.embed-fixture .fixture-justify-evenly { justify-content: space-evenly; }
.embed-fixture .fixture-whitespace-nowrap { white-space: nowrap; }
.embed-fixture .fixture-text-center { text-align: center; }
.embed-fixture .fixture-text-left { text-align: left; }
.embed-fixture .fixture-text-right { text-align: right; }
.embed-fixture .fixture-m-auto { margin: auto; }
.embed-fixture .fixture-mx-auto { margin: 0px auto; }
.embed-fixture .fixture-my-auto { margin: auto 0px; }
.embed-fixture .fixture-cursor-pointer { cursor: pointer; }
.embed-fixture .fixture-relative { position: relative; }
.embed-fixture .fixture-absolute { position: absolute; }
.embed-fixture .fixture-fixed { position: fixed; }
.embed-fixture .fixture-sticky { position: sticky; }
.embed-fixture .fixture-t-0 { top: 0px; }
.embed-fixture .fixture-r-0 { right: 0px; }
.embed-fixture .fixture-b-0 { bottom: 0px; }
.embed-fixture .fixture-l-0 { left: 0px; }
.embed-fixture .fixture-m-0 { margin: 0px; }
.embed-fixture .fixture-m-2 { padding: 2px; }
.embed-fixture .fixture-m-4 { padding: 4px; }
.embed-fixture .fixture-m-6 { padding: 6px; }
.embed-fixture .fixture-m-8 { padding: 8px; }
.embed-fixture .fixture-m-10 { padding: 10px; }
.embed-fixture .fixture-p-0 { padding: 0px; }
.embed-fixture .fixture-p-2 { padding: 2px; }
.embed-fixture .fixture-p-4 { padding: 4px; }
.embed-fixture .fixture-p-6 { padding: 6px; }
.embed-fixture .fixture-p-8 { padding: 8px; }
.embed-fixture .fixture-p-10 { padding: 10px; }
.embed-fixture input[type="text"]::placeholder { color: var(--fixture-input-placehover-color); }
.embed-fixture .fixture-user-none { user-select: none; }
.embed-fixture .fixture-overflow-hidden { overflow: hidden; }
.embed-fixture .fixture-overflow-scroll { overflow: scroll; }
.embed-fixture .fixture-overflow-auto { overflow: auto; }
.embed-fixture .fixture-gap-0 { gap: 0px; }
.embed-fixture .fixture-gap-1 { gap: 1px; }
.embed-fixture .fixture-gap-2 { gap: 2px; }
.embed-fixture .fixture-gap-3 { gap: 3px; }
.embed-fixture .fixture-gap-4 { gap: 4px; }
.embed-fixture .fixture-gap-5 { gap: 5px; }
.embed-fixture .fixture-gap-6 { gap: 6px; }
.embed-fixture .fixture-gap-7 { gap: 7px; }
.embed-fixture .fixture-gap-8 { gap: 8px; }
.embed-fixture .fixture-gap-9 { gap: 9px; }
.embed-fixture .fixture-gap-10 { gap: 10px; }
.embed-fixture .fixture-gap-12 { gap: 12px; }
.embed-fixture .fixture-transition-0\.3 { transition: 0.3s; }
.embed-fixture .fixture-list-style-none { list-style: none; }
.embed-fixture .fixture-font-semibold { font-weight: 700; }
.embed-fixture .fixture-font-bold { font-weight: 600; }
.embed-fixture .fixture-font-italic { font-style: italic; }
.embed-fixture .fixture-up { color: green; }
.embed-fixture .fixture-down { color: red; }
.embed-fixture .fixture-splash svg { height: 100px; background: transparent; }
.embed-fixture .fixture-splash svg path { animation-duration: 1s; animation-name: pulse; animation-iteration-count: infinite; color: var(--odd-splash-color); }
.embed-fixture .fixture-splash svg path.path-7 { animation-delay: -1s; }
.embed-fixture .fixture-splash svg path.path-6 { animation-delay: -0.875s; }
.embed-fixture .fixture-splash svg path.path-5 { animation-delay: -0.75s; }
.embed-fixture .fixture-splash svg path.path-4 { animation-delay: -0.625s; }
.embed-fixture .fixture-splash svg path.path-3 { animation-delay: -0.5s; }
.embed-fixture .fixture-splash svg path.path-2 { animation-delay: -0.375s; }
.embed-fixture .fixture-splash svg path.path-1 { animation-delay: -0.25s; }
.embed-fixture .fixture-splash svg path.path-0 { animation-delay: -0.125s; }
@keyframes pulse { 
  0% { opacity: 0.1; }
  30% { opacity: 0.8; }
  100% { opacity: 0.1; }
}
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
.embed-fixture .fixture-component { box-sizing: content-box; }
.embed-fixture .fixture-component__dropdown { position: relative; padding: 8px 0px; }
.embed-fixture .fixture-component__dropdown__title { box-sizing: border-box; cursor: pointer; padding: 6px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; background-color: rgb(255, 255, 255); font-size: 16px; color: rgb(51, 51, 51); appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22gray%22><path d=%22M4 6l4 4 4-4z%22/></svg>"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px auto; min-width: 200px; }
@media (max-width: 768px) {
  .embed-fixture .fixture-component__dropdown__title { width: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
}
.embed-fixture .fixture-component__dropdown__title:focus { border-color: rgb(27, 96, 185); outline: none; }
.embed-fixture .fixture-component__dropdown__list { position: fixed; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 8px; opacity: 0; visibility: hidden; transition: 0.2s; z-index: 10000000; height: 200px; overflow-x: auto; width: max-content; box-sizing: border-box; }
@media (max-width: 768px) {
  .embed-fixture .fixture-component__dropdown__list { width: 95%; }
}
.embed-fixture .fixture-component__dropdown__list.active { opacity: 1; visibility: visible; }
.embed-fixture .fixture-component__dropdown__list__item { padding: 8px; cursor: pointer; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.embed-fixture .fixture-component__dropdown__list__item:hover, .embed-fixture .fixture-component__dropdown__list__item.active { background: rgb(245, 245, 245); }
.fixture_live { max-width: 500px; margin: 0px auto; }
.fixture_live .fixture-live-container { border-radius: 16px; color: var(--widget-text-color); padding: 10px; background: var(--widget-bg-color); border: 1px solid var(--widget-border-color); }
.fixture_live .fixture-live-container__title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 22px; padding: 8px; margin: 0px 15px; border-bottom: 1px solid var(--widget-border-color); }
.fixture_live .fixture-live-container__slider { display: flex; overflow: hidden; }
.fixture_live .fixture-live-container__content { padding: 15px 0px; flex: 0 0 auto; width: 100%; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.fixture_live .fixture-live-container__content .live-team { width: 100%; }
.fixture_live .fixture-live-container__content .live-team__name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: 700; text-align: center; }
.fixture_live .fixture-live-container__content .live-team__time { width: 30%; }
.fixture_live .fixture-live-container__content .live-team__time__time { padding: 5px; border-radius: 8px; font-size: 24px; font-weight: 700; }
.fixture_live .fixture-live-container__content .live-team__home, .fixture_live .fixture-live-container__content .live-team__away { width: calc(35% - 8px); }
.fixture_live .fixture-live-container__content__iframe { container-type: inline-size; }
.fixture_live .fixture-live-container__content__iframe iframe { height: 350px; }
@container (max-width: 300px) {
  .fixture_live .fixture-live-container__content__iframe iframe { height: 200px; }
}
.fixture_live .fixture-live-container .vote-slide__btn { line-height: 10px; color: var(--widget-arrow-color); }
.fixture_live .fixture-live-container .vote-slide__dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--widget-dark-border-color); }
.fixture_live .fixture-live-container .vote-slide__dot.active { background: var(--widget-dark-btn-bg-color); }
.fixture_live.fixture-dark .fixture-live-container { border: 1px solid var(--widget-dark-border-color); background: var(--widget-dark-bg-color); color: var(--widget-dark-text-color); }
.fixture_live.fixture-dark .fixture-live-container__title { border-bottom: 1px solid var(--widget-dark-border-color); }
.fixture_live.fixture-dark .fixture-live-container__content__vote .vote-action__team { background-color: var(--widget-dark-btn-bg-color); }
@keyframes react-loading-skeleton { 
  100% { transform: translate(100%); }
}
.react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; background-color: var(--base-color); width: 100%; border-radius: calc(0.25 * var(--c4-rem,16px)); display: inline-flex; line-height: 1; position: relative; user-select: none; overflow: hidden; }
.react-loading-skeleton::after { content: " "; display: var(--pseudo-element-display); position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; background-repeat: no-repeat; background-image: var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) ); transform: translate(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
@media (prefers-reduced-motion) {
  .react-loading-skeleton { --pseudo-element-display: none; }
}
.c4-html { --fixture-dark-color: #282828; --fixture-white-color: #ffffff; --fixture-black-color: #000000; --fixture-main-color: #0a325e; --fixture-input-placehover-color: var(--fixture-black-color); --fixture-font-size-body: calc(.875 * var(--c4-rem,16px)); --fixture-league-theme-7mcn-bg-color: var(--fixture-white-color); --fixture-league-theme-7mcn-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16); --fixture-custom-theme-2-head-bg-color: #397f19; --fixture-custom-theme-2-sub-head-bg-color: #f0f0f0; --fixture-custom-theme-2-sub-head-result-bg-color: #fff6d1; --fixture-custom-theme-2-live-color: #0089f1; --fixture-custom-theme-2-border-color: #e5e5e5; --fixture-custom-theme-2-corner-color: #0076e3; --fixture-custom-theme-2-sht-color: #d64444; --fixture-custom-theme-2-score-result-color: #d64444; --fixture-custom-theme-2-dark-head-bg-color: #285a12; --fixture-custom-theme-2-dark-border-color: #444; --fixture-custom-theme-2-dark-text-color: #999; --fixture-custom-theme-2-dark-sub-head-bg-color: #333333; --fixture-custom-theme-2-dark-sub-head-result-bg-color: #383832; --fixture-custom-theme-2-dark-svg-color: #888888; --fixture-league-menu-item-bg-color: #d6d8dc; --fixture-league-menu-item-color: var(--fixture-black-color); --fixture-league-menu-item-bg-color-active: #3d485d; --fixture-league-menu-item-color-active: var(--fixture-white-color); --fixture-league-notab-date-item-bg-color: #e5e6e8; --fixture-league-title-widget-bg-color: #3d485d; --fixture-league-title-widget-color: var(--fixture-white-color); --fixture-league-menu-item-widget-color-active: #3d485d; --fixture-head-list-bg-color: #e8e3d1 0% 0% no-repeat padding-box; --fixture-row-item-odd-bg-color: var(--fixture-white-color); --fixture-row-item-even-bg-color: #f1f1f1; --fixture-row-item-hover-bg-color: #d6d8dc; --fixture-row-item-score-bg-color: #cbcbcb 0% 0% no-repeat padding-box; --theme-fixture-date-menu-color: #9e9494; --theme-fixture-date-menu-color-active: var(--fixture-white-color); --theme-fixture-date-menu-bg-color: #f2f2f2; --theme-fixture-date-menu-bg-color-active: var(--fixture-main-color); --theme-fixture-type-menu-color: var(--fixture-black-color); --theme-fixture-type-menu-color-active: var(--fixture-main-color); --theme-fixture-type-menu-border-color-active: var(--fixture-main-color); --theme-fixture-group-border-color: #eee; --theme-fixture-group-shadow-color: 0 2px 5px -2px #aaa; --theme-fixture-odds-group-color: #f2f2f2; --theme-fixture-odds-group-color-active: #f9f9f9; --theme-fixture-odds-team-color: #aaa; --theme-fixture-odds-match-color: red; --theme-fixture-odds-match-bg-color: #3d485d; --theme-fixture-time-data-color: #ff7a00; --theme-fixture-main-op-bg-color: #759ffb; --theme-fixture-popup-border-color: var(--fixture-main-color); --theme-fixture-popup-bg-color: var(--fixture-main-color); --theme-fixture-popup-text-color: var(--fixture-main-color); --theme-fixture-popup-warning-bg-color: #f8d7da; --theme-fixture-popup-warning-text-color: #842029; --theme-fixture-odds-match-live-color: red; --theme-fixture-odds-match-live-up-color: red; --theme-fixture-odds-match-live-down-color: green; --odd-home-score-bg-color-modal: linear-gradient(45deg, #d9d9d9 10%, #23309d 0%, #23309d 0%, #23309d 100%); --odd-away-score-bg-color-modal: linear-gradient( 315deg, #d9d9d9 10%, #ff9900 0%, #ff9900 0%, #ff9900 100% ); --odd-bg-color-modal: #f6f8ff; --theme-fixture-date-menu-dark-color: #3d3d3d; --theme-fixture-group-dark-border-color: #575757; --theme-fixture-odds-group-dark-color-active: #333232; --theme-fixture-type-menu-border-dark-color-active: #ffa4a4; --theme-fixture-type-menu-dark-color: #d0e6ff; --theme-fixture-search-team-dark-color: #484848; --theme-fixture-search-team-icon-dark-color: #aaa; --theme-fixture-popup-dark-color: #2a2a2a; --theme-fixture-type-menu-dark-color-active: #0c77f1; --theme-fixture-popup-border-dark-color: #207be0; --detail-fixture-score-color: #37b748; --detail-fixture-league-color: #f00; --detail-fixture-border-color: #eaeaea; --detail-fixture-footer-color: #666; --tab-fixture-dark-color: var(--fixture-white-color); --tab-fixture-dark-bg-color: #2a2a2a; --tab-fixture-dark-title-bg-color: #3d3d3d; --tab-fixture-dark-border-color: #888888; --tab-fixture-dark-menu-active-color: #ff7a00; --tab-fixture-dark-border-active-color: #575757; --tab-fixture-dark-head-bg-color: #397f19; --tab-fixture-dark-head-2-bg-color: #285a12; --tab-fixture-dark-sub-head-result-bg-color: #383832; --theme-7m-row-item-odd-bg-color: var(--fixture-white-color); --theme-7m-row-item-even-bg-color: #E0E9F6; --theme-7m-custom-border-color: #e5e6e8; --theme-7m-row-item-odd-dark-bg-color: #575757; --theme-7m-row-item-even-dark-bg-color: #3d3d3d; --theme-7m-dark-head-bg-color: #3d3d3d; --odd-header-bg-table: linear-gradient(45deg, #3e69ff 0%, #3e69ff 28.2%, #23309d 28.2%, #23309d 100%); --odd-white-color-header: var(--fixture-white-color); --odd-max-width-odds: 800px; --odd-white-color-border: var(--fixture-white-color); --odd-activeTab-bg: #c6d0e8; --odd-activeTab-bg-hover: #bcc5dc; --odd-time-match-color: #ff6600; --odd-color-prefix-odds-name: #2c3cc3; --odd-contentTab-gray-color: #acb8d4; --odd-contentTab-gray-bg: #acb8d4; --odd-contentTab-bg: #f8cbad; --widget-text-color: #000; --widget-bg-color: #fff; --widget-arrow-color: #12EF9E; --widget-home-color: #12EF9E; --widget-draw-color: #FF8200; --widget-away-color: #F34C4C; --widget-border-color: #000; --widget-btn-bg-color: #d4d4d4; --widget-dark-text-color: #fff; --widget-dark-border-color: #202E34; --widget-dark-bg-color: #0D1017; --widget-dark-btn-bg-color: #202E34; }
@media (max-width: 768px) {
  .c4-html { --fixture-font-size-body: calc(.775 * var(--c4-rem,16px)); }
}
@media (max-width: 300px) {
  .c4-html { --fixture-font-size-body: calc(.675 * var(--c4-rem,16px)); }
}
* { box-sizing: border-box; }
.embed-fixture { font-size: var(--fixture-font-size-body); line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
@media (max-width: 991px) {
  .embed-fixture { font-size: calc(0.775 * var(--c4-rem,16px)); }
}
@media (max-width: 768px) {
  .embed-fixture { font-size: calc(0.775 * var(--c4-rem,16px)); }
}
@media (max-width: 374px) {
  .embed-fixture { font-size: calc(0.675 * var(--c4-rem,16px)); }
}
.embed-fixture .fixture-container { max-width: 1200px; width: 100%; }
.embed-fixture .fixture-w-full { width: 100%; }
.embed-fixture .fixture-w-5 { width: 5%; }
.embed-fixture .fixture-w-10 { width: 10%; }
.embed-fixture .fixture-w-15 { width: 15%; }
.embed-fixture .fixture-w-20 { width: 20%; }
.embed-fixture .fixture-w-25 { width: 25%; }
.embed-fixture .fixture-w-30 { width: 30%; }
.embed-fixture .fixture-w-35 { width: 35%; }
.embed-fixture .fixture-w-40 { width: 40%; }
.embed-fixture .fixture-w-45 { width: 45%; }
.embed-fixture .fixture-w-50 { width: 50%; }
.embed-fixture .fixture-w-55 { width: 55%; }
.embed-fixture .fixture-w-60 { width: 60%; }
.embed-fixture .fixture-w-65 { width: 65%; }
.embed-fixture .fixture-w-70 { width: 70%; }
.embed-fixture .fixture-w-75 { width: 75%; }
.embed-fixture .fixture-w-80 { width: 80%; }
.embed-fixture .fixture-w-85 { width: 85%; }
.embed-fixture .fixture-w-90 { width: 90%; }
.embed-fixture .fixture-w-95 { width: 95%; }
.embed-fixture .fixture-w-100 { width: 100%; }
.embed-fixture .fixture-w-full-important { width: 100% !important; }
.embed-fixture .fixture-h-full { height: 100%; }
.embed-fixture .fixture-hidden { visibility: hidden; }
.embed-fixture .fixture-none { display: none !important; }
.embed-fixture .fixture-flex { display: flex; }
.embed-fixture .fixture-flex-1 { flex: 1 1 0%; }
.embed-fixture .fixture-flex-col { flex-direction: column; }
.embed-fixture .fixture-flex-wrap { flex-wrap: wrap; }
.embed-fixture .fixture-flex-nowrap { flex-wrap: nowrap; }
.embed-fixture .fixture-items-center { align-items: center; }
.embed-fixture .fixture-items-flex-end { align-items: flex-end; }
.embed-fixture .fixture-items-flex-start { align-items: flex-start; }
.embed-fixture .fixture-justify-end { justify-content: flex-end; }
.embed-fixture .fixture-justify-start { justify-content: flex-start; }
.embed-fixture .fixture-justify-center { justify-content: center; }
.embed-fixture .fixture-flex-row-reverse { flex-direction: row-reverse; }
.embed-fixture .fixture-flex-row { flex-direction: row; }
.embed-fixture .fixture-justify-between { justify-content: space-between; }
.embed-fixture .fixture-justify-evenly { justify-content: space-evenly; }
.embed-fixture .fixture-whitespace-nowrap { white-space: nowrap; }
.embed-fixture .fixture-text-center { text-align: center; }
.embed-fixture .fixture-text-left { text-align: left; }
.embed-fixture .fixture-text-right { text-align: right; }
.embed-fixture .fixture-m-auto { margin: auto; }
.embed-fixture .fixture-mx-auto { margin: 0px auto; }
.embed-fixture .fixture-my-auto { margin: auto 0px; }
.embed-fixture .fixture-cursor-pointer { cursor: pointer; }
.embed-fixture .fixture-relative { position: relative; }
.embed-fixture .fixture-absolute { position: absolute; }
.embed-fixture .fixture-fixed { position: fixed; }
.embed-fixture .fixture-sticky { position: sticky; }
.embed-fixture .fixture-t-0 { top: 0px; }
.embed-fixture .fixture-r-0 { right: 0px; }
.embed-fixture .fixture-b-0 { bottom: 0px; }
.embed-fixture .fixture-l-0 { left: 0px; }
.embed-fixture .fixture-m-0 { margin: 0px; }
.embed-fixture .fixture-m-2 { padding: 2px; }
.embed-fixture .fixture-m-4 { padding: 4px; }
.embed-fixture .fixture-m-6 { padding: 6px; }
.embed-fixture .fixture-m-8 { padding: 8px; }
.embed-fixture .fixture-m-10 { padding: 10px; }
.embed-fixture .fixture-p-0 { padding: 0px; }
.embed-fixture .fixture-p-2 { padding: 2px; }
.embed-fixture .fixture-p-4 { padding: 4px; }
.embed-fixture .fixture-p-6 { padding: 6px; }
.embed-fixture .fixture-p-8 { padding: 8px; }
.embed-fixture .fixture-p-10 { padding: 10px; }
.embed-fixture input[type="text"]::placeholder { color: var(--fixture-input-placehover-color); }
.embed-fixture .fixture-user-none { user-select: none; }
.embed-fixture .fixture-overflow-hidden { overflow: hidden; }
.embed-fixture .fixture-overflow-scroll { overflow: scroll; }
.embed-fixture .fixture-overflow-auto { overflow: auto; }
.embed-fixture .fixture-gap-0 { gap: 0px; }
.embed-fixture .fixture-gap-1 { gap: 1px; }
.embed-fixture .fixture-gap-2 { gap: 2px; }
.embed-fixture .fixture-gap-3 { gap: 3px; }
.embed-fixture .fixture-gap-4 { gap: 4px; }
.embed-fixture .fixture-gap-5 { gap: 5px; }
.embed-fixture .fixture-gap-6 { gap: 6px; }
.embed-fixture .fixture-gap-7 { gap: 7px; }
.embed-fixture .fixture-gap-8 { gap: 8px; }
.embed-fixture .fixture-gap-9 { gap: 9px; }
.embed-fixture .fixture-gap-10 { gap: 10px; }
.embed-fixture .fixture-gap-12 { gap: 12px; }
.embed-fixture .fixture-transition-0\.3 { transition: 0.3s; }
.embed-fixture .fixture-list-style-none { list-style: none; }
.embed-fixture .fixture-font-semibold { font-weight: 700; }
.embed-fixture .fixture-font-bold { font-weight: 600; }
.embed-fixture .fixture-font-italic { font-style: italic; }
.embed-fixture .fixture-up { color: green; }
.embed-fixture .fixture-down { color: red; }
.embed-fixture .fixture-splash svg { height: 100px; background: transparent; }
.embed-fixture .fixture-splash svg path { animation-duration: 1s; animation-name: pulse; animation-iteration-count: infinite; color: var(--odd-splash-color); }
.embed-fixture .fixture-splash svg path.path-7 { animation-delay: -1s; }
.embed-fixture .fixture-splash svg path.path-6 { animation-delay: -0.875s; }
.embed-fixture .fixture-splash svg path.path-5 { animation-delay: -0.75s; }
.embed-fixture .fixture-splash svg path.path-4 { animation-delay: -0.625s; }
.embed-fixture .fixture-splash svg path.path-3 { animation-delay: -0.5s; }
.embed-fixture .fixture-splash svg path.path-2 { animation-delay: -0.375s; }
.embed-fixture .fixture-splash svg path.path-1 { animation-delay: -0.25s; }
.embed-fixture .fixture-splash svg path.path-0 { animation-delay: -0.125s; }
@keyframes pulse { 
  0% { opacity: 0.1; }
  30% { opacity: 0.8; }
  100% { opacity: 0.1; }
}
@keyframes blink { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
@keyframes ripple { 
  0% { opacity: 1; transform: scale(0); }
  100% { opacity: 0; transform: scale(1); }
}
.embed-fixture .fixture-component { box-sizing: content-box; }
.embed-fixture .fixture-component__dropdown { position: relative; padding: 8px 0px; }
.embed-fixture .fixture-component__dropdown__title { box-sizing: border-box; cursor: pointer; padding: 6px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; background-color: rgb(255, 255, 255); font-size: 16px; color: rgb(51, 51, 51); appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 fill=%22gray%22><path d=%22M4 6l4 4 4-4z%22/></svg>"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px auto; min-width: 200px; }
@media (max-width: 768px) {
  .embed-fixture .fixture-component__dropdown__title { width: 100px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
}
.embed-fixture .fixture-component__dropdown__title:focus { border-color: rgb(27, 96, 185); outline: none; }
.embed-fixture .fixture-component__dropdown__list { position: fixed; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 4px; padding: 8px; opacity: 0; visibility: hidden; transition: 0.2s; z-index: 10000000; height: 200px; overflow-x: auto; width: max-content; box-sizing: border-box; }
@media (max-width: 768px) {
  .embed-fixture .fixture-component__dropdown__list { width: 95%; }
}
.embed-fixture .fixture-component__dropdown__list.active { opacity: 1; visibility: visible; }
.embed-fixture .fixture-component__dropdown__list__item { padding: 8px; cursor: pointer; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.embed-fixture .fixture-component__dropdown__list__item:hover, .embed-fixture .fixture-component__dropdown__list__item.active { background: rgb(245, 245, 245); }
.fixture_vote { max-width: 500px; margin: 0px auto; }
.fixture_vote .fixture-vote-container { border-radius: 16px; color: var(--widget-text-color); padding: 16px; background: var(--widget-bg-color); border: 1px solid var(--widget-border-color); }
.fixture_vote .fixture-vote-container__title { font-size: 20px; font-style: normal; font-weight: 700; line-height: 22px; padding: 15px; margin: 0px 15px; border-bottom: 1px solid var(--widget-border-color); }
.fixture_vote .fixture-vote-container__slider { display: flex; overflow: hidden; }
.fixture_vote .fixture-vote-container__content { padding: 15px 0px; flex: 0 0 auto; width: 100%; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.fixture_vote .fixture-vote-container__content .vote-team { width: 100%; }
.fixture_vote .fixture-vote-container__content .vote-team__name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: 700; text-align: center; }
.fixture_vote .fixture-vote-container__content .vote-team__image { border-radius: 100%; line-height: 22px; display: flex; justify-content: center; align-items: center; padding: 8px; background: var(--widget-bg-color); }
.fixture_vote .fixture-vote-container__content .vote-team__image img { border-radius: 100%; }
.fixture_vote .fixture-vote-container__content .vote-team__time { width: 30%; }
.fixture_vote .fixture-vote-container__content .vote-team__time__time { padding: 5px 15px; border-radius: 8px; background: var(--widget-btn-bg-color); font-size: 16px; }
.fixture_vote .fixture-vote-container__content .vote-team__home, .fixture_vote .fixture-vote-container__content .vote-team__away { width: calc(35% - 8px); }
.fixture_vote .fixture-vote-container__content__vote { gap: 8px; }
.fixture_vote .fixture-vote-container__content__vote .vote-action { margin-top: 20px; width: calc(33.3333% - 16px); height: 109px; }
.fixture_vote .fixture-vote-container__content__vote .vote-action__percent { flex: 1 1 0%; width: 100%; }
.fixture_vote .fixture-vote-container__content__vote .vote-action__col { border-top-right-radius: calc(0.5 * var(--c4-rem,16px)); border-top-left-radius: calc(0.5 * var(--c4-rem,16px)); width: 80%; position: relative; display: flex; transition: 0.3s; }
.fixture_vote .fixture-vote-container__content__vote .vote-action__col__stat { position: absolute; top: -20px; text-align: center; width: 100%; font-weight: 700; }
.fixture_vote .fixture-vote-container__content__vote .vote-action__col.vote-home { color: var(--widget-home-color); background-color: var(--widget-home-color); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__col.vote-draw { color: var(--widget-draw-color); background-color: var(--widget-draw-color); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__col.vote-away { color: var(--widget-away-color); background-color: var(--widget-away-color); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__team { width: 80%; padding: 8px 0px; border-radius: 8px; background-color: var(--widget-btn-bg-color); text-align: center; cursor: pointer; font-weight: 700; height: max-content; }
.fixture_vote .fixture-vote-container__content__vote .vote-action__team.active { color: rgb(0, 0, 0); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__team.active.vote-home { background-color: var(--widget-home-color); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__team.active.vote-draw { background-color: var(--widget-draw-color); }
.fixture_vote .fixture-vote-container__content__vote .vote-action__team.active.vote-away { background-color: var(--widget-away-color); }
.fixture_vote .fixture-vote-container .vote-slide__btn { line-height: 10px; color: var(--widget-arrow-color); }
.fixture_vote .fixture-vote-container .vote-slide__dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid var(--widget-dark-border-color); }
.fixture_vote .fixture-vote-container .vote-slide__dot.active { background: var(--widget-dark-btn-bg-color); }
.fixture_vote.fixture-dark .fixture-vote-container { border: 1px solid var(--widget-dark-border-color); background: var(--widget-dark-bg-color); color: var(--widget-dark-text-color); }
.fixture_vote.fixture-dark .fixture-vote-container__title { border-bottom: 1px solid var(--widget-dark-border-color); }
.fixture_vote.fixture-dark .fixture-vote-container__content .vote-team__time__time { background: var(--widget-dark-btn-bg-color); }
.fixture_vote.fixture-dark .fixture-vote-container__content__vote .vote-action__team { background-color: var(--widget-dark-btn-bg-color); }
@property --seoquake-tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --seoquake-tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --seoquake-tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --seoquake-tw-rotate-x { syntax: "*"; inherits: false; }
@property --seoquake-tw-rotate-y { syntax: "*"; inherits: false; }
@property --seoquake-tw-rotate-z { syntax: "*"; inherits: false; }
@property --seoquake-tw-skew-x { syntax: "*"; inherits: false; }
@property --seoquake-tw-skew-y { syntax: "*"; inherits: false; }
@property --seoquake-tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --seoquake-tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --seoquake-tw-leading { syntax: "*"; inherits: false; }
@property --seoquake-tw-font-weight { syntax: "*"; inherits: false; }
@property --seoquake-tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --seoquake-tw-shadow-color { syntax: "*"; inherits: false; }
@property --seoquake-tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --seoquake-tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --seoquake-tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --seoquake-tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --seoquake-tw-ring-color { syntax: "*"; inherits: false; }
@property --seoquake-tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --seoquake-tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --seoquake-tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --seoquake-tw-ring-inset { syntax: "*"; inherits: false; }
@property --seoquake-tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --seoquake-tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --seoquake-tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --seoquake-tw-duration { syntax: "*"; inherits: false; }
@property --seoquake-tw-ease { syntax: "*"; inherits: false; }
@property --seoquake-tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }





#gap-946396667 { padding-top: 10px; }
#text-1566925374 { color: rgb(0, 0, 0); }
#text-1566925374 > * { color: rgb(0, 0, 0); }
#gap-1827119795 { padding-top: 30px; }
#image_316728178 { width: 60%; }
@media (min-width: 550px) {
  #image_316728178 { width: 30%; }
}
@media (min-width: 850px) {
  #image_316728178 { width: 62%; }
}
#gap-526884787 { padding-top: 10px; }
#section_1912125093 { padding-top: 30px; padding-bottom: 30px; background-color: rgb(255, 255, 255); }
#section_1912125093 .ux-shape-divider--top svg { height: 150px; --divider-top-width: 100%; }
#section_1912125093 .ux-shape-divider--top .ux-shape-fill { fill: rgb(0, 99, 91); }
@media (min-width: 550px) {
  #section_1912125093 { padding-top: 60px; padding-bottom: 60px; }
}
.splide__container { box-sizing: border-box; position: relative; }
.splide__list { backface-visibility: hidden; display: flex; height: 100%; margin: 0px !important; padding: 0px !important; }
.splide.is-initialized:not(.is-active) .splide__list { display: block; }
.splide__pagination { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; pointer-events: none; }
.splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0px; pointer-events: auto; }
.splide:not(.is-overflow) .splide__pagination { display: none; }
.splide__progress__bar { width: 0px; }
.splide { position: relative; visibility: hidden; }
.splide.is-initialized, .splide.is-rendered { visibility: visible; }
.splide__slide { backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; margin: 0px; position: relative; list-style-type: none !important; }
.splide__slide img { vertical-align: bottom; }
.splide__spinner { animation: 1s linear 0s infinite normal none running splide-loading; border-width: 2px; border-style: solid; border-color: rgb(153, 153, 153) rgb(153, 153, 153) rgb(153, 153, 153) transparent; border-image: none; border-radius: 50%; inset: 0px; contain: strict; display: inline-block; height: 20px; margin: auto; position: absolute; width: 20px; }
.splide__sr { clip: rect(0px, 0px, 0px, 0px); border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none; }
.splide__toggle.is-active .splide__toggle__pause { display: inline; }
.splide__track { overflow: hidden; position: relative; z-index: 0; }
@keyframes splide-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.splide__track--draggable { user-select: none; }
.splide__track--fade > .splide__list > .splide__slide { opacity: 0; z-index: 0; margin: 0px !important; }
.splide__track--fade > .splide__list > .splide__slide.is-active { opacity: 1; z-index: 1; }
.splide--rtl { direction: rtl; }
.splide__track--ttb > .splide__list { display: block; }
.splide__arrow { align-items: center; background: rgb(204, 204, 204); border: 0px; border-radius: 50%; cursor: pointer; display: flex; height: 2em; justify-content: center; opacity: 0.7; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1; }
.splide__arrow svg { fill: rgb(0, 0, 0); height: 1.2em; width: 1.2em; }
.splide__arrow:hover:not(:disabled) { opacity: 0.9; }
.splide__arrow:disabled { opacity: 0.3; }
.splide__arrow:focus-visible { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide__arrow--prev { left: 1em; }
.splide__arrow--prev svg { transform: scaleX(-1); }
.splide__arrow--next { right: 1em; }
.splide.is-focus-in .splide__arrow:focus { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide__pagination { bottom: 0.5em; left: 0px; padding: 0px 1em; position: absolute; right: 0px; z-index: 1; }
.splide__pagination__page { background: rgb(204, 204, 204); border: 0px; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: 0.7; padding: 0px; position: relative; transition: transform 0.2s linear; width: 8px; }
.splide__pagination__page.is-active { background: rgb(255, 255, 255); transform: scale(1.4); z-index: 1; }
.splide__pagination__page:hover { cursor: pointer; opacity: 0.9; }
.splide__pagination__page:focus-visible { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide.is-focus-in .splide__pagination__page:focus { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide__progress__bar { background: rgb(204, 204, 204); height: 3px; }
.splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.splide__slide:focus { outline: 0px; }
@supports (outline-offset:-3px) {
  .splide__slide:focus-visible { outline: rgb(0, 187, 255) solid 3px; outline-offset: -3px; }
}
@media screen and (-ms-high-contrast:none) {
  .splide__slide:focus-visible { border: 3px solid rgb(0, 187, 255); }
}
@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus { outline: rgb(0, 187, 255) solid 3px; outline-offset: -3px; }
}
@media screen and (-ms-high-contrast:none) {
  .splide.is-focus-in .splide__slide:focus { border: 3px solid rgb(0, 187, 255); }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus { border-color: rgb(0, 187, 255); }
}
.splide__toggle { cursor: pointer; }
.splide__toggle:focus-visible { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide.is-focus-in .splide__toggle:focus { outline: rgb(0, 187, 255) solid 3px; outline-offset: 3px; }
.splide__track--nav > .splide__list > .splide__slide { border: 3px solid transparent; cursor: pointer; }
.splide__track--nav > .splide__list > .splide__slide.is-active { border: 3px solid rgb(0, 0, 0); }
.splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em; }
.splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1); }
.splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto; }
.splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1); }
.splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%); }
.splide__arrows--ttb .splide__arrow--prev { top: 1em; }
.splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg); }
.splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto; }
.splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg); }
.splide__pagination--ttb { inset: 0px 0.5em 0px auto; display: flex; flex-direction: column; padding: 1em 0px; }
.banners-top-wrapper { padding: 10px 0px; background-color: transparent; overflow: hidden; }
.banners-top-wrapper ul li { margin-left: 0px !important; }
.banners-top-wrapper .splide { width: 100%; max-width: 100%; margin: auto; }
.banners-top-wrapper .splide__track { overflow: visible; }
.banners-top-wrapper .splide__list { display: flex; align-items: center; padding: 0px; margin: 0px; }
.banners-top-wrapper .splide__slide img { max-width: 120px; max-height: 120px; object-fit: contain; border-radius: 12px; }
#banners-bottom-container { position: relative; }
.banners-bottom { position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 9999; background: transparent; padding: 0px; }
.banners-bottom-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.banners-bottom-grid a img { width: 100%; height: auto; }
@media (max-width: 768px) {
  .banners-bottom-grid { grid-template-columns: 1fr; }
}
#open-banner-bottom { position: fixed; bottom: 0px; left: 10px; box-shadow: rgb(186, 1, 1) 0px 0px 14px -7px; background-image: linear-gradient(45deg, rgb(186, 1, 1) 0%, rgb(255, 90, 90) 51%, rgb(186, 1, 1) 100%); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; align-items: center; justify-content: center; font-size: 12px; line-height: 1; cursor: pointer; padding: 5px 10px; border-radius: 5px; animation: 1s ease 0s infinite normal none running openEffect; z-index: 999; }
#close-banner-bottom { top: 12px; left: 0px; background: rgb(186, 1, 1); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; cursor: pointer; padding: 5px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.seo4s-btn { text-align: center; background: rgb(201, 170, 113); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; transition: 0.3s; cursor: pointer; padding: 10px !important; color: rgb(255, 255, 255) !important; }
.seo4s-btn:hover { background: rgb(175, 148, 99); transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 12px; }
.seo4s-btn:active { transform: translateY(2px); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; }