/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:0.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat center;background-size:0;transition:all 0.3s}.pickr .pcr-button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pickr .pcr-button::before{z-index:initial}.pickr .pcr-button::after{position:absolute;content:'';top:0;left:0;height:100%;width:100%;transition:background 0.3s;background:var(--pcr-color);border-radius:.15em}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear::before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-button.disabled{cursor:not-allowed}.pickr *,.pcr-app *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr input:focus,.pickr input.pcr-active,.pickr button:focus,.pickr button.pcr-active,.pcr-app input:focus,.pcr-app input.pcr-active,.pcr-app button:focus,.pcr-app button.pcr-active{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px var(--pcr-color)}.pickr .pcr-palette,.pickr .pcr-slider,.pcr-app .pcr-palette,.pcr-app .pcr-slider{transition:box-shadow 0.3s}.pickr .pcr-palette:focus,.pickr .pcr-slider:focus,.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(0,0,0,0.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:0.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity 0.3s, visibility 0s 0.3s;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;box-shadow:0 0.15em 1.5em 0 rgba(0,0,0,0.1),0 0 1em 0 rgba(0,0,0,0.03);left:0;top:0}.pcr-app.visible{transition:opacity 0.3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:0.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display: grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit, 1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:0.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all 0.15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pcr-color);border:1px solid rgba(0,0,0,0.05);border-radius:0.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -0.2em 0 -0.2em}.pcr-app .pcr-interaction>*{margin:0 0.2em}.pcr-app .pcr-interaction input{letter-spacing:0.07em;font-size:0.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all 0.15s;padding:0.45em 0.5em;margin-top:0.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(0.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(66,133,244,0.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all 0.2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff;width:auto}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{color:#fff}.pcr-app .pcr-interaction .pcr-save:hover,.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover{filter:brightness(0.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-cancel{background:#f44250}.pcr-app .pcr-interaction .pcr-clear:focus,.pcr-app .pcr-interaction .pcr-cancel:focus{box-shadow:0 0 0 1px rgba(255,255,255,0.85),0 0 0 3px rgba(244,66,80,0.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-palette,.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-palette:active,.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme='nano']{width:14.25em;max-width:95vw}.pcr-app[data-theme='nano'] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme='nano'] .pcr-interaction{padding:0 .6em .6em .6em}.pcr-app[data-theme='nano'] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview{grid-area:2 / 1 / 4 / 1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-preview .pcr-current-color::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette{grid-area:1 / 1 / 2 / 3;width:100%;height:100%;z-index:1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-palette .pcr-palette::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser{grid-area:2 / 2 / 2 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{grid-area:3 / 2 / 3 / 2}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity{height:0.5em;margin:0 .6em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red)}.pcr-app[data-theme='nano'] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(to right, transparent, black),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%, 0.25em}

@charset "UTF-8";

:root {
  --bg-color: #000000;
  --text-color: #ffffff;
  --accent-color: #e53935;
  --accent-color-700: #c62828;
  --accent-color-200: #ef9a9a;
  --hover-transition: 0.2s;
  --navbar-height: 65px;
  --search-bg: #332224;
  --placeholder-color: #aaaaaa;
  --brand-arrow-offset: 18%;
  --brand-arrow-size: 36px;
}

.container-d {
  margin-top: 4rem;
}

/* ============================================ */

/* GAMEON Navbar Styles */

/* ============================================ */

.gameon-navbar {
  background-color: var(--bg-color) !important;
  height: auto;
  border-bottom: 1px solid #111111;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  z-index: 1050;
}

.gameon-navbar .container-fluid {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
}

.gameon-navbar .gameon-logo {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Roboto", "Montserrat", sans-serif;
}

.gameon-navbar .gameon-logo .logo-text {
  color: var(--text-color);
}

.gameon-navbar .gameon-logo .logo-accent {
  color: var(--accent-color);
}

.gameon-navbar .gameon-logo .power-icon {
  margin-left: 5px;
}

.gameon-navbar .gameon-logo:hover .logo-text,
.gameon-navbar .gameon-logo:hover .logo-accent {
  text-decoration: none;
}

.gameon-navbar .navbar-nav .nav-item .nav-link {
  color: var(--text-color) !important;
  font-weight: 500;
  padding: 0.5rem 1rem;
  position: relative;
  transition: all var(--hover-transition) ease-in-out;
}

.gameon-navbar .navbar-nav .nav-item .nav-link:hover,
.gameon-navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--text-color) !important;
}

.gameon-navbar .navbar-nav .nav-item .nav-link:hover:not(.dropdown-toggle)::after,
.gameon-navbar .navbar-nav .nav-item .nav-link.active:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background-color: var(--accent-color);
  transition: all var(--hover-transition) ease-in-out;
}

