@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";
.ui-helper-hidden {
  display: none
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}
.ui-helper-clearfix:after {
  clear: both
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}
.ui-front {
  z-index: 10000
}
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}
.ui-menu .ui-menu {
  position: absolute
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}
.ui-menu-icons {
  position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}
input.ui-button.ui-button-icon-only {
  text-indent: 0
}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}
.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}
.ui-checkboxradio-disabled {
  pointer-events: none
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px
}
.ui-datepicker .ui-datepicker-next {
  right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}
.ui-datepicker td {
  border: 0;
  padding: 1px
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}
.ui-datepicker.ui-datepicker-multi {
  width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}
.ui-datepicker-rtl {
  direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}
.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}
.ui-resizable {
  position: relative
}
.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0 0;
  height: auto;
  border: 0
}
.ui-selectmenu-open {
  display: block;
  z-index: 9999999991
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 100%
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}
.ui-slider {
  position: relative;
  text-align: left
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}
.ui-slider-horizontal {
  height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}
.ui-slider-vertical {
  width: .8em;
  height: 100px
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}
.ui-spinner-up {
  top: 0
}
.ui-spinner-down {
  bottom: 0
}
.ui-tabs {
  position: relative;
  padding: .2em
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}
body .ui-tooltip {
  border-width: 2px
}
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}
.ui-widget .ui-widget {
  font-size: 1em
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}
.ui-widget-content a {
  color: #333
}
.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold
}
.ui-widget-header a {
  color: #333
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff
}
.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}
.ui-icon {
  width: 16px;
  height: 16px
}
.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_444444_256x240.png")
}
.ui-widget-header .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_444444_256x240.png")
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_555555_256x240.png")
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_ffffff_256x240.png")
}
.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_777620_256x240.png")
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_cc0000_256x240.png")
}
.ui-button .ui-icon {
  background-image: url("/Content/pg/jquery-ui/css/images/ui-icons_777777_256x240.png")
}
.ui-icon-blank {
  background-position: 16px 16px
}
.ui-icon-caret-1-n {
  background-position: 0 0
}
.ui-icon-caret-1-ne {
  background-position: -16px 0
}
.ui-icon-caret-1-e {
  background-position: -32px 0
}
.ui-icon-caret-1-se {
  background-position: -48px 0
}
.ui-icon-caret-1-s {
  background-position: -65px 0
}
.ui-icon-caret-1-sw {
  background-position: -80px 0
}
.ui-icon-caret-1-w {
  background-position: -96px 0
}
.ui-icon-caret-1-nw {
  background-position: -112px 0
}
.ui-icon-caret-2-n-s {
  background-position: -128px 0
}
.ui-icon-caret-2-e-w {
  background-position: -144px 0
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px
}
.ui-icon-arrow-1-s {
  background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}
.ui-icon-arrow-4 {
  background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}
