body{padding:0;margin:0;font-family:'Open Sans', sans-serif}
#game-container{z-index:0;position:absolute;left:0;right:0;top:0;bottom:45px;background-color:#5a7371;box-shadow:0px 5px 5px #888888}
#game-container.fullscreen{bottom:0}
.game-footer{z-index:0;position:absolute;bottom:0;left:0;right:0;height:45px;background:#5a7371;background:linear-gradient(to bottom,#3f7996 0%,#5a7371 100%)}
.game-btn{background:3CC0DC;background:linear-gradient(to bottom,#259cd8 0%,#3CC0DC 100%);cursor:pointer;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:1px 1px 3px #666666;color:#ffffff;font-size:20px;font-weight:bold;text-decoration:none;border:solid #d0e0ea 2px;text-transform:uppercase;padding:10px;display:block;margin:0 auto}
.game-btn:hover{background:#00a6e7;background-image:linear-gradient(to bottom, #00a6e7, #1a91cf);text-decoration:none}
.game-btn-link:hover{text-decoration:none}
.game-footer{-webkit-user-select:none;-moz-user-select:none;box-sizing:content-box}
.game-footer .game-footer-logo{height:45px;font-size:24px;line-height:45px;padding:0 10px;margin:0}
.game-footer .game-footer-logo a,
.game-footer .game-footer-logo a:hover,
.game-footer .game-footer-logo a:active{text-decoration:none;color:inherit}
.game-footer .game-footer-fullscreen-btn img{transition:all .2s ease-in-out}
.game-footer .game-footer-fullscreen-btn:hover img{transform:scale(1.15)}
.game-footer .game-footer-btn{color:white;height:45px;overflow-y:hidden;margin-left:5px;cursor:pointer;font-weight:bold}
.game-footer .game-footer-btn.game-footer-logo{margin:0}
.game-footer .game-footer-btn:hover{background-color:#719290}
.game-footer .game-footer-btn a.game-footer-link{line-height:45px;height:45px;display:inline-block}
.game-footer .game-footer-btn a.game-footer-link:link,
.game-footer .game-footer-btn a.game-footer-link:visited{color:inherit;text-decoration:none}
.game-footer .game-footer-more{text-transform:uppercase;padding:0 10px;font-size:16px}
.game-footer .game-footer-img-button{width:70px;overflow-x:hidden;height:45px;cursor:pointer}
.game-footer .game-footer-img-button div{height:45px;text-align:center}
.game-footer .game-footer-img-button div a{font-size:0;height:45px;width:70px;line-height:62px}
.gameloader{-webkit-user-select:none;-moz-user-select:none;overflow:hidden}
.gameloader .gameloader-game-name{font-size:20px;font-weight:bold;text-transform:uppercase;color:white;margin-left:auto;margin-right:auto;text-align:center;text-shadow:1px 1px 1px #00476c}
.gameloader .gameloader-logo{margin-left:auto;margin-right:auto;margin:8px 0 15px 0;width:300px}
.gameloader .gameloader-logo img{width:100%;border-radius:5px;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.3)}
.gameloader .gameloader-progressbar{width:300px;height:1.2vh;border-radius:0.6vh;background-color:#fff;flex-grow:1;transition:0.2s ease-out all;}
@keyframes fillColor{0%{background-color:#3CF7DC;}
25%{background-color:#FFA9BE;}
50%{background-color:#FFDC00;}
75%{background-color:#E0AEF5;}
100%{background-color:#3CF7DC;}
}
.gameloader .gameloader-progressbar .gameloader-progressbar-progress{width:0;height:100%;border-radius:0.6vh;background-color:#3CF7DC;transition:0.2s ease-out all;animation-name:fillColor;animation-duration:3.5s;animation-iteration-count:infinite;animation-fill-mode:both;}
.gameloader .gameloader-progress-info{margin-left:auto;margin-right:auto;margin-top:6px;font-size:14px;color:#fff;text-align:center;text-shadow:1px 1px 1px #00476c}
.loader-hidden{display:none}
.loader-active{display:block}
a{text-decoration:none}
a:hover{text-decoration:none}
.ball-beat,.ball-beat > div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ball-beat{display:block;font-size:0;color:#fff}.ball-beat > div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.ball-beat{width:108px;height:36px}.ball-beat > div{width:20px;height:20px;margin:8px;border-radius:100%;-webkit-animation:ball-beat .7s -.15s infinite linear;-moz-animation:ball-beat .7s -.15s infinite linear;-o-animation:ball-beat .7s -.15s infinite linear;animation:ball-beat .7s -.15s infinite linear}.ball-beat > div:nth-child(2n-1){-webkit-animation-delay:-.5s;-moz-animation-delay:-.5s;-o-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes ball-beat{50%{opacity:.2;-moz-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes ball-beat{50%{opacity:.2;-o-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);-moz-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
      html,body        {
        margin: 0 auto;
        padding: 0 auto;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

.jss122 {
  color: #bcdd55;
}
.jss123 {
  color: white;
}
.jss124 {
  color: #20defd;
}


.jss7 {
  width: 100%;
  display: flex;
  z-index: 1;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.jss8 {
  margin: 0;
  box-sizing: border-box;
}
.jss9 {
  min-width: 0;
}
.jss10 {
  flex-direction: column;
}
.jss11 {
  flex-direction: column-reverse;
}
.jss12 {
  flex-direction: row-reverse;
}
.jss13 {
  flex-wrap: nowrap;
}
.jss14 {
  flex-wrap: wrap-reverse;
}
.jss15 {
  align-items: center;
}
.jss16 {
  align-items: flex-start;
}
.jss17 {
  align-items: flex-end;
}
.jss18 {
  align-items: baseline;
}
.jss19 {
  align-content: center;
}
.jss20 {
  align-content: flex-start;
}
.jss21 {
  align-content: flex-end;
}
.jss22 {
  align-content: space-between;
}
.jss23 {
  align-content: space-around;
}
.jss24 {
  justify-content: center;
}
.jss25 {
  justify-content: flex-end;
}
.jss26 {
  justify-content: space-between;
}
.jss27 {
  justify-content: space-around;
}
.jss28 {
  width: calc(100% + 8px);
  margin: -4px;
}
.jss28 > .jss8 {
  padding: 4px;
}
.jss29 {
  width: calc(100% + 16px);
  margin: -8px;
}
.jss29 > .jss8 {
  padding: 8px;
}
.jss30 {
  width: calc(100% + 24px);
  margin: -12px;
}
.jss30 > .jss8 {
  padding: 12px;
}
.jss31 {
  width: calc(100% + 32px);
  margin: -16px;
}
.jss31 > .jss8 {
  padding: 16px;
}
.jss32 {
  width: calc(100% + 40px);
  margin: -20px;
}
.jss32 > .jss8 {
  padding: 20px;
}
.jss33 {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0;
}
.jss34 {
  max-width: 8.33333%;
  flex-basis: 8.33333%;
}
.jss35 {
  max-width: 16.66667%;
  flex-basis: 16.66667%;
}
.jss36 {
  max-width: 25%;
  flex-basis: 25%;
}
.jss37 {
  max-width: 33.33333%;
  flex-basis: 33.33333%;
}
.jss38 {
  max-width: 41.66667%;
  flex-basis: 41.66667%;
}
.jss39 {
  max-width: 50%;
  flex-basis: 50%;
}
.jss40 {
  max-width: 58.33333%;
  flex-basis: 58.33333%;
}
.jss41 {
  max-width: 66.66667%;
  flex-basis: 66.66667%;
}
.jss42 {
  max-width: 75%;
  flex-basis: 75%;
}
.jss43 {
  max-width: 83.33333%;
  flex-basis: 83.33333%;
}
.jss44 {
  max-width: 91.66667%;
  flex-basis: 91.66667%;
}
.jss45 {
  max-width: 100%;
  flex-basis: 100%;
}
@media (min-width:600px) {
  .jss46 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss47 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .jss48 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .jss49 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss50 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .jss51 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .jss52 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss53 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .jss54 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .jss55 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss56 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .jss57 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .jss58 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:960px) {
  .jss59 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss60 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .jss61 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .jss62 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss63 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .jss64 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .jss65 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss66 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .jss67 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .jss68 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss69 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .jss70 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .jss71 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1280px) {
  .jss72 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss73 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .jss74 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .jss75 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss76 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .jss77 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .jss78 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss79 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .jss80 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .jss81 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss82 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .jss83 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .jss84 {
    max-width: 100%;
    flex-basis: 100%;
  }
}
@media (min-width:1920px) {
  .jss85 {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
  }
  .jss86 {
    max-width: 8.33333%;
    flex-basis: 8.33333%;
  }
  .jss87 {
    max-width: 16.66667%;
    flex-basis: 16.66667%;
  }
  .jss88 {
    max-width: 25%;
    flex-basis: 25%;
  }
  .jss89 {
    max-width: 33.33333%;
    flex-basis: 33.33333%;
  }
  .jss90 {
    max-width: 41.66667%;
    flex-basis: 41.66667%;
  }
  .jss91 {
    max-width: 50%;
    flex-basis: 50%;
  }
  .jss92 {
    max-width: 58.33333%;
    flex-basis: 58.33333%;
  }
  .jss93 {
    max-width: 66.66667%;
    flex-basis: 66.66667%;
  }
  .jss94 {
    max-width: 75%;
    flex-basis: 75%;
  }
  .jss95 {
    max-width: 83.33333%;
    flex-basis: 83.33333%;
  }
  .jss96 {
    max-width: 91.66667%;
    flex-basis: 91.66667%;
  }
  .jss97 {
    max-width: 100%;
    flex-basis: 100%;
  }
}


.jss135 {
  z-index: 1500;
  pointer-events: none;
}
.jss135.jss136 {
  pointer-events: auto;
}
.jss137 {
  color: #fff;
  opacity: 0;
  padding: 4px 8px;
  transform: scale(0);
  font-size: 0.625rem;
  transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1) 0ms,transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms;
  min-height: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.4em;
  border-radius: 2px;
  background-color: #445655;
}
.jss137.jss136 {
  opacity: 0.9;
  transform: scale(1);
  transition: opacity 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
}
.jss138 {
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.14286em;
}
.jss139 {
  margin: 0 24px;
  transform-origin: right center;
}
@media (min-width:600px) {
  .jss139 {
    margin: 0 14px;
  }
}
.jss140 {
  margin: 0 24px;
  transform-origin: left center;
}
@media (min-width:600px) {
  .jss140 {
    margin: 0 14px;
  }
}
.jss141 {
  margin: 24px 0;
  transform-origin: center bottom;
}
@media (min-width:600px) {
  .jss141 {
    margin: 14px 0;
  }
}
.jss142 {
  margin: 24px 0;
  transform-origin: center top;
}
@media (min-width:600px) {
  .jss142 {
    margin: 14px 0;
  }
}

@media (max-width:600px) {
  #moregames  {
    display: none !important;
  }
}