body::-webkit-scrollbar {
  width: 7.5px;
}

body::-moz-scrollbar {
  width: 7.5px;
}

body::scrollbar {
  width: 7.5px;
}

body::-webkit-scrollbar-track {
  background-color: rgba(254,245,199,.5);
  border-radius: 3.5px;
}

body::-moz-scrollbar-track {
  background-color: rgba(254,245,199,.5);
  border-radius: 3.5px;
}

body::-webkit-scrollbar-track {
  background-color: rgba(254,245,199,.5);
  border-radius: 3.5px;
}

body::scrollbar-thumb {
  background-color: #fef5c7;
  border-radius: 3.5px;
}

body::-webkit-scrollbar-button {
  display: none;
}

body::-webkit-scrollbar-corner {
  background-color: black;
}

body::-moz-scrollbar-button {
  display: none;
}

body::scrollbar-button {
  display: none;
}

#slide-container {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 35%;
  background-color: #000;
}

#slides {
  position: absolute;
  width: 100%;
  height: 300px;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

.slide {
  list-style: none;
  position: absolute;
  width: 100%;
  height: 300px;
  opacity: 1.0;
  background-size: cover;
  background-position: 50% 50%;
  transition: all 1s linear;
  -webkit-transition: all 1s linear;
}

.buried {
  opacity: 0.0;
  visibility: hidden;
}

.nav {
  position: absolute;
  z-index: 99;
  display: none;
  top: 120px;
  cursor: pointer;
  color: #fff;
  opacity: 0.7;
  transition: all 0.66s ease;
  -webkit-transition: all 0.66s ease;
}

.promo-slider {
  text-transform: uppercase;
  margin-top: 2.5em !important;
  color: #fff;
  text-shadow: 0 2px 1px rgba(0,0,0,.5);
  font-family: 'Signika', sans-serif;
}

.promo-slider h2 {
  font-size: 37px;
  margin-bottom: 5px;
}

.promo-slider h2 span {
  color: #fff;
}

.promo-slider h4 {
  margin-top: 5px;
}

.promo-slider-btn {
  width: 30%;
}

.btn-play {
  float: left;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  position: relative;
  outline: 0;
  padding: 11px 44px 11px 44px;
  margin-bottom: 8px;
  font-size: 35px;
  text-transform: uppercase;
  border: 1px solid #000;
  background-repeat: repeat;
  box-shadow: 0 5px 5px 1px rgba(0,0,0,.25);
  font-family: 'Signika', sans-serif;
  border-radius: 5px;
  font-weight: 700;
  width: 165px;
}

.ibtn {
  font-size: 1.4em !important;
}