.gameon-navbar .navbar-nav .nav-item .nav-link.active:not(.dropdown-toggle)::after {
  width: 80%;
}

.gameon-navbar .search-container {
  position: relative;
  width: 300px;
}

.gameon-navbar .search-container .search-input {
  width: 100%;
  padding: 8px 40px 8px 15px;
  background-color: var(--search-bg);
  border: none;
  border-radius: 25px;
  color: var(--text-color);
  font-size: 14px;
}

.gameon-navbar .search-container .search-input::-moz-placeholder {
  color: var(--placeholder-color);
}

.gameon-navbar .search-container .search-input:-ms-input-placeholder {
  color: var(--placeholder-color);
}

.gameon-navbar .search-container .search-input::placeholder {
  color: var(--placeholder-color);
}

.gameon-navbar .search-container .search-input:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-color);
}

.gameon-navbar .search-container .search-dropdown {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--placeholder-color);
  font-size: 12px;
}

.gameon-navbar .navbar-nav.ms-auto .nav-link {
  color: var(--text-color) !important;
  transition: color var(--hover-transition) ease-in-out;
}

.gameon-navbar .navbar-nav.ms-auto .nav-link:hover {
  color: var(--accent-color) !important;
}

.gameon-navbar .navbar-nav.ms-auto .dropdown-toggle::after {
  color: var(--text-color);
}

.gameon-navbar .navbar-nav.ms-auto .badge {
  background-color: var(--accent-color);
  color: var(--bg-color);
  font-weight: bold;
}

.gameon-navbar .nav-separator {
  color: var(--accent-color);
  margin: 0 10px;
  font-weight: bold;
}

.gameon-navbar .navbar-toggler {
  border: none;
  padding: 4px 8px;
}

.gameon-navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.gameon-navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 2px var(--accent-color);
}

.gameon-navbar .dropdown-menu {
  background-color: var(--bg-color);
  border: 1px solid #333;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.gameon-navbar .dropdown-menu .dropdown-item {
  color: var(--text-color);
  transition: all var(--hover-transition) ease-in-out;
}

.gameon-navbar .dropdown-menu .dropdown-item:hover,
.gameon-navbar .dropdown-menu .dropdown-item:focus {
  background-color: #333;
  color: var(--accent-color);
}

.gameon-navbar .dropdown-menu .dropdown-divider {
  border-color: #333;
}

@media (max-width: 991.98px) {
  .gameon-navbar .search-container {
    display: none !important;
  }

  .gameon-navbar .navbar-collapse {
    background-color: var(--bg-color);
    border-top: 1px solid #333;
    margin-top: 10px;
    padding-top: 10px;
  }

  .gameon-navbar .navbar-nav {
    text-align: center;
  }

  .gameon-navbar .navbar-nav .nav-item {
    margin: 5px 0;
  }
}

@media (max-width: 767.98px) {
  .gameon-navbar .navbar-nav.ms-auto {
    flex-direction: column;
    align-items: center;
  }

  .gameon-navbar .navbar-nav.ms-auto .nav-item {
    margin: 5px 0;
  }
}

body {
  padding-top: var(--navbar-height);
  overflow-x: hidden;
}

.gameon-navbar .container-fluid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}

.gameon-navbar .gameon-navbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: var(--bg-color) !important;
  border-bottom: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