.ui-icon-extlink {
  background-position: -32px -80px
}
.ui-icon-newwin {
  background-position: -48px -80px
}
.ui-icon-refresh {
  background-position: -64px -80px
}
.ui-icon-shuffle {
  background-position: -80px -80px
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px
}
.ui-icon-folder-open {
  background-position: -16px -96px
}
.ui-icon-document {
  background-position: -32px -96px
}
.ui-icon-document-b {
  background-position: -48px -96px
}
.ui-icon-note {
  background-position: -64px -96px
}
.ui-icon-mail-closed {
  background-position: -80px -96px
}
.ui-icon-mail-open {
  background-position: -96px -96px
}
.ui-icon-suitcase {
  background-position: -112px -96px
}
.ui-icon-comment {
  background-position: -128px -96px
}
.ui-icon-person {
  background-position: -144px -96px
}
.ui-icon-print {
  background-position: -160px -96px
}
.ui-icon-trash {
  background-position: -176px -96px
}
.ui-icon-locked {
  background-position: -192px -96px
}
.ui-icon-unlocked {
  background-position: -208px -96px
}
.ui-icon-bookmark {
  background-position: -224px -96px
}
.ui-icon-tag {
  background-position: -240px -96px
}
.ui-icon-home {
  background-position: 0 -112px
}
.ui-icon-flag {
  background-position: -16px -112px
}
.ui-icon-calendar {
  background-position: -32px -112px
}
.ui-icon-cart {
  background-position: -48px -112px
}
.ui-icon-pencil {
  background-position: -64px -112px
}
.ui-icon-clock {
  background-position: -80px -112px
}
.ui-icon-disk {
  background-position: -96px -112px
}
.ui-icon-calculator {
  background-position: -112px -112px
}
.ui-icon-zoomin {
  background-position: -128px -112px
}
.ui-icon-zoomout {
  background-position: -144px -112px
}
.ui-icon-search {
  background-position: -160px -112px
}
.ui-icon-wrench {
  background-position: -176px -112px
}
.ui-icon-gear {
  background-position: -192px -112px
}
.ui-icon-heart {
  background-position: -208px -112px
}
.ui-icon-star {
  background-position: -224px -112px
}
.ui-icon-link {
  background-position: -240px -112px
}
.ui-icon-cancel {
  background-position: 0 -128px
}
.ui-icon-plus {
  background-position: -16px -128px
}
.ui-icon-plusthick {
  background-position: -32px -128px
}
.ui-icon-minus {
  background-position: -48px -128px
}
.ui-icon-minusthick {
  background-position: -64px -128px
}
.ui-icon-close {
  background-position: -80px -128px
}
.ui-icon-closethick {
  background-position: -96px -128px
}
.ui-icon-key {
  background-position: -112px -128px
}
.ui-icon-lightbulb {
  background-position: -128px -128px
}
.ui-icon-scissors {
  background-position: -144px -128px
}
.ui-icon-clipboard {
  background-position: -160px -128px
}
.ui-icon-copy {
  background-position: -176px -128px
}
.ui-icon-contact {
  background-position: -192px -128px
}
.ui-icon-image {
  background-position: -208px -128px
}
.ui-icon-video {
  background-position: -224px -128px
}
.ui-icon-script {
  background-position: -240px -128px
}
.ui-icon-alert {
  background-position: 0 -144px
}
.ui-icon-info {
  background-position: -16px -144px
}
.ui-icon-notice {
  background-position: -32px -144px
}
.ui-icon-help {
  background-position: -48px -144px
}
.ui-icon-check {
  background-position: -64px -144px
}
.ui-icon-bullet {
  background-position: -80px -144px
}
.ui-icon-radio-on {
  background-position: -96px -144px
}
.ui-icon-radio-off {
  background-position: -112px -144px
}
.ui-icon-pin-w {
  background-position: -128px -144px
}
.ui-icon-pin-s {
  background-position: -144px -144px
}
.ui-icon-play {
  background-position: 0 -160px
}
.ui-icon-pause {
  background-position: -16px -160px
}
.ui-icon-seek-next {
  background-position: -32px -160px
}
.ui-icon-seek-prev {
  background-position: -48px -160px
}
.ui-icon-seek-end {
  background-position: -64px -160px
}
.ui-icon-seek-start {
  background-position: -80px -160px
}
.ui-icon-seek-first {
  background-position: -80px -160px
}
.ui-icon-stop {
  background-position: -96px -160px
}
.ui-icon-eject {
  background-position: -112px -160px
}
.ui-icon-volume-off {
  background-position: -128px -160px
}
.ui-icon-volume-on {
  background-position: -144px -160px
}
.ui-icon-power {
  background-position: 0 -176px
}
.ui-icon-signal-diag {
  background-position: -16px -176px
}
.ui-icon-signal {
  background-position: -32px -176px
}
.ui-icon-battery-0 {
  background-position: -48px -176px
}
.ui-icon-battery-1 {
  background-position: -64px -176px
}
.ui-icon-battery-2 {
  background-position: -80px -176px
}
.ui-icon-battery-3 {
  background-position: -96px -176px
}
.ui-icon-circle-plus {
  background-position: 0 -192px
}
.ui-icon-circle-minus {
  background-position: -16px -192px
}
.ui-icon-circle-close {
  background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px
}
.ui-icon-circle-check {
  background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px
}
.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}
@font-face {
  font-family: star;
  src: url(/Content/fonts/star.eot?);
  src: url(/Content/fonts/star.eot?#iefix) format("embedded-opentype"), url(/Content/fonts/star.woff) format("woff"), url(/Content/fonts/star.ttf) format("truetype"), url(/Content/fonts/star.svg#star) format("svg");
  font-weight: 400;
  font-style: normal
}
.price ins {
  font-weight: 400
}
.woocommerce-active .site-header .col-full {
  position: relative
}
.woocommerce-active .site-branding {
  float: left
}
.site-header-cart {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
  margin-bottom: 0
}
.site-header-cart .cart-contents {
  display: none
}
.site-header-cart .widget_shopping_cart {
  display: none
}
.site-header-cart .widget_shopping_cart .woocommerce-mini-cart__empty-message {
  margin: 1.41575em
}
.site-header-cart .widget_shopping_cart .product_list_widget img {
  margin-left: 1em
}
.site-search {
  font-size: .875em;
  clear: both;
  display: none
}
.site-search .widget_product_search input[type=search], .site-search .widget_product_search input[type=text] {
  padding: 1em 1.41575em;
  line-height: 1
}
.site-search .widget_product_search form:before {
  top: 1.15em;
  left: 1.15em
}
.site-search .widget_product_search #searchsubmit {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important
}
.storefront-handheld-footer-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
  box-shadow: 0 0 6px rgba(0, 0, 0, .7);
  z-index: 9999
}
.storefront-handheld-footer-bar:after, .storefront-handheld-footer-bar:before {
  content: "";
  display: table
}
.storefront-handheld-footer-bar:after {
  clear: both
}
.storefront-handheld-footer-bar ul {
  margin: 0
}
.storefront-handheld-footer-bar ul li {
  display: inline-block;
  float: left;
  text-align: center
}
.storefront-handheld-footer-bar ul li:last-child > a {
  border-right: 0
}
.storefront-handheld-footer-bar ul li > a {
  height: 4.235801032em;
  display: block;
  position: relative;
  text-indent: -9999px;
  z-index: 999;
  border-right: 1px solid rgba(255, 255, 255, .2)
}
.storefront-handheld-footer-bar ul li > a:active, .storefront-handheld-footer-bar ul li > a:focus {
  outline: 0
}
.storefront-handheld-footer-bar ul li.search .site-search {
  position: absolute;
  bottom: -2em;
  left: 0;
  right: 0;
  transition: all, ease, .2s;
  padding: 1em;
  z-index: 1;
  display: block
}
.storefront-handheld-footer-bar ul li.search.active .site-search {
  bottom: 100%
}
.storefront-handheld-footer-bar ul li.search .site-search, .storefront-handheld-footer-bar ul li.search .widget, .storefront-handheld-footer-bar ul li.search form {
  margin-bottom: 0
}
.storefront-handheld-footer-bar ul li.cart .count {
  text-indent: 0;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2;
  box-sizing: content-box;
  font-size: .75em;
  position: absolute;
  top: .875em;
  left: 50%;
  border-radius: 100%;
  border: 1px solid
}
.storefront-handheld-footer-bar ul.columns-1 li {
  width: 100%;
  display: block;
  float: none
}
.storefront-handheld-footer-bar ul.columns-2 li {
  width: 50%
}
.storefront-handheld-footer-bar ul.columns-3 li {
  width: 33.33333%
}
.storefront-handheld-footer-bar ul.columns-4 li {
  width: 25%
}
.storefront-handheld-footer-bar ul.columns-5 li {
  width: 20%
}
table.shop_table_responsive thead {
  display: none
}
table.shop_table_responsive tbody th {
  display: none
}
table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both
}
table.shop_table_responsive tr td:before {
  content: attr(data-title) ": ";
  font-weight: 600;
  float: left
}
table.shop_table_responsive tr td.product-remove a {
  text-align: left
}
table.shop_table_responsive tr td.product-remove:before {
  display: none
}
table.shop_table_responsive tr td.actions:before, table.shop_table_responsive tr td.download-actions:before {
  display: none
}
table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center
}
table.shop_table_responsive.my_account_orders .order-actions {
  text-align: right
}
table.shop_table_responsive.my_account_orders .order-actions:before {
  display: none
}
ul.products {
  margin-left: 0;
  margin-bottom: 0;
  clear: both
}
ul.products:after, ul.products:before {
  content: "";
  display: table
}
ul.products:after {
  clear: both
}
ul.products li.product {
  list-style: none;
  margin-left: 0;
  margin-bottom: 4.235801032em;
  text-align: center;
  position: relative
}
ul.products li.product .star-rating {
  margin: 0 auto .5407911001em
}
ul.products li.product .woocommerce-LoopProduct-link {
  display: block
}
ul.products li.product .price {
  display: block;
  color: #43454b;
  font-weight: 400;
  margin-bottom: 1rem
}
ul.products li.product .price ins {
  margin-left: .6180469716em;
  background-color: transparent
}
ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: .5407911001em
}
ul.products li.product .star-rating {
  font-size: .875em
}
ul.products li.product img {
  display: block;
  margin: 0 auto 1.618em
}
ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
  font-size: 1.1em
}
ul.products li.product.product-category img {
  margin-bottom: 1.618em
}
ul.products li.product .button {
  margin-bottom: .236em
}
.price del {
  opacity: .5;
  font-weight: 400
}
.price del + ins {
  margin-left: .327em
}
.single-product .pswp__button {
  background-color: transparent
}
.single-product div.product {
  position: relative;
  overflow: hidden
}
.single-product div.product:after, .single-product div.product:before {
  content: "";
  display: table
}
.single-product div.product:after {
  clear: both
}
.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery {
  margin-bottom: 2.617924em;
  margin-top: 0
}
.single-product div.product .woocommerce-product-gallery {
  position: relative
}
.single-product div.product .woocommerce-product-gallery .zoomImg {
  background-color: #fff
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: .875em;
  right: .875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center
}
.single-product div.product .woocommerce-product-gallery img {
  margin: 0
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1.618em
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after, .single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before {
  content: "";
  display: table
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after {
  clear: both
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  margin-bottom: 1.618em;
  cursor: pointer
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: .5;
  transition: all, ease, .2s
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  width: 42.8571428571%;
  float: left;
  margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 23.8095238%;
  float: left;
  margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  width: 14.2857142857%;
  float: left;
  margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 8.5714285714%;
  float: left;
  margin-right: 14.2857142857%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  clear: both
}
.single-product div.product .images .woocommerce-main-image {
  margin-bottom: 1.618em;
  display: block
}
.single-product div.product .images .thumbnails a.zoom {
  display: block;
  width: 22.05%;
  margin-right: 3.8%;
  float: left;
  margin-bottom: 1em
}
.single-product div.product .images .thumbnails a.zoom.last {
  margin-right: 0
}
.single-product div.product .images .thumbnails a.zoom.first {
  clear: both
}
.single-product div.product form.cart {
  margin-bottom: 1.618em;
  padding: 1em 0
}
.single-product div.product form.cart:after, .single-product div.product form.cart:before {
  content: "";
  display: table
}
.single-product div.product form.cart:after {
  clear: both
}
.single-product div.product form.cart .quantity {
  float: left;
  margin-right: .875em
}
.single-product div.product p.price {
  font-size: 1.41575em;
  margin: 1.41575em 0
}
.single-product div.product table.variations {
  margin: 0
}
.single-product div.product table.variations td, .single-product div.product table.variations th {
  display: list-item;
  padding: 0;
  list-style: none;
  background-color: transparent
}
.single-product div.product table.variations .value {
  margin-bottom: 1em
}
.single-product div.product .single_variation .price {
  margin-bottom: 1em;
  display: block
}
.single-product div.product .variations_button {
  padding-top: 1em
}
.single-product div.product .variations_button:after, .single-product div.product .variations_button:before {
  content: "";
  display: table
}
.single-product div.product .variations_button:after {
  clear: both
}
.single-product div.product .woocommerce-product-rating {
  margin-bottom: 1.618em;
  margin-top: -.875em
}
.single-product div.product .woocommerce-product-rating:after, .single-product div.product .woocommerce-product-rating:before {
  content: "";
  display: table
}
.single-product div.product .woocommerce-product-rating:after {
  clear: both
}
.single-product div.product .woocommerce-product-rating a {
  font-weight: 400;
  text-decoration: underline
}
.single-product div.product .woocommerce-product-rating a:hover {
  text-decoration: none
}
.single-product div.product .woocommerce-product-rating .star-rating {
  float: left;
  margin-right: .6180469716em
}
.single-product div.product .product_meta {
  font-size: .875em;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, .05)
}
.single-product div.product .product_meta .posted_in, .single-product div.product .product_meta .sku_wrapper, .single-product div.product .product_meta .tagged_as {
  display: block
}
.single-product div.product .product_meta .posted_in:last-child, .single-product div.product .product_meta .sku_wrapper:last-child, .single-product div.product .product_meta .tagged_as:last-child {
  border-bottom: 0
}
.single-product div.product .product_meta a {
  font-weight: 400;
  text-decoration: underline
}
.single-product div.product .product_meta a:hover {
  text-decoration: none
}
.stock:empty:before {
  display: none
}
.stock.in-stock {
  color: #0f834d
}
.stock.out-of-stock {
  color: #e2401c
}
a.reset_variations {
  display: inline-block;
  margin-left: 1em
}
#reviews {
  outline: 0
}
#reviews #comments {
  padding-top: 0
}
#reviews .comment-reply-title {
  display: none
}
#reviews .commentlist {
  list-style: none;
  margin-left: 0
}
#reviews .commentlist li {
  margin-bottom: 2.617924em;
  list-style: none;
  clear: both
}
#reviews .commentlist li:after, #reviews .commentlist li:before {
  content: "";
  display: table
}
#reviews .commentlist li:after {
  clear: both
}
#reviews .commentlist li .comment_container {
  border-radius: 3px
}
#reviews .commentlist li .comment_container:after, #reviews .commentlist li .comment_container:before {
  content: "";
  display: table
}
#reviews .commentlist li .comment_container:after {
  clear: both
}
#reviews .commentlist li .comment_container .comment-text {
  width: 81.8181818182%;
  float: right;
  margin-right: 0
}
#reviews .commentlist li .comment_container .comment-text .star-rating {
  float: right;
  font-size: .875em;
  line-height: 1;
  height: 1em
}
#reviews .commentlist li:last-child {
  border-bottom: 0;
  margin-bottom: 0
}
#reviews .commentlist li time {
  opacity: .5;
  font-size: .875em
}
#reviews .commentlist li .avatar {
  width: 9.0909090909%;
  float: left;
  margin-right: 9.0909090909%;
  height: auto
}
#reviews .commentlist li p.meta {
  margin-bottom: 1em
}
#reviews .commentlist li p.meta strong {
  line-height: 1
}
#reviews .commentlist li p.meta time {
  display: block
}
#reviews .commentlist li p.meta .verified {
  font-style: normal;
  font-size: .875em
}
#reviews .commentlist li p.meta .woocommerce-review__dash {
  display: none
}
#reviews .commentlist li ul.children {
  margin: 0;
  width: 81.8181818182%;
  float: right;
  margin-right: 0;
  padding-top: 1.618em
}
#reviews .commentlist li ul.children .avatar {
  width: 11.1111111111%;
  float: left;
  margin-right: 11.1111111111%
}
#reviews .commentlist li ul.children .comment-text {
  width: 77.7777777778%;
  float: right;
  margin-right: 0
}
#reviews .commentlist li ul.children li {
  margin-bottom: 1.618em
}
#reviews .commentlist li ul.children li:last-child {
  margin-bottom: 0
}
#reviews .comment-form-rating {
  clear: both
}
#reviews .comment-form-rating label {
  display: block
}
.woocommerce-breadcrumb {
  margin-left: -1.387rem;
  margin-right: -1.387rem;
  margin-bottom: 1.618em;
  font-size: .875em;
  padding: 1em 1.387rem
}
.woocommerce-breadcrumb .breadcrumb-separator {
  display: inline-block;
  padding: 0 .5407911001em
}
.product_list_widget {
  list-style: none;
  margin-left: 0
}
.product_list_widget li {
  padding: 1em 0;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.product_list_widget li:after, .product_list_widget li:before {
  content: "";
  display: table
}
.product_list_widget li:after {
  clear: both
}
.product_list_widget li img {
  max-width: 2.617924em;
  float: right
}
.product_list_widget li > a {
  display: block
}
.product_list_widget a:hover {
  color: #2c2d33
}
.widget ul.products li.product a {
  text-decoration: none
}
.widget_products a {
  display: block
}
.widget_shopping_cart .product_list_widget {
  margin-bottom: 0
}
.widget_shopping_cart .product_list_widget li {
  padding-left: 2em;
  position: relative
}
.widget_shopping_cart .product_list_widget li a.remove {
  position: absolute;
  top: 1em;
  left: 0;
  opacity: 1
}
.widget_shopping_cart p.buttons, .widget_shopping_cart p.total {
  padding: 1em 0;
  margin: 0;
  text-align: center
}
.widget_shopping_cart p.total {
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.widget_shopping_cart .buttons .button {
  display: block
}
.widget_shopping_cart .buttons .button:nth-child(odd) {
  margin-bottom: .6180469716em
}
.site-header .widget_shopping_cart li, .site-header .widget_shopping_cart p.buttons, .site-header .widget_shopping_cart p.total {
  padding-left: 1.41575em;
  padding-right: 1.41575em
}
.widget_layered_nav li {
  margin-bottom: .6180469716em
}
.widget.woocommerce li .count {
  font-size: 1em;
  float: right
}
.widget_price_filter .price_slider {
  margin-bottom: 1em
}
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4em
}
.widget_price_filter .price_slider_amount .button {
  float: left
}
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left
}
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  cursor: ew-resize;
  outline: 0;
  background: #2c2d33;
  box-sizing: border-box;
  margin-top: -.25em;
  opacity: 1
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
  margin-left: -1em
}
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active, .widget_price_filter .ui-slider .ui-slider-handle:hover {
  box-shadow: 0 0 0 .236em rgba(0, 0, 0, .1)
}
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #2c2d33;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  background: rgba(0, 0, 0, .1)
}
.widget_price_filter .ui-slider-horizontal {
  height: .5em
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px
}
table.cart {
  margin-bottom: 3.706325903em
}
table.cart .product-quantity .minus, table.cart .product-quantity .plus {
  display: none
}
table.cart .product-thumbnail img {
  margin: 0 auto;
  max-width: 3.706325903em;
  height: auto
}
table.cart .product-thumbnail:before {
  display: none
}
table.cart tr:first-child td.product-remove {
  border-top-width: 0
}
table.cart td.product-remove {
  padding: 0;
  border-top: 1.618em solid;
  position: relative
}
table.cart td.product-remove:after, table.cart td.product-remove:before {
  content: "";
  display: table
}
table.cart td.product-remove:after {
  clear: both
}
table.cart td.product-remove a.remove {
  position: absolute;
  font-size: 1.41575em;
  top: -.6180469716em;
  right: -.6180469716em
}
table.cart td.product-quantity .qty {
  padding: .326em;
  width: 3.706325903em
}
table.cart td, table.cart th {
  padding: .875em .875em 0
}
table.cart td.product-subtotal {
  padding-bottom: .875em
}
table.cart td.actions {
  border-top: 1em solid;
  background-color: transparent;
  padding: 0
}
table.cart td.actions label {
  display: none
}
table.cart td.actions .coupon {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, .05)
}
table.cart td.actions input {
  display: block;
  width: 100%;
  margin: .5407911001em 0
}
table.cart td.actions input[name=update_cart]:focus {
  outline: 0
}
.wc-proceed-to-checkout {
  margin-bottom: 1.618em
}
.wc-proceed-to-checkout:after, .wc-proceed-to-checkout:before {
  content: "";
  display: table
}
.wc-proceed-to-checkout:after {
  clear: both
}
.wc-proceed-to-checkout .button {
  display: block;
  text-align: center;
  margin-bottom: 1em
}
.wc-proceed-to-checkout .button.checkout-button {
  font-size: 1.41575em
}
.woocommerce-shipping-calculator {
  margin: 0
}
.woocommerce-shipping-calculator > p:first-child {
  margin: 0
}
.woocommerce-shipping-calculator .shipping-calculator-form {
  padding-top: 1.41575em
}
ul#shipping_method {
  list-style: none;
  margin-left: 0
}
ul#shipping_method li {
  margin-bottom: .2360828548em
}
ul#shipping_method li:last-child {
  margin-bottom: 0
}
ul#shipping_method input {
  margin-right: .3342343017em
}
.woocommerce-checkout ul#shipping_method {
  margin-bottom: 0
}
.checkout_coupon {
  margin-bottom: 2.617924em
}
form.checkout {
  position: static !important
}
form.checkout:after, form.checkout:before {
  content: "";
  display: table
}
form.checkout:after {
  clear: both
}
form.checkout > .blockUI {
  position: fixed !important
}
#payment:after, #payment:before {
  content: "";
  display: table
}
#payment:after {
  clear: both
}
#payment .create-account {
  clear: both
}
#payment .payment_methods {
  margin: 0 !important;
  padding: 0 !important
}
#payment .payment_methods > .wc_payment_method > label {
  display: block;
  padding: 1.41575em;
  cursor: pointer
}
#payment .payment_methods li {
  list-style: none !important;
  margin-left: 0;
  position: relative
}
#payment .payment_methods li img {
  float: right;
  border: 0;
  padding: 0;
  max-height: 1.618em
}
#payment .payment_methods li:last-child:not(.woocommerce-notice) {
  padding-bottom: 0;
  border-bottom: 0
}
#payment .payment_methods li p {
  margin: 0
}
#payment .payment_methods li .payment_box {
  padding: 1.41575em
}
#payment .payment_methods li .payment_box fieldset {
  border: 0;
  margin: 0;
  padding: 1em 0 0 0;
  font-size: .875em
}
#payment .payment_methods li .payment_box fieldset label {
  width: auto;
  margin-left: 0
}
#payment .payment_methods li .payment_box fieldset .form-row {
  margin-bottom: 1em
}
#payment .payment_methods li .payment_box fieldset .form-row input[type=checkbox] {
  margin-right: 5px
}
#payment .payment_methods li .payment_box fieldset #cvv {
  width: 22% !important
}
#payment .payment_methods li .payment_box fieldset .help {
  width: 75%;
  float: right
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods {
  padding-top: 1em;
  margin: 0
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li {
  margin-top: .6180469716em
}
#payment .payment_methods li .payment_box .woocommerce-SavedPaymentMethods li input[type=radio] {
  margin-right: .236em
}
#payment .payment_methods li .payment_box ul.wc-saved-payment-methods {
  margin-left: 0
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-cvc, #payment .payment_methods li .payment_box .wc-credit-card-form-card-expiry, #payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
  font-size: 1.41575em
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number {
  background-repeat: no-repeat;
  background-position: right .6180469716em center;
  background-size: 31px 20px;
  background-image: url(assets/images/credit-cards/unknown.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.visa {
  background-image: url(assets/images/credit-cards/visa.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.mastercard {
  background-image: url(assets/images/credit-cards/mastercard.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.laser {
  background-image: url(assets/images/credit-cards/laser.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.dinersclub {
  background-image: url(assets/images/credit-cards/diners.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.maestro {
  background-image: url(assets/images/credit-cards/maestro.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.jcb {
  background-image: url(assets/images/credit-cards/jcb.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.amex {
  background-image: url(assets/images/credit-cards/amex.svg)
}
#payment .payment_methods li .payment_box .wc-credit-card-form-card-number.discover {
  background-image: url(assets/images/credit-cards/discover.svg)
}
#payment .terms {
  width: 100%;
  clear: both;
  float: none;
  margin-bottom: 0;
  margin-bottom: 1em
}
#payment .terms label {
  display: block;
  cursor: pointer
}
#payment .woocommerce-terms-and-conditions {
  padding: 1em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
  margin-bottom: 16px;
  background-color: rgba(0, 0, 0, .05)
}
#payment .place-order {
  padding: 1.41575em;
  margin-bottom: 0;
  float: none;
  width: 100%;
  margin-top: 2.617924em
}
#payment .place-order .button {
  font-size: 1.41575em;
  width: 100%;
  white-space: pre-wrap
}
table.woocommerce-checkout-review-order-table .product-name {
  width: 300px;
  word-wrap: break-word
}
.woocommerce-checkout .payment-fixed {
  position: fixed;
  top: 0;
  z-index: 9;
  box-shadow: 0 6px 2em rgba(0, 0, 0, .2)
}
.admin-bar .woocommerce-checkout .payment-fixed {
  top: 32px
}
.admin-bar .woocommerce-checkout #wc_checkout_add_ons label + br {
  display: none
}
.woocommerce-password-strength {
  text-align: left;
  font-weight: 600;
  padding: .5407911001em 0;
  text-align: right;
  font-size: .875em
}
.woocommerce-password-strength.strong {
  color: #0f834d
}
.woocommerce-password-strength.short {
  color: #e2401c
}
.woocommerce-password-strength.bad {
  color: #e2401c
}
.woocommerce-password-strength.good {
  color: #3d9cd2
}
label.inline {
  display: inline !important;
  margin-left: 1em
}
.woocommerce-MyAccount-navigation ul {
  margin-left: 0;
  border-top: 1px solid rgba(0, 0, 0, .05)
}
.woocommerce-MyAccount-navigation ul li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  position: relative
}
.woocommerce-MyAccount-navigation ul li a {
  padding: .875em 0;
  display: block
}
ul.order_details {
  list-style: none;
  position: relative;
  margin: 3.706325903em 0
}
ul.order_details:after, ul.order_details:before {
  content: "";
  display: table
}
ul.order_details:after {
  clear: both
}
ul.order_details:after, ul.order_details:before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  height: 16px;
  background-size: 0 100%, 16px 16px, 16px 16px
}
ul.order_details:after {
  top: auto;
  bottom: -16px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
ul.order_details li {
  padding: 1em 1.618em;
  font-size: .8em;
  text-transform: uppercase
}
ul.order_details li:first-child {
  padding-top: 1.618em
}
ul.order_details li:last-child {
  border: 0;
  padding-bottom: 1.618em
}
ul.order_details li strong {
  display: block;
  font-size: 1.41575em;
  text-transform: none
}
.my_account_orders .button, .woocommerce-MyAccount-downloads .button {
  padding: .6180469716em .875em;
  font-size: .875em;
  margin-right: .236em
}
.woocommerce-MyAccount-content h2 {
  font-size: 2em;
  font-weight: 600
}
.woocommerce-MyAccount-content #payment .payment_methods {
  margin-bottom: 1.618em !important
}
.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
  background-color: rgba(0, 0, 0, .05)
}
.woocommerce-form__label-for-checkbox {
  cursor: pointer;
  display: block
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
  margin-right: .3342343017em
}
.form-row label {
  display: block
}
.form-row input, .form-row select, .form-row textarea {
  width: 100%
}
.form-row input[type=checkbox], .form-row input[type=radio] {
  width: auto
}
.form-row .button {
  width: auto
}
.form-row.create-account label {
  display: inline-block
}
.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 #0f834d
}
.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 #e2401c
}
.form-row-last {
  margin-right: 0 !important
}
.form-row-wide {
  clear: both;
  width: 100%
}
.required {
  border-bottom: 0 !important;
  color: #f00
}
.lbl {
  color: #333
}
.demo_store {
  position: fixed;
  left: 0;
  bottom: 69px;
  right: 0;
  margin: 0;
  padding: 1em 1.41575em;
  background-color: #3d9cd2;
  color: #fff;
  z-index: 9999
}
.demo_store a {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
  display: block
}
.demo_store a:hover {
  text-decoration: none
}
.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  font-size: 1em;
  width: 5.3em;
  font-family: star;
  font-weight: 400
}
.star-rating:before {
  content: "SSSSS";
  opacity: .25;
  float: left;
  top: 0;
  left: 0;
  position: absolute
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em
}
.star-rating span:before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: #2c2d33
}
p.stars {
  display: inline-block;
  margin: 0
}
p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400
}
p.stars a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: star;
  content: "S";
  color: #43454b;
  text-indent: 0;
  opacity: .25
}
p.stars a:hover ~ a:before {
  content: "S";
  color: #43454b;
  opacity: .25
}
p.stars:hover a:before {
  content: "S";
  color: #96588a;
  opacity: 1
}
p.stars.selected a.active:before {
  content: "S";
  color: #96588a;
  opacity: 1
}
p.stars.selected a.active ~ a:before {
  content: "S";
  color: #43454b;
  opacity: .25
}
p.stars.selected a:not(.active):before {
  content: "S";
  color: #96588a;
  opacity: 1
}
.onsale {
  border: 1px solid;
  border-color: #43454b;
  color: #43454b;
  padding: .202em .6180469716em;
  font-size: .875em;
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 1em;
  border-radius: 3px
}
.quantity .qty {
  width: 4.235801032em;
  text-align: center
}
.storefront-sorting {
  font-size: .875em;
  margin-bottom: 2.617924em
}
.woocommerce-tabs {
  padding: 1em 0
}
.woocommerce-tabs ul.tabs {
  list-style: none;
  margin-left: 0;
  text-align: left;
  border-top: 1px solid rgba(0, 0, 0, .05)
}
.woocommerce-tabs ul.tabs li {
  display: block;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  position: relative
}
.woocommerce-tabs ul.tabs li a {
  padding: 1em 0;
  display: block
}
.woocommerce-tabs .panel h2:first-of-type {
  font-size: 1.618em;
  margin-bottom: 1em
}
.related > h2:first-child, .upsells > h2:first-child {
  font-size: 1.618em;
  margin-bottom: 1em
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
  padding: 1em 1.618em;
  margin-bottom: 2.617924em;
  background-color: #0f834d;
  margin-left: 0;
  border-radius: 2px;
  color: #fff;
  clear: both;
  border-left: .61805em solid rgba(0, 0, 0, .15)
}
.woocommerce-error:after, .woocommerce-error:before, .woocommerce-info:after, .woocommerce-info:before, .woocommerce-message:after, .woocommerce-message:before, .woocommerce-noreviews:after, .woocommerce-noreviews:before, p.no-comments:after, p.no-comments:before {
  content: "";
  display: table
}
.woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after, .woocommerce-noreviews:after, p.no-comments:after {
  clear: both
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-noreviews a, p.no-comments a {
  color: #fff
}
.woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover, .woocommerce-noreviews a:hover, p.no-comments a:hover {
  color: #fff;
  opacity: .7
}
.woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover, .woocommerce-noreviews a.button:hover, p.no-comments a.button:hover {
  opacity: 1
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
  float: right;
  padding: 0;
  background: 0 0;
  color: #fff;
  box-shadow: none;
  line-height: 1.618;
  padding-left: 1em;
  border-width: 0;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(255, 255, 255, .25) !important;
  border-radius: 0
}
.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover, .woocommerce-noreviews .button:hover, p.no-comments .button:hover {
  background: 0 0;
  color: #fff;
  opacity: .7
}
.woocommerce-error pre, .woocommerce-info pre, .woocommerce-message pre, .woocommerce-noreviews pre, p.no-comments pre {
  background-color: rgba(0, 0, 0, .1)
}
.site-content > .col-full > .woocommerce > .woocommerce-error:first-child, .site-content > .col-full > .woocommerce > .woocommerce-info:first-child, .site-content > .col-full > .woocommerce > .woocommerce-message:first-child {
  margin-top: 2.617924em
}
.woocommerce-error {
  list-style: none
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
  background-color: #3d9cd2
}
.woocommerce-error {
  background-color: #e2401c
}
dl.variation {
  font-size: .875em
}
dl.variation dd {
  margin: 0 0 1em
}
.wc-item-meta {
  font-size: .875em;
  margin-left: 0;
  list-style: none
}
.wc-item-meta li:after, .wc-item-meta li:before {
  content: "";
  display: table
}
.wc-item-meta li:after {
  clear: both
}
.wc-item-meta li p, .wc-item-meta li strong {
  display: inline-block
}
.woocommerce-MyAccount-content .woocommerce-Pagination {
  text-align: center
}
.storefront-product-section {
  margin-bottom: 1.618em
}
.storefront-product-section .section-title {
  text-align: center;
  margin-bottom: 1em
}
.storefront-product-section:last-child {
  margin-bottom: 0
}
@media(min-width:768px) {
  .demo_store {
    bottom: 0
  }
  .demo_store a {
    background: rgba(0, 0, 0, .1);
    float: right;
    display: inline-block;
    margin: -1em -1.41575em -1em 0;
    padding: 1em 1.41575em
  }
  .storefront-handheld-footer-bar {
    display: none
  }
  .woocommerce-breadcrumb {
    padding: 1.41575em 99em 1.41575em;
    margin-left: -99em;
    margin-right: -99em;
    margin-bottom: 4.235801032em
  }
  table.shop_table_responsive thead {
    display: table-header-group
  }
  table.shop_table_responsive tbody th {
    display: table-cell
  }
  table.shop_table_responsive tr td {
    display: table-cell
  }
  table.shop_table_responsive tr td:before {
    display: none
  }
  .site-header-cart {
    position: relative
  }
  .site-header-cart .cart-contents {
    padding: 1.618em 0;
    display: block;
    position: relative;
    background-color: transparent;
    height: auto;
    width: auto;
    text-indent: 0
  }
  .site-header-cart .cart-contents .amount {
    margin-right: .327em
  }
  .site-header-cart .cart-contents .count {
    font-weight: 300;
    opacity: .5;
    font-size: .875em
  }
  .site-header-cart .cart-contents span {
    display: inline
  }
  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    font-size: .875em;
    left: -999em;
    display: block
  }
  .site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
    display: none;
    left: 0
  }
  .site-header-cart .widget_shopping_cart h2.widgettitle {
    display: none
  }
  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
    position: relative;
    float: left;
    top: auto
  }
  .site-header-cart .widget_shopping_cart .product_list_widget li a.remove:before {
    text-align: left
  }
  .site-header-cart.focus .widget_shopping_cart, .site-header-cart:hover .widget_shopping_cart {
    left: 0;
    display: block
  }
  .site-search {
    display: block
  }
  .site-search form {
    margin: 0
  }
  ul.products li.product {
    clear: none;
    width: 100%;
    float: left;
    font-size: .875em
  }
  ul.products li.product.first {
    clear: both !important
  }
  ul.products li.product.last {
    margin-right: 0 !important
  }
  .page-template-template-fullwidth-php .site-main .columns-1 ul.products li.product, .page-template-template-homepage-php .site-main .columns-1 ul.products li.product, .storefront-full-width-content .site-main .columns-1 ul.products li.product {
    width: 100%;
    margin-right: 0;
    float: none
  }
  .page-template-template-fullwidth-php .site-main .columns-2 ul.products li.product, .page-template-template-homepage-php .site-main .columns-2 ul.products li.product, .storefront-full-width-content .site-main .columns-2 ul.products li.product {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .site-main .columns-3 ul.products li.product, .page-template-template-homepage-php .site-main .columns-3 ul.products li.product, .storefront-full-width-content .site-main .columns-3 ul.products li.product {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .site-main .columns-4 ul.products li.product, .page-template-template-homepage-php .site-main .columns-4 ul.products li.product, .storefront-full-width-content .site-main .columns-4 ul.products li.product {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .site-main .columns-5 ul.products li.product, .page-template-template-homepage-php .site-main .columns-5 ul.products li.product, .storefront-full-width-content .site-main .columns-5 ul.products li.product {
    width: 16.9%;
    margin-right: 3.8%
  }
  .page-template-template-fullwidth-php .site-main .columns-6 ul.products li.product, .page-template-template-homepage-php .site-main .columns-6 ul.products li.product, .storefront-full-width-content .site-main .columns-6 ul.products li.product {
    width: 13.0434782609%;
    float: left;
    margin-right: 4.347826087%
  }
  .site-main .columns-1 ul.products li.product {
    width: 100%;
    margin-right: 0;
    float: none
  }
  .site-main .columns-2 ul.products li.product {
    width: 48%;
    margin-right: 3.8%
  }
  .site-main .columns-3 ul.products li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%
  }
  .site-main .columns-4 ul.products li.product {
    width: 22.05%;
    margin-right: 3.8%
  }
  .site-main .columns-5 ul.products li.product {
    width: 16.9%;
    margin-right: 3.8%
  }
  .site-main .columns-6 ul.products li.product {
    width: 11.7647058824%;
    float: left;
    margin-right: 5.8823529412%
  }
  .site-main ul.products li.product {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%
  }
  .single-product div.product .images {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
    margin-bottom: 3.706325903em
  }
  .single-product div.product .images .thumbnails:after, .single-product div.product .images .thumbnails:before {
    content: "";
    display: table
  }
  .single-product div.product .images .thumbnails:after {
    clear: both
  }
  .single-product div.product .images .thumbnails a.zoom {
    width: 14.2857142857%;
    float: left;
    margin-right: 14.2857142857%
  }
  .single-product div.product .images .thumbnails a.zoom.last {
    float: right;
    margin-right: 0
  }
  .single-product div.product .woocommerce-product-gallery {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%;
    margin-bottom: 3.706325903em
  }
  .single-product div.product .summary {
    width: 52.9411764706%;
    float: right;
    margin-right: 0
  }
  .single-product div.product .woocommerce-tabs {
    clear: both
  }
  #reviews .comment-form-author, #reviews .comment-form-email {
    width: 47%
  }
  #reviews .comment-form-email {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .images {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em
  }
  .storefront-full-width-content.single-product div.product .images .thumbnails a.zoom {
    width: 11.1111111111%;
    float: left;
    margin-right: 11.1111111111%
  }
  .storefront-full-width-content.single-product div.product .images .thumbnails a.zoom.last {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%;
    margin-bottom: 3.706325903em
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
    width: 44.4444444444%;
    float: left;
    margin-right: 11.1111111111%
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 25.9259259333%;
    float: left;
    margin-right: 11.1111111111%
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 16.6666666667%;
    float: left;
    margin-right: 11.1111111111%
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 11.1111111111%;
    float: left;
    margin-right: 11.1111111111%
  }
  .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
    margin-right: 0
  }
  .storefront-full-width-content.single-product div.product .summary {
    width: 56.5217391304%;
    float: right;
    margin-right: 0;
    margin-bottom: 3.706325903em
  }
  .storefront-full-width-content.single-product div.product .woocommerce-tabs {
    clear: both
  }
  .storefront-full-width-content.single-product #reviews .commentlist li .avatar {
    width: 6.6666666667%;
    float: left;
    margin-right: 6.6666666667%
  }
  .storefront-full-width-content.single-product #reviews .commentlist li .comment_container .comment-text {
    width: 86.6666666667%;
    float: right;
    margin-right: 0
  }
  .storefront-full-width-content.single-product #reviews .commentlist ul.children {
    width: 86.6666666667%;
    float: right;
    margin-right: 0
  }
  .storefront-full-width-content.single-product #reviews .commentlist ul.children .avatar {
    width: 7.6923076923%;
    float: left;
    margin-right: 7.6923076923%
  }
  .storefront-full-width-content.single-product #reviews .commentlist ul.children .comment-text {
    width: 84.6153846154%;
    float: right;
    margin-right: 0
  }
  .storefront-full-width-content.single-product .related ul.products li.product, .storefront-full-width-content.single-product .upsells ul.products li.product {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%
  }
  .storefront-full-width-content .woocommerce-products-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
    text-align: center;
    padding: 0 0 5.9968353111em
  }
  .storefront-full-width-content .woocommerce-products-header h1:last-child, .storefront-full-width-content.woocommerce-account .entry-header h1:last-child, .storefront-full-width-content.woocommerce-cart .entry-header h1:last-child, .storefront-full-width-content.woocommerce-checkout .entry-header h1:last-child {
    margin-bottom: 0
  }
  .storefront-full-width-content .related.products > h2:first-child, .storefront-full-width-content .up-sells > h2:first-child {
    text-align: center
  }
  .woocommerce .page-description {
    margin-bottom: 1.618em
  }
  .storefront-sorting {
    margin-bottom: 2.617924em
  }
  .storefront-sorting:after, .storefront-sorting:before {
    content: "";
    display: table
  }
  .storefront-sorting:after {
    clear: both
  }
  .storefront-sorting select {
    width: auto
  }
  .woocommerce-result-count {
    float: left;
    position: relative;
    margin-bottom: 0;
    padding: .327em 0
  }
  .woocommerce-ordering {
    float: left;
    margin-right: 1em;
    margin-bottom: 0;
    padding: .327em 0
  }
  .woocommerce-pagination {
    float: right;
    border: 0;
    clear: none;
    padding: 0;
    margin-bottom: 0
  }
  .woocommerce-cart .hentry, .woocommerce-checkout .hentry {
    border-bottom: 0;
    padding-bottom: 0
  }
  .page-template-template-fullwidth-php table.cart .product-thumbnail {
    display: table-cell
  }
  .page-template-template-fullwidth-php table.cart thead {
    font-size: 1em;
    text-indent: 0
  }
  table.cart td, table.cart th {
    padding: 1.618em
  }
  table.cart .qty {
    padding: .875em;
    max-width: 3.632em
  }
  table.cart td.product-remove {
    display: table-cell;
    padding: 1.618em;
    border: 0
  }
  table.cart td.product-remove a.remove {
    float: none;
    position: relative;
    top: auto;
    right: auto
  }
  table.cart .product-quantity .minus, table.cart .product-quantity .plus {
    display: inline-block
  }
  table.cart .quantity .qty {
    padding: .6180469716em
  }
  table.cart td.actions {
    text-align: right
  }
  table.cart td.actions label {
    display: none
  }
  table.cart td.actions .coupon {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    display: inline-block;
    float: left
  }
  table.cart td.actions input {
    display: inline-block;
    width: auto;
    margin: 0
  }
  .cart-collaterals:after, .cart-collaterals:before {
    content: "";
    display: table
  }
  .cart-collaterals:after {
    clear: both
  }
  .cart-collaterals h2 {
    font-size: 1.618em
  }
  .cart-collaterals .cross-sells {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%
  }
  .cart-collaterals .cross-sells ul.products li.product {
    width: 42.8571428571%;
    float: left;
    margin-right: 14.2857142857%
  }
  .cart-collaterals .cross-sells ul.products li.product:nth-child(2n) {
    margin-right: 0 !important
  }
  .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
    width: 52.9411764706%;
    float: right;
    margin-right: 0;
    margin: 0;
    clear: right
  }
  .cart-collaterals .cart_totals small.includes_tax {
    display: block
  }
  .cart-collaterals .shipping_calculator {
    clear: right
  }
  .page-template-template-fullwidth-php .cart-collaterals .cross-sells {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .cart-collaterals .cross-sells ul.products li.product {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
  }
  .page-template-template-fullwidth-php .cart-collaterals .cart_totals, .page-template-template-fullwidth-php .cart-collaterals .shipping_calculator {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  #ship-to-different-address {
    position: relative
  }
  #ship-to-different-address label {
    font-weight: 300
  }
  #ship-to-different-address .woocommerce-form__input-checkbox {
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 0
  }
  .col2-set {
    width: 52.9411764706%;
    float: left;
    margin-right: 5.8823529412%
  }
  .col2-set .form-row-first {
    width: 33.3333333333%;
    float: left;
    margin-right: 11.1111111111%
  }
  .col2-set .form-row-last {
    width: 55.5555555556%;
    float: right;
    margin-right: 0
  }
  .col2-set .col-1, .col2-set .col-2 {
    margin-bottom: 1.618em
  }
  .col2-set + #customer_details {
    display: none
  }
  .col2-set .woocommerce-billing-fields:after, .col2-set .woocommerce-billing-fields:before {
    content: "";
    display: table
  }
  .col2-set .woocommerce-billing-fields:after {
    clear: both
  }
  .col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
  }
  .col2-set.addresses .col-1 {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%
  }
  .col2-set.addresses .col-2 {
    width: 47.0588235294%;
    float: right;
    margin-right: 0
  }
  #customer_details + #wc_checkout_add_ons {
    width: 41.1764705882%;
    float: right;
    margin-right: 0
  }
  #wc_checkout_add_ons input[type=radio] {
    float: left;
    margin-right: .5407911001em;
    clear: left;
    margin-top: .35em
  }
  #order_review, #order_review_heading {
    width: 41.1764705882%;
    float: right;
    margin-right: 0;
    clear: right
  }
  #order_review {
    transition: box-shadow ease .4s
  }
  #order_review_heading {
    margin-bottom: 0;
    padding-bottom: .6180469716em
  }
  .page-template-template-fullwidth-php.woocommerce-order-pay #order_review, .woocommerce-order-pay #order_review {
    width: 100%;
    float: none
  }
  .page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment h3, .woocommerce-order-pay #order_review #payment h3 {
    padding-left: 1em;
    padding-top: 1em
  }
  .page-template-template-fullwidth-php.woocommerce-order-pay #order_review #payment .form-row, .woocommerce-order-pay #order_review #payment .form-row {
    padding: 1em
  }
  .page-template-template-fullwidth-php.woocommerce-order-pay #order_review .payment_methods + .form-row, .woocommerce-order-pay #order_review .payment_methods + .form-row {
    padding: 1em
  }
  .page-template-template-fullwidth-php.woocommerce-order-pay #order_review .button#place_order, .woocommerce-order-pay #order_review .button#place_order {
    display: block;
    width: 100%;
    font-size: 1.41575em
  }
  .page-template-template-fullwidth-php .col2-set {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .col2-set .form-row-first {
    width: 45.4545454545%;
    float: left;
    margin-right: 9.0909090909%
  }
  .page-template-template-fullwidth-php .col2-set .form-row-last {
    width: 45.4545454545%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php .col2-set.addresses .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .col2-set.addresses .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php #order_review, .page-template-template-fullwidth-php #order_review_heading {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php #customer_details + #wc_checkout_add_ons {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  #order_review .shop_table {
    margin-bottom: 2.617924em
  }
  table + .addresses {
    margin-top: 1.618em
  }
  .col2-set#customer_login, .col2-set.addresses {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0
  }
  .col2-set#customer_login .col-1, .col2-set.addresses .col-1 {
    width: 41.1764705882%;
    float: left;
    margin-right: 5.8823529412%
  }
  .col2-set#customer_login .col-2, .col2-set.addresses .col-2 {
    width: 52.9411764706%;
    float: right;
    margin-right: 0
  }
  .woocommerce-MyAccount-navigation {
    width: 17.6470588235%;
    float: left;
    margin-right: 5.8823529412%
  }
  .woocommerce-MyAccount-content {
    width: 76.4705882353%;
    float: right;
    margin-right: 0
  }
  .woocommerce-MyAccount-content .form-row-first {
    width: 38.4615384615%;
    float: left;
    margin-right: 7.6923076923%
  }
  .woocommerce-MyAccount-content .form-row-last {
    width: 53.8461538462%;
    float: right;
    margin-right: 0
  }
  .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-navigation {
    width: 17.6470588235%;
    float: right;
    margin-right: 0
  }
  .left-sidebar:not(.page-template-template-fullwidth-php) .woocommerce-MyAccount-content {
    width: 76.4705882353%;
    float: left;
    margin-right: 5.8823529412%
  }
  table.my_account_orders {
    font-size: .875em
  }
  .page-template-template-fullwidth-php .col2-set#customer_login .col-1, .page-template-template-fullwidth-php .col2-set.addresses .col-1 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .col2-set#customer_login .col-2, .page-template-template-fullwidth-php .col2-set.addresses .col-2 {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-navigation {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content {
    width: 73.9130434783%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-first {
    width: 46.6666666667%;
    float: left;
    margin-right: 6.6666666667%
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .form-row-last {
    width: 46.6666666667%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set {
    width: 100%
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-1 {
    width: 46.6666666667%;
    float: left;
    margin-right: 6.6666666667%
  }
  .page-template-template-fullwidth-php .woocommerce-MyAccount-content .col2-set .col-2 {
    width: 46.6666666667%;
    float: right;
    margin-right: 0
  }
  .addresses header.title:after, .addresses header.title:before {
    content: "";
    display: table
  }
  .addresses header.title:after {
    clear: both
  }
  .addresses header.title a {
    float: right
  }
  .addresses header.title h3 {
    float: left
  }
  .form-row-first {
    width: 47.0588235294%;
    float: left;
    margin-right: 5.8823529412%;
    clear: both
  }
  .form-row-last {
    width: 47.0588235294%;
    float: right;
    margin-right: 0
  }
  .page-template-template-fullwidth-php .form-row-first {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%
  }
  .page-template-template-fullwidth-php .form-row-last {
    width: 47.8260869565%;
    float: right;
    margin-right: 0
  }
  .storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%
  }
  .storefront-full-width-content .woocommerce-tabs .panel {
    width: 65.2173913043%;
    float: right;
    margin-right: 0;
    margin-bottom: 3.706325903em
  }
  .woocommerce-tabs {
    padding-top: 2.617924em;
    padding-bottom: 2.617924em
  }
  .woocommerce-tabs:after, .woocommerce-tabs:before {
    content: "";
    display: table
  }
  .woocommerce-tabs:after {
    clear: both
  }
  .woocommerce-tabs ul.tabs {
    width: 29.4117647059%;
    float: left;
    margin-right: 5.8823529412%
  }
  .woocommerce-tabs ul.tabs li.active:after {
    right: 1em
  }
  .woocommerce-tabs .panel {
    width: 64.7058823529%;
    float: right;
    margin-right: 0;
    margin-top: 0
  }
}
@media(min-width:568px) and (max-width:66.49894em) {
  .woocommerce-breadcrumb {
    margin-left: -2.618rem;
    margin-right: -2.618rem;
    padding-left: 2.618rem;
    padding-right: 2.618rem
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  10%, 20% {
    -webkit-transform: scale(.9) rotate(-3deg);
    transform: scale(.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  10%, 20% {
    -webkit-transform: scale(.9) rotate(-3deg);
    -ms-transform: scale(.9) rotate(-3deg);
    transform: scale(.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg)
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg)
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg)
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg)
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg)
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg)
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg)
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg)
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3)
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px)
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg)
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg)
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg)
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg)
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px)
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px)
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px)
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg)
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg)
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}
body {
  --star-on-icon: url("//nx-cdn.trgwl.com/Images/icons/star-on.svg?v=20230828-1");
  --star-off-icon: url("//nx-cdn.trgwl.com/Images/icons/star-off.svg?v=20230828-1")
}
.photobox__previewbox input[type=checkbox] {
  position: absolute;
  display: none
}
.photobox__previewbox input[type=checkbox].favourite-game-btn + label {
  position: absolute;
  margin: 0;
  bottom: 5px;
  right: 5px;
  z-index: 2;
  width: 25px;
  height: 25px;
  padding: 5px;
  background: var(--star-off-icon) center no-repeat;
  background-size: 19px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-image ease .35s
}
.photobox__previewbox input[type=checkbox].favourite-game-btn:checked + label {
  background-image: var(--star-on-icon)
}
#alertModal {
  z-index: 9999999999
}
#alertModal .modal-content {
  background-color: rgba(0, 0, 0, .9)
}
#alertModal .tim-btn-bg, #alertModal .tim-btn {
  padding: 10px 20px;
  font-size: 18px
}
.img-thumbnail {
  background-color: inherit;
  border: none
}
.product-thumb .img-thumbnail {
  max-width: 210px
}
.product-thumb:before {
  z-index: 2
}
.overlay:hover {
  background: rgba(0, 0, 0, .5)
}
.overlay .game-content {
  left: 0 !important;
  text-align: center;
  width: 100%
}
.overlay:hover .game-content {
  visibility: visible;
  background: rgba(0, 0, 0, .5);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  padding: 50% 0;
  cursor: pointer
}
.overlay .game-title {
  color: #fff
}
.overlay:hover .game-title {
  font-weight: bold;
  font-size: 20px;
  margin: 0 auto;
  max-width: 210px;
  padding: 0 10px
}
.game-frame {
  text-align: center;
  margin: 0 auto
}
.user-auto-promocode, .user-auto-promocode-online {
  display: none
}
#loader-wrapper {
  position: fixed;
  z-index: 1000000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: .4;
  display: none
}
.loader, #loader {
  border: 5px solid #f3f3f3;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #555;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.nopadding {
  padding: 0 !important
}
.simple-login {
  vertical-align: middle;
  margin-right: 5px
}
.simple-login .fld {
  border-radius: 5px;
  padding: 2px 3px;
  width: 115px;
  height: 26px;
  vertical-align: middle
}
.simple-login img.simple-captcha-img {
  height: 26px;
  width: auto !important
}
.simple-login .simple-captcha-code {
  width: 50px
}
.sl-h {
  display: none !important
}
.sl-s {
  display: inline-block
}
@media(max-width:992px) {
  .sl-h {
    display: inline-block !important
  }
  .sl-s {
    display: none
  }
}
.fastdeposit-note, .autodeposit-note {
  padding: 10px 25px;
  color: #f00;
  margin-bottom: 10px;
  border: 2px solid #f00;
  font-size: .8em
}
.fastdeposit-note li, .autodeposit-note li {
  list-style-type: disclosure-closed;
  font-weight: bold
}
.fastDepositCurrencyS2 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  vertical-align: top
}
.fastDepositAmountS2 {
  font-size: 30px;
  font-weight: bold;
  animation-name: DepositAmount;
  -webkit-animation-duration: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate
}
.fastdeposit-note-minamt {
  display: none
}
@keyframes DepositAmount {
  from {
    color: #6616ce
  }
  to {
    color: #f00
  }
}
.fastDepositTimerS2 {
  font-size: 24px
}
.fastdeposit-copy {
  text-align: center
}
.fastdeposit-cancel button {
  text-transform: uppercase;
  background: #f00;
  border: none
}
.fastdeposit-cancel button:hover {
  background: #d80000
}
ad-active::-moz-selection {
  color: #f00;
  background: #ff0
}
ad-active::selection {
  color: #f00;
  background: #ff0
}
.iti__arrow {
  border: none
}
body.iti-mobile .iti--container {
  z-index: 10000000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.t991-dp-block {
  display: none !important
}
@media only screen and (max-width:992px) {
  .t991-dp-none {
    display: none !important
  }
  .t991-dp-block {
    display: block !important
  }
}
#DepositTabContent .bank-list-card .bank_list-container {
  color: #fff;
  background-color: #000
}
#DepositTabContent .bank-list-card .bank_list-code {
  font-size: .75rem
}
#DepositTabContent .bank-list-card .bank_list-account_number {
  font-size: 1rem;
  color: #fff;
  -webkit-text-fill-color: #fff
}
#DepositTabContent .bank-list-card .card-text .text-muted {
  color: #fff !important
}
#DepositTabContent .bank-list-card .bank_list-account_name {
  color: #ccc
}
#DepositTabContent .bank-list-card .bank_list-footer .btn {
  color: #fff;
  background-color: #777
}
#DepositTabContent .bank-list-card .bank_list-footer .btn:hover {
  background-color: #28324d
}
#DepositTabContent .form-control, #WithdrawalTabContent .form-control {
  font-weight: bold
}
.disabled-apk-download {
  display: none !important
}
.seoar table {
  max-width: 100%
}
.slotwrapper {
  overflow: hidden;
  display: inline-block;
  font-size: 75px;
  line-height: 75px;
  max-height: 75px
}
.slotwrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  float: left
}
.slotwrapper ul {
  text-align: center
}
.slotwrapper ul li img {
  vertical-align: top
}
@media screen and (max-width:1200px) {
  .slotwrapper {
    width: 100%
  }
  .slotwrapper ul {
    width: 33%
  }
}
@media screen and (max-width:768px) {
  .slotwrapper {
    height: 100px
  }
  .slotwrapper ul {
    height: 100px;
    font-size: 100px;
    line-height: 100px
  }
}
.scroller-span {
  color: #fff;
  display: block !important
}
.custom-max-width55 {
  width: 55% !important
}
.float-right {
  float: right !important
}
.fullWidth-table {
  width: 100% !important
}
.login-form ::-webkit-scrollbar {
  width: 5px;
  height: 5px
}
.login-form ::-webkit-scrollbar-track {
  background: #f1f1f1
}
.login-form ::-webkit-scrollbar-thumb {
  background: #739894;
  border-radius: 10px
}
.login-form ::-webkit-scrollbar-thumb:hover {
  background: #555
}
.cd-tabs__panel section.depositbank-account-list, .cd-tabs__panel section.memberbank-account-list {
  width: 100%;
  transition: all 200ms ease-in-out 50ms;
  background: #eee !important;
  overflow: auto;
  white-space: nowrap
}
.cd-tabs__panel section.depositbank-account-list .depositbank, .cd-tabs__panel section.memberbank-account-list .memberbank {
  height: 75px;
  width: auto;
  overflow: hidden;
  border-radius: 0;
  background: #eee;
  transition: all 200ms ease-in-out 50ms;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  margin-bottom: 3px;
  border-top: solid 3px #eee
}
.cd-tabs__panel section.depositbank-account-list .expand, .cd-tabs__panel section.memberbank-account-list .expand {
  background: #f9f9f9;
  border-top: solid 3px #00c154
}
.cd-tabs__panel section.depositbank-account-list .expand .bank-profile .checkbox, .cd-tabs__panel section.memberbank-account-list .expand .bank-profile .checkbox {
  display: block
}
.cd-tabs__panel section.depositbank-account-list .expand > div, .cd-tabs__panel section.memberbank-account-list .expand > div {
  transition-delay: 200ms;
  opacity: 1
}
.bank-profile {
  text-align: center;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 10px;
  position: relative
}
.bank-profile img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: solid 1px #878383
}
.bank-profile .checkbox {
  width: 12px;
  position: absolute;
  top: 2px;
  right: 2px;
  height: auto;
  border: none;
  display: none
}
.btn-deposit-amount {
  width: 50px;
  height: 50px;
  border-radius: 50% !important;
  color: #4b637a;
  background: #f9f9f9;
  border: none;
  padding: 5px !important;
  font-size: 10px !important
}
.bank-qrcode {
  width: 250px !important;
  height: 250px !important;
  right: 100px !important;
  left: auto !important;
  text-align: center;
  position: fixed !important;
  bottom: 15px !important;
  z-index: 100 !important
}
.bank-qrcode-title {
  font-size: 12px;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 5px
}
.bank-qrcode-float {
  position: fixed;
  bottom: 35%;
  right: 100px;
  z-index: 100;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 3px 3px 13px black;
  cursor: pointer
}
.bank-qrcode-close {
  width: 25px;
  height: 25px;
  font-size: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
  font-weight: 300;
  opacity: 1;
  border-radius: 100%;
  border: 2px solid #fff;
  background: transparent
}
#mb-accbtn span, #db-accbtn span {
  color: #000
}
@media(max-width:992px) {
  .bank-qrcode {
    bottom: 100px !important;
    right: 15px !important
  }
  .bank-qrcode-float {
    bottom: 35%;
    right: 15px
  }
}
ul#Payment-Providers li img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important
}
.donecopybtn {
  opacity: 0
}
.donecopybtn.active {
  opacity: 1;
  animation: fadeIn 3s ease forwards
}
#betHistoryModel > div.modal-dialog {
  max-width: 800px !important
}
#betHistoryModelDiv.modal-content {
  width: 100% !important;
  max-width: none
}
.game-item {
  padding: 0 5px
}
#dls-modal.modal {
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  backdrop-filter: blur(5px)
}
#WithdrawalTabContent .amountNote {
  display: block
}
#mega888-download, #megaGaming-download, #megaV3-download, #pussy888-download, #kiss918-download {
  font-size: .8rem !important
}
#mega888StartingModal, #megaGamingStartingModal, #megaV3StartingModal, #pussy888StartingModal, #kiss918StartingModal {
  z-index: 10000
}
.mega888-loader-wrapper {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(21, 21, 21, .24);
  z-index: 2
}
.mega888-loader-wrapper .loader {
  margin-left: -30px;
  -webkit-transform: none;
  transform: none
}
#IntroVideo1_close_btn {
  background: transparent !important;
  font-size: 1.6rem !important;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0 5px;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  color: #fff;
  box-shadow: none
}
#PVModelDiv {
  background: transparent !important;
  width: 360px;
  margin: auto;
  border: none
}
#IntroVideo1_VTdata img {
  height: auto;
  width: 100%
}
#tournament-history table {
  font-size: .95em
}
#tournament-history thead {
  background: #201f25;
  color: #fff
}
#tournament-history tbody td {
  background: #fff
}
#tournament-history tbody tr.highlight {
  border: solid
}
#tournament-history tbody tr.highlight td {
  background: #efefac !important
}
#tournament-history tbody tr:nth-child(2n+2) td {
  background: #e2e2e2
}
#tournament-history th, #tournament-history td {
  padding: 10px 7px
}
#WithdrawalTabContent .amountNote.amountNoteInline {
  display: inline-block
}
.simple-forgotpw {
  font-size: .8em !important
}
.promotion-rules-page #page-content .CalculationTable {
  width: 100%
}
.promotion-rules-page #page-content .CalculationTable td {
  border-width: 2px;
  border-style: solid;
  padding: 3px
}
.promotion-rules-page table .verttext {
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center
}
.promotion-rules-page table .verttext {
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center
}
.promotion-rules-page .txt-win {
  color: #008000
}
.promotion-rules-page .txt-lose {
  color: #f00
}
.promotion-rules-page .txt-bonus {
  color: #2ca1cb
}
.promotion-rules-page .CalculationTable tr td:first-child {
  text-align: center
}
.promotion-rules-page .content-text {
  font-size: .75rem
}
.promotion-rules-page.dark-theme, .promotion-rules-page.dark-theme #page-content p {
  color: #fff !important
}
.promotion-rules-page.dark-theme .CalculationTable td {
  border-color: #fff !important
}
.promotion-rules-page.light-theme, .promotion-rules-page.light-theme #page-content p {
  color: #000 !important
}
.promotion-rules-page.light-theme .CalculationTable td {
  border-color: #000 !important
}
.promotion-rules-page .blog-title {
  font-size: 25px;
  text-decoration: underline;
  font-weight: bold
}
.promotion-rules-page.light-theme .blog-title {
  color: #000
}
.promotion-rules-page.dark-theme .blog-title {
  color: #fff
}
.promotion-rules-page #page-content p {
  font-weight: 500;
  font-size: .9rem
}
@media(max-width:426px) {
  .promotion-rules-page .container .col-6 {
    flex: none
  }
}
.tip-container {
  position: absolute;
  right: .25rem;
  top: 0;
  height: 100%;
  display: flex;
  gap: .25rem;
  align-items: center
}
.qrcode-tip {
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center
}
.copy-tip {
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 10px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center
}
.help-tip {
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 12px;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center
}
.help-tip:before {
  content: '?';
  font-weight: bold;
  color: #fff
}
.help-tip:hover ul, .copy-tip:hover ul {
  display: block;
  transform-origin: 100% 0%;
  -webkit-animation: fadeIn .3s ease-in-out;
  animation: fadeIn .3s ease-in-out
}
.help-tip ul, .copy-tip ul {
  display: none;
  text-align: left;
  background-color: #1e2021;
  padding: 15px 30px;
  width: 300px;
  position: absolute;
  border-radius: 3px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
  right: -5px;
  top: 40px;
  color: #f00 !important;
  font-size: 13px !important;
  line-height: 1.4;
  z-index: 1;
  border: none
}
.help-tip ul:before, .copy-tip ul:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #1e2021;
  right: 10px;
  top: -12px
}
.help-tip ul:after, .copy-tip ul:after {
  width: 100%;
  height: 40px;
  content: '';
  position: absolute;
  top: -40px;
  left: 0
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(.6)
  }
  100% {
    opacity: 100%;
    transform: scale(1)
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 100%
  }
}
button.game-lobby-list-load-btn {
  display: block
}
.game-lobby-list-load-btn .spinner-border {
  width: 15px;
  height: 15px;
  border-width: 2px;
  vertical-align: middle;
  margin-left: 7px;
  display: none
}
.game-lobby-list-load-btn .default-text {
  display: inline-block
}
.game-lobby-list-load-btn .loading-text {
  display: none
}
.game-lobby-list-load-btn:disabled .default-text {
  display: none
}
.game-lobby-list-load-btn:disabled .loading-text {
  display: inline-block
}
.game-lobby-list-load-btn:disabled .spinner-border {
  display: inline-block
}
#forgotPasswordModal .did-floating-label {
  white-space: nowrap;
  overflow: hidden;
  width: 260px;
  text-overflow: ellipsis
}
#megaGaming-download {
  font-size: .8rem !important
}
#megaGamingStartingModal {
  z-index: 10000
}
#disclaimerModal > .modal-dialog > .modal-content > .modal-body {
  height: 40vh !important
}
#WithdrawalTabContent .input-group input, #WithdrawalTabContent .input-group select, #DepositTabContent .input-group input, #DepositTabContent .input-group select {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}
.css-marquee {
  animation: cssmarquee 5s linear infinite
}
@-moz-keyframes cssmarquee {
  0% {
    transform: translateX(100%)
  }
  100% {
    transform: translateX(-100%)
  }
}
@-webkit-keyframes cssmarquee {
  0% {
    transform: translateX(100%)
  }
  100% {
    transform: translateX(-100%)
  }
}
@keyframes cssmarquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
#affiliate-detail-list .modal-content {
  width: 50% !important;
  max-width: unset !important
}
@media(min-width:576px) {
  #affiliate-detail-list .modal-dialog {
    max-width: unset !important;
    justify-content: center
  }
}
@media only screen and (max-width:426px) {
  #affiliate-detail-list .modal-content {
    width: 100% !important
  }
}
#dpt-info {
  background: #f6f6f6;
  font-weight: 600;
  font-size: 10px
}
#dpt-info .card-header, #dpt-info .card-body {
  background: #f6f6f6 !important
}
#dpt-info .card-body span {
  color: #333
}
#dpt-info button.copy-bankno {
  width: 11px;
  height: 11px;
  font-size: 11px !important;
  line-height: 0
}
#qrcodeImage {
  width: 60px;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  cursor: pointer;
  border-left: 1px solid rgba(0, 0, 0, .1);
  object-fit: contain
}
#banklogoImage {
  width: 100px;
  height: auto;
  height: auto;
  max-height: 50px;
  text-align: center;
  object-fit: contain
}
.payment-grid {
  display: grid;
  grid-template-columns: 235px minmax(auto, 550px);
  grid-gap: 25px
}
.payment-grid .payment-form {
  margin-top: 10px;
  font-size: 12px
}
@media screen and (max-width:992px) {
  .payment-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "payment-form payment-form""payment-transaction payment-transaction";
    grid-gap: 15px
  }
  .payment-grid .payment-transaction {
    grid-area: payment-transaction
  }
  .payment-grid .payment-form {
    grid-area: payment-form
  }
}
.asf-container {
  position: fixed;
  bottom: 205px;
  left: 25px;
  z-index: 100;
  cursor: pointer
}
.asf-container img {
  object-fit: contain;
  width: 118px;
  height: auto;
  transition: width .5s
}
.asf-container::after {
  content: '';
  opacity: .9;
  background-color: #eee;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1
}
.asf-container:hover {
  z-index: 999
}
.asf-container img:hover {
  width: 250px !important
}
.asf-close {
  position: absolute;
  right: -20px;
  top: -16px;
  color: #fff;
  width: 17.59px;
  cursor: pointer;
  -webkit-filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, .9));
  filter: drop-shadow(2px 1px 1px rgba(0, 0, 0, .9))
}
.asf-close.xs {
  width: 12px;
  right: -13px;
  top: -15px
}
#shareboxPopup .tooltip {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: .75rem;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s
}
#shareboxPopup .tooltip.show {
  opacity: 1;
  pointer-events: auto
}
.toast {
  max-width: 300px
}
@media(max-width:426px) {
  .toast {
    max-width: 60vw
  }
  .toast-body {
    font-size: 10px
  }
}
.toast-body {
  border-bottom: 6px solid #0373ff;
  color: #000;
  background: #fff;
  font-size: .75rem
}
.toast-body p {
  color: #000
}
.toast-header {
  color: #000;
  font-size: 1rem
}
.toast-header .close span {
  font-size: 1.5rem;
  top: 2px;
  right: 8px;
  color: #000
}
.toast-header strong {
  font-weight: 700;
  font-size: 12px
}
.loyalD1 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD1 .badgeD1_0 {
  position: absolute;
  right: 52px;
  width: 44.8px;
  height: 52px;
  top: 13px
}
.loyalD1 .badgeD1_1 {
  position: absolute;
  right: 52px;
  width: 50.4px;
  height: 59.2px;
  top: 13px
}
.loyalD1 .badgeD1_2 {
  position: absolute;
  right: 52px;
  width: 51.2px;
  height: 58.4px;
  top: 13px
}
.loyalD1 .badgeD1_3 {
  position: absolute;
  right: 39px;
  width: 67.2px;
  height: 58.4px;
  top: 13px
}
.loyalD1 .badgeD1_4 {
  position: absolute;
  right: 39px;
  width: 77.6px;
  height: 63.2px;
  top: 13px
}
.loyalD1 .cardnnoD1 {
  position: absolute;
  bottom: 45px;
  font-size: 24px;
  left: 15.6px;
  letter-spacing: 1.2px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 500
}
.loyalD1.card0 .cardnnoD1 {
  color: #ad8648 !important
}
.loyalD1.card1 .cardnnoD1 {
  color: #95a1a7 !important
}
.loyalD1.card2 .cardnnoD1 {
  color: #f6bea1 !important
}
.loyalD1.card3 .cardnnoD1 {
  color: #bfcde2 !important
}
.loyalD1.card4 .cardnnoD1 {
  background: -webkit-linear-gradient(360deg, #feb81a, #ed16cb) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent
}
.loyalD1.card4 .cardnnoD1 .progress-bar {
  background: rgba(254, 184, 26, 1);
  background: linear-gradient(90deg, rgba(254, 184, 26, 1), rgba(237, 22, 203, 1)) !important
}
.loyalD1 .memberidD1 {
  position: absolute;
  bottom: 20.8px;
  left: 29.2px;
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 10px;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD1 .cardnyearD1 {
  position: absolute;
  bottom: 20.8px;
  right: 52px;
  color: #fff;
  letter-spacing: 1.5px;
  font-size: 10px;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD1 .rankingNameD1 {
  display: none
}
.loyalD2 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD2 .badgeD2_0, .loyalD2 .badgeD2_1, .loyalD2 .badgeD2_2 {
  position: absolute;
  right: 30px;
  width: 48px;
  height: 53.6px;
  top: 13px
}
.loyalD2 .badgeD2_3 {
  position: absolute;
  right: 18px;
  width: 77.6px;
  height: 53.6px;
  top: 13px
}
.loyalD2 .badgeD2_4 {
  position: absolute;
  right: 18px;
  width: 76px;
  height: 52.8px;
  top: 13px
}
.loyalD2 .cardnnoD2 {
  position: absolute;
  bottom: 10px;
  font-size: 25px;
  left: 15.6px;
  letter-spacing: 1.2px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600
}
.loyalD2 .memberidD2 {
  position: absolute;
  top: 15px;
  left: 15.6px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD2 .rankingNameD2 {
  position: absolute;
  top: 42px;
  left: 15.6px;
  font-weight: bold;
  font-size: 35px;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD2.card0 .cardnnoD2, .loyalD2.card0 .memberidD2, .loyalD2.card0 .rankingNameD2 p {
  color: #64502d !important
}
.loyalD2.card0 .rankingNameD2 .loyalprogram-progress {
  background: #64502d !important
}
.loyalD2.card1 .cardnnoD2, .loyalD2.card1 .memberidD2, .loyalD2.card1 .rankingNameD2 p {
  color: #455054 !important
}
.loyalD2.card1 .rankingNameD2 .loyalprogram-progress {
  background: #455054 !important
}
.loyalD2.card2 .cardnnoD2, .loyalD2.card2 .memberidD2, .loyalD2.card2 .rankingNameD2 p {
  color: #bf544c !important
}
.loyalD2.card2 .rankingNameD2 .loyalprogram-progress {
  background: #bf544c !important
}
.loyalD2.card3 .cardnnoD2, .loyalD2.card3 .memberidD2, .loyalD2.card3 .rankingNameD2 p {
  color: #2b6b9b !important
}
.loyalD2.card3 .rankingNameD2 .loyalprogram-progress {
  background: #2b6b9b !important
}
.loyalD2.card4 .cardnnoD2, .loyalD2.card4 .memberidD2 {
  color: #e5e5e5 !important
}
.loyalD2.card4 .rankingNameD2 p {
  background: -webkit-linear-gradient(360deg, #feb81a, #ed16cb) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent
}
.loyalD2.card4 .rankingNameD2 .loyalprogram-progress {
  background: rgba(254, 184, 26, 1) !important;
  background: linear-gradient(90deg, rgba(254, 184, 26, 1), rgba(237, 22, 203, 1)) !important
}
.loyalD2 .cardnyearD2 {
  display: none
}
.loyalD3 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD3 .badgeD3_0 {
  position: absolute;
  right: 30px;
  width: 49.6px;
  height: 48.8px;
  top: 13px
}
.loyalD3 .badgeD3_1 {
  position: absolute;
  right: 30px;
  width: 58.4px;
  height: 60px;
  top: 13px
}
.loyalD3 .badgeD3_2 {
  position: absolute;
  right: 30px;
  width: 60px;
  height: 62.4px;
  top: 13px
}
.loyalD3 .badgeD3_3 {
  position: absolute;
  right: 18px;
  width: 71.2px;
  height: 70.4px;
  top: 13px
}
.loyalD3 .badgeD3_4 {
  position: absolute;
  right: 18px;
  width: 71.2px;
  height: 76.8px;
  top: 13px
}
.loyalD3 .cardnnoD3 {
  position: absolute;
  bottom: 10px;
  font-size: 25px;
  left: 15.6px;
  letter-spacing: 1.2px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600
}
.loyalD3 .memberidD3 {
  position: absolute;
  top: 15px;
  left: 15.6px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD3 .rankingNameD3 {
  position: absolute;
  top: 42px;
  left: 15.6px;
  font-weight: bold;
  font-size: 35px;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD3.card0 .cardnnoD3, .loyalD3.card0 .memberidD3, .loyalD3.card0 .rankingNameD3 p {
  color: #64502d !important
}
.loyalD3.card0 .rankingNameD3 .loyalprogram-progress {
  background: #64502d !important
}
.loyalD3.card1 .cardnnoD3, .loyalD3.card1 .memberidD3, .loyalD3.card1 .rankingNameD3 p {
  color: #455054 !important
}
.loyalD3.card1 .rankingNameD3 .loyalprogram-progress {
  background: #455054 !important
}
.loyalD3.card2 .cardnnoD3, .loyalD3.card2 .memberidD3, .loyalD3.card2 .rankingNameD3 p {
  color: #bf544c !important
}
.loyalD3.card2 .rankingNameD3 .loyalprogram-progress {
  background: #bf544c !important
}
.loyalD3.card3 .cardnnoD3, .loyalD3.card3 .memberidD3, .loyalD3.card3 .rankingNameD3 p {
  color: #2b6b9b !important
}
.loyalD3.card3 .rankingNameD3 .loyalprogram-progress {
  background: #2b6b9b !important
}
.loyalD3.card4 .cardnnoD3, .loyalD3.card4 .memberidD3 {
  color: #e5e5e5 !important
}
.loyalD3.card4 .rankingNameD3 p {
  background: -webkit-linear-gradient(360deg, #7763d4, #eb7ed9) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent
}
.loyalD3.card4 .rankingNameD3 .loyalprogram-progress {
  background: rgba(254, 184, 26, 1);
  background: linear-gradient(90deg, #7763d4, #eb7ed9) !important
}
.loyalD3 .cardnyearD3 {
  display: none
}
.loyalD4 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD4 .badgeD4_0 {
  position: absolute;
  left: 26.8px;
  top: 13px;
  width: 54.4px;
  height: 54.4px;
  filter: drop-shadow(1px 2px 10px #9c0025)
}
.loyalD4 .badgeD4_1 {
  position: absolute;
  left: 26.8px;
  top: 13px;
  width: 54.4px;
  height: 54.4px;
  filter: drop-shadow(1px 2px 10px #e88a02)
}
.loyalD4 .badgeD4_2 {
  position: absolute;
  left: 20.8px;
  top: 13px;
  width: 54.4px;
  height: 54.4px;
  filter: drop-shadow(1px 2px 10px #218700)
}
.loyalD4 .badgeD4_3 {
  position: absolute;
  left: 17.5px;
  width: 64.8px;
  height: 54.4px;
  top: 13px;
  filter: drop-shadow(1px 2px 10px #7b28d2)
}
.loyalD4 .badgeD4_4 {
  position: absolute;
  left: 17.5px;
  width: 68px;
  height: 54.4px;
  top: 13px;
  filter: drop-shadow(1px 2px 10px #4aa6f3)
}
.loyalD4 .cardnnoD4 {
  position: absolute;
  bottom: 35px;
  color: #fff !important;
  font-size: 26px;
  left: 17.5px;
  letter-spacing: 1.2px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600
}
.loyalD4 .memberidD4 {
  position: absolute;
  bottom: 12.48px;
  left: 17.5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD4 .cardnyearD4, .loyalD4 .rankingNameD4 {
  display: none
}
.loyalD5 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD5 .badgeD5_1, .loyalD5 .badgeD5_0 {
  position: absolute;
  left: 26.8px;
  top: 13px;
  width: 44.8px;
  height: 46.9px
}
.loyalD5 .badgeD5_2 {
  position: absolute;
  left: 26.8px;
  width: 50.4px;
  height: 50.4px;
  top: 13px
}
.loyalD5 .badgeD5_3 {
  position: absolute;
  left: 17.5px;
  width: 49px;
  height: 52.5px;
  top: 13px
}
.loyalD5 .badgeD5_4 {
  position: absolute;
  left: 17.5px;
  width: 68.6px;
  height: 62.3px;
  top: 13px
}
.loyalD5 .cardnnoD5 {
  position: absolute;
  bottom: 35px;
  color: #fff !important;
  font-size: 26px;
  left: 17.5px;
  letter-spacing: 1.2px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600
}
.loyalD5 .memberidD5 {
  position: absolute;
  bottom: 12.48px;
  left: 17.5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD5 .cardnyearD5, .loyalD5 .rankingNameD5 {
  display: none
}
.loyalD6 {
  background-size: 273px 156px !important;
  background-repeat: no-repeat !important;
  height: 156px;
  position: relative;
  width: 273px;
  border-radius: 10px
}
.loyalD6 .badgeD6_0 {
  position: absolute;
  left: 20.8px;
  top: 13px;
  width: 28.8px;
  height: 33.6px
}
.loyalD6 .badgeD6_1 {
  position: absolute;
  left: 20.8px;
  top: 13px;
  width: 40.8px;
  height: 40.8px
}
.loyalD6 .badgeD6_2 {
  position: absolute;
  left: 20.8px;
  top: 13px;
  width: 45.6px;
  height: 43.2px
}
.loyalD6 .badgeD6_3 {
  position: absolute;
  left: 15.6px;
  top: 13px;
  width: 57px;
  height: 52.2px
}
.loyalD6 .badgeD6_4 {
  position: absolute;
  left: 15.6px;
  top: 13px;
  width: 57px;
  height: 55.2px
}
.loyalD6 .cardnnoD6 {
  position: absolute;
  bottom: 45px;
  color: #fff !important;
  left: 15.6px;
  letter-spacing: 1.2px;
  font-size: 26px;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 600
}
.loyalD6 .memberidD6 {
  position: absolute;
  bottom: 12.48px;
  left: 15.6px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD6 .cardnyearD6 {
  position: absolute;
  bottom: 12.48px;
  left: 213.2px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-align: right;
  font-family: 'Montserrat', sans-serif !important
}
.loyalD6 .rankingNameD6 {
  display: none
}
.loyalprogram-info {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px
}
.loyalprogram-info .title {
  font-size: 60px;
  font-family: 'Bell MT', Georgia, ui-serif !important
}
@media(max-width:576px) {
  .loyalprogram-info {
    padding: 30px 0
  }
  .loyalprogram-info .title {
    font-size: 35px
  }
}
.loyalprogram-info .table-title {
  color: #459e85
}
.loyalprogram-info .table-striped tbody {
  background-color: #fff !important
}
.loyalprogram-info .table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(1, 122, 89, .1) !important
}
.loyalprogram-info .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff !important
}
.loyalprogram-info .table.tableDesign1 tbody + tbody {
  border: none
}
.loyalprogram-info .table.tableDesign1 td.content {
  color: #000;
  text-align: center;
  box-shadow: -3px 0 3px -2px #c5bebe;
  word-break: break-word;
  vertical-align: middle
}
.loyalprogram-info .table.tableDesign1 th.content {
  color: rgba(1, 122, 89, .8);
  text-align: center;
  box-shadow: 3px 0 3px -2px #c5bebe, -3px 0 3px -2px #c5bebe;
  word-break: break-word
}
.loyalprogram-info .table.tableDesign1 thead th {
  text-shadow: #313030 1.5px 1px
}
.loyalprogram-info th.content.category {
  text-align: center !important;
  color: #fff !important;
  background: rgba(1, 122, 89, 1);
  box-shadow: none !important
}
.loyalprogram-info .table thead {
  background-color: #fff
}
.loyalprogram-info .table thead th, .loyalprogram-info .table tr {
  border: none
}
.loyalprogram-info .table thead th:nth-child(2), .loyalprogram-info .table thead th:nth-child(1) {
  background-color: rgba(1, 122, 89, .6);
  color: #fff;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative
}
.loyalprogram-info .table thead th:nth-child(3) {
  background-color: rgba(1, 122, 89, .7);
  color: #fff;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative
}
.loyalprogram-info .table thead th:nth-child(4) {
  background-color: rgba(1, 122, 89, .8);
  color: #fff;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative
}
.loyalprogram-info .table thead th:nth-child(5) {
  background-color: rgba(1, 122, 89, .9);
  color: #fff;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative
}
.loyalprogram-info .table thead th:nth-child(6) {
  background-color: rgba(1, 122, 89, 1);
  color: #fff;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative
}
.loyalprogram-info h5.step {
  display: flex;
  flex-direction: row
}
.loyalprogram-info h5.step:before {
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #fff;
  margin: 10px 15px 10px 0
}
.loyalprogram-info h5.step:after {
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #fff;
  margin: 10px 0 10px 15px
}
.loyalprogram-info #carouselLoyaltyProgram .carousel-control-prev, .loyalprogram-info #carouselLoyaltyProgram .carousel-control-next {
  height: 125px
}
.loyalprogram-info h5 {
  font-size: 1.25rem
}
.loyalprogram-progress-container {
  height: 12px;
  background-color: #ddd;
  border-radius: 10px
}
.loyalprogram-progress {
  height: 12px;
  border-radius: 10px;
  background-color: #4caf50;
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 12px
}
.loyalprofile {
  width: 40%
}
.loyaldesc {
  width: 60%
}
@media screen and (max-width:1250px) {
  .loyalprofile {
    width: 58%
  }
  .loyaldesc {
    width: 42%
  }
}
@media(max-width:576px) {
  .loyalprofile {
    width: 100%
  }
  .loyaldesc {
    width: 100%
  }
}
.angpow-ico-btn {
  width: 60px;
  padding: 0
}
.angpow-ico-btn img {
  width: 100%
}
@media(max-width:768px) {
  .angpow-ico-btn {
    width: 45px;
    margin-top: -3px
  }
}
.selectCustom.promo_category .custom-select-dd, .selectCustom.tournament_category .custom-select-dd {
  padding-left: 15px
}
.selectCustom.promo_category .select-options li:first-child, .selectCustom.tournament_category .select-options li:first-child {
  display: list-item
}
.searchgamewidget {
  background-color: #2c2c2c;
  padding: 15px
}
.searchgamewidget .h1 {
  font-size: 1em;
  color: #fff;
  margin-bottom: 15px
}
.searchgamewidget p, .searchgamewidget h2 {
  color: #00e7ff;
  font-size: .89em;
  margin: 5px auto
}
.searchgamewidget .input-group input {
  background-color: transparent;
  border: 1px solid #545454 !important;
  border-radius: 0 !important;
  padding: 2px 10px !important;
  color: #fff !important;
  font-size: 1em !important
}
.searchgamewidget .input-group input input:focus {
  background-color: transparent
}
.searchgamewidget button .btn-secondary {
  padding: 0 12px;
  border: 0 solid;
  background-color: #454545;
  border-radius: 0
}
.searchgamewidget button .btn-secondary i {
  color: #353535
}
.searchgamewidget .has-search .form-control {
  padding-left: 2.375rem
}
.searchgamewidget .afb-padding-lr {
  padding-left: 5px px !important;
  padding-right: 5px !important;
  padding-bottom: 5px !important
}
.searchgamewidget .afb-padding-lr img {
  max-width: 100%;
  height: auto
}
.searchgamewidget .search-btn {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  text-align: center !important;
  color: #fff !important;
  font-size: .8em;
  padding: 5px;
  border-radius: 5px
}
.searchgamewidget .searchgame_list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr
}
.search-button {
  display: none
}
.search-button .search-toggle {
  position: relative;
  display: block;
  height: 12px;
  width: 12px
}
.search-button .search-toggle::before {
  content: '';
  position: absolute;
  display: block;
  -webkit-transition: all .1s;
  transition: all .1s;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%
}
.search-button .search-toggle::after {
  height: 2px;
  width: 7px;
  background: #fff;
  top: 11px;
  left: 9px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.search-button .search-toggle.active::before {
  width: 0;
  height: 1.1em;
  border-width: 1px;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: .35em;
  background-color: #fff
}
.search-button .search-toggle.active::after {
  width: 1.2em;
  left: -.15em;
  top: .5em
}
.search-toggle::after {
  content: '';
  position: absolute;
  display: block;
  -webkit-transition: all .1s;
  transition: all .1s
}
.searchgameMobilewidget {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 5px;
  z-index: 1001;
  background-color: #fff;
  padding: 15px 10px
}
.searchgameMobilewidget .search-input {
  color: #fff;
  width: 100%;
  color: #fff
}
.searchgameMobilewidget .search-input:focus {
  outline: none
}
.searchgameMobilewidget .search-bar {
  padding: 10px;
  margin: 0 5px;
  background-color: #232323;
  padding: 10px;
  margin: 0
}
.searchgameMobilewidget ul.searchgamewidgetListing {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 10px 10px;
  grid-auto-flow: row;
  padding: 0;
  margin-top: 10px
}
.searchgameMobilewidget ul.searchgamewidgetListing li {
  position: relative
}
.searchgameMobilewidget ul.searchgamewidgetListing li:last-child {
  margin-right: 0
}
.searchgameMobilewidget .search-box input::placeholder {
  color: #ededed
}
.searchgameMobilewidget.show {
  display: block;
  top: 78px;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}
.searchgamewidgetListing .under-m {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-size: .8em;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 10px;
  right: 0;
  top: 0;
  z-index: 1
}
@media only screen and (max-width:767px) {
  .searchgameMobilewidget ul.searchgamewidgetListing {
    grid-template-columns: 1fr 1fr 1fr
  }
}
@media only screen and (max-width:480px) {
  .searchgameMobilewidget ul.searchgamewidgetListing {
    grid-template-columns: 1fr 1fr
  }
}
@media only screen and (max-width:767px) {
  .search-button {
    display: flex !important
  }
}
@media only screen and (min-width:767px) {
  .searchgameMobilewidget.show {
    display: none
  }
}
.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-toggle {
  color: #fff !important;
  background: #b18f35;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
  border: 1px solid #d39b05 !important;
  border-radius: 2.5px !important;
  padding: 5px !important;
  text-align: left;
  width: auto
}
.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 {
  display: none;
  position: absolute;
  background-color: #141004;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 99;
  right: auto;
  border-radius: 10px;
  font-size: 1em;
  left: 0;
  border: solid 1px #dcbd59;
  padding: 7px;
  margin-top: 10px
}
.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a {
  border-bottom: none;
  color: #fff !important;
  padding: 5px 12px;
  text-decoration: none;
  display: block
}
.searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:hover, .searchgameMobilewidgetv2 .dropdown-single2 .dropdown-single-content2 a:focus {
  background-color: #2d2f39;
  border-radius: 2.5px
}
.searchgameMobilewidgetv2 .input-group {
  color: #999;
  background: #201c12;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .12);
  border: 1px solid #2f2609;
  border-radius: .25rem;
  letter-spacing: 0;
  font-weight: 600;
  outline: 0;
  margin: 0;
  cursor: text;
  font-size: .875rem;
  display: flex;
  align-items: center;
  border-radius: 2.5px;
  padding: 0 .5rem
}
.searchgameMobilewidgetv2 .input-group .form-control {
  background: transparent;
  border: none !important
}
.searchgameMobilewidgetv2 .input-group .fa.fa-times-circle {
  color: #999;
  font-size: 20px;
  cursor: pointer
}
.searchgameMobilewidgetv2 .result-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
  font-size: .875rem;
  font-weight: 600;
  color: #b9b5b5
}
.searchgameMobilewidgetv2 .result-wrapper .badge.badge-pill.badge-secondary {
  font-weight: 300;
  color: #999;
  background: #201f1c;
  border-radius: 2.5px;
  border: .5px solid #999
}
.searchgameMobilewidgetv2 .result-wrapper .badge.badge-pill.badge-secondary span {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem;
  cursor: pointer;
  font-size: .75rem
}
.searchgameMobilewidgetv2 .result-wrapper .badge.badge-pill.badge-secondary:hover {
  background: #655214;
  border: .5px solid #d39b05;
  color: #fff
}
.searchgameMobilewidgetv2 .result-wrapper .searchgamewidgetListing {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
  gap: 15px 0;
  padding: 0
}
.searchgameMobilewidgetv2 .result-wrapper .searchgamewidgetListing .under-m {
  color: #fff;
  background-color: #f00;
  padding: 3px 10px;
  font-size: .7em;
  font-weight: 500;
  position: absolute;
  border-radius: 15px;
  right: 5px;
  top: 5px;
  z-index: 1
}
.searchgameMobilewidgetv2 .result-wrapper::-webkit-scrollbar {
  width: 5px
}
.searchgameMobilewidgetv2 .result-wrapper::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 4px
}
.searchgameMobilewidgetv2 .result-wrapper::-webkit-scrollbar-track {
  background-color: #f0f0f0;
  border-radius: 4px
}
.searchgameMobilewidgetv2 ul.searchgamewidgetListing li {
  border: solid 1px #dcbd59;
  border-radius: 10px;
  position: relative
}
.searchgameMobilewidgetv2 ul.searchgamewidgetListing li .under-m {
  top: 0;
  right: 0
}
.promowidget .afb-title-h1 {
  width: 100%;
  padding: 2px 0 2px 20px;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.promowidget .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 5px;
  background: #008000;
  height: 20px
}
.promowidget .afb-title-h1 a span {
  display: flex;
  align-items: center
}
.promowidget .afb-title-h1 a span svg {
  margin-left: 5px
}
.promowidget .promo_preview .photobox {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  --photoboxoverlay: rgba(7, 7, 7, .66);
  --photoboxanimationduration: .5s;
  margin: 0;
  padding: 0
}
.promowidget .promo_preview .text-wrap {
  text-align: center;
  background-color: #2c2c2c;
  margin-bottom: 10px
}
.promowidget .promo_preview .text-wrap p {
  padding: 10px 10px;
  margin: 0 auto !important
}
.promowidget .promo_preview .promo_preview p {
  color: var(--cd-color-2);
  font-size: 12px;
  line-height: 15px;
  margin: 0;
  font-weight: 300
}
.promotion-rules {
  display: block !important;
  width: fit-content
}
.top5game img {
  min-height: 10px
}
.top5game .afb-title-h1 {
  width: 100%;
  padding: 2px 0 2px 20px;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.top5game .afb-title-h1 a span {
  display: flex;
  align-items: center
}
.top5game .afb-title-h1 a span svg {
  margin-left: 5px
}
.top5game .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 5px;
  background: #008000;
  height: 20px
}
.top5game .photobox {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0
}
.top5game .photobox:hover .photobox__previewbox:before {
  transform: scale(3);
  transition-duration: .5s;
  transition-delay: 0s
}
.top5game .photobox:hover .photobox__previewbox.zoom img {
  transition: all .2s linear
}
.top5game .photobox:hover .photobox__previewbox.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.top5game .photobox .photobox_title {
  overflow: hidden
}
.top5game .photobox .photobox_title a.tmb-content__link {
  text-align: center;
  background-color: #2c2c2c;
  color: #ccc;
  font-size: .7rem;
  line-height: 15px;
  font-weight: 300;
  padding: 10px 5px;
  display: block
}
.top5game .photobox .photobox_title a.tmb-content__link div {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto
}
.top5game .photobox__previewbox {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.top5game .photobox__previewbox:before {
  content: '';
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(7, 7, 7, .66);
  transition: transform calc(.5s/2) ease calc(.5s/2);
  will-change: transform;
  transform: scale(0);
  z-index: 8
}
.top5game .photobox__previewbox .action_overlay {
  position: absolute;
  top: 0;
  left: -300%;
  bottom: 0;
  right: 0;
  padding: 10px;
  transition-duration: .5s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9
}
.top5game .photobox__previewbox .action_overlay a {
  display: flex;
  margin: 10px auto
}
.top5game .photobox__previewbox .action_overlay a div {
  font-size: .7rem;
  padding: 6px 10px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  display: block;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px
}
.top5game .photobox__previewbox .action_overlay a div:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.top5game .photobox__previewbox:hover .action_overlay {
  left: 0;
  transition-duration: .5s
}
.top5game .photobox__previewbox.top5gameseo:before {
  display: none
}
.jackpotpool img {
  min-height: 10px
}
.jackpotpool .afb-title-h1 {
  width: 100%;
  padding: 2px 0 2px 20px;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.jackpotpool .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 5px;
  background: #008000;
  height: 20px
}
.jackpotpool .afb-title-h1 a span {
  display: flex;
  align-items: center
}
.jackpotpool .afb-title-h1 a span svg {
  margin-left: 5px
}
.jackpotpool .photobox {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0
}
.jackpotpool .photobox:hover .photobox__previewbox:before {
  transform: scale(3);
  transition-duration: .5s;
  transition-delay: 0s
}
.jackpotpool .photobox:hover .photobox__previewbox.zoom img {
  transition: all .2s linear
}
.jackpotpool .photobox:hover .photobox__previewbox.zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.jackpotpool .photobox .photobox_title {
  overflow: hidden
}
.jackpotpool .photobox .photobox_title a.tmb-content__link {
  text-align: center;
  background-color: #2c2c2c;
  color: #ccc;
  font-size: .7rem;
  line-height: 15px;
  font-weight: 300;
  padding: 10px 5px;
  display: block
}
.jackpotpool .photobox .photobox_title a.tmb-content__link div {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto
}
.jackpotpool .photobox__previewbox {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.jackpotpool .photobox__previewbox:before {
  content: '';
  width: 0;
  height: 0;
  padding: 25%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(7, 7, 7, .66);
  transition: transform calc(.5s/2) ease calc(.5s/2);
  will-change: transform;
  transform: scale(0);
  z-index: 8
}
.jackpotpool .photobox__previewbox .action_overlay {
  position: absolute;
  top: 0;
  left: -300%;
  bottom: 0;
  right: 0;
  padding: 10px;
  transition-duration: .5s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 9
}
.jackpotpool .photobox__previewbox .action_overlay a {
  display: flex;
  margin: 10px auto
}
.jackpotpool .photobox__previewbox .action_overlay a div {
  font-size: .7rem;
  padding: 6px 10px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  display: block;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px
}
.jackpotpool .photobox__previewbox .action_overlay a div:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.jackpotpool .photobox__previewbox:hover .action_overlay {
  left: 0;
  transition-duration: .5s
}
.jackpotpool .scroll-horizontal .item {
  display: inline-block;
  vertical-align: top;
  white-space: initial;
  margin-bottom: 0
}
.jackpotpool div.text-wrap {
  text-align: center;
  background-color: #2c2c2c;
  display: -webkit-box;
  padding: 5px 3px !important;
  white-space: normal
}
.jackpotpool div.text-wrap a {
  display: block;
  width: 100%
}
.jackpotpool div.text-wrap .jackpotcounter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100% !important;
  white-space: normal;
  padding: 0;
  margin: 0 auto
}
.jackpotpool .img-wrap {
  overflow: hidden;
  border-radius: 10px 10px 0 0
}
.jackpotpool .zoom img {
  transition: all .2s linear
}
.jackpotpool .zoom:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.jackpotpool span.gold {
  display: block;
  background: repeating-linear-gradient(135deg, #ffdd9b 0, #fed792 20px, #ffe1ac 40px, #fff 70px, #fac66b 125px, #f6c26b 160px, #e7b155 175px, #f4c16b 185px, #f1bf6b 220px, #f3be66 235px, #e9b153 250px, #f5be61 280px, #f9bc56 305px, #fffbf5 385px, #fcc362 415px, #fcc379 450px, #ffdd9b 500px);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: none;
  color: #ffdd9b !important;
  filter: drop-shadow(0 3px 1px #000);
  font-size: 1rem;
  font-weight: 700
}
.jackpotpool.mini .jackpotcounter {
  width: 100%
}
.jackpotpool.mini .jackpotcounter .gold {
  display: inline;
  font-size: .75rem;
  vertical-align: middle !important
}
.jackpotpool.mini .jackpotcounter .jackpot {
  line-height: 20px;
  height: 20px;
  vertical-align: middle !important
}
@media only screen and (max-width:1200px) {
  .jackpotpool.mini .jackpotcounter .gold {
    display: inline;
    font-size: .6rem;
    vertical-align: middle !important
  }
}
@media only screen and (max-width:992px) {
  .top5game .afb-title-h1 {
    font-size: .8rem !important
  }
  .jackpotpool .afb-title-h1 {
    font-size: .8rem !important
  }
  .jackpotpool.mini .jackpotcounter {
    width: 100% !important
  }
  .jackpotpool.mini .jackpotcounter .gold {
    display: inline;
    font-size: .55rem;
    font-weight: normal
  }
  .jackpotpool.mini .jackpotcounter .jackpot {
    line-height: 16px;
    height: 16px;
    vertical-align: text-bottom
  }
}
.gamefeature .inside {
  background-color: #191919;
  padding: 15px
}
.gamefeature .inside .h1 {
  font-size: 1em;
  color: #fff;
  margin-bottom: 15px
}
.gamefeature .inside svg {
  margin-top: -2px
}
.gamefeature .inside a {
  text-decoration: none !important
}
.gamefeature .under-m {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-size: .8em;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 10px;
  right: 0;
  top: 0;
  z-index: 1
}
.gamefeature .under-m img {
  width: 100%
}
.memberservice .inside {
  padding: 15px;
  background: #2c2c2c
}
.memberservice .inside a.afb-medias {
  width: 100%;
  background-color: #fff;
  border: none;
  outline: none;
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff
}
.memberservice .inside a.afb-medias:last-child {
  margin-bottom: 0
}
.memberservice .inside a.afb-medias:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.memberservice .inside a.afb-medias span {
  color: #fff
}
.memberservice .h1 {
  font-size: .8rem;
  color: #fff;
  display: flex;
  align-items: center;
  background: #2c2c2c;
  padding: 15px 15px 0 15px;
  margin: 0
}
.memberservice .h1 svg {
  margin: 0 10px 0 0
}
.infocenter .h1 {
  font-size: .8rem;
  color: #fff;
  display: flex;
  align-items: center;
  background: #191919;
  padding: 15px 15px 0 15px;
  margin: 0
}
.infocenter .h1 svg {
  margin: 0 10px 0 0
}
.infocenter .h1 i {
  margin: 0 10px 0 0
}
.infocenter ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.infocenter .inside {
  padding: 15px;
  background: #191919
}
.latestnews .afb-title-h1 {
  width: 100%;
  padding: 2px 0 2px 20px;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  position: relative;
  align-items: center
}
.latestnews .afb-title-h1:before {
  content: '';
  position: absolute;
  left: 5px;
  width: 5px;
  background: #008000;
  height: 20px
}
.latestnews .media-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 10px
}
.latestnews .media-wrapper .media-body {
  display: flex;
  flex-wrap: wrap
}
.latestnews .media-wrapper .media-body .media-image {
  width: 40%
}
.latestnews .media-wrapper .media-body .media-info {
  width: 60%;
  padding: 0 0 0 8px
}
.latestnews .media-wrapper .media-body .media-info p.news-title {
  font-size: .7rem;
  color: #fff;
  font-weight: 300
}
.latestnews .media-wrapper .media-body .media-info span.time-stamp {
  color: #9e9e9e;
  font-size: .6rem
}
.latestnews .media-wrapper .media-body a {
  display: flex
}
.latestnews .modal {
  display: none;
  position: fixed;
  z-index: 999999999;
  padding-top: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  backdrop-filter: blur(5px);
  align-items: center;
  justify-content: center
}
.latestnews .modal .modal-content {
  background-color: #fff;
  margin: auto;
  padding: 0;
  border: none;
  max-width: 800px;
  min-height: 280px;
  border-radius: 5px
}
.latestnews .modal .data-container > div {
  color: #000
}
.latestnews .modal .modal-header h5 {
  display: none
}
.latestnews .modal .modal-header button.close {
  background-color: #ff6a00;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  color: #fff;
  font-weight: 300;
  border-top-right-radius: 5px;
  margin-bottom: -1.26em
}
.latestnews .modal .modal-header span {
  font-size: 1.5rem;
  font-weight: 500;
  position: unset
}
.latestnews .modal .modal-body h5 {
  font-weight: 500 !important;
  color: #636363
}
.latestnews .modal .modal-body h5 p {
  font-size: 13px
}
.latestnews .modal .modal-footer {
  background-color: #fff
}
@media only screen and (max-width:580px) {
  .latestnews .media-wrapper .media-body a {
    flex-wrap: wrap
  }
  .latestnews .media-wrapper .media-body .media-image {
    width: 100%;
    padding: 0
  }
  .latestnews .media-wrapper .media-body .media-info {
    width: 100%;
    padding: 0
  }
}
.sticky-contactus #slideout p {
  width: 35px;
  padding: 12px 0;
  text-align: center;
  background: #28a745;
  -webkit-writing-mode: tb-rl;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  color: #fff;
  margin: 0 auto;
  padding: 20px 8px;
  text-orientation: sideways;
  margin-bottom: 0
}
.sticky-contactus #slideout_inner .h1 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 10px
}
.sticky-contactus #slideout_inner a {
  width: 100%;
  background-color: #fff;
  border: none;
  outline: none;
  display: block;
  margin-bottom: 5px;
  padding: 5px 10px;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  color: #fff;
  display: flex;
  align-items: center
}
.sticky-contactus #slideout_inner a span {
  color: #fff
}
.sticky-contactus #slideout_inner a i {
  margin-right: 8px
}
.sticky-contactus #slideout_inner a:last-child {
  margin-bottom: 0
}
.sticky-contactus #slideout_inner a:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb)
}
.ap-qrcode .h1, .ap-qrcode .h2, .ap-qrcode .h3, .ap-qrcode .h4, .ap-qrcode .h5, .ap-qrcode .h6, .ap-qrcode h1, .ap-qrcode h2, .ap-qrcode h3, .ap-qrcode h4, .ap-qrcode h5, .ap-qrcode h6 button {
  margin: 0 auto;
  font-family: 'Poppins', sans-serif !important
}
.ap-qrcode .inside {
  background-color: #191919;
  padding: 15px
}
.ap-qrcode .inside .h1 {
  font-size: 1em;
  color: #fff;
  margin-bottom: 15px
}
.ap-qrcode .inside svg {
  margin-top: -2px
}
.ap-qrcode ul, .ap-qrcode li {
  margin: 0;
  list-style-type: none;
  font-family: 'Poppins', sans-serif
}
.ap-qrcode .nav-item-qr {
  width: 25%
}
.ap-qrcode .nav-pills-qr .nav-link.active {
  background: #2c2c2c;
  color: #fff
}
.ap-qrcode .nav-pills-qr .nav-link {
  font-weight: bold;
  padding-top: 13px px;
  text-align: center;
  background: #28a745;
  color: #fff;
  height: 95px
}
.ap-qrcode .tab-content.qr {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: -50px;
  background: #2c2c2c;
  color: #000;
  border-radius: 10px;
  padding: 25px 15px
}
.ap-qrcode .tab-content {
  box-shadow: 0 1px 5px rgba(85, 85, 85, .15)
}
.sticky-qrcode #snav {
  position: fixed;
  top: 40%;
  z-index: 999;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif
}
.sticky-qrcode #snav .en {
  left: 0;
  text-align: left
}
.sticky-qrcode #snav .en li span {
  left: -100px
}
.sticky-qrcode #snav ul {
  list-style: none
}
.sticky-qrcode #snav * {
  margin: 0;
  padding: 0;
  outline: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.sticky-qrcode #snav li a {
  text-decoration: none;
  color: #fff;
  display: block;
  position: relative
}
.sticky-qrcode #snav li .fa {
  background-color: #333;
  color: #e6e6e6
}
.sticky-qrcode #snav li span {
  font-size: 15px;
  vertical-align: middle;
  height: auto;
  line-height: 50px;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0 15px;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 3
}
.sticky-qrcode #snav .fa {
  vertical-align: middle;
  font-size: 18px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 4
}
.ap-announcement {
  display: flex;
  background-color: transparent;
  width: 100%;
  align-items: center
}
.ap-announcement .ap-announcement-icon {
  color: #fff;
  padding: 8px 5px
}
.ap-announcement .notificationMarquee p {
  position: relative;
  margin: 0;
  line-height: 25px;
  white-space: nowrap;
  min-width: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation: marquee 45s linear infinite;
  animation: marquee 45s linear infinite;
  font-size: 12px
}
.langswt button.btn {
  background-color: transparent;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  padding: 5px 15px
}
.langswt button.btn span {
  display: none;
  color: #000
}
.langswt .dropdown-toggle img.icon-flag {
  width: 20px;
  margin-right: 0
}
.langswt .dropdown-toggle::after {
  display: none
}
.langswt .dropdown-menu {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 99;
  right: 0;
  border-radius: 5px;
  font-size: .8rem;
  padding: 0;
  left: auto;
  margin: 0
}
.langswt .dropdown-menu img.icon-flag {
  width: 20px;
  margin-right: 8px;
  margin-right: 8px;
  width: 20px
}
.langswt .dropdown-menu span {
  font-size: .7rem
}
.langswt .dropdown-menu a {
  border-bottom: 1px solid #e7e7e7;
  color: #000 !important;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  align-items: center
}
.langswt .dropdown-menu a span {
  color: #000
}
.langswt .dropdown-menu a:last-child {
  border-bottom: none
}
.langswt .dropdown-menu a:hover {
  background-color: #ddd;
  border-radius: 5px
}
.langswt > .btn:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  border-radius: 2px
}
.langswtmobile .card-header {
  background-color: #434343;
  border-radius: 0
}
.langswtmobile .card-header h4 {
  font-size: 1.2em;
  color: #fff;
  padding: 0
}
.langswtmobile .card-header a {
  width: 100%;
  display: flex;
  padding: 10px 15px;
  align-items: center;
  justify-content: flex-start
}
.langswtmobile .card-header a img.icon-flag {
  width: 20px
}
.langswtmobile .card-header a:after {
  content: "+";
  position: absolute;
  right: 15px;
  transition: transform .15s ease-in-out
}
.langswtmobile .card-header a[aria-expanded="true"]:after {
  transform: rotate(45deg)
}
.langswtmobile .panel-body a {
  padding: 10px 15px;
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  font-size: .7rem
}
.langswtmobile .panel-body a:last-child {
  border-bottom: none
}
.langswtmobile .panel-body img.icon-flag {
  width: 20px;
  margin-right: 10px
}
.ap-notification .btn {
  background: transparent;
  display: flex;
  align-items: center
}
.ap-notification .btn svg {
  width: 1.1em;
  color: #fff
}
.ap-notification .btn .notif-01 {
  background-color: #f00;
  color: #fff;
  font-size: .5rem;
  font-weight: 600;
  border-radius: 20px;
  position: relative;
  top: -8px;
  left: -10px;
  width: 15px;
  height: 15px;
  padding: 4px 2px
}
.ap-notification .dropdown-menu {
  width: 350px;
  padding: 0;
  margin: 0;
  border: none
}
.ap-notification .dropdown-menu .notif-hd-title {
  background-color: #0006b5;
  padding: 10px;
  color: #fff;
  text-align: center;
  border-radius: 2px 2px 0 0
}
.ap-notification .dropdown-menu .notifUnread {
  background-color: #004eff14;
  border-color: #000
}
.ap-notification .dropdown-menu .notifUnread::after {
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.ap-notification .dropdown-menu .notifUnread div {
  color: #0056b3;
  font-weight: 500
}
.ap-notification .dropdown-menu .a-top-text-heading {
  font-size: .9rem;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.ap-notification .dropdown-menu .a-top-text-light {
  font-size: .7rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.ap-notification .dropdown-menu li {
  display: flex;
  width: 100%
}
.ap-notification .dropdown-menu li:last-child {
  padding: 0
}
.ap-notification .dropdown-menu li:last-child .btn-notifi-all {
  display: block;
  text-align: center;
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  padding: 5px
}
.ap-notification .dropdown-menu .a-top-text-block {
  display: block;
  padding: 5px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: inherit;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
  width: 100%
}
.ap-notification .dropdown-menu .a-top-text-block:hover:before {
  content: '';
  width: 4px;
  background: #f05a1a;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute
}
.ap-notification .dropdown-menu .a-top-text-block.unread {
  background: #ffc
}
.ap-dls .luckspin_logo {
  display: inline-block;
  position: fixed;
  bottom: 15px;
  left: 20px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: #2b00ad;
  color: #fff;
  cursor: pointer;
  padding: 9px;
  width: 150px;
  border-radius: 20px;
  box-shadow: 3px 3px 13px black
}
.ap-dls .m-dp-none {
  display: block !important
}
.ap-dls #dls-btn-close.close {
  color: #c7c7c7;
  font-weight: 300;
  opacity: 1;
  border-radius: 100%;
  border: 2px solid #c7c7c7;
  width: 21px
}
.ap-dls .dlsLogoBtn {
  background: transparent;
  border: none
}
.ap-dls .luckspin_logo_ready {
  opacity: 1 !important
}
.ap-dls .luckspin_logo_img {
  width: 100%
}
.ap-dls .dls-time-title {
  color: #fff;
  font-size: .6em;
  padding: 5px 0
}
.ap-dls .luckspin_countdown {
  font-weight: 500;
  color: #ffeb00;
  text-align: center;
  width: 150px
}
.ap-dls .modal, .ap-dls .modal2 {
  display: none;
  position: fixed;
  z-index: 1200;
  padding-top: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  backdrop-filter: blur(5px);
  align-items: center;
  justify-content: center
}
.ap-dls .dls-title {
  text-align: center;
  position: relative;
  top: 25px;
  z-index: 99
}
.ap-dls .dls-title h1 {
  background-color: #00bc20;
  border-radius: 80px;
  text-align: center;
  color: #fff;
  padding: 15px 40px px;
  font-size: 1.6em;
  display: inline-block;
  margin: 0 auto;
  font-weight: 700
}
.ap-dls .modal-content.oned {
  background: #060073;
  border-bottom: 5px solid #0e0eaf;
  background: linear-gradient(0deg, #060073 0%, #0e0eaf 35%, #004aff 100%);
  margin: auto;
  padding: 30px;
  width: 350px;
  border-radius: 55px
}
.ap-dls .modal-content.oned h1 {
  color: #fff;
  font-size: 1.2em;
  margin-bottom: 20px;
  text-align: center
}
.ap-dls #dls {
  margin: 20px auto;
  position: relative;
  align-items: center;
  justify-content: center
}
.ap-dls .marker {
  position: absolute;
  width: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 60px;
  z-index: 2
}
.ap-dls .dls-wheel {
  width: 100%
}
.ap-dls .dls-button {
  margin: 0 auto;
  background-color: #f00;
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 5px 45px;
  cursor: pointer;
  font-size: 1.5em !important;
  font-weight: 700
}
.ap-dls #dls-close.close {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  text-align: center;
  background-color: #000;
  width: 25px;
  height: 25px;
  border-radius: 30px;
  margin: 0 auto;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 0;
  opacity: 1;
  border: 1px solid #fff
}
.ap-dls .bonus-dls {
  width: 100%;
  text-align: center;
  padding: 0 5px 0;
  margin-top: 35px
}
.ap-dls .bonus-dls-bg {
  background: rgba(0, 27, 158, .52);
  border-radius: 20px;
  padding: 5px 2px 0
}
.ap-dls .bonus-dls h1 {
  color: #ffeb00;
  border-bottom: 1px solid;
  font-size: 2em;
  padding: 5px
}
.ap-dls .dls-blue {
  background-color: #00f
}
.ap-dls .bonus-box {
  padding: 15px 0 0;
  border-radius: 11px 11px 0 0;
  width: 100%;
  margin: 3px
}
.ap-dls .bonus-box img {
  width: 20px
}
.ap-dls .bonus-box span {
  font-size: .9em;
  font-weight: 600;
  width: 100%;
  display: block;
  padding-bottom: 5px
}
.ap-dls .bonus-box p {
  background-color: rgba(0, 0, 0, .38);
  width: 100%;
  color: #fff;
  padding: 3px;
  font-size: .8em
}
@media only screen and (max-width:767px) {
  .ap-dls .m-dp-none {
    display: none !important
  }
}
.trxhis .padding-x {
  padding-left: 10px;
  padding-right: 10px
}
.trxhis .margin-right-table {
  margin-right: -10px
}
.trxhis .afb-title-h1 {
  background: #000;
  background: linear-gradient(90deg, #000 0%, rgba(9, 9, 121, 0) 65%);
  width: 100%;
  padding: 8px 0;
  font-size: 1.5em
}
.trxhis .afb-title-h1 .h1 {
  color: #fff;
  font-size: .7em;
  display: inline-block;
  margin: 0 auto
}
.trxhis .afb-title-h1 span {
  color: #fff
}
.trxhis a span {
  display: inline-block;
  float: right;
  color: #b3b3b3;
  margin-right: 25px;
  margin: 0 auto;
  font-size: .9em
}
.trxhis .table {
  margin-bottom: 20px !important
}
.trxhis .table tr {
  border-top: 1px solid #dee2e6
}
.trxhis .thead-dark {
  background-color: #000
}
.trxhis .thead-dark tr {
  text-align: center
}
.trxhis .thead-dark th {
  color: #fff;
  background-color: #000;
  border-color: #fff;
  border-top: 0
}
.trxhis .table-striped tbody tr:nth-of-type(odd) {
  background-color: #2c2c2c !important
}
.trxhis .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}
.gmshis .margin-left-table {
  margin-left: -10px
}
.gmshis .afb-title-h1 {
  background: #000;
  background: linear-gradient(90deg, #000 0%, rgba(9, 9, 121, 0) 65%);
  width: 100%;
  padding: 8px 0;
  font-size: 1.5em
}
.gmshis .afb-title-h1 .h1 {
  color: #fff;
  font-size: .7em;
  display: inline-block;
  margin: 0 auto
}
.gmshis .afb-title-h1 a span {
  display: inline-block;
  float: right;
  color: #b3b3b3;
  margin-right: 25px;
  margin: 0 auto;
  font-size: .9em
}
.gmshis .afb-title-h1 span {
  color: #fff
}
.gmshis .table {
  margin-bottom: 20px !important
}
.gmshis .table .thead-dark {
  background-color: #000
}
.gmshis .table .thead-dark tr {
  text-align: center
}
.gmshis .table tr {
  border-top: 1px solid #dee2e6
}
.gmshis .table tr td.text-center {
  min-width: 110px
}
.gmshis .table .table-striped tbody tr:nth-of-type(odd) {
  background-color: #2c2c2c !important
}
.gmshis .table .table tbody + tbody {
  border-top: 2px solid #dee2e6
}
.ap-notification.modal .modal-body .text-muted {
  display: none
}
.sliderbanner .carousel-indicators {
  z-index: 10;
  display: none
}
.sliderbanner .carousel-indicators .active {
  height: 0
}
.sliderbanner .carousel-control-next {
  z-index: auto;
  z-index: auto
}
.sliderbanner .carousel-control-prev {
  z-index: auto;
  z-index: auto
}
.ap-video-sidebar .inside {
  background-color: #191919;
  padding: 15px
}
.oddsWidget .odds-bgWidget {
  position: relative;
  color: #fff;
  border-radius: 20px 20px
}
.oddsWidget .odds-bgWidget p {
  margin: 0
}
.oddsWidget .odds-namesWidget {
  padding: 20px;
  top: 0;
  width: 100% !important;
  color: #fff;
  line-height: 15px;
  position: relative;
  padding: 3px;
  background: #2b2b2b;
  font-weight: 500
}
.oddsWidget .odds-namesWidget .home p {
  height: 11px
}
.oddsWidget .odds-namesWidget .away p {
  height: 11px
}
.oddsWidget .odds-bgWidget .score {
  font-size: 3rem
}
.oddsWidget .odds-namesWidget p {
  font-size: 1.2em;
  font-weight: 600;
  color: #fff
}
.oddsWidget .odds-namesWidget span {
  font-size: 10px;
  font-weight: 700
}
.oddsWidget .odds-namesWidget span.one {
  font-size: 1em;
  font-weight: 600
}
.oddsWidget .odds-namesWidget span.topLeague {
  font-size: 1em;
  font-weight: 600;
  color: #f7c500
}
.oddsWidget .odds-namesWidget img {
  width: 30px;
  filter: brightness(0) invert(1)
}
.oddsWidget .odds-dateWidget img {
  width: 15px !important;
  height: 15px !important
}
.oddsWidget .odds-dateWidget {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 16px
}
.oddsWidget .odds-dateWidget p {
  margin: 0;
  color: #fff
}
.oddsWidget .odds-dateWidget span {
  font-size: .8em
}
.oddsWidget .odds-date-wrapperWidget {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  background: #f00;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}
.oddsWidget .odds-liveWidget {
  background-color: #f00;
  padding: 1px 5px;
  border-radius: 2px;
  font-size: .6em;
  position: absolute;
  right: 18px;
  bottom: 155px
}
.oddsWidget .odds-liveWidget:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: #fff;
  margin-right: 4px
}
.oddsWidget .odds-liveWidget:empty:before {
  display: none
}
.oddsWidget .odds-liveWidget:empty {
  padding: 0
}
.oddsWidget .images-date {
  border-radius: 6px;
  padding: 5px;
  background: none
}
.oddsWidget .odds-vsWidget {
  padding: 9px;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: -15px;
  font-weight: 900;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/topLeague/vs.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 33px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center
}
.oddsWidget .borderlight {
  border: 1px solid #5f5f5f
}
.oddsWidget .half-border::after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  top: 25%;
  width: 1px;
  height: 50%;
  background: #5f5f5f
}
.oddsWidget .odds-wrapperWidget {
  border-radius: 10px;
  border: 1px solid #b29035;
  position: relative;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/topLeague/bg.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center
}
.oddsWidget .odds-wrapperWidget h1 {
  font-size: .9em;
  text-align: center;
  margin: 0;
  color: #f7c500;
  padding: 10px 0;
  font-weight: 500
}
.oddsWidget .red-font {
  color: #f00 !important
}
@media(max-width:767px) {
  .oddsWidget .odds-wrapperWidget {
    margin-bottom: 5px
  }
}
.oddsWidget .placeholderimg img {
  height: 60px !important;
  width: 60px !important
}
.oddsWidget span.initials {
  position: absolute;
  width: 100%;
  top: 22px;
  margin-left: 18px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left
}
.oddsWidget.e8mfun .odds-bgWidget {
  position: relative;
  color: #fff;
  border-radius: 20px 20px
}
.oddsWidget.e8mfun .odds-bgWidget p {
  margin: 0
}
.oddsWidget.e8mfun .odds-namesWidget {
  padding: 20px;
  top: 0;
  width: 100% !important;
  color: #fff;
  line-height: 15px;
  position: relative;
  padding: 3px;
  background: #2b2b2b;
  font-weight: 500
}
.oddsWidget.e8mfun .odds-namesWidget .home p {
  height: 11px
}
.oddsWidget.e8mfun .odds-namesWidget .away p {
  height: 11px
}
.oddsWidget.e8mfun .odds-bgWidget .score {
  font-size: 3rem
}
.oddsWidget.e8mfun .odds-namesWidget {
  background-color: #00a6ff
}
.oddsWidget.e8mfun .odds-namesWidget p {
  font-size: 1.3em;
  font-weight: 400;
  color: #fff;
  font-family: 'SF Pro Display', sans-serif !important
}
.oddsWidget.e8mfun .odds-namesWidget .pb2 {
  background-color: #00a6ff !important
}
.oddsWidget.e8mfun .odds-namesWidget span {
  font-size: 1.2em;
  font-weight: 600;
  padding: 0 3px;
  font-family: 'SF Pro Display', sans-serif !important
}
.oddsWidget.e8mfun .odds-namesWidget span.one {
  font-size: 1em;
  font-weight: 600
}
.oddsWidget.e8mfun .odds-namesWidget span.topLeague {
  font-size: 1em;
  font-weight: 600;
  color: #f7c500
}
.oddsWidget.e8mfun .odds-namesWidget img {
  width: 30px;
  filter: brightness(0) invert(1)
}
.oddsWidget.e8mfun .odds-dateWidget img {
  width: 16px !important;
  height: 14px !important
}
.oddsWidget.e8mfun .odds-dateWidget {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 16px;
  background-color: #0086d7;
  border-radius: 5px;
  padding: 0 5px;
  width: 95%;
  justify-content: start;
  position: relative
}
.oddsWidget.e8mfun .odds-dateWidget p {
  margin: 0;
  color: #fff
}
.oddsWidget.e8mfun .odds-dateWidget span {
  font-size: .8em
}
.oddsWidget.e8mfun .odds-date-wrapperWidget {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  background: #00a6ff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}
.oddsWidget.e8mfun .odds-liveWidget {
  background-color: transparent;
  padding: 1px 5px;
  border-radius: 2px;
  font-size: .8em;
  position: static;
  position: absolute;
  right: 15px;
  bottom: 3px
}
.oddsWidget.e8mfun .odds-liveWidget:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: transparent;
  margin-left: 0
}
.oddsWidget.e8mfun .odds-liveWidget:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  -moz-border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  background-color: #f00;
  margin-left: 4px
}
.oddsWidget.e8mfun .odds-liveWidget:empty:before {
  display: none
}
.oddsWidget.e8mfun .odds-liveWidget:empty {
  padding: 0
}
.oddsWidget.e8mfun .images-date {
  border-radius: 6px;
  padding: 5px;
  background: none;
  margin-right: 5px
}
.oddsWidget.e8mfun .odds-vsWidget {
  padding: 15px;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: -15px;
  font-weight: 500;
  background-image: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 33px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 15px
}
.oddsWidget.e8mfun .borderlight {
  border: 1px solid #5f5f5f;
  border-color: transparent;
  background-color: #0086d7;
  border: 1px solid #5f5f5f;
  border-color: transparent;
  background-color: #0086d7;
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 20px;
  background-color: #0086d7;
  border-radius: 5px;
  padding: 0 5px;
  border-radius: 20px
}
.oddsWidget.e8mfun .half-border::after {
  content: none;
  position: absolute;
  right: 0;
  z-index: 100;
  top: 25%;
  width: 2px;
  height: 50%;
  background: #fff
}
.oddsWidget.e8mfun .middle-border::after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  top: 0%;
  width: 2.5px;
  height: 100%;
  background: #fff
}
.oddsWidget.e8mfun .odds-wrapperWidget {
  border-radius: 10px;
  position: relative;
  border-color: transparent;
  background-color: #0086d7
}
.oddsWidget.e8mfun .odds-wrapperWidget h1 {
  background-color: #00a6ff;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-family: 'SF Pro Display', sans-serif !important;
  font-size: 1.1rem;
  padding: 15px 0;
  font-weight: 500
}
.oddsWidget.e8mfun .red-font {
  color: #f00 !important;
  font-weight: 500 !important
}
@media(max-width:767px) {
  .oddsWidget.e8mfun .odds-wrapperWidget {
    margin-bottom: 5px
  }
}
.oddsWidget.e8mfun .placeholderimg img {
  height: 45px !important;
  width: 45px !important
}
.oddsWidget.e8mfun span.initials {
  position: absolute;
  width: 100%;
  top: 30px;
  margin-left: 12px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left
}
.oddsWidget.e8mfun .owl-carousel .owl-nav button.owl-prev, .oddsWidget.e8mfun .owl-carousel .owl-nav button.owl-next, .oddsWidget.e8mfun .owl-carousel button.owl-dot {
  background-color: transparent !important
}
.oddsWidget.e8mfun .owl-next {
  right: 0%;
  top: 40%
}
.oddsWidget.e8mfun .owl-prev {
  left: 0%;
  top: 40%
}
#tournament-tableranking.init {
  min-height: 285px
}
#tournament-tableranking h6 {
  font-size: .9rem !important
}
#tournament-tableranking .btn-tournament {
  border: 2px solid #efb000;
  background-color: transparent;
  padding: .175rem .75rem;
  border-radius: .25rem;
  color: #efb000;
  font-weight: 700;
  border-radius: 3px;
  margin-right: 5px
}
#tournament-tableranking .btn-tournament.btn-sm {
  padding: .25rem .5rem;
  border-radius: .2rem
}
#tournament-tableranking .btn-tournament:hover {
  background-color: #efb000;
  color: #fff
}
#tournament-tableranking .btn-tournament.active {
  background-color: #cd9c00;
  color: #fff
}
#tournament-tableranking .tournament-leaderboard-point {
  color: #fff
}
#tournament-tableranking .step-container {
  border-radius: 10px;
  border: 2px solid #b29035;
  display: flex;
  align-items: center;
  position: relative;
  margin: 15px auto
}
#tournament-tableranking .step1-container, #tournament-tableranking .step2-container, #tournament-tableranking .step3-container {
  border-radius: 10px;
  border: 2px solid #b29035;
  display: flex;
  align-items: center;
  position: relative;
  margin: 15px auto;
  background: #000000b0
}
#tournament-tableranking .step1-container img, #tournament-tableranking .step2-container img, #tournament-tableranking .step3-container img {
  margin-left: -25px;
  width: 50px;
  margin-top: -10px;
  height: 55px
}
#tournament-tableranking .step1-container p, #tournament-tableranking .step2-container p, #tournament-tableranking .step3-container p {
  font-size: 10px
}
#tournament-tableranking .step1-container p.step, #tournament-tableranking .step2-container p.step, #tournament-tableranking .step3-container p.step {
  color: #e1b01c;
  font-size: 13px;
  text-align: left;
  margin-bottom: 0
}
#tournament-tableranking .step1-container:after, #tournament-tableranking .step2-container:after {
  background: url("../images/step/arrow.webp") no-repeat;
  content: "";
  width: 32%;
  height: 42%;
  background-size: contain;
  display: inline-flex;
  position: absolute;
  right: 0;
  top: 50%;
  left: 110%;
  z-index: 1;
  transform: translate(-50%, -50%)
}
#tournament-tableranking .btn-arrow-left i, #tournament-tableranking .btn-arrow-right i {
  background-color: #b29035;
  color: #fff;
  border-radius: 5px;
  padding: 5px
}
#tournament-tableranking .tournament-wrapper {
  padding: 20px 10px;
  background: url("../images/casino_longboard_2.webp");
  background-size: 100% 100%
}
@keyframes changeBg {
  50% {
    background: url(https://dd8p0622bwh41.cloudfront.net/Content/media/torurmant/board/casino_longboard.webp);
    background-size: 100% 100%
  }
  100% {
    background: url("../images/casino_longboard_2.webp");
    background-size: 100% 100%
  }
}
#tournament-tableranking .coming-controlls {
  right: auto;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff85;
  width: auto;
  height: auto;
  font-size: 10px
}
#tournament-tableranking .display-remain-days, #tournament-tableranking .display-remain-hours, #tournament-tableranking .display-remain-minutes, #tournament-tableranking .display-remain-seconds, #tournament-tableranking .display-remain {
  display: block;
  font-size: .9rem;
  color: #fff490;
  font-weight: 600;
  text-shadow: 2px 2px #202020
}
#tournament-tableranking .main-wrapper {
  border-top: 1px solid #b18f35;
  position: relative;
  padding: 12px 0
}
#tournament-tableranking #tournWTop5RankContent .btn-arrow-left i, #tournament-tableranking #tournWTop5RankContent .btn-arrow-right i {
  background-color: #2c2c2c;
  color: #fff;
  border-radius: 5px;
  padding: 5px
}
#tournament-tableranking #tournWTop5RankContent .rank-container {
  box-shadow: inset 0 3px 3px #00000040;
  background: #2c2c2c;
  padding: 0 5px;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 9px;
  margin-left: 25px;
  min-width: 150px
}
#tournament-tableranking #tournWTop5RankContent .rank-container img {
  width: 35px;
  height: 35px;
  max-width: none
}
#tournament-tableranking #tournWTop5RankContent .rank-container img.rankdaily-icon1, #tournament-tableranking #tournWTop5RankContent .rank-container img.rankdaily-icon2, #tournament-tableranking #tournWTop5RankContent .rank-container img.rankdaily-icon3 {
  width: 45px;
  margin-top: -9px;
  margin-left: -12px;
  height: 45px
}
#tournament-tableranking #tournWTop5RankContent .rank-container img.rankdaily-icon {
  width: 35px;
  height: 35px
}
#tournament-tableranking #tournWTop5RankContent .rank-container .rank {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  font-family: 'Poppins-BoldItalic, Poppins';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#tournament-tableranking #tournWTop5RankContent .rank-container p {
  margin-left: 10px
}
#tournament-tableranking #tournWTop5RankContent .rank-container p.tournament-leaderboard-user {
  color: #fff;
  margin-bottom: 0
}
#tournament-tableranking #tournWTop5RankContent .rank-container p.tournament-leaderboard-point {
  color: #e1b01c
}
#tournament-tableranking #tournWTop5RankContent .rank-container.no1 {
  border-right: solid 4px #f7cc59 !important;
}
#tournament-tableranking #tournWTop5RankContent .rank-container.no2 {
  border-right: solid 4px #c2c2c2
}
#tournament-tableranking #tournWTop5RankContent .rank-container.no3 {
  border-right: solid 4px #d18d4e
}
#tournament-homepagetable #BtnGroup {
  border-bottom: none;
  border-radius: 80px ;
  background: #0f212e;
  padding: 5px;
  font-size: .8rem;
  width: fit-content;
  margin-bottom: 1rem
}
#tournament-homepagetable.init {
  min-height: 285px
}
#tournament-homepagetable h6 {
  font-size: 1rem !important
}
#tournament-homepagetable .btn-tournament {
  font-weight: 700;
  margin-right: 5px;
  color: #fff;
  border-radius: 80px;
  border: none
}
#tournament-homepagetable .btn-tournament.btn-sm {
  padding: .25rem .5rem;
  border-radius: .2rem
}
#tournament-homepagetable .btn-tournament:hover, #tournament-homepagetable .btn-tournament.active {
  background-color: #2f4553;
  border-radius: 80px;
  border: none;
  color: #fff
}
#tournament-homepagetable .btn-arrow-left i, #tournament-homepagetable .btn-arrow-right i {
  background-color: transparent;
  color: #fff;
  padding: 5px
}
#tournament-homepagetable .coming-controlls {
  right: auto;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff85;
  width: auto;
  height: auto;
  font-size: 10px
}
#tournament-homepagetable .display-remain-days, #tournament-homepagetable .display-remain-hours, #tournament-homepagetable .display-remain-minutes, #tournament-homepagetable .display-remain-seconds, #tournament-homepagetable .display-remain {
  display: block;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  text-shadow: 2px 2px #202020
}
#tournament-homepagetable .rank-container {
  color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 9px;
  width: 36px
}
#tournament-homepagetable .rank-container img {
  width: 35px;
  height: 35px;
  max-width: none
}
#tournament-homepagetable .rank-container img.rankdaily-icon1, #tournament-homepagetable .rank-container img.rankdaily-icon2, #tournament-homepagetable .rank-container img.rankdaily-icon3 {
  width: 45px;
  margin-top: -9px;
  margin-left: -12px;
  height: 45px
}
#tournament-homepagetable .rank-container img.rankdaily-icon {
  width: 35px;
  height: 35px
}
#tournament-homepagetable .rank-container .rank {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  font-family: 'Poppins-BoldItalic, Poppins';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
#tournament-homepagetable .rank-container p {
  margin-left: 10px
}
#tournament-homepagetable .rank-container p.tournament-leaderboard-user {
  color: #fff;
  margin-bottom: 0
}
#tournament-homepagetable .rank-container p.tournament-leaderboard-point {
  color: #e1b01c
}
#tournament-homepagetable .rank-container.no1 {
  border-right: solid 4px #f7cc59
}
#tournament-homepagetable .rank-container.no2 {
  border-right: solid 4px #c2c2c2
}
#tournament-homepagetable .rank-container.no3 {
  border-right: solid 4px #d18d4e
}
@media only screen and (max-width:768px) {
  #tournament-tableranking .tournament-wrapper {
    padding: 10px 10px;
    background: url(https://dd8p0622bwh41.cloudfront.net/Content/media/torurmant/board/casino_squareboard.webp);
    background-size: 100% 100%
  }
}
@media only screen and (max-width:767px) {
  #tournament-tableranking #tournWTop5RankTabContent .tournament-leaderboard-item {
    font-size: 9px
  }
}
.accordionTournament {
  --main_color: #0372ff;
  --main_color2: #0031d2;
  --sub_color: #0031d2;
  --sub_color2: #0031d2;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  position: relative
}
.accordionTournament .collapse-tab {
  display: flex;
  gap: .5rem;
  white-space: nowrap;
  overflow-x: auto
}
.accordionTournament .collapse-label {
  font-size: .875rem;
  text-transform: uppercase;
  font-weight: 500;
  background-color: var(--sub_color);
  padding: 0 10px;
  white-space: nowrap;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis
}
.accordionTournament .collapse-label::before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "";
  font-size: small;
  padding-right: .5rem
}
.accordionTournament .collapse-label::after {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "";
  font-size: small;
  padding-left: .5rem
}
.accordionTournament .collapse-btn {
  color: #fff;
  padding: 0;
  border: none;
  background-color: var(--main_color);
  border-start-start-radius: .8rem;
  border-start-end-radius: .8rem;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  overflow: hidden;
  width: 250px
}
.accordionTournament .collapse-btn:hover {
  color: #fff
}
.accordionTournament .collapse-btn.collapsed .collapse-label::after {
  content: ""
}
.accordionTournament .collapse-header:nth-child(even) .collapse-btn {
  background-color: #6a11cb
}
.accordionTournament .collapse-time {
  font-size: small;
  transform: scale(.7)
}
.accordionTournament .collapse-time span {
  color: #fff
}
.accordionTournament .collapse-content::-webkit-scrollbar {
  display: none
}
.accordionTournament .collapse-content {
  background-color: #fff;
  overflow-x: auto;
  box-shadow: 0 2px 7px 0 #00000080
}
.accordionTournament .collapse-content .collapse {
  border-top: solid 4px var(--main_color)
}
.accordionTournament .collapse-content .collapse:nth-child(even) {
  border-top: solid 4px #6a11cb
}
.accordionTournament .collapse-content .container {
  padding: 0
}
.accordionTournament .collapse-content .btn-arrow-left {
  display: none
}
.accordionTournament .collapse-content .btn-arrow-left i {
  background-color: #000000ad;
  color: #fff;
  border-radius: 5px;
  padding: 5px
}
.accordionTournament .collapse-content .btn-arrow-right {
  display: none
}
.accordionTournament .collapse-content .btn-arrow-right i {
  background-color: #000000ad;
  color: #fff;
  border-radius: 5px;
  padding: 5px
}
.accordionTournament .collapse-content .content-box_container {
  display: flex;
  position: relative;
  justify-content: start
}
.accordionTournament .collapse-content .content-item {
  border-right: 1px solid #efefef;
  font-weight: 600;
  padding: 0 1rem;
  margin: .5rem 0;
  white-space: nowrap;
  display: flex
}
.accordionTournament .collapse-content .content-item img.rank-icon {
  width: 35px
}
.accordionTournament .collapse-content .content-item img.rankdaily-icon {
  width: 35px;
  height: 35px
}
.accordionTournament .collapse-content .content-item img.rankdaily-icon1, .accordionTournament .collapse-content .content-item img.rankdaily-icon2, .accordionTournament .collapse-content .content-item img.rankdaily-icon3 {
  width: 45px;
  margin-top: -7px;
  margin-left: -12px;
  max-width: 45px
}
.accordionTournament .collapse-content .content-item img.rankweekly-icon1 {
  width: 50px;
  margin-top: -7px;
  margin-left: -8px;
  max-width: 50px
}
.accordionTournament .collapse-content .content-item img.rankweekly-icon2 {
  width: 52px;
  margin-top: 1px;
  margin-left: -9px;
  max-width: 52px
}
.accordionTournament .collapse-content .content-item img.rankweekly-icon3 {
  width: 40px;
  margin-left: -3px;
  max-width: 40px
}
.accordionTournament .collapse-content .content-item img.rankweekly-icon {
  width: 40px;
  margin-left: -2px;
  max-width: 40px
}
.accordionTournament .collapse-content .content-item .rank {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  font-family: 'Poppins-BoldItalic, Poppins';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.accordionTournament .collapse-content .content-item .media {
  align-items: center;
  position: relative
}
.accordionTournament .collapse-content .content-item .media .media-body p {
  color: #666
}
.accordionTournament .collapse-content .content-item:last-child {
  border-right: none
}
.accordionTournament .collapse-content .content-img {
  width: auto;
  padding-right: 1rem
}
.accordionTournament .collapse-content .content-name {
  color: var(--sub_color)
}
.accordionTournament .collapse-content .content-value {
  color: #f00;
  padding: 0 .125rem
}
.accordionTournament .collapse-content .user-ranking {
  border: none;
  background-color: #efefef;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center
}
.accordionTournament .collapse-content .user-ranking-number {
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: normal;
  position: absolute;
  width: 45px;
  text-align: center
}
.accordionTournament .collapse-content .user-ranking .media {
  padding: .25rem 1rem .25rem 1rem;
  position: relative
}
.accordionTournament .collapse-content .user-ranking-info {
  font-size: xx-small;
  color: #bababa
}
.accordionTournament .collapse-content .user-ranking-more {
  text-transform: uppercase;
  color: #fff;
  background: var(--sub_color);
  font-weight: 500;
  font-size: small;
  padding-top: .125rem;
  padding-bottom: .125rem;
  line-height: 1;
  border-radius: 0
}
.accordionTournament .collapse-content .user-ranking-more:hover {
  background: var(--main_color)
}
@media only screen and (max-width:767px) {
  .accordionTournament .container {
    padding: 0
  }
  .accordionTournament .collapse-tab {
    background-color: var(--sub_color);
    gap: 1px
  }
  .accordionTournament .collapse-btn {
    border-radius: unset;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .25rem 1.25rem .25rem .5rem
  }
  .accordionTournament .collapse-btn::after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: "";
    font-size: small;
    position: absolute;
    right: .5rem
  }
  .accordionTournament .collapse-btn.collapsed::after {
    content: ""
  }
  .accordionTournament .collapse-label {
    background: none;
    line-height: 1;
    width: 200px
  }
  .accordionTournament .collapse-label::before, .accordionTournament .collapse-label::after {
    display: none
  }
  .accordionTournament .collapse-content .content-box_container {
    justify-content: start
  }
  .accordionTournament .collapse-content .content-item {
    white-space: nowrap
  }
}
@media only screen and (max-width:1300px) {
  .accordionTournament .collapse-content .btn-arrow-left {
    display: block
  }
  .accordionTournament .collapse-content .btn-arrow-right {
    display: block
  }
}
.tomyam-container .nav_bottom-container .accordionTournament .collapse-content .content-box_container, .maneki-main .nav_bottom-container .accordionTournament .collapse-content .content-box_container, #side-content .nav_bottom-container .accordionTournament .collapse-content .content-box_container {
  display: flex;
  justify-content: start
}
.tournament-container .loading-indicator {
  margin: 0 auto;
  display: flex;
  align-items: center
}
.tournament-container .loading-indicator .loading-text {
  font-size: .875rem
}
.tournament-container .loading-indicator .spinner-border {
  height: .875rem;
  width: .875rem;
  border: .14rem solid currentColor;
  border-right-color: transparent;
  margin-right: 10px
}
.checkmark {
  left: auto !important;
  top: auto !important;
  right: 8px;
  width: 35px !important;
  padding: 6px;
  display: none
}
.cross {
  left: auto !important;
  top: 0 !important;
  right: 8px;
  width: 35px !important;
  padding: 6px;
  display: none
}
.error-checkName {
  color: #dc3545 !important;
  font-size: 80%
}
.top5game .mobileT5G, .jackpotpool .mobileT5G {
  padding: 0 10px
}
.top5game .mobileT5G .photobox, .jackpotpool .mobileT5G .photobox {
  padding: 0 5px
}
#buypromoModal .modal-content {
  border: none;
  margin: auto;
  max-width: 500px;
  width: 450px !important
}
@media screen and (max-width:500px) {
  #buypromoModal .modal-content {
    width: 360px !important
  }
}
#buypromoModal input, #buypromoModal textarea {
  border-radius: 0;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border: 1px solid #000;
  font-size: 1em;
  color: #000;
  font-weight: 400
}
#buypromoModal .fld {
  box-sizing: border-box;
  width: 100%;
  background-color: #d9d9d9;
  border-color: #d7d7d7;
  border-radius: 2px;
  padding: 0 10px;
  border: 1px solid #ddd;
  outline: none;
  color: #7d7d7d;
  font-size: 16px;
  line-height: 1
}
#buypromoModal .minmaxTxt, #buypromoModal .minmaxTxt span {
  color: #0400ff;
  font-size: .9em
}
#buypromoModal .displayinfo {
  background-color: #0ff
}
#buypromoModal .font-black {
  color: #000
}
#buypromoModal label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  text-transform: inherit;
  letter-spacing: 0;
  color: #000;
  margin-bottom: 0;
  cursor: default
}
#buypromoModal #buypromo-promotionTitleTxt {
  color: #000
}
#buypromoModal h5 {
  font-size: 1.25rem;
  margin-bottom: 0
}
#NangPowClaim {
  z-index: 9999999999 !important
}
#NangPowClaim .modal-body {
  color: #fff
}
#NangPowClaim .modal-content {
  margin: auto;
  width: 400px;
  background: transparent !important;
  color: #fff;
  border: none
}
@media screen and (max-width:580px) {
  #NangPowClaim .angpow-input {
    flex-wrap: wrap
  }
  #NangPowClaim .angpow-input-select {
    width: 100% !important
  }
  #NangPowClaim .angpow-input .label-list, #NangPowClaim .angpow-input-select {
    position: relative !important
  }
  #NangPowClaim .angpow-input .label-list {
    margin-bottom: 10px
  }
  #NangPowClaim .angpow-input .form-control {
    padding-left: 10px !important;
    padding-right: 35px !important
  }
  #NangPowClaim .modal-content {
    width: 280px !important
  }
  #NangPowClaim .animated-gow {
    width: 500px !important;
    margin-left: -544px !important
  }
  #NangPowClaim .angpow-input .label-list {
    height: 33px
  }
  #NangPowClaim .angpow-input .select-options, #NangPowClaim .angpow-input .label-list {
    font-size: .7rem
  }
  #NangPowClaim .ang-pow-cta .button, #NangPowClaim .ang-pow-cta .button:hover {
    font-size: .8rem
  }
  #NangPowClaim .angpow-card-header .coin-right {
    width: 2.5rem
  }
  #NangPowClaim .angpow-card-header span {
    margin-top: -1rem !important;
    font-size: 1rem !important;
    width: 50%;
    margin: 0 auto;
    line-height: 1.1rem
  }
  #NangPowClaim .animated-gow {
    width: 500px;
    margin-left: -543px;
    margin-right: -539px;
    height: max-content
  }
}
#NangPowClaim .close {
  right: 0;
  top: 0;
  position: absolute;
  color: #fff;
  width: 2em;
  height: 2em;
  opacity: 1
}
#NangPowClaim .angpow-info-input {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%
}
#NangPowClaim .modal-body {
  padding: 0;
  background: transparent
}
#NangPowClaim a.close-angpow {
  right: -15px;
  top: -15px;
  position: absolute;
  color: #fff;
  width: 2.5em;
  height: 2.5em;
  opacity: 1;
  z-index: 99;
  padding: 7px;
  border-radius: 50px;
  background-color: #000
}
#NangPowClaim a.close-angpow:hover {
  cursor: pointer
}
#NangPowClaim .angpow-container {
  position: relative
}
#NangPowClaim .ang-pow-cta {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px
}
#NangPowClaim .ang-pow-cta .close-button, #NangPowClaim .ang-pow-cta .close-button:hover {
  color: #ffe211 !important;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: underline !important;
  background: transparent;
  cursor: pointer
}
#NangPowClaim .ang-pow-cta .close-button span {
  color: #ffe211
}
#NangPowClaim .claim-angpow li.angpow-card {
  transition: all 100ms ease-in-out;
  list-style: none;
  height: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  border-radius: 0 0 20px 20px;
  text-align: center
}
#NangPowClaim .claim-angpow {
  width: 100%;
  position: relative;
  margin-top: 17%
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(1), #NangPowClaim .claim-angpow li.angpow-card:nth-child(2), #NangPowClaim .claim-angpow li.angpow-card:nth-child(3), #NangPowClaim .claim-angpow li.angpow-card:nth-child(4), #NangPowClaim .claim-angpow li.angpow-card:nth-child(5) {
  position: absolute
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(2) .ang-pow-cta, #NangPowClaim .claim-angpow li.angpow-card:nth-child(3) .ang-pow-cta, #NangPowClaim .claim-angpow li.angpow-card:nth-child(4) .ang-pow-cta, #NangPowClaim .claim-angpow li.angpow-card:nth-child(5) .ang-pow-cta {
  display: none
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(2) .angpow-card-header span, #NangPowClaim .claim-angpow li.angpow-card:nth-child(3) .angpow-card-header span, #NangPowClaim .claim-angpow li.angpow-card:nth-child(4) .angpow-card-header span, #NangPowClaim .claim-angpow li.angpow-card:nth-child(5) .angpow-card-header span {
  display: none
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(2) .angpow-card-header .button-claim-angpow, #NangPowClaim .claim-angpow li.angpow-card:nth-child(3) .angpow-card-header .button-claim-angpow, #NangPowClaim .claim-angpow li.angpow-card:nth-child(4) .angpow-card-header .button-claim-angpow, #NangPowClaim .claim-angpow li.angpow-card:nth-child(5) .angpow-card-header .button-claim-angpow {
  display: none
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(1) a.close-angpow {
  display: block !important
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(1) {
  top: 82px;
  width: 100%;
  z-index: 10
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(2) {
  top: 60px;
  width: 90%;
  z-index: 9
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(3) {
  top: 38px;
  width: 80%;
  z-index: 8
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(4) {
  top: 18px;
  width: 70%;
  z-index: 7
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(5) {
  top: -3px;
  width: 60%;
  z-index: 6
}
#NangPowClaim .claim-angpow li.angpow-card:nth-child(n+6) {
  display: none
}
#NangPowClaim .angpow-card-content img.img-angpowbg {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 20px 20px
}
#NangPowClaim .angpow-card-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 9
}
#NangPowClaim .angpow-card-header .coin-left, #NangPowClaim .angpow-card-header .coin-right, #NangPowClaim .angpow-card-content .coin-bottom-left, #NangPowClaim .angpow-card-content .coin-bottom-right {
  position: absolute
}
#NangPowClaim .angpow-card-header .coin-left {
  width: 2rem;
  left: -15px;
  z-index: 2;
  bottom: 0
}
#NangPowClaim .angpow-card-header .coin-right {
  width: 3.5rem;
  right: -15px
}
#NangPowClaim .angpow-card-header span {
  width: 80%;
  position: absolute;
  margin-top: -1.5rem;
  font-size: 1.6rem;
  color: #fce17d !important;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, .57)
}
#NangPowClaim .angpow-card-content .coin-bottom-left {
  width: 2.5rem;
  left: -15px;
  bottom: 6%;
  z-index: 2;
  transform: rotate(-45deg)
}
#NangPowClaim .angpow-card-content .coin-bottom-right {
  width: 1.8rem;
  right: -15px;
  bottom: 15%
}
#NangPowClaim .ang-pow-desc p .icon-tick {
  margin-top: -8px
}
#NangPowClaim .ang-pow-desc p {
  margin: 8px 0;
  text-align: left;
  font-size: .9rem !important;
  display: block;
  width: 100%
}
#NangPowClaim .ang-pow-desc p, #NangPowClaim .ang-pow-desc h5, #NangPowClaim .ang-pow-desc h3 {
  color: #ffe211
}
#NangPowClaim .ang-pow-desc h5 {
  display: block;
  margin: 0
}
#NangPowClaim .ang-pow-desc ul {
  padding-left: 0;
  margin-bottom: 30px
}
#NangPowClaim .ang-pow-desc ul li {
  padding-left: 25px;
  padding-top: 5px;
  color: #ffe211
}
#NangPowClaim .ang-pow-desc ul li {
  position: relative
}
#NangPowClaim .ang-pow-desc ul li img {
  position: absolute;
  left: 0;
  top: 0
}
#NangPowClaim .angpow-code {
  position: absolute;
  bottom: 15px;
  right: 25px;
  color: #ffc800;
  text-transform: uppercase;
  font-weight: 600;
  font-size: .7rem
}
#NangPowClaim .ang-pow-desc p:last-child {
  margin-bottom: 0
}
#NangPowClaim .ang-pow-desc {
  width: 80%;
  margin: 0 auto;
  z-index: 2;
  position: inherit;
  text-align: left;
  padding-left: 0;
  font-size: .9rem;
  max-height: 250px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #999 #f0f0f0
}
#NangPowClaim .text-white {
  font-size: .9rem
}
#NangPowClaim .ang-pow-desc::-webkit-scrollbar {
  width: 5px
}
#NangPowClaim .ang-pow-desc::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 4px
}
#NangPowClaim .ang-pow-desc::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 4px
}
#NangPowClaim .ang-pow-desc1 {
  z-index: 2;
  position: inherit;
  text-align: left;
  padding-left: 0;
  font-size: 1.75rem;
  color: #ffe211;
  font-weight: bold
}
#NangPowClaim .button-claim-angpow img {
  width: 1.8rem;
  right: -15px;
  top: -15px;
  position: absolute
}
#NangPowClaim .button-claim-angpow {
  padding: 8px 20px;
  background: #df801c;
  background: linear-gradient(0deg, #df801c 0%, #fce17d 100%);
  color: #810b0c;
  font-weight: 700;
  font-size: .8rem;
  border-radius: 5px;
  text-transform: capitalize;
  box-shadow: 2px 4px 21px 0 rgba(0, 0, 0, .64);
  -webkit-box-shadow: 2px 4px 21px 0 rgba(0, 0, 0, .64);
  -moz-box-shadow: 2px 4px 21px 0 rgba(0, 0, 0, .64);
  position: absolute;
  bottom: -5px;
  z-index: 9
}
#NangPowClaim .angpow-card-body {
  background: #800b0c;
  background: linear-gradient(0deg, #800b0c 0%, #fa222a 100%);
  border-radius: 0 0 20px 20px;
  position: relative;
  padding: 30px 0 40px 0;
  min-height: 300px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-top: -2px
}
#NangPowClaim .animated-gow {
  width: 710px;
  margin-left: -547px;
  margin-right: -539px;
  height: max-content;
  position: absolute;
  bottom: 0
}
#NangPowClaim .button-claim-angpow:hover {
  color: #810b0c;
  background: linear-gradient(0deg, #fce17d 0%, #df801c 100%)
}
#NangPowClaim .ang-pow-desc .icon-tick {
  width: .8rem;
  margin-right: 5px
}
#NangPowClaim .angpow-input {
  display: flex;
  align-items: center;
  position: relative;
  margin: 15px 0
}
@media only screen and (min-width:581px) {
  #NangPowClaim .angpow-input .form-control {
    padding-left: 130px !important;
    padding-right: 33px !important
  }
}
#NangPowClaim .angpow-input .form-control {
  border-radius: 50px !important;
  border: none !important;
  height: 33px !important;
  background: #eaeaea !important;
  width: 100%;
  color: #000 !important
}
#NangPowClaim .angpow-input .svg-icon {
  color: #37ad00;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 7px
}
#NangPowClaim .angpow-input select {
  display: none
}
#NangPowClaim .angpow-input .wrap h1 {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #49ff18, 0 0 30px #49ff18, 0 0 40px #49ff18, 0 0 55px #49ff18, 0 0 75px #49ff18, -40px -40px 0 rgba(28, 110, 164, 0);
  color: #181b33;
  background: #232323;
  font-size: 47px;
  text-align: center;
  font-family: monospace
}
#NangPowClaim .angpow-input .label-list {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background: #fa222a;
  background: linear-gradient(104deg, #fa222a 0%, #cd0b0c 100%);
  color: #fff;
  padding: 8px 15px;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  border-radius: 50px;
  display: flex;
  align-items: center;
  border: none;
  font-size: .8rem;
  padding-right: 30px;
  z-index: 10;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
#NangPowClaim .angpow-input .label-list:after {
  content: ':';
  position: absolute;
  right: 12px
}
#NangPowClaim .angpow-input-select {
  width: 120px;
  position: absolute;
  top: 0
}
#NangPowClaim .reqq {
  color: #f7f2c8
}
#NangPowClaim .reqq .text-g {
  color: #8aff99
}
#NangPowClaim li:not(:first-child) div.angpow-card-body {
  display: none
}
#NangPowClaim .hideangpow-card {
  display: none !important
}
#NangPowClaim .angpow-input::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
  border-radius: 0 0 5px 0
}
#NangPowClaim .angpow-input::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #9e9e9e
}
#NangPowClaim .angpow-amount {
  font-size: 2.5rem
}
#NangPowClaim .congrat {
  text-align: center
}
#NangPowClaim .congratcontent {
  align-items: center
}
.game-overlay-ButtonFadeInBottom {
  --curve: 23px
}
.game-overlay-ButtonFadeInBottom.card {
  background-color: #000;
  border-radius: var(--curve);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  padding: 0
}
.game-overlay-ButtonFadeInBottom.card .game-img {
  aspect-ratio: 3.5/4;
  object-fit: cover
}
.game-overlay-ButtonFadeInBottom.card .card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-radius: 40px 0 0 0;
  background-color: #000;
  transform: translateY(100%);
  transition: .2s ease-in-out
}
.game-overlay-ButtonFadeInBottom.card .card__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px;
  border-radius: var(--curve) 0 0 0;
  background-color: #000;
  transform: translateY(-100%);
  transition: .2s ease-in-out
}
.game-overlay-ButtonFadeInBottom.card .card__header > * {
  min-width: 0
}
.game-overlay-ButtonFadeInBottom.card .card__header .card__arc {
  width: 82px;
  height: 78px;
  position: absolute;
  bottom: 100%;
  right: 0;
  z-index: 1
}
.game-overlay-ButtonFadeInBottom.card .card__header .card__arc path {
  fill: black;
  d: path("M 40 80 c 42 5 46 -13 47 -40 v 40 Z")
}
.game-overlay-ButtonFadeInBottom.card .card__header .label-logo-2h {
  height: 40px;
  width: 40px;
  font-size: .7em;
  text-align: center;
  background: #303030;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 4px
}
.game-overlay-ButtonFadeInBottom.card .card__header .card__title {
  font-size: 1em;
  margin: 0;
  color: #fff !important;
  font-weight: 700;
  overflow: hidden;
  height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase
}
.game-overlay-ButtonFadeInBottom.card .card__header .badge {
  margin: 0;
  border-radius: 20px;
  font-size: 10px;
  text-align: center;
  background: #d10000;
  background: linear-gradient(0deg, #d10000 0%, #f1cc01 100%);
  box-shadow: 3px 4px 7px 0 #0000;
  padding-top: 3px;
  padding-bottom: 2px;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden
}
.game-overlay-ButtonFadeInBottom.card .card__header .badge.label-new.two {
  background: #005f04;
  background: linear-gradient(6deg, #005f04 0%, #d4e700 100%);
  box-shadow: 3px 4px 7px 0 #0000
}
.game-overlay-ButtonFadeInBottom.card .card__header .badge.label-maintenance.two {
  background: #cb0000;
  box-shadow: 3px 4px 7px 0 #0000
}
.game-overlay-ButtonFadeInBottom.card .card__description {
  padding: 10px 5px 10px 5px;
  margin: 0;
  color: #d7bdca;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  background: #000;
  background: linear-gradient(0deg, #000 0%, #252525 100%);
  column-gap: 10px
}
.game-overlay-ButtonFadeInBottom.card .card__description .btn-play {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  padding: 5px 20px 3px;
  font-size: 10px;
  border-radius: 10px;
  background-color: #666;
  box-shadow: 0 5px 5px #313131, 0 6px 0 #393939, 0 9px 10px rgba(0, 0, 0, .4), inset 0 2px 9px rgba(255, 255, 255, .2), inset 0 -2px 9px rgba(0, 0, 0, .2);
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  display: inline-block;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game-overlay-ButtonFadeInBottom.card .card__description .btn-demo {
  color: #c4c4c4;
  font-size: 10px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.game-overlay-ButtonFadeInBottom.card .jackpotcounter {
  color: #ffdd9b;
  font-weight: bold
}
.game-overlay-ButtonFadeInBottom.card .favourite-game-container {
  position: absolute;
  right: 10px;
  top: 10px
}
.game-overlay-ButtonFadeInBottom.card .favourite-game-container .favourite-game-btn {
  display: none;
  --star-on-icon: url("//nx-cdn.trgwl.com/Images/icons/star-on.svg?v=20230828-1");
  --star-off-icon: url("//nx-cdn.trgwl.com/Images/icons/star-off.svg?v=20230828-1")
}
.game-overlay-ButtonFadeInBottom.card .favourite-game-container .favourite-game-btn + label {
  margin: 0;
  width: 25px;
  height: 25px;
  padding: 5px;
  background: var(--star-off-icon) center no-repeat;
  background-size: 19px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-image ease .35s
}
.game-overlay-ButtonFadeInBottom.card .favourite-game-container .favourite-game-btn:checked + label {
  background-image: var(--star-on-icon)
}
.game-overlay-ButtonFadeInBottom:hover .card__overlay, .game-overlay-ButtonFadeInBottom:hover .card__header {
  transform: translateY(0)
}
.theme-xmas #dls-mobile {
  background-color: #065b10
}
.theme-xmas .luckspin_logo {
  background-color: #005c37;
  background-position: top center !important;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/luckspin-1.png"), linear-gradient(to bottom, #009245, #005c37) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important
}
.theme-xmas .luckspin_logo::before {
  display: inline-block;
  content: '';
  position: absolute;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/snow-1.png");
  background-position: top left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  top: -35px;
  left: -7px;
  width: 70%;
  height: 37%
}
.theme-xmas .luckspin_logo .dls-time-title {
  color: #fff !important
}
.theme-xmas #dls-btn-close.close {
  color: #fff !important;
  border-color: #fff !important
}
.theme-xmas .modal-content.oned::before {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 96%;
  height: 98%;
  margin: auto;
  background-image: linear-gradient(#009145, #004120);
  border-radius: 40%/12%
}
.theme-xmas .modal-content.oned::after {
  position: absolute;
  display: inline-block;
  z-index: 1;
  content: '';
  top: 0;
  bottom: 0;
  left: -4%;
  right: -9%;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/luckspin-2.png");
  background-repeat: no-repeat;
  background-size: contain
}
.theme-xmas .modal-content.oned {
  position: relative;
  background-image: linear-gradient(#009145, #005e37) !important;
  border: none !important;
  z-index: 0
}
.theme-xmas .modal-content.oned h1, .theme-xmas .modal-content.oned .oned-title {
  color: #fff !important
}
.theme-xmas .dls-title h1, .theme-xmas .dls-title .h1, .theme-xmas .dls-title span {
  position: relative;
  background-color: #c1272d !important
}
.theme-xmas .dls-title h1::after, .theme-xmas .dls-title .h1::after, .theme-xmas .dls-title span::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/snow-2.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 80%;
  height: 70%;
  top: -10px;
  left: -4px
}
.theme-xmas .dls-button {
  position: relative;
  z-index: 2
}
.theme-xmas .dls-button::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/xmas-img-point.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30%;
  height: 100%;
  top: 60%;
  right: -10%
}
.theme-xmas .bonus-dls h1, .theme-xmas .bonus-dls .bonus-dls-title {
  color: #fff;
  font-weight: bolder
}
.theme-xmas .bonus-dls-bg {
  background: #065b10 !important;
  position: relative
}
.theme-xmas .bonus-dls-bg::before, .theme-xmas .bonus-dls-bg::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas/snow-table.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(39vw, 30em, 310px);
  height: min(7vw, 4em, 320px);
  top: -8px
}
.theme-xmas .bonus-dls-bg::before {
  left: -10px
}
.theme-xmas .bonus-dls-bg::after {
  right: -10px
}
.theme-xmas .bonus-dls-bg .bonus-box {
  border-radius: 11px;
  overflow: hidden
}
.theme-xmas .bonus-dls-bg .bonus-box p {
  border-radius: 11px
}
.theme-xmas .bonus-dls-bg .col-12 {
  background-color: #ddd;
  border-radius: 0 0 20px 20px
}
.theme-chineseNewYear #dls-mobile {
  background-color: #c1272d
}
.theme-chineseNewYear .luckspin_logo {
  background-position: top center !important;
  background-image: radial-gradient(#be0000, #7b0000) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important
}
.theme-chineseNewYear .luckspin_logo::before {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: -1;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  left: -10%;
  right: -10%;
  bottom: 0
}
.theme-chineseNewYear .luckspin_logo .dls-time-title {
  color: #fff !important
}
.theme-chineseNewYear #dls-btn-close.close {
  color: #fff !important;
  border-color: #fff !important
}
.theme-chineseNewYear .modal-content.oned::before {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 96%;
  height: 98%;
  margin: auto;
  background-image: linear-gradient(#830000, #52131b52);
  border-radius: 40%/12%
}
.theme-chineseNewYear .modal-content.oned::after {
  position: absolute;
  display: inline-block;
  z-index: 1;
  content: '';
  top: -5%;
  bottom: 0;
  left: -10%;
  right: -10%;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-2.png");
  background-repeat: no-repeat;
  background-size: contain
}
.theme-chineseNewYear .modal-content.oned {
  position: relative;
  background-image: radial-gradient(#be0000, #7b0000) !important;
  border: none !important;
  z-index: 0
}
.theme-chineseNewYear .modal-content.oned h1, .theme-chineseNewYear .modal-content.oned .oned-title {
  color: #fff !important
}
.theme-chineseNewYear .dls-title h1, .theme-chineseNewYear .dls-title .h1, .theme-chineseNewYear .dls-title span {
  position: relative;
  background: linear-gradient(to bottom, #fe3145, #ff0031) !important
}
.theme-chineseNewYear .dls-title h1::after, .theme-chineseNewYear .dls-title .h1::after, .theme-chineseNewYear .dls-title span::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-1.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 60%;
  height: 120%;
  top: 40%;
  left: 95%
}
.theme-chineseNewYear .dls-button {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #e79245, #ea9a37)
}
.theme-chineseNewYear #dls-close.close {
  background: #606060
}
.theme-chineseNewYear .bonus-dls h1, .theme-chineseNewYear .bonus-dls .bonus-dls-title {
  color: #fff;
  font-weight: bolder
}
.theme-chineseNewYear .bonus-dls-bg {
  background-image: radial-gradient(#be0000, #7b0000) !important;
  position: relative
}
.theme-chineseNewYear .bonus-dls-bg::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(38vw, 30em, 310px);
  height: min(12vw, 26em, 341px);
  top: 7px
}
.theme-chineseNewYear .bonus-dls-bg::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(36vw, 30em, 310px);
  height: min(11vw, 5em, 320px);
  top: 7px
}
.theme-chineseNewYear .bonus-dls-bg::before {
  left: -13px
}
.theme-chineseNewYear .bonus-dls-bg::after {
  right: -10px
}
@media screen and (min-width:768px) {
  .theme-chineseNewYear .bonus-dls-bg::before {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    left: 6px;
    top: 0
  }
  .theme-chineseNewYear .bonus-dls-bg::after {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    right: 6px;
    top: -10px
  }
}
.theme-chineseNewYear .bonus-dls-bg .bonus-box {
  border-radius: 11px;
  overflow: hidden
}
.theme-chineseNewYear .bonus-dls-bg .bonus-box p {
  border-radius: 11px
}
.theme-chineseNewYear .bonus-dls-bg .col-12 {
  background-color: #eda80f;
  border-radius: 0 0 20px 20px
}
.theme-chineseNewYear-1 #dls-mobile {
  background-color: #c1272d
}
.theme-chineseNewYear-1 .luckspin_logo {
  background-position: top center !important;
  background-image: radial-gradient(#be0000, #7b0000) !important;
  background-repeat: no-repeat !important;
  background-size: contain !important
}
.theme-chineseNewYear-1 .luckspin_logo::before {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: -1;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type2.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 12%;
  left: 5%;
  right: 5%;
  bottom: 0
}
.theme-chineseNewYear-1 .luckspin_logo .dls-time-title {
  color: #fff !important
}
.theme-chineseNewYear-1 #dls-btn-close.close {
  color: #fff !important;
  border-color: #fff !important
}
.theme-chineseNewYear-1 .modal-content.oned::before {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 96%;
  height: 98%;
  margin: auto;
  background-image: linear-gradient(#830000, #52131b52);
  border-radius: 40%/12%
}
.theme-chineseNewYear-1 .modal-content.oned::after {
  position: absolute;
  display: inline-block;
  z-index: 1;
  content: '';
  top: 8%;
  bottom: 0;
  left: 5%;
  right: 5%;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type2.png");
  background-repeat: no-repeat;
  background-size: contain
}
.theme-chineseNewYear-1 .modal-content.oned {
  position: relative;
  background-image: radial-gradient(#be0000, #7b0000) !important;
  border: none !important;
  z-index: 0
}
.theme-chineseNewYear-1 .modal-content.oned h1, .theme-chineseNewYear-1 .modal-content.oned .oned-title {
  color: #fff !important
}
.theme-chineseNewYear-1 .dls-title h1, .theme-chineseNewYear-1 .dls-title .h1, .theme-chineseNewYear-1 .dls-title span {
  position: relative;
  background: linear-gradient(to bottom, #fe3145, #ff0031) !important
}
.theme-chineseNewYear-1 .dls-button {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #e79245, #ea9a37)
}
.theme-chineseNewYear-1 #dls-close.close {
  background: #606060
}
.theme-chineseNewYear-1 .bonus-dls h1, .theme-chineseNewYear-1 .bonus-dls .bonus-dls-title {
  color: #fff;
  font-weight: bolder
}
.theme-chineseNewYear-1 .bonus-dls-bg {
  background-image: radial-gradient(#be0000, #7b0000) !important;
  position: relative
}
.theme-chineseNewYear-1 .bonus-dls-bg::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(38vw, 30em, 310px);
  height: min(12vw, 26em, 341px);
  top: 7px
}
.theme-chineseNewYear-1 .bonus-dls-bg::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(36vw, 30em, 310px);
  height: min(11vw, 5em, 320px);
  top: 7px
}
.theme-chineseNewYear-1 .bonus-dls-bg::before {
  left: -13px
}
.theme-chineseNewYear-1 .bonus-dls-bg::after {
  right: -10px
}
@media screen and (min-width:768px) {
  .theme-chineseNewYear-1 .bonus-dls-bg::before {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    left: 6px;
    top: 0
  }
  .theme-chineseNewYear-1 .bonus-dls-bg::after {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    right: 6px;
    top: -10px
  }
}
.theme-chineseNewYear-1 .bonus-dls-bg .bonus-box {
  border-radius: 11px;
  overflow: hidden
}
.theme-chineseNewYear-1 .bonus-dls-bg .bonus-box p {
  border-radius: 11px
}
.theme-chineseNewYear-1 .bonus-dls-bg .col-12 {
  background-color: #eda80f;
  border-radius: 0 0 20px 20px
}
.theme-chineseNewYear-2 #dls-mobile {
  background-color: #c1272d
}
.theme-chineseNewYear-2 .luckspin_logo_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/wheel-CNYZodiac.png")
}
.theme-chineseNewYear-2 .luckspin_logo {
  background: #ef7d00 url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type3-patten.png") center center no-repeat !important;
  background-size: cover !important
}
.theme-chineseNewYear-2 .luckspin_logo::before {
  display: inline-block;
  content: '';
  position: absolute;
  z-index: -1;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type3.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  top: -3%;
  left: -10%;
  right: -10%;
  bottom: 0
}
.theme-chineseNewYear-2 .luckspin_logo .dls-time-title {
  color: #fff !important
}
.theme-chineseNewYear-2 #dls-btn-close.close {
  color: #fff !important;
  border-color: #fff !important
}
.theme-chineseNewYear-2 .modal-content.oned::before {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 96%;
  height: 98%;
  margin: auto;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type3-patten.png"), linear-gradient(#ef7d00, #ad5e1e52);
  border-radius: 40%/12%
}
.theme-chineseNewYear-2 .modal-content.oned::after {
  position: absolute;
  display: inline-block;
  z-index: -1;
  content: '';
  top: 0%;
  bottom: 0;
  left: -8%;
  right: -21%;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-2-type3.png");
  background-repeat: no-repeat;
  background-size: contain
}
.theme-chineseNewYear-2 .modal-content.oned {
  position: relative;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/luckspin-1-type3-patten.png"), radial-gradient(#ef7d00, #ef7d00) !important;
  border: none !important;
  z-index: 0
}
.theme-chineseNewYear-2 .modal-content.oned .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/wheel-CNYZodiac.png")
}
.theme-chineseNewYear-2 .modal-content.oned h1, .theme-chineseNewYear-2 .modal-content.oned .oned-title {
  color: #fff !important;
  z-index: 2
}
.theme-chineseNewYear-2 .dls-title h1, .theme-chineseNewYear-2 .dls-title .h1, .theme-chineseNewYear-2 .dls-title span {
  position: relative;
  background: linear-gradient(to bottom, #fe3145, #ff0031) !important
}
.theme-chineseNewYear-2 .dls-title h1::before, .theme-chineseNewYear-2 .dls-title .h1::before, .theme-chineseNewYear-2 .dls-title span::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-1-type3.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 50%;
  height: 70%;
  bottom: 70%;
  left: -5%
}
.theme-chineseNewYear-2 .dls-title h1::after, .theme-chineseNewYear-2 .dls-title .h1::after, .theme-chineseNewYear-2 .dls-title span::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-2-type3.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: 20%;
  height: 50%;
  bottom: 5%;
  right: -5%
}
.theme-chineseNewYear-2 .dls-button {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #eb1d25, #d82128)
}
.theme-chineseNewYear-2 #dls-close.close {
  background: #606060
}
.theme-chineseNewYear-2 .bonus-dls h1, .theme-chineseNewYear-2 .bonus-dls .bonus-dls-title {
  color: #fff !important;
  font-weight: bolder;
  border-color: #f5de7b
}
.theme-chineseNewYear-2 .bonus-dls-bg {
  background-image: radial-gradient(#be0000, #7b0000) !important;
  position: relative
}
.theme-chineseNewYear-2 .bonus-dls-bg::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(38vw, 30em, 310px);
  height: min(12vw, 26em, 341px);
  top: 7px
}
.theme-chineseNewYear-2 .bonus-dls-bg::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-mobile.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: min(36vw, 30em, 310px);
  height: min(11vw, 5em, 320px);
  top: 7px
}
.theme-chineseNewYear-2 .bonus-dls-bg::before {
  left: -13px
}
.theme-chineseNewYear-2 .bonus-dls-bg::after {
  right: -10px
}
@media screen and (min-width:768px) {
  .theme-chineseNewYear-2 .bonus-dls-bg::before {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-L-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    left: 6px;
    top: 0
  }
  .theme-chineseNewYear-2 .bonus-dls-bg::after {
    background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/deco-yuanbao-R-desktop.png");
    width: min(41vw, 70em, 440px);
    height: min(7vw, 26em, 341px);
    right: 6px;
    top: -10px
  }
}
.theme-chineseNewYear-2 .bonus-dls-bg .bonus-box {
  border-radius: 11px;
  overflow: hidden;
  color: #fff
}
.theme-chineseNewYear-2 .bonus-dls-bg .bonus-box p {
  border-radius: 11px
}
.theme-chineseNewYear-2 .bonus-dls-bg .col-12 {
  background-color: #eda80f;
  border-radius: 0 0 20px 20px
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(1) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-1.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(2) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-2.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(3) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-3.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(4) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-4.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(5) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-5.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(6) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-6.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(7) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-7.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(8) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-8.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(9) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-9.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(10) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-10.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(11) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-11.png")
}
.theme-chineseNewYear-2 .bonus-dls .row .col-3:nth-child(12) img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/chineseZodiac-12.png")
}
.theme-chineseNewYear-2 .dls-overlay .dls-pop-bg {
  background: #ef7d00 !important
}
.theme-chineseNewYear-2 .dls-overlay .dls-img {
  width: 130%;
  top: -45%;
  left: -20%
}
.theme-chineseNewYear-2 .dls-overlay .dls-img img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/chineseNewYear/result-figure.png")
}
.theme-chineseNewYear-2 .dls-overlay .dls-content h5 {
  color: #dd1621
}
.theme-chineseNewYear-2 .dls-overlay .dls-pop-button {
  background: linear-gradient(#c1272d, #dd1621, #962a26)
}
.theme-chineseNewYear-2 .dls-overlay .dls-pop-button:hover {
  background: linear-gradient(#dd1621, #962a26, #dd1621)
}
.theme-moonFestival .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Frame.png");
  transform: translate(-4%, 2%);
  z-index: 0
}
.theme-moonFestival .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Roulette.png");
  width: 60%;
  left: -1%;
  top: 20%;
  z-index: 1
}
.theme-moonFestival .dls-spinner-wrapper .dls-spin-button {
  transform: scale(.8) translate(-1%, 22%)
}
.theme-moonFestival .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Click Spin.png")
}
.theme-moonFestival .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Arrow.png")
}
.theme-moonFestival .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Moon Cake.png");
  bottom: -4%;
  right: 9%;
  transform: scale(.8)
}
.theme-moonFestival .dls-spinner-wrapper #dls::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Rabbit.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: scale(.45) translate(-54%, 62%)
}
.theme-moonFestival .bonus-dls-wrapper {
  background: #1552cc !important
}
.theme-moonFestival .bonus-dls-wrapper .dls-content-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Light.png");
  transform: scale(1.2) translate(20%, 25%)
}
.theme-moonFestival .bonus-dls-bg-wrapper {
  background: #071747 !important
}
.theme-moonFestival .bonus-dls-bg-wrapper > div > div.card {
  background: #112a7c;
  overflow: hidden;
  border-radius: .2rem;
  border: 2px solid #ffe12e;
  box-shadow: inset 3px 4px 0 #050d2b
}
@media screen and (min-width:992px) {
  .theme-moonFestival .bonus-dls-wrapper::after {
    position: absolute;
    content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/moonFestival/Coin.png");
    display: inline-block;
    z-index: -1;
    left: 24%;
    top: -8%
  }
}
.theme-fifaWorldCup .dls-set-2 {
  overflow-x: hidden !important;
  overflow-y: auto !important
}
.theme-fifaWorldCup #dls-btn-close {
  position: relative !important;
  z-index: 1;
  top: unset;
  right: unset
}
.theme-fifaWorldCup .luckspin_logo_ready {
  animation: none
}
.theme-fifaWorldCup .dls-set-2 #dls {
  margin-top: 30px
}
.theme-fifaWorldCup #luckspin_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_wheel_small.png");
  transform: scale(1.3)
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-title {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/title-fifa.png");
  width: auto !important;
  padding-top: .5rem;
  margin-left: auto;
  margin-right: auto
}
.theme-fifaWorldCup .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_Arrow.png");
  top: 0
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-spin-button {
  width: 46%
}
@media screen and (min-width:768px) {
  .theme-fifaWorldCup .dls-spinner-wrapper .dls-spin-button {
    width: 38%
  }
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_Click_Spin.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_DLS.png");
  z-index: 1;
  width: 62%
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_Frame.png");
  z-index: 0;
  transform: scale(1.1) translate(-4.6%, -7.4%)
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/DLS_Football.png");
  transform: scale(.8) translate(0, 30%);
  width: 100px
}
.theme-fifaWorldCup .dls-spinner-wrapper .dls-footer {
  margin-top: 20px
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-wrapper {
  background: linear-gradient(90deg, #a01438, #8e1531);
  border: 2px solid #23030b
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-wrapper .dls-content-visual {
  display: none
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper {
  background: none
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper .card {
  background: linear-gradient(90deg, #a01438, #8e1531);
  border: 2px solid #8e5400;
  box-shadow: inset 3px 4px 0 #0000004a
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img {
  width: auto;
  height: 3rem
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #8d1530;
  padding: 0 .25rem !important;
  font-weight: bold
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(1) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-1.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(2) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-2.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(3) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-3.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(4) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-4.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(5) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-5.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(6) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-6.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(7) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-7.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(8) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-8.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(9) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-9.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(10) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-10.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(11) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-11.png")
}
.theme-fifaWorldCup .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(12) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/fifaWorldCup/fifaZodiac-12.png")
}
.theme-xmas2022 .dls-set-2 {
  overflow-x: hidden !important;
  overflow-y: auto !important
}
.theme-xmas2022 #dls-btn-close {
  position: relative !important;
  z-index: 1;
  top: unset;
  right: unset
}
.theme-xmas2022 .luckspin_logo_ready {
  animation: none
}
.theme-xmas2022 .luckspin_logo {
  background: #680000 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px
}
.theme-xmas2022 .luckspin_logo::before {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_small-border-top.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 224/139;
  width: 120%;
  z-index: -1;
  top: -15%
}
.theme-xmas2022 .luckspin_logo::after {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_small-border-bottom.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 218/91;
  width: 120%;
  z-index: -1;
  bottom: 0
}
.theme-xmas2022 .luckspin_logo #dls-btn-close.close {
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/btn_dls-close.png") center center no-repeat;
  background-size: contain;
  border: none;
  color: transparent;
  text-shadow: none;
  align-self: flex-end
}
.theme-xmas2022 #luckspin_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_Wheel_Small.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-title {
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_title.png") center center no-repeat;
  background-size: contain;
  color: transparent !important;
  aspect-ratio: 764/263;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px !important;
  position: relative !important
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-title::before {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/fruit.png") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 253px;
  height: 249px;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(.4) translate(-50%, -50%)
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-title::after {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/Gift.png") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 269px;
  height: 214px;
  z-index: 1;
  right: 0;
  top: 0;
  transform-origin: right top;
  transform: scale(.4) translate(40%, -30%)
}
.theme-xmas2022 .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_Arrow.png");
  transform: scale(.9) translateX(5%)
}
.theme-xmas2022 .dls-spinner-wrapper .dls-spin-button {
  width: 46%
}
@media screen and (min-width:768px) {
  .theme-xmas2022 .dls-spinner-wrapper .dls-spin-button {
    width: 38%
  }
}
.theme-xmas2022 .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_Click_Spin.png")
}
.theme-xmas2022 .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_DLS.png");
  z-index: 1;
  width: 62%
}
.theme-xmas2022 .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_Frame.png");
  z-index: 0;
  transform: scale(.94) translate(-.1%, -2.9%)
}
.theme-xmas2022 .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/DLS_santaclaus.png");
  transform: scale(1.4) translateY(5%);
  left: 0
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-wrapper {
  background: #6b0000;
  position: relative
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-wrapper::after {
  background: linear-gradient(to right, #ffec6c, #f39000 65%, #ffec6c 78%, #f39000 85%);
  position: absolute;
  display: inline-block;
  content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  left: -2px;
  top: -2px;
  border-radius: 5px
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-wrapper .dls-content-visual {
  display: none
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper {
  background: none
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card {
  background: transparent;
  border: 2px solid #eca235;
  box-shadow: inset 3px 4px 0 #0000004a
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img {
  width: auto;
  height: 3rem
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #8d1530;
  padding: 0 .25rem !important;
  font-weight: bold
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #8d1530;
  padding: 0 .25rem !important;
  font-weight: bold
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body .card-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(1) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-1.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(2) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-2.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(3) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-3.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(4) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-4.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(5) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-5.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(6) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-6.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(7) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-7.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(8) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-8.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(9) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-9.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(10) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-10.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(11) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-11.png")
}
.theme-xmas2022 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(12) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/xmas2022/zodiac-12.png")
}
.theme-lunarNewYear2023 .dls-set-2 {
  overflow-x: hidden !important;
  overflow-y: auto !important
}
.theme-lunarNewYear2023 #dls-btn-close {
  position: relative !important;
  z-index: 1;
  top: unset;
  right: unset
}
.theme-lunarNewYear2023 .luckspin_logo_ready {
  animation: none
}
.theme-lunarNewYear2023 .luckspin_logo {
  background: #9a1735 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px
}
.theme-lunarNewYear2023 .luckspin_logo::before {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_small-border-top.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 241/148;
  width: 120%;
  z-index: -1;
  top: -5%
}
.theme-lunarNewYear2023 .luckspin_logo::after {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_small-border-bottom.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 264/162;
  width: 130%;
  z-index: -1;
  bottom: -5%
}
.theme-lunarNewYear2023 .luckspin_logo #dls-btn-close.close {
  background: transparent;
  border: none;
  color: #fff;
  text-shadow: none;
  align-self: flex-end
}
.theme-lunarNewYear2023 #luckspin_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Wheel_Small.png")
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-title {
  background-size: contain;
  color: transparent !important;
  aspect-ratio: 277/60;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px !important;
  margin-bottom: 6px !important;
  position: relative !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-title::before {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/img_deco-title_left.png") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 119px;
  height: 85px;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(1) translate(-40%, -3%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-title::after {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/img_deco-title_right.png") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 116px;
  height: 81px;
  z-index: 1;
  right: 0;
  top: 0;
  transform-origin: right top;
  transform: scale(1) translate(50%, -6%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Arrow.png");
  transform: scale(.9) translate(-18%, 31%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper #dls::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Seasonal_Visual_set1.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: scale(.28) translate(122%, 102%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .dls-spin-button {
  width: 46%;
  transform: translate(-4%, 20%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Click_Spin.png")
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_DLS.png");
  z-index: 1;
  width: 75%;
  left: -3.8%;
  top: 21%
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Frame.png");
  z-index: 0;
  transform: scale(.94) translate(-.1%, -2.9%)
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/DLS_Seasonal_Visual_set2.png");
  transform: scale(.7) translate(17%, 47%);
  left: 0
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-wrapper {
  background: linear-gradient(90deg, #9e1737, #710e19, #9e1737);
  position: relative
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-wrapper::after {
  background: linear-gradient(to right, #ffec6c, #f39000 65%, #ffec6c 78%, #f39000 85%);
  position: absolute;
  display: inline-block;
  content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  left: -2px;
  top: -2px;
  border-radius: 5px
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-wrapper .dls-content-visual {
  display: none
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper {
  background: none
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card {
  background: linear-gradient(90deg, #a01438, #8e1531);
  border: 2px solid #eca235;
  box-shadow: inset 3px 4px 0 #0000004a
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img {
  width: auto;
  height: 3rem
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #8d1530;
  padding: 0 .25rem !important;
  font-weight: bold
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body .card-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(1) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-1.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(2) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-2.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(3) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-3.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(4) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-4.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(5) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-5.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(6) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-6.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(7) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-7.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(8) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-8.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(9) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-9.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(10) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-10.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(11) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-11.png");
  padding: 0 !important
}
.theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(12) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/lunarNY2023/zodiac-12.png");
  padding: 0 !important
}
@media screen and (min-width:768px) {
  .theme-lunarNewYear2023 .dls-spinner-wrapper .dls-spin-button {
    width: 38%
  }
  .theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-title::before {
    transform: scale(1.5) translate(-40%, -3%)
  }
  .theme-lunarNewYear2023 .dls-spinner-wrapper .bonus-title::after {
    transform: scale(1.5) translate(50%, -6%)
  }
}
.theme-Zoo2023 .dls-set-2 {
  overflow-x: hidden !important;
  overflow-y: auto !important
}
.theme-Zoo2023 #dls-btn-close {
  position: relative !important;
  z-index: 1;
  top: unset;
  right: unset
}
.theme-Zoo2023 .dls-footer {
  position: relative
}
.theme-Zoo2023 .dls-footer h1 {
  line-height: 0
}
.theme-Zoo2023 .luckspin_logo {
  background: #5e2500 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px
}
.theme-Zoo2023 .luckspin_logo::before {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/img_deco-title.webp") left center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 340/148;
  width: 120%;
  z-index: -1;
  top: -5%
}
.theme-Zoo2023 .luckspin_logo::after {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/img_deco-bottom.webp") right center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 264/100;
  width: 160%;
  z-index: -1;
  bottom: -5%;
  left: -57px
}
.theme-Zoo2023 .luckspin_logo #dls-btn-close.close {
  background: transparent;
  border: none;
  color: #fff;
  text-shadow: none;
  align-self: flex-end
}
.theme-Zoo2023 #luckspin_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Wheel_Small.webp")
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-title {
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/luckyDraw.webp") no-repeat;
  background-size: cover;
  color: transparent !important;
  aspect-ratio: 284/110;
  margin-left: auto;
  margin-right: auto;
  margin-top: -80px !important;
  margin-bottom: 0 !important;
  position: relative !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-title::before {
  position: absolute;
  display: inline-block;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 119px;
  height: 85px;
  z-index: 1;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(1) translate(-40%, -3%)
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-title::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 116px;
  height: 81px;
  z-index: 1;
  right: 0;
  top: 0;
  transform-origin: right top;
  transform: scale(1) translate(50%, -6%)
}
.theme-Zoo2023 .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Arrow.webp");
  transform: scale(.85) translate(16%, 41%)
}
.theme-Zoo2023 .dls-spinner-wrapper #dls::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Seasonal_Visual_right.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: scale(.8) translate(78%, 1%)
}
.theme-Zoo2023 .dls-spinner-wrapper .dls-spin-button {
  width: 46%;
  transform: translate(4%, 11%)
}
.theme-Zoo2023 .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Click_Spin.webp")
}
.theme-Zoo2023 .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_DLS.webp");
  z-index: 1;
  width: 72%;
  left: 3.2%;
  top: 17%
}
.theme-Zoo2023 .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Frame.webp");
  z-index: 0;
  transform: scale(.85) translate(-2.1%, -7.9%)
}
.theme-Zoo2023 .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/DLS_Seasonal_Visual_left.webp");
  transform: scale(1.3) translate(10%, -10%);
  left: 0
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-wrapper {
  background: #f3ba77;
  border: 1px solid #783918;
  border-radius: 5px;
  padding-top: 40px
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-wrapper .dls-content-visual {
  display: none
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper {
  background: none;
  width: 95%;
  margin-left: 10px;
  margin-top: -40px
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper span {
  color: #5e2500;
  font-weight: bold
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card {
  background: #e6a161;
  border: 2px solid #5e2500;
  box-shadow: inset 3px 4px 0 #5e250080
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img {
  width: 50%;
  margin-top: 5px
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #f9c073;
  padding: 0 !important;
  font-weight: bold;
  overflow: hidden
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body .card-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(1) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-1.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(2) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-2.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(3) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-3.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(4) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-4.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(5) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-5.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(6) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-6.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(7) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-7.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(8) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-8.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(9) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-9.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(10) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-10.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(11) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-11.webp");
  padding: 0 !important
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(12) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/ZooTheme/zodiac-12.webp");
  padding: 0 !important
}
.theme-Zoo2023 #dls-close.close {
  top: 20px
}
@media screen and (max-width:999px) {
  .theme-Zoo2023 .dls-set-2 #dls-close.close {
    top: 0;
    right: 5px;
    left: auto;
    bottom: auto
  }
}
@media screen and (min-width:768px) {
  .theme-Zoo2023 .dls-spinner-wrapper .dls-spin-button {
    width: 38%
  }
  .theme-Zoo2023 .dls-spinner-wrapper .bonus-title::before {
    transform: scale(1.5) translate(-40%, -3%)
  }
  .theme-Zoo2023 .dls-spinner-wrapper .bonus-title::after {
    transform: scale(1.5) translate(50%, -6%)
  }
}
.theme-Zoo2023 .dls-set-2 div > p {
  color: #f9c073;
  background: #5e2500;
  line-height: 1.25rem;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.theme-Zoo2023 .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  background: none !important
}
.theme-mid-autumn .dls-set-2 {
  overflow-x: hidden !important;
  overflow-y: auto !important
}
.theme-mid-autumn #dls-btn-close {
  position: relative !important;
  z-index: 1;
  top: unset;
  right: unset
}
.theme-mid-autumn .dls-footer {
  position: relative
}
.theme-mid-autumn .dls-footer h1 {
  line-height: 0
}
.theme-mid-autumn .luckspin_logo {
  background: #250457;
  background: linear-gradient(0deg, #250457 0%, #25357d 100%) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px
}
.theme-mid-autumn .luckspin_logo::before {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/img_deco-title.webp") left center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 340/148;
  width: 120%;
  z-index: -1;
  top: -5%
}
.theme-mid-autumn .luckspin_logo::after {
  position: absolute;
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/img_deco-bottom.webp") right center no-repeat;
  background-size: contain;
  display: inline-block;
  content: '';
  aspect-ratio: 264/100;
  width: 160%;
  z-index: -1;
  bottom: -5%;
  left: -57px
}
.theme-mid-autumn .luckspin_logo #dls-btn-close.close {
  background: transparent;
  border: none;
  color: #fff;
  text-shadow: none;
  align-self: flex-end
}
.theme-mid-autumn #luckspin_img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Wheel_Small.webp")
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-title {
  background: transparent url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/luckyDraw.webp") no-repeat;
  background-size: cover;
  color: transparent !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0 !important;
  position: relative !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-title::before {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/coin.webp") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  z-index: 1;
  left: 106px;
  top: -61px;
  transform-origin: left top;
  transform: scale(1) translate(-40%, -3%)
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-title::after {
  position: absolute;
  display: inline-block;
  content: '';
  background: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/light.webp") left top no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  width: 61px;
  height: 81px;
  z-index: 1;
  right: 0;
  top: auto;
  bottom: -310px;
  transform-origin: right top;
  transform: scale(1) translate(50%, -6%)
}
.theme-mid-autumn .dls-spinner-wrapper .marker {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Arrow.webp");
  transform: scale(.85) translate(16%, 41%)
}
.theme-mid-autumn .dls-spinner-wrapper #dls::before {
  position: absolute;
  content: '';
  display: inline-block;
  background-image: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Seasonal_Visual_right.webp");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 2;
  transform: scale(.8) translate(78%, 1%)
}
.theme-mid-autumn .dls-spinner-wrapper .dls-spin-button {
  width: 46%;
  transform: translate(4%, 11%)
}
.theme-mid-autumn .dls-spinner-wrapper .dls-spin-button img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Click_Spin.webp")
}
.theme-mid-autumn .dls-spinner-wrapper .dls-wheel {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_DLS.webp");
  z-index: 1;
  width: 66%;
  left: 3.2%;
  top: 19.5%
}
.theme-mid-autumn .dls-spinner-wrapper .dls-background {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Frame.webp");
  z-index: 0;
  transform: scale(.85) translate(-2.1%, -7.9%)
}
.theme-mid-autumn .dls-spinner-wrapper .dls-seasonal-visual {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/DLS_Seasonal_Visual_left.webp");
  transform: scale(1.3) translate(10%, -10%);
  left: 0
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-wrapper {
  background: #24387f;
  border: 2px solid #fee036;
  border-radius: 5px;
  padding-top: 30px
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-wrapper .dls-content-visual {
  display: none
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper {
  background: none;
  width: 95%;
  margin-left: 10px;
  margin-top: -40px
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper span {
  color: #fff;
  font-weight: bold
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper .card {
  background: #ac2323;
  border: 2px solid #fee036;
  box-shadow: inset 3px 4px 0 #5e250080
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img {
  width: 50%;
  margin-top: 5px
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  color: #f9c073;
  padding: 0 !important;
  font-weight: bold;
  overflow: hidden
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body .card-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(1) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-1.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(2) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-2.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(3) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-3.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(4) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-4.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(5) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-5.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(6) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-6.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(7) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-7.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(8) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-8.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(9) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-9.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(10) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-10.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(11) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-11.svg");
  padding: 0 !important
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper > div:nth-of-type(12) .card img {
  content: url("https://dd8p0622bwh41.cloudfront.net/Content/img/_Shared/mid-autumn-theme/zodiac-12.svg");
  padding: 0 !important
}
.theme-mid-autumn #dls-close.close {
  top: 20px
}
@media screen and (max-width:999px) {
  .theme-mid-autumn .dls-set-2 #dls-close.close {
    top: 0;
    right: 5px;
    left: auto;
    bottom: auto
  }
}
@media screen and (min-width:768px) {
  .theme-mid-autumn .dls-spinner-wrapper .dls-spin-button {
    width: 38%
  }
  .theme-mid-autumn .dls-spinner-wrapper .bonus-title::before {
    transform: scale(1.5) translate(-40%, -3%)
  }
  .theme-mid-autumn .dls-spinner-wrapper .bonus-title::after {
    transform: scale(1.5) translate(50%, -6%)
  }
}
.theme-mid-autumn .dls-set-2 div > p {
  color: #081737;
  background: #fee036;
  line-height: 1.25rem;
  height: 100%;
  white-space: nowrap
}
.theme-mid-autumn .dls-spinner-wrapper .bonus-dls-bg-wrapper .card img + .card-body {
  background: none !important
}
.luckspin_logo_img {
  max-width: 120px;
  max-height: 120px
}
.dls-set-2 .dls-footer {
  z-index: 2
}
@media screen and (max-width:560px) {
  .theme-mid-autumn .dls-spinner-wrapper .bonus-title::after {
    bottom: -280px
  }
}
h5.staytuned {
  display: flex;
  flex-direction: row;
  color: #c0a64d;
  text-transform: uppercase
}
h5.staytuned:before, h5.staytuned:after {
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #fff;
  margin: auto
}
.coming-controlls {
  right: auto;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff85;
  width: 65px;
  height: 45px;
  margin-top: -75px;
  font-size: 10px
}
.ribbon-tournament {
  position: relative;
  width: 100%;
  margin: 0;
  transform: scale(.85)
}
.ribbon-tournament.active {
  -webkit-animation-name: glow;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out
}
.ribbon-tournament.active:before, .ribbon-tournament.active i:before {
  content: '';
  position: absolute;
  bottom: -18px;
  border: 14px solid #4fc927
}
.ribbon-tournament.active:before {
  left: -27px;
  border-left-color: transparent;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg)
}
.oldie .ribbon-tournament.active:before {
  left: -48px
}
.ribbon-tournament.active i:before {
  right: -24px;
  border-right-color: transparent;
  -webkit-transform: rotate(16deg);
  -moz-transform: rotate(16deg);
  -ms-transform: rotate(16deg);
  -o-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: 0
}
.oldie .ribbon-tournament.active i:before {
  right: -48px
}
.ribbon-tournament.active i:after, .ribbon-tournament.active u:after {
  content: '';
  position: absolute;
  border-style: solid;
  bottom: -13px;
  z-index: 0
}
.ribbon-tournament.active i:after {
  right: -9px;
  border-color: transparent transparent transparent #2da306;
  border-width: 0 0 14px 17px
}
.ribbon-tournament.active u:after {
  left: 0;
  border-color: transparent #2da306 transparent transparent;
  border-width: 0 14px 15px 0
}
.ribbon-tournament.active u {
  display: block;
  position: relative;
  width: 100%;
  left: -16px;
  padding: 0 16px 12px;
  background-image: linear-gradient(#79dd7d, #35d136);
  border-top-left-radius: 50% 16px;
  border-top-right-radius: 50% 16px;
  text-align: center;
  font: 15px/26px Museo, cursive;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 1px rgba(87, 225, 92, .8), 0 2px 1px rgba(2, 159, 3, .6)
}
.oldie .ribbon-tournament.active u {
  padding: 0 16px;
  *left: 0;
  *padding: 0
}
.ribbon-tournament.active u {
  left: 0;
  margin: 0 -10px;
  width: auto
}
.ribbon-tournament.active u::selection {
  background-color: #2da306
}
.ribbon-tournament.active u::-moz-selection {
  background-color: #2da306
}
.ribbon-tournament.active u:before, .ribbon-tournament.active:after {
  content: '';
  position: absolute;
  height: 10px;
  left: 0;
  bottom: 0;
  -webkit-border-top-left-radius: 50% 16px;
  border-top-left-radius: 75% 15px;
  -webkit-border-top-right-radius: 50% 16px;
  border-top-right-radius: 75% 15px
}
.oldie .ribbon-tournament.active u:before, .oldie .ribbon-tournament.active:after {
  content: none
}
.ribbon-tournament.active u:before {
  width: 100%;
  background: #2da306
}
.ribbon-tournament.active:after {
  width: 100%;
  z-index: 1
}
.ribbon-tournament.finish:before, .ribbon-tournament.finish i:before {
  content: '';
  position: absolute;
  bottom: -16px;
  border: 14px solid #4a4747
}
.ribbon-tournament.finish:before {
  left: -30px;
  border-left-color: transparent;
  -webkit-transform: rotate(-16deg);
  -moz-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  transform: rotate(-16deg)
}
.oldie .ribbon-tournament.finish:before {
  left: -48px
}
.ribbon-tournament.finish i:before {
  right: -31px;
  border-right-color: transparent;
  -webkit-transform: rotate(16deg);
  -moz-transform: rotate(16deg);
  -ms-transform: rotate(16deg);
  -o-transform: rotate(16deg);
  transform: rotate(16deg);
  z-index: 0
}
.oldie .ribbon-tournament.finish i:before {
  right: -48px
}
.ribbon-tournament.finish i:after, .ribbon-tournament.finish u:after {
  content: '';
  position: absolute;
  border-style: solid;
  bottom: -14px;
  z-index: 0
}
.ribbon-tournament.finish i:after {
  right: -16px;
  border-color: transparent transparent transparent #302b2a;
  border-width: 0 0 15px 17px
}
.ribbon-tournament.finish u:after {
  left: 0;
  border-color: transparent #302b2a transparent transparent;
  border-width: 0 17px 15px 0
}
.ribbon-tournament.finish u {
  display: block;
  position: relative;
  width: 100%;
  left: -16px;
  padding: 0 16px 12px;
  background-image: linear-gradient(#4a4747, #423f3e);
  border-top-left-radius: 50% 16px;
  border-top-right-radius: 50% 16px;
  text-align: center;
  font: 15px/26px Museo, cursive;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 1px rgba(74, 71, 71, .8), 0 2px 1px rgba(66, 63, 62, .6)
}
.oldie .ribbon-tournament.finish u {
  padding: 0 16px;
  *left: 0;
  *padding: 0
}
.ribbon-tournament.finish u {
  left: 0;
  margin: 0 -16px;
  width: auto
}
.ribbon-tournament.finish u::selection {
  background-color: #302b2a
}
.ribbon-tournament.finish u::-moz-selection {
  background-color: #302b2a
}
.ribbon-tournament.finish u:before, .ribbon-tournament.finish:after {
  content: '';
  position: absolute;
  height: 12px;
  left: 0;
  bottom: 0;
  -webkit-border-top-left-radius: 50% 16px;
  border-top-left-radius: 50% 16px;
  -webkit-border-top-right-radius: 50% 16px;
  border-top-right-radius: 50% 16px
}
.oldie .ribbon-tournament.finish u:before, .oldie .ribbon-tournament.finish:after {
  content: none
}
.ribbon-tournament.finish u:before {
  width: 100%;
  background: #302b2a
}
.ribbon-tournament.finish:after {
  width: 100%;
  z-index: 1
}
@keyframes glow {
  0% {
    filter: drop-shadow(0 0 2px #79dd7d)
  }
  100% {
    filter: drop-shadow(0 0 4px #6fe374)
  }
}
.banner {
  position: absolute;
  left: 50%;
  display: block;
  margin: 100px -200px;
  width: 400px;
  height: 60px;
  border: 1px solid #8a1;
  font: normal 30px/60px 'Rye';
  text-align: center;
  color: #451;
  background: #9b2;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset, 0 6px 10px rgba(0, 0, 0, .15)
}
.banner::before, .banner::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: -70px;
  top: 24px;
  display: block;
  width: 40px;
  height: 0;
  border: 30px solid #9b2;
  border-right: 20px solid #791;
  border-bottom-color: #94b81e;
  border-left-color: transparent;
  transform: rotate(-5deg)
}
.banner::after {
  left: auto;
  right: -70px;
  border-left: 20px solid #791;
  border-right: 30px solid transparent;
  transform: rotate(5deg)
}
.countdown-circle {
  width: 65px;
  height: 65px;
  position: relative
}
.controlls {
  right: auto;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff85;
  width: 65px;
  height: 65px;
  margin-top: -55px;
  font-size: 8px
}
.e-c-base {
  fill: none;
  stroke: #b6b6b6;
  stroke-width: 6px
}
.e-c-progress-days, .e-c-progress-hours, .e-c-progress-minutes, .e-c-progress-seconds {
  fill: none;
  stroke-width: 12px;
  transition: stroke-dashoffset .7s
}
.display-remain-days, .display-remain-hours, .display-remain-minutes, .display-remain-seconds {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
  text-shadow: 2px 2px #202020
}
@media(max-width:992px) {
  .tournament-detail .display-remain-days, .tournament-detail .display-remain-hours, .tournament-detail .display-remain-minutes, .tournament-detail .display-remain-seconds {
    font-size: 1rem
  }
}
.tournament-leaderboard-item {
  background: rgba(0, 0, 0, .5);
  box-shadow: inset 0 4px 4px rgb(0 0 0/25%);
  border-radius: 5px;
  padding: 0 5px;
  color: #fff;
  font-weight: 700;
  margin: 5px 0;
  min-height: 38px;
  font-size: 8px
}
.tournament-leaderboard-item .rank {
  letter-spacing: .05em;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  font-family: 'Poppins-BoldItalic, Poppins';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.tournament-list .tournament-leaderboard-item .rankdaily, .tournament-list .tournament-leaderboard-item .rankdaily-icon, .tournament-list .tournament-leaderboard-item .rankdaily1, .tournament-list .tournament-leaderboard-item .rankdaily2, .tournament-list .tournament-leaderboard-item .rankdaily3, .tournament-detail .tournament-leaderboard-item .rankdaily, .tournament-detail .tournament-leaderboard-item .rankdaily-icon, .tournament-detail .tournament-leaderboard-item .rankdaily1, .tournament-detail .tournament-leaderboard-item .rankdaily2, .tournament-detail .tournament-leaderboard-item .rankdaily3 {
  width: 38px;
  height: 38px
}
.tournament-list .tournament-leaderboard-item .rankdaily-icon1, .tournament-list .tournament-leaderboard-item .rankdaily-icon2, .tournament-list .tournament-leaderboard-item .rankdaily-icon3, .tournament-detail .tournament-leaderboard-item .rankdaily-icon1, .tournament-detail .tournament-leaderboard-item .rankdaily-icon2, .tournament-detail .tournament-leaderboard-item .rankdaily-icon3 {
  width: 50px;
  margin-top: -9px;
  margin-left: -12px;
  max-width: none !important
}
.tournament-list .tournament-leaderboard-item .rankweekly, .tournament-detail .tournament-leaderboard-item .rankweekly, .tournament-list .tournament-leaderboard-item .rankweekly-icon, .tournament-detail .tournament-leaderboard-item .rankweekly-icon, .tournament-list .tournament-leaderboard-item .rankweekly1, .tournament-detail .tournament-leaderboard-item .rankweekly1, .tournament-list .tournament-leaderboard-item .rankweekly2, .tournament-detail .tournament-leaderboard-item .rankweekly2, .tournament-list .tournament-leaderboard-item .rankweekly3, .tournament-detail .tournament-leaderboard-item .rankweekly3 {
  width: 38px;
  height: 38px
}
.tournament-list .tournament-leaderboard-item .rankweekly-icon1 {
  width: 50px;
  margin-left: -7px;
  margin-top: -5px;
  max-width: none !important
}
.tournament-detail .tournament-leaderboard-item .rankweekly-icon1 {
  width: 50px;
  margin-left: -2px;
  margin-top: -5px;
  max-width: none !important
}
.tournament-list .tournament-leaderboard-item .rankweekly-icon2 {
  width: 50px;
  margin-left: -7px;
  max-width: none !important;
  margin-top: 4px
}
.tournament-detail .tournament-leaderboard-item .rankweekly-icon2 {
  width: 50px;
  margin-left: -2px;
  max-width: none !important;
  margin-top: 4px
}
.tournament-list .tournament-leaderboard-item .rankweekly-icon3, .tournament-detail .tournament-leaderboard-item .rankweekly-icon3 {
  width: 38px;
  margin-top: 3px;
  margin-left: -1px
}
.tournament-list .tournament-leaderboard-item .rankmonthly, .tournament-list .tournament-leaderboard-item .rankmonthly-icon, .tournament-detail .tournament-leaderboard-item .rankmonthly, .tournament-detail .tournament-leaderboard-item .rankmonthly-icon {
  width: 38px;
  height: 38px
}
.tournament-list .tournament-leaderboard-item .rankmonthly1, .tournament-list .tournament-leaderboard-item .rankmonthly2, .tournament-list .tournament-leaderboard-item .rankmonthly3, .tournament-list .tournament-leaderboard-item .rankmonthly-icon1, .tournament-list .tournament-leaderboard-item .rankmonthly-icon2, .tournament-list .tournament-leaderboard-item .rankmonthly-icon3, .tournament-detail .tournament-leaderboard-item .rankmonthly1, .tournament-detail .tournament-leaderboard-item .rankmonthly2, .tournament-detail .tournament-leaderboard-item .rankmonthly3, .tournament-detail .tournament-leaderboard-item .rankmonthly-icon1, .tournament-detail .tournament-leaderboard-item .rankmonthly-icon2, .tournament-detail .tournament-leaderboard-item .rankmonthly-icon3 {
  width: 38px;
  height: 38px;
  max-width: none !important
}
.tournament-list h4 {
  font-size: 1.5rem
}
.tournament-list h6 {
  font-size: 1rem
}
.tournament-leaderboard-item .col-md-10 {
  display: grid;
  grid-template-columns: 3fr .8fr
}
.tournament-leaderboard-user {
  word-break: break-word
}
.tournament-leaderboard-point {
  font-weight: bold;
  color: #f3cb00 !important;
  text-shadow: 2px 2px #202020;
  text-align: center
}
.tournament-leaderboardtitle {
  font-weight: bold;
  color: #f3cb00;
  text-shadow: 2px 2px #202020;
  font-size: 1.15rem
}
.tournament-leaderboardtitle:hover {
  font-weight: bold;
  color: #feb30c;
  text-shadow: 2px 2px #202020
}
.tournament-leaderboard-nopoint {
  font-weight: bold;
  color: rgb(243 203 0/70%);
  text-shadow: 2px 2px #202020
}
.btn-tournament {
  border: solid 1px #b29035;
  background-color: transparent;
  padding: .375rem .75rem;
  border-radius: .25rem;
  color: #b29035
}
.btn-tournament:hover, .btn-tournament.active {
  background-color: #b29035;
  color: #fff
}
.btn-tournamentlist {
  padding: 4px 8px;
  font-size: 12px !important;
  margin: 0;
  color: #fff !important;
  margin-right: 5px;
  white-space: initial;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  border: solid 3px #2575fc;
  width: auto;
  z-index: 1;
  background-image: linear-gradient(to right, #6a11cb, #2575fc);
  box-shadow: inset 0 0 21px 0 rgb(0 0 0/14%), 0 0 0 0 #6a11cb, 0 0 20px 3px #5389e3;
  word-wrap: break-word
}
.btn-tournamentlist:hover {
  background-image: linear-gradient(to right, #2575fc, #6a11cb);
  box-shadow: inset 0 0 21px 0 rgb(0 0 0/14%), 0 0 0 0 #5389e3, 0 0 20px 3px #0372ff
}
.btn-tournament-status {
  padding: 4px 8px;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  color: #fff !important;
  margin-right: 5px;
  white-space: initial;
  overflow: hidden;
  text-align: center;
  border-radius: 0 !important;
  margin: 0 auto;
  width: 130px;
  z-index: 1
}
.btn-tournament-status.active {
  background: #0372ff
}
.btn-tournament-status.finish {
  background: #191919
}
.btn-tournament-status.coming {
  background: #e8a317
}
.tournament-list .modal .modal-content {
  max-width: 800px;
  background-color: #fff !important;
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 5px
}
.tournament-list .modal .modal-content h3.heading {
  color: #000
}
.tournament-list .modal .modal-content .content {
  overflow: auto;
  padding-top: 0
}
.tournament-list .modal .modal-content .content p, .tournament-list .modal .modal-content .content p span {
  color: #000
}
.tournament-list .carousel-control-prev {
  left: -10px
}
.tournament-list .carousel-control-next {
  right: -10px
}
.tournament-detail .under-ml {
  color: #fff;
  background-color: #f00;
  padding: 5px;
  font-size: .8em;
  font-weight: 500;
  position: absolute;
  border-radius: 0 0 10px 0;
  top: 0
}
.tournament-detail #countdown li {
  display: inline-block;
  font-size: 1em;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
  font-weight: 500;
  color: #f3cb00;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  text-align: center
}
.tournament-detail #countdown li span {
  display: flex;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 600;
  background: #4e4e4e;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: auto
}
.tournament-detail .read-more {
  position: initial;
  width: 100%;
  text-align: center;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 0;
  background-image: linear-gradient(to bottom, transparent, #0c0b0b)
}
.tournament-detail .read-more a.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  background-color: var(--cd-color-1);
  color: #fff;
  font-size: .9em;
  font-weight: 600 !important;
  padding: 5px 15px;
  font-weight: revert;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
  width: 100%
}
.tournament-detail .table {
  color: #fff;
  width: 100% !important
}
.tournament-detail .tournament-leaderboard-item .col-10 {
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: center
}
.tournament-detail-games, .tournament-detail-banner, .tournament-detail-tnc, .tournament-detail-prevleaderboard {
  background: #191919;
  overflow: hidden;
  border: 1px solid #dee2e6
}
.tournament-detail-leaderboard {
  background: #191919;
  height: 100%;
  overflow: hidden;
  border: 1px solid #dee2e6
}
.tournament-detail-games .games, .tournament-detail-tnc .tnc {
  overflow: hidden
}
.tournament-detail-tnc .tnc p {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem !important;
  width: 100%;
  font-size: .9em
}
.tncModal .content p {
  margin-top: 0;
  margin-bottom: 1rem !important;
  width: 100%;
  font-size: .9em
}
.tournament-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .75);
  opacity: .4;
  display: none
}
.tournament-loader {
  width: 48px;
  height: 48px;
  border: 5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translate(-45%, -45%)
}
@keyframes rotation {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
.hide {
  display: none
}
.jmc {
  cursor: pointer;
  color: #35d136;
  font-weight: bold;
  margin-bottom: 0
}
.jmc:hover + .hide {
  display: block;
  color: #fff
}
.jmc-tooltip {
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  padding: 5px;
  border-radius: 5px;
  font-size: 10px;
  z-index: 2;
  position: relative
}
.tournament-list .carousel-control-prev, .tournament-list .carousel-control-next, .tournament-detail .carousel-control-prev, .tournament-detail .carousel-control-next {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: none
}
.tournament-user-rank thead th {
  background: linear-gradient(#010101, #262626);
  color: #fff;
  border-top: solid 1px #fff
}
.tournament-user-rank tbody tr td {
  background: #2c2c2c;
  vertical-align: middle;
  font-size: 1.5em
}
.tournament-user-rank tbody tr:nth-child(odd) td {
  background: #32383e
}
.tournament-user-rank tbody tr.tournament-leaderboard-item.selfrank {
  border: 3px solid #f3cb00;
  animation: breathing 3s ease-out infinite normal;
  position: sticky;
  bottom: 0
}
.tournament-user-rank tbody tr.tournament-leaderboard-item.selfrank td {
  background: #000;
  vertical-align: middle;
  font-size: 1.5em
}
@keyframes breathing {
  0% {
    filter: drop-shadow(0 0 4px #f3cb00)
  }
  25% {
    filter: drop-shadow(0 0 8px #f3cb00)
  }
  60% {
    filter: drop-shadow(0 0 4px #f3cb00)
  }
  100% {
    filter: drop-shadow(0 0 4px #f3cb00)
  }
}
.tnc {
  font-size: 16px;
  line-height: 1.5rem
}
.tournament-detail-tnc .tnc::-webkit-scrollbar-thumb, .tournament-detail-leaderboard .table-responsive::-webkit-scrollbar-thumb {
  background-color: #ffffff70
}
.tournament-detail-tnc .tnc::-webkit-scrollbar-track, .tournament-detail-leaderboard .table-responsive::-webkit-scrollbar-track {
  background-color: #000
}
.tournament-detail-tnc .tnc::-webkit-scrollbar, .tournament-detail-leaderboard .table-responsive::-webkit-scrollbar {
  width: 2px
}