.red {
  color: #eee;
  background: #aa4d4d;
  background: -moz-linear-gradient(top, #aa4d4d 0%, #8a4d4d 50%, #8a4d4d 50%, #680000 51%, #910000 100%);
  background: -webkit-linear-gradient(top, #aa4d4d 0%,#8a4d4d 50%,#8a4d4d 50%,#680000 51%,#910000 100%);
  background: linear-gradient(to bottom, #aa4d4d 0%,#8a4d4d 50%,#8a4d4d 50%,#680000 51%,#910000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa4d4d', endColorstr='#910000',GradientType=0 );
}

.orange {
  color: #fff;
  border: 1px solid #F5D37E;
  background: rgb(239,159,2);
  background: -moz-linear-gradient(top, rgba(239,159,2,1) 0%, rgba(240,139,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(239,159,2,1) 0%,rgba(240,139,0,1) 100%);
  background: linear-gradient(to bottom, rgba(239,159,2,1) 0%,rgba(240,139,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9f02', endColorstr='#f08b00',GradientType=0 );
}

.orange:hover {
  background: #F08B00;
  color: #ddd;
}

.green {
  color: #fff;
  border-color: #8fc800;
  background: #8fc800;
  background: -moz-linear-gradient(top, #8fc800 0%, #438c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(100%,#438c00));
  background: -webkit-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -o-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -ms-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: linear-gradient(top, #8fc800 0%,#438c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#438c00',GradientType=0 );
}

.green:hover {
  background: #438C00;
  color: #e6e6e6;
}

.btn-slider:hover {
  color: #222;
}

.download-btn {
  float: left;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  position: relative;
  outline: 0;
  padding: 10px 44px 10px 44px;
  font-size: 25px;
  text-transform: uppercase;
  background-repeat: repeat;
  box-shadow: 0 5px 5px 1px rgba(0,0,0,.25);
  font-family: 'Signika', sans-serif;
  border-radius: 5px;
  text-shadow: 0 1px 1px #000;
  font-weight: 700;
  width: 165px;
}

.primary {
  color: #54370f;
  background: #f5be49;
  background: -moz-linear-gradient(top, #f5be49 0%, #f6bf4b 8%, #f6c453 13%, #fad36e 20%, #fceb9d 30%, #fdf7b9 38%, #fdfcc6 40%, #fffdcc 43%, #fffdcc 45%, #fffbca 48%, #f4ddab 50%, #b59660 53%, #c8a468 55%, #d8af6d 58%, #fcd183 63%, #ffdc8c 65%, #ffdd8c 68%, #ffe598 73%, #fde6a0 78%, #ffe9a0 80%, #fff0ab 90%, #fff5b9 98%, #fffcc1 100%);
  background: -webkit-linear-gradient(top, #f5be49 0%,#f6bf4b 8%,#f6c453 13%,#fad36e 20%,#fceb9d 30%,#fdf7b9 38%,#fdfcc6 40%,#fffdcc 43%,#fffdcc 45%,#fffbca 48%,#f4ddab 50%,#b59660 53%,#c8a468 55%,#d8af6d 58%,#fcd183 63%,#ffdc8c 65%,#ffdd8c 68%,#ffe598 73%,#fde6a0 78%,#ffe9a0 80%,#fff0ab 90%,#fff5b9 98%,#fffcc1 100%);
  background: linear-gradient(to bottom, #f5be49 0%,#f6bf4b 8%,#f6c453 13%,#fad36e 20%,#fceb9d 30%,#fdf7b9 38%,#fdfcc6 40%,#fffdcc 43%,#fffdcc 45%,#fffbca 48%,#f4ddab 50%,#b59660 53%,#c8a468 55%,#d8af6d 58%,#fcd183 63%,#ffdc8c 65%,#ffdd8c 68%,#ffe598 73%,#fde6a0 78%,#ffe9a0 80%,#fff0ab 90%,#fff5b9 98%,#fffcc1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5be49', endColorstr='#fffcc1',GradientType=0 );
}

.download-btn:hover {
  color: #e6e6e6;
}

.scroll-btns {
  padding: 8px 0 2px 0;
  background-color: rgba(24,24,24,.8);
  border-bottom: 1px solid #242424;
  height: 41px;
  display: none;
}

.scroll-btns .container a.btn-play {
  font-size: 19px;
}

.scroll-btns .container a.download-btn {
  font-size: 19px;
  padding: 10px 40px 10px 40px;
  margin-bottom: 8px;
  margin-left: 10px;
}

.nav:hover {
  opacity: 1.0;
}

#left {
  left: 3%;
}

#right {
  right: 3%;
}

#vignette {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
  width: 100%;
  height: 100%;
}

span.welcome-offer {
  font-size: 25px;
}

#slides li.mobile-slider {
  background-image: url(../img/slider/Mobile_Slider.jpg);
}

.floating-btns {
  width: 52.5%;
}

@media (min-width:10px) and (max-width: 414px) {
  .g-started {
    background: #000000 url(../img/content-headers/getting-started.jpg) no-repeat 61% 50% !important;
  }

  .h-promo {
    background: #000000 url(../img/content-headers/promotions.jpg) no-repeat 100% 50% !important;
  }

  .h-rewards {
    background: #000000 url(../img/content-headers/rewards.jpg) no-repeat 68% 50% !important;
  }

  .h-banking {
    background: #000000 url(../img/content-headers/banking.jpg) no-repeat 76% 50% !important;
  }

  .h-terms {
    background: #000000 url(../img/content-headers/terms.jpg) no-repeat 66% 50% !important;
  }

  .slide {
    background-position: 84% 50% !important;
  }

  span.welcome-offer {
    font-size: 21px;
  }

  .promo-slider h2 {
    color: #18ffff !important;
  }

  #slides li.mobile-slider {
    background-image: url(../img/slider/MobileGames_Mobile_Slider.jpg) !important;
    background-position: 62% 50% !important;
  }

  #left {
    left: 0% !important;
  }

  #right {
    right: 0% !important;
  }

  .home-slider {
    min-height: 300px;
  }

  .promo-slider h2 {
    font-size: 31px !important;
    margin-bottom: 5px;
  }

  .mobi-rewards {
    background-position: 50% 50% !important;
  }
}

@media (min-width:414px) and (max-width: 768px) {
  .header-lang.pull-left {
    right: 0px;
  }

  .promo-slider-btn {
    margin-top: 15px !important;
  }

  .promo-slider h2 {
    font-size: 42px !important;
    color: #18ffff !important;
    margin-bottom: 5px;
    margin-top: 2em !important;
  }

  .promo-slider {
    margin-top: 100px !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
  }

  span.welcome-offer {
    font-size: 21px;
  }

  #slides {
    height: 300px;
  }

  #slides li.mobile-slider {
    background-image: url(../img/slider/MobileGames_Mobile_Slider.jpg) !important;
    background-position: 62% 50% !important;
  }

  #left {
    left: 0% !important;
  }

  #right {
    right: 0% !important;
  }

  .mobi-rewards {
    background-position: 50% 50% !important;
  }
}

@media (min-width:1024px) and (max-width: 768px) {
  .nav {
    top: 218px;
  }

  .promo-slider {
    margin-left: 7em !important;
  }
}