.gameon-navbar .gameon-navbar-menu {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0.25rem 0;
  background-color: var(--bg-color) !important;
  border-top: none;
  min-height: 44px;
  flex-basis: 100%;
  order: 2;
}

.gameon-navbar .gameon-navbar-menu .navbar-nav {
  justify-content: center;
  width: 100%;
  gap: 1.1rem;
}

.gameon-navbar .gameon-navbar-menu .navbar-nav .nav-link {
  padding: 0.6rem 0.9rem;
  font-size: 0.95rem;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.75);
  transition: color 200ms ease, text-shadow 200ms ease;
}

.gameon-navbar .gameon-navbar-menu .navbar-nav .nav-link:hover,
.gameon-navbar .gameon-navbar-menu .navbar-nav .nav-link.active {
  color: var(--accent-color);
  text-shadow: 0 0 6px rgba(255, 77, 79, 0.35);
}

@media (max-width: 991.98px) {
  .gameon-navbar .gameon-navbar-top {
    padding-right: 0.5rem;
  }

  .gameon-navbar .gameon-navbar-menu {
    background-color: var(--bg-color) !important;
  }

  .gameon-navbar .gameon-navbar-menu .navbar-nav {
    align-items: flex-start;
    gap: 0.4rem;
  }

  .gameon-navbar .gameon-navbar-menu .nav-link {
    font-size: 0.9rem;
  }
}

.gameon-navbar {
  transition: none;
}

.nav-hover {
  transform: translateY(-1px);
  transition: transform 0.2s ease-in-out;
}

.dropdown-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease-in-out;
}

.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 991.98px) {
  .navbar-collapse {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
  }

  .navbar-collapse.show {
    opacity: 1;
    max-height: 500px;
  }
}

html,
body {
  font-family: "Prompt", sans-serif;
  background-image: url(/images/pattern_bg.svg);
  background-repeat: repeat;
  margin: 0;
}

div {
  -webkit-animation: fadeIn 0.7s;
          animation: fadeIn 0.7s;
}

.navbar-top {
  width: 100%;
  top: 0;
  z-index: 1020;
}

.sticky-top {
  z-index: 1000;
}

.info-dropdown {
  width: 200px;
}

.slide {
  position: relative;
  width: 100%;
}

.silde__image {
  max-height: 480px !important;
}

.marquee {
  padding: 10px;
  width: 100%;
  display: flex;
  background-color: white;
  border-radius: 10px;
  color: black;
  font-size: 13px;
}

.footer {
  margin-top: 0px;
}

.dropdown-toggle::after {
  color: aliceblue !important;
  display: inline-block !important;
  position: static !important;
}

.dropdown-menu {
  background-color: #ffffff !important;
}

.footer-brand {
  font-size: 16px;
}

.footer-desc {
  font-size: 13px;
}

.navbar-toggler-icon {
  font-size: 14px !important;
}

.navbar-toggler-menu {
  font-size: 18px !important;
  color: var(--accent-color);
}

.login-label {
  font-weight: 500;
  color: #e4dfff;
}

.login-label:hover {
  font-weight: 500;
  color: #ffffff !important;
}

.navbar-toggler {
  border-color: var(--accent-color-700) !important;
}

.none-underline {
  text-decoration: none !important;
  cursor: pointer;
}

a {
  text-decoration: none !important;
}

.slider {
  width: 100%;
  text-align: center;
}

.slider-brand {
  overflow: hidden;
}

.slider-brand .slick-list {
  overflow: hidden;
}

.slider-brand .slick-prev,
.slider-brand .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: var(--brand-arrow-size);
  height: var(--brand-arrow-size);
  background: rgba(0, 0, 0, 0.35);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  opacity: 1 !important;
  visibility: visible !important;
}

.slider-brand .slick-prev {
  left: calc(50% - var(--brand-arrow-offset));
}

.slider-brand .slick-next {
  right: calc(50% - var(--brand-arrow-offset));
}

.slider-brand .slick-prev:before,
.slider-brand .slick-next:before {
  color: #ffffff;
  font-size: 18px;
  opacity: 0.95;
}

