* { margin: 0; padding: 0; box-sizing: border-box; }

.tb-games-wrapper { width: 95%; margin: auto; display: flex; font-size: 15px; flex-wrap: wrap; max-width: 1250px; flex-direction: row; align-items: center; justify-content: center; position: relative; z-index: 9; }

@media (max-width: 1250px) { .tb-games-wrapper { font-size: 12px; } }

@media (max-width: 1050px) { .tb-games-wrapper { font-size: 10px; } }

@media (max-width: 750px) { .tb-games-wrapper { font-size: 9px; } }

.tb-games-wrapper .tb-games-item { flex: 1; margin: .4em; display: flex; cursor: pointer; position: relative; border-radius: 7px; align-items: center; min-width: 14.375em; max-width: 21.875em; min-height: 25.625em; padding: 1em 1em 3em; flex-direction: column; justify-content: flex-end; transition: all .3s ease-in-out; }

@media (max-width: 750px) { .tb-games-wrapper .tb-games-item { min-width: 40%; } }

.tb-games-wrapper .tb-games-item.bura { background: #3673c2; background: linear-gradient(180deg, #3673c2 0%, #0c3b78 100%); }

.tb-games-wrapper .tb-games-item.bura::before { background-image: url("/gui/web/images/games/new/bura.png"); }

.tb-games-wrapper .tb-games-item.nardi { background: #9a5851; background: linear-gradient(180deg, #9a5851 0%, #4b3836 100%); }

.tb-games-wrapper .tb-games-item.nardi::before { background-image: url("/gui/web/images/games/new/nardi.png"); }

.tb-games-wrapper .tb-games-item.domino { background: #289295; background: linear-gradient(180deg, #289295 0%, #114c4e 100%); }

.tb-games-wrapper .tb-games-item.domino::before { background-image: url("/gui/web/images/games/new/domino.png"); }

.tb-games-wrapper .tb-games-item.joker { background: #9a2037; background: linear-gradient(180deg, #9a2037 0%, #5c0f1e 100%); }

.tb-games-wrapper .tb-games-item.joker::before { background-image: url("/gui/web/images/games/new/jokeri.png"); }

.tb-games-wrapper .tb-games-item .tb-games-text { z-index: 1; width: 100%; height: 100%; display: flex; font-weight: bold; position: relative; align-items: center; flex-direction: column; justify-content: center; font-family: lbet-nus, sans-serif; }

.tb-games-wrapper .tb-games-item .tb-games-text > span:nth-child(1) { font-size: 2em; color: #ffffff; }

.tb-games-wrapper .tb-games-item .tb-games-text > span:nth-child(2) { font-size: 1.25em; color: rgba(255, 255, 255, 0.45); }

.tb-games-wrapper .tb-games-item::before { top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; position: absolute; background-size: 95% auto; background-repeat: no-repeat; background-position: center 20%; transition: all .3s ease-in-out; transform: scale(1.001) translateZ(0); }

.tb-games-wrapper .tb-games-item:hover { filter: brightness(1.1); }

.tb-games-wrapper .tb-games-item:hover:before { transform: scale(1.05) translateZ(0); }

.tb-games-wrapper .tb-games-item:hover .tb-anim { opacity: 1 !important; }

.tb-games-wrapper .tb-games-item:hover .tb-anim-off { opacity: 0 !important; }

.tb-games-wrapper .tb-games-item:hover .tb-anim span { /*&.nth2{ animation: lights 4s 1s ease-out; }*/ /*&.nth3{ animation: lights 4s 2s ease-out; } &.nth4{ animation: lights 4s 3s ease-out; }*/ }

.tb-games-wrapper .tb-games-item:hover .tb-anim span.nth1 { animation: lights 4s 0s ease-out; }

.tb-games-wrapper .tb-games-item .tb-anim { top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; position: absolute; opacity: 0 !important; transition: all .2s ease-out; }

.tb-games-wrapper .tb-games-item .tb-anim span { top: 35%; left: 50%; opacity: 0; width: 20em; height: 20em; position: absolute; border-radius: 50%; background-color: white; border: 5em solid white; transform: translate(-50%, -50%); }

.tb-games-wrapper .tb-games-item .tb-anim-off { top: 0; left: 0; z-index: 0; width: 100%; height: 100%; opacity: .2; overflow: hidden; position: absolute; transition: all .4s ease-out; }

.tb-games-wrapper .tb-games-item .tb-anim-off span { top: 35%; left: 50%; width: 20em; height: 20em; position: absolute; border-radius: 50%; border: 4em solid white; }

.tb-games-wrapper .tb-games-item .tb-anim-off span:nth-child(1) { opacity: .3; transform: translate(-50%, -50%) scale(0.4); }

.tb-games-wrapper .tb-games-item .tb-anim-off span:nth-child(2) { opacity: .2; transform: translate(-50%, -50%) scale(1.15); }

.tb-games-wrapper .tb-games-item .tb-anim-off span:nth-child(3) { opacity: .1; transform: translate(-50%, -50%) scale(2.4); }

@keyframes lights { 0% { opacity: .08;
    transform: translate(-50%, -50%) scale(0); }
  100% { opacity: 0;
    transform: translate(-50%, -50%) scale(3); } }

/*
.tb-games-mob{
  width: 100%;
  margin: auto;
  display: flex;
  max-height: 300px;
  font-size: 15px;
  max-width: 1250px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 9;


  @media (max-width: 1250px) {
    font-size: 14px;
  }

  @media (max-width: 1050px) {
    font-size: 12px;
  }

  @media (max-width: 750px) {
    font-size: 10px;
  }

  .tb-games-item{
    width: 100%;
    display: flex;
    padding: .75em 0;
    overflow: hidden;
    cursor: pointer;
    margin: .5em 0 0;
    position: relative;
    border-radius: 7px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;

    &::before{
      width: 6em;
      height: 5em;
      content: '';
      min-width: 6em;
      display: block;
      background-size: 95% auto;
      background-repeat: no-repeat;
      background-position: top center;
    }

    &::after{
      width: 4em;
      height: 5em;
      content: '';
      min-width: 4em;
      display: block;
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAqCAYAAABcOxDuAAAABHNCSVQICAgIfAhkiAAAApZJREFUSEull0+IT1EUxz0WEqWUhaI0G5vBTONfmjKxko2xMXZ2RprSWCBKKcNiNDVJ2LHQyMKUpKwQkRgWs7EhyQJhoyzEz+f73Pd6rnPfu/fNqdN5nffO55177zvn3pfNQzqdzhnMMPoNPZ1l2TX520oGcIzg4x7gAOArc4F+Ini5AegH/LgNWJm+JXC1EfwZXy/gD6lgQfcRdD0QOAO0LxnqFmoSOxIIvgF4KAWcOegC7H20PxA8CngiFpxDHXgZ9hW6ygj+jW8b4Ecx4BLqwN3Y5+hCI/grvh7A75vA/0AdeC92KhA4i38T4B914P+gDnweOxoInAY62AY6n6AHNQt3ErBK2xQz04iF6/DMLsB3LWoQWlm4Z1wvMoK/49sA+LV/rxbqwLuxtwIjfYN/PWC9oJRGqAOfwx4NgDUFmgpNSS6xUC3cPXRHADwG9EQS1GW7FDuDdgXAg4CnozMtIHS0NVy/RK2FU0GoMGajhl/NDHDdwqmEe5KhbirUsQ4HpuF2MpRMm+Z2KAkKMOorSIWOM+QjTd9rNJQs61qiSlUlm1dWFBRgL88+QUPNeyNAlWxcRQFcwZMvUFlffuEY8LeZpi6lzJShMrVkBOAF/0YTVNuK5tKSqwD3WzfqmrS2E20rlmhX3Q70ZzSUeVQ3UlfSd+nL31LMMu2upli7qbqQupEqx5eyaYSA8vv7/hJ82vfVjSwp21sUlCHrBXfQnYEAHYZP1cGKe9Vjz1mcxwJBar57qltGY6YNJRh1Kqm+ROfTdTieolY3/4K/jwzfxQy7HD5QATcHgnTSe5gCzFcfqDrLYiNwGODlVGAB1c/CVi/4IsBDbYAFdCUXN9EtDnIJ4MG2wBxaBDMNa7n+CFC/QHOSP+tM5T219tt+AAAAAElFTkSuQmCC') no-repeat center;
      background-size: auto 1.65em;
    }

    &.bura{
      background: rgb(54,115,194);
      background: linear-gradient(180deg, rgba(54,115,194,1) 0%, rgba(12,59,120,1) 100%);
      &::before{
        background-image: url("/gui/web/images/games/new/mob-new-img/bura.png");
      }
    }
    &.nardi{
      background: rgb(154,88,81);
      background: linear-gradient(180deg, rgba(154,88,81,1) 0%, rgba(75,56,54,1) 100%);
      &::before{
        background-image: url("/gui/web/images/games/new/mob-new-img/nardi.png");
      }
    }
    &.domino{
      background: rgb(40,146,149);
      background: linear-gradient(180deg, rgba(40,146,149,1) 0%, rgba(17,76,78,1) 100%);
      &::before{
        background-image: url("/gui/web/images/games/new/mob-new-img/domino.png");
      }
    }
    &.joker{
      background: rgb(154,32,55);
      background: linear-gradient(180deg, rgba(154,32,55,1) 0%, rgba(92,15,30,1) 100%);
      &::before{
        background-image: url("/gui/web/images/games/new/mob-new-img/jokeri.png");
      }
    }

    .tb-games-text{
      margin: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: flex;
      padding: 0 1em;
      font-weight: bold;
      position: relative;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
      font-family: lbet-nus, sans-serif;

      &>span{
        &:nth-child(1){
          font-size: 2em;
          color: #ffffff;
        }
        &:nth-child(2){
          font-size: 1.25em;
          color: rgba(255, 255, 255, 0.45);
        }
      }
    }

    .circles{
      top: 0;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;

      span{
        top: 50%;
        left: 3em;
        width: 10em;
        height: 10em;
        position: absolute;
        border-radius: 50%;
        transform: translateY(-50%) scale(1);

        &:nth-child(1){
          opacity: .1;
          border: 3em solid white;
          transform: translate(-50%, -50%) scale(.5);
        }
        &:nth-child(2){
          opacity: .07;
          border: 2em solid white;
          transform: translate(-50%, -50%) scale(2.2);
        }
        &:nth-child(3){
          opacity: .05;
          border: 1.5em solid white;
          transform: translate(-50%, -50%) scale(4.2);
        }
        &:nth-child(4){
          opacity: .03;
          border: 1em solid white;
          transform: translate(-50%, -50%) scale(7);
        }
      }
    }
  }


}*/

/*# sourceMappingURL=games.css.map */