.slider-brand:hover .slick-prev,
.slider-brand:hover .slick-next {
  opacity: 1 !important;
  visibility: visible !important;
}

.slider-brand .slick-arrow.slick-hidden {
  display: block !important;
}

.slider-brand .slick-arrow.slick-disabled {
  display: block !important;
  opacity: 0.6;
  cursor: default;
}

.slider-brand .slick-prev.slick-disabled:before,
.slider-brand .slick-next.slick-disabled:before {
  opacity: 0.95;
}

.center-product {
  margin: 0 auto;
}

.footer-bg {
  background-color: var(--accent-color-200);
}

.btn-topup-width {
  width: 230px;
}

.btn-gz {
  color: white;
  background-color: var(--accent-color);
}

.credits-bg {
  background-color: #b1dbff;
}

.cloudy-bg {
  background-image: url(/images/cloudy.svg);
  background-size: cover;
}

.product__item {
  border-radius: 4px;
  padding: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #cedfff;
  background-color: #fff;
}

.shadow-1 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.zoom-product {
  transition: transform 0.2s;
  /* Animation */
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.zoom-product:hover {
  transform: scale(1.1);
}

.zoom-product:before,
.zoom-product:after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  background-color: #fff;
  opacity: 0.2;
  transform: rotate(45deg);
  transition: all ease 0.45s;
  z-index: 1000;
}

.zoom-product:after {
  transition-delay: 0.2s;
}

.zoom-product:hover:before,
.zoom-product:hover:after {
  left: 100%;
}

.zoom {
  transition: transform 0.2s;
  /* Animation */
  position: relative;
  overflow: hidden;
}

.zoom:hover {
  transform: scale(1.1);
}

.zoom:before,
.zoom:after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  background-color: #fff;
  opacity: 0.2;
  transform: rotate(45deg);
  transition: all ease 0.5s;
}

.zoom:after {
  transition-delay: 0.2s;
}

.zoom:hover:before,
.zoom:hover:after {
  left: 100%;
}

a {
  text-decoration: none !important;
}

.nav-item {
  align-self: flex-start;
}

.nav-link {
  font-size: 14px;
}

.carousel-content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 10%;
  display: flex;
}

.payment-label {
  color: #a5a5a5;
  font-size: 14px;
}

.payment-fee {
  font-size: 12px;
  color: #ce2323;
}

.payment-status {
  font-size: 12px;
}

.not-ready {
  color: #ce2323 !important;
}

.ready {
  color: #00ad00 !important;
}

.card-footer {
  border-top: 0px !important;
}

.nowrap {
  white-space: nowrap;
}

.fw-300 {
  font-weight: 300;
}

/*! easyWheel v1.2 | http://22codes.com/ | Released under Codecanyon Standard license : https://codecanyon.net/licenses/standard  */

.eWheel-wrapper,
.easyWheel {
  position: relative;
}

.easyWheel {
  max-width: 100%;
  margin: 4em auto 1em;
  font-size: 25px;
  font-weight: 700;
}

.easyWheel,
.easyWheel * {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.easyWheel .eWheel-inner {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.easyWheel .eWheel {
  border-radius: 100%;
  overflow: hidden;
}

.easyWheel .eWheel,
.easyWheel .eWheel > .eWheel-bg-layer,
.easyWheel .eWheel > .eWheel-txt-wrap,
.easyWheel .eWheel > .eWheel-txt-wrap > .eWheel-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.easyWheel .eWheel > .eWheel-bg-layer,
.easyWheel .eWheel > .eWheel-txt-wrap > .eWheel-txt {
  margin: 0 auto;
  border-radius: 100%;
  padding: 0;
  list-style: none;
  overflow: hidden;
  color: #ecf0f1;
}

.easyWheel .eWheel > .eWheel-bg-layer,
.easyWheel .eWheel > .eWheel-txt-wrap {
  transform: rotate(-90deg);
}

.easyWheel .eWheel .eWheel-child .eWheel-inside {
  display: table;
  transform: rotate(0) skew(-45deg);
  width: 50%;
  height: 50%;
  transform-origin: 0 0;
  text-align: right;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

.easyWheel .eWheel .eWheel-child .eWheel-inside > div {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  transform: rotate(25deg);
  transform-origin: 115% 25%;
  padding-right: 40px;
  font-size: 18px;
  font-weight: 700;
}

.easyWheel .eWheel > .eWheel-bg-layer > div {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  border: 1px solid transparent;
  background-color: #404040;
}

.easyWheel .eWheel > .eWheel-bg-layer > div:nth-child(odd) {
  background-color: #616161;
}

.easyWheel .eWheel > .eWheel-txt-wrap > .eWheel-txt > div {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 1.2em;
  max-height: 23.4em;
  transform-origin: 0 1px;
  width: 50%;
  padding-right: 6%;
  font-weight: 700;
  font-size: 100%;
  cursor: default;
  color: #fff;
  text-align: right;
}

.easyWheel .eWheel-center {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  text-align: center;
}

.easyWheel .eWheel-center > .ew-center-empty,
.easyWheel .eWheel-center > .ew-center-html {
  max-width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.easyWheel .eWheel-center > .ew-center-empty {
  position: absolute;
}

.easyWheel .eWheel-center > img {
  max-width: 100%;
  width: 200px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.easyWheel .eWheel-center > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: 0 0 !important;
}

.easyWheel .eWheel-marker {
  border-spacing: 90px;
  width: 16%;
  height: 16%;
  position: absolute;
  left: 50%;
  top: -18%;
  margin-top: 7%;
  margin-left: -8%;
  transition: 0.2 rotate linear;
  z-index: 3;
  display: block;
  transform: rotate(0);
  transform-origin: 50% 35%;
}

.easyWheel .eWheel-marker > svg {
  height: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.easyWheel .rotate {
  transform: rotate(100deg);
}

.eWheel > .eWheel-bg-layer > svg {
  margin: 0 auto;
  border-radius: 50%;
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(0);
}

.eWheel > .eWheel-txt-wrap > .eWheel-txt > div.ew-ccurrent {
  color: #CFD8DC;
}

.wheel_reward {
  width: 50%;
  transform: rotate(-270deg) translate(2px, -50%);
}

.emoji-label {
  font-size: 48px;
}

.reward-label {
  font-weight: 700;
  color: #28d000;
}

.diamond {
  color: #3fb7ff;
}

.nice-select.wide .list {
  max-height: 300px;
  overflow-y: auto;
}

.credit {
  color: #f19200;
}

.rounded-2 {
  border-radius: 20px !important;
}

.wheel-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slick-well {
  color: #fff;
  z-index: 100000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  justify-content: center;
}

.slick-slide {
  position: relative;
}

@media only screen and (max-width: 280px) {
  .logo {
    font-size: medium !important;
  }

  .btn-danger {
    font-size: 9px !important;
    padding: 5px !important;
  }

  .slick-content-desc {
    font-size: 10px !important;
  }

  .slick-content-title {
    font-size: 15px !important;
  }
}

@media only screen and (max-width: 577px) {
  .btn-danger {
    font-size: 12px !important;
    padding: 8px !important;
  }

  .slick-content-desc {
    font-size: 22px !important;
  }

  .slick-content-title {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 460px) {
  .btn-danger {
    font-size: 8px !important;
    padding: 4px !important;
  }

  .slick-content-desc {
    font-size: 10px !important;
  }

  .slick-content-title {
    font-size: 15px !important;
  }
}

.green-check {
  color: green;
}

.btn-google {
  background-color: #da2d2d;
  color: #ffffff;
  font-weight: 600;
}

.g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.stats {
  font-size: 28px;
}

.scroll {
  height: 480px;
  overflow-y: hidden;
  overflow-y: scroll;
}

.scroll {
  height: 480px;
  overflow-y: hidden;
  overflow-y: scroll;
}

.scroll-stock-list {
  height: 240px;
  overflow-y: hidden;
  overflow-y: scroll;
}

.scroll-stock {
  height: 240px;
  overflow-y: hidden;
  overflow-y: scroll;
}

.scroll-code {
  height: 208px;
  overflow-y: hidden;
  overflow-y: scroll;
}

td > .wheel_reward {
  width: 60px;
  transform: rotate(0deg);
}

#stockPrice {
  display: none;
}

.qrcode-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-self: center;
}

.qr-water-mark {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  place-content: center;
  transform: scale(0.8);
  color: red;
  opacity: 0.7;
  transform: rotate(-45deg);
}

.swal2-html-container {
  overflow: unset !important;
}

#sidebar-menu {
  width: 400px;
  max-width: 100%;
  height: 100vh;
  transition: all 0.3s;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1040;
  padding-left: 60px;
  margin-right: -400px;
}

#sidebarCollapseClose {
  position: absolute;
  left: 30px;
  background: #ff7777;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#sidebar-menu.active {
  margin-right: 0px !important;
}

#sidebar-wrapper ul.components {
  padding: 15px;
}

#sidebar-wrapper ul p {
  font-family: "Prompt", sans-serif;
  color: #fff;
  padding: 10px;
}

a[data-toggle=collapse] {
  position: relative;
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.8em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}

select:invalid {
  color: gray;
}

.dropdown-menu-pc {
  left: -75px !important;
}

.service-name {
  font-size: 20px;
  color: #9c9c9c;
  font-weight: 400;
  margin-bottom: 0;
}

.service-img {
  width: 45px;
  margin-right: 10px;
}

.service-label {
  display: flex;
  align-items: center;
}

.nice-select {
  font-size: 1.063rem !important;
}

.nice-select .provider_img:nth-child(2) {
  background-image: url("/images/icons/dtac.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(3) {
  background-image: url("/images/icons/true.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(4) {
  background-image: url("/images/icons/ais.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(5) {
  background-image: url("/images/icons/my.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(6) {
  background-image: url("/images/icons/tot.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(7) {
  background-image: url("/images/icons/feels.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.nice-select .provider_img:nth-child(8) {
  background-image: url("/images/icons/penguin.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 80px;
}

.product-service-img {
  height: 380px;
}

.product-service {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.product-service-price {
  padding: 10px;
  border: 1px solid #811cf3;
  width: 100%;
  border-radius: 10px;
  text-align: center;
  color: #892bf2;
  cursor: pointer;
  font-size: 16px;
}

.product-service-price:hover {
  background: #882cf4;
  color: #fff;
  transition: 0.5s;
}

.product-service-price-active {
  background: #882cf4;
  color: #fff;
  transition: 0.5s;
}

.amount-input {
  background: #e9ecef;
  border: 1px solid #e5e5e5 !important;
}

.amount-input:focus {
  background: #e9ecef;
}

.price_shadow {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.card_desc {
  font-size: 16px;
  color: #777777;
}

.card-animate {
  position: relative;
  display: flex;
  justify-content: center;
}

.card-animate:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

.button-control {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

p {
  font-family: "Prompt", sans-serif !important;
}

.card-list-name {
  font-size: 11px !important;
}

.service-price {
  background: #f6e9ff;
  padding: 10px;
  text-align: center;
  border: 1px solid #e9caff;
  border-radius: 10px;
  color: #6001a2;
  font-weight: 400;
  font-size: 12.5px;
  cursor: pointer;
  margin-bottom: 10px;
  z-index: 1;
}

.service-price:hover {
  background: #6001a2 !important;
  color: #ffffff !important;
}

.service-price-active {
  background: #6001a2 !important;
  color: #ffffff !important;
  position: relative;
}

.desc-small {
  font-size: 10px;
}

.service-text-small {
  font-size: 12px;
  font-weight: 500;
}

.service-text-bold-small {
  font-size: 13px;
  font-weight: 500;
}

.btn {
  font-family: "Prompt", sans-serif !important;
}

.clickable {
  cursor: pointer;
}

.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}

@-webkit-keyframes fa-beat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fa-beat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pinned {
  top: -20px;
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
}

.pinned-price {
  font-size: 11px;
  background: #6001a2;
  border: 1px solid #ffffff;
  width: 30%;
  padding-top: 2px;
  text-align: center;
  border-radius: 20px;
  color: #ffffff;
}

.service-price-active:after {
  font-family: "Font Awesome 5 Free";
  content: "\F058";
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 2px;
  padding-right: 5px;
  color: #f0d41d;
}

.member-menu {
  padding-left: 22px;
  padding-right: 22px;
}

.service-price-desc {
  font-size: 10px;
  color: #ff1818;
}

.nice-select {
  color: #858e96 !important;
}

.remove-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.remove-btn-all {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 18px;
  margin-left: 5px;
}

.remove-btn {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 18px;
  margin-left: 5px;
}

.discount-tag {
  position: absolute;
  color: #ffffff;
  right: 10px;
  top: -5px;
  background: #ff0000;
  font-size: 9.5px;
  padding: 5px;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #ffffff;
  z-index: 2;
}

.item-code-name {
  font-size: 13px;
  font-weight: 500;
}

.item-code-amount {
  font-size: 13px;
}

.unclickable {
  cursor: not-allowed;
}

.swal2-input[type=number] {
  max-width: 100% !important;
}

canvas {
  display: block;
  vertical-align: bottom;
}

/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff00;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 5;
  pointer-events: none;
}

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slick-content-title {
  -webkit-animation-name: fadeInUpSD;
          animation-name: fadeInUpSD;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  opacity: 1;
  --animate-delay: 0.1s;
}

.slick-active .slick-content-desc {
  -webkit-animation-name: fadeInUpSD;
          animation-name: fadeInUpSD;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  opacity: 1;
  --animate-delay: 0.2s;
}

.slick-active .btn {
  -webkit-animation-name: fadeInUpSD;
          animation-name: fadeInUpSD;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  opacity: 1;
  --animate-delay: 0.3s;
}

.slide-preview {
  position: relative;
  width: 400px;
}

.preview {
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
}

.remove-preview {
  position: absolute;
  right: 0;
  cursor: pointer;
  margin: 5px;
}

.preview-item {
  position: relative;
}

.preview-edit {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #3d006a;
  z-index: 1;
  transition: 0.5s;
  padding: 10px;
  overflow-y: scroll;
}

.preview-edit-active {
  margin-top: 0px !important;
}

.preview-id-photo {
  display: flex;
  width: 100%;
  overflow-x: scroll;
}

.preview-id-item {
  display: flex;
  position: relative;
}

.rgb:before,
.rgb:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000, #fb0094, #0000ff, #00ff00, #ffff00, #ff0000);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  -webkit-animation: steam 20s linear infinite;
          animation: steam 20s linear infinite;
}

@-webkit-keyframes steam {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes steam {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 400% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.rgb:after {
  filter: blur(50px);
}

.none-outline {
  outline: none;
}

.faq-border {
  border-radius: 0px !important;
}

.faq-header {
  border-bottom: 0px;
}

.mb-0 > a {
  display: inline-block;
  width: 100%;
  padding: 0.75rem 1.25rem;
}

.card-header {
  padding: 0;
}

.accordion > .card > div[data-parent="#faq"] > .card-body {
  background-color: #fff !important;
}

.accordion > .card {
  border: 0px !important;
  border-radius: 0px !important;
}

.accordion > .card > .card-header {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}

.card-frame {
  position: relative;
  display: flex;
  justify-content: center;
}

.shine-game {
  position: absolute;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.shine-game:before,
.shine-game:after {
  content: "";
  position: absolute;
  top: -200%;
  left: -300%;
  width: 100%;
  height: 550%;
  background-color: #fff;
  opacity: 0.2;
  transform: rotate(45deg);
  transition: all 0.8s ease;
}

.shine-game:after {
  transition-delay: 0.25s;
}

.shine-game:hover:before,
.shine-game:hover:after {
  left: 150%;
}

.shine {
  position: absolute;
  overflow: hidden;
  display: flex;
  width: 92%;
  height: 92%;
  border-radius: 15px;
}

.shine:before,
.shine:after {
  content: "";
  position: absolute;
  top: -200%;
  left: -300%;
  width: 100%;
  height: 600%;
  background-color: #fff;
  opacity: 0.2;
  transform: rotate(45deg);
  transition: all 0.5s ease;
}

.shine:after {
  transition-delay: 0.2s;
}

.shine:hover:before,
.shine:hover:after {
  left: 150%;
}

.termgame-preview-shine {
  width: 95% !important;
  height: 95% !important;
}

.card-preview-shine {
  height: 95% !important;
}

.game-preview-shine {
  width: 100% !important;
  height: 100% !important;
  border-radius: 0px !important;
}

.small-font {
  font-size: 12px;
}

.custom-modal-daily {
  border-radius: 0px !important;
  border: 0px !important;
}

.custom-header-daily {
  background-image: url(https://www.guszone.in.th/images/bg-header.svg);
  background-size: cover;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.custom-title-daily {
  color: #ffffff;
}

.custom-close {
  font-size: 2rem !important;
  font-weight: 200 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}

.collected-item {
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.label {
  font-size: 18px;
}

.collected-label {
  position: absolute;
  z-index: 1;
  color: #0bc100;
  background-color: #ffffffe3;
  width: 100%;
  text-align: center;
  top: 50%;
  padding: 5px;
  border-radius: 20px;
}

.uncollect-label {
  position: absolute;
  z-index: 1;
  color: #ffffff;
  background-color: rgba(47, 255, 5, 0.89);
  width: 100%;
  text-align: center;
  top: 50%;
  padding: 5px;
  border-radius: 20px;
}

.notready-bg {
  background-color: rgba(255, 54, 0, 0.89);
  color: #ffffff;
  border-radius: 20px;
}

.ready-bg {
  background-color: #0bc100;
  color: #ffffff;
  border-radius: 20px;
}

.unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media only screen and (max-width: 387px) {
  .label {
    font-size: 8px !important;
  }
}

@media only screen and (max-width: 994px) {
  .label {
    font-size: 10px;
  }
}

.mo-fire {
  height: auto;
  position: absolute;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

#svg-view {
  width: 252px;
  height: 125px;
  left: 0px;
}

.mo-fire svg {
  width: 100%;
  height: auto;
  position: relative;
}

.flame {
  -webkit-animation-name: flameDisappear;
          animation-name: flameDisappear;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  opacity: 0.5;
  transform-origin: 45% 45% 0;
}

.flame.one {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}

.flame.two {
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.flame-main {
  -webkit-animation-name: flameMovement;
          animation-name: flameMovement;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.flame-main.one {
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.flame-main.two {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.flame-main.three {
  -webkit-animation-duration: 2.1s;
          animation-duration: 2.1s;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.flame-main.four {
  -webkit-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.flame-main.five {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

@-webkit-keyframes flameMovement {
  50% {
    transform: scale(0.98, 1) translate(0, 2px) rotate(-1deg);
  }
}

@keyframes flameMovement {
  50% {
    transform: scale(0.98, 1) translate(0, 2px) rotate(-1deg);
  }
}

@-webkit-keyframes flameDisappear {
  0% {
    transform: translate(0) rotate(180deg);
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translate(-10px, -40px) rotate(180deg);
    opacity: 0;
  }
}

@keyframes flameDisappear {
  0% {
    transform: translate(0) rotate(180deg);
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translate(-10px, -40px) rotate(180deg);
    opacity: 0;
  }
}

.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px !important;
  color: #333;
}

.simditor .simditor-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px !important;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none !important;
  color: #666 !important;
}

ul ul a {
  /* font-size: 0.8em !important; */
  padding-left: 30px !important;
  background: #ffffff !important;
}

ul ul a > .font-color {
  background: unset !important;
}

.ql-editor {
  min-height: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

.ql-video:not(button) {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  min-height: 320px;
  max-width: 560px !important;
}

.contact-links {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 2000;
}

.out-of-stock {
  background: #ffe1e1 !important;
  cursor: not-allowed !important;
  color: #ffa1a1 !important;
}