@font-face {
  font-family: '04b03';
  src: url('../../fonts/04b03.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/04b03.woff') format('woff'),
    url('../../fonts/04b03.ttf') format('truetype'),
    url('../../fonts/04b03.svg#04b03') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'retro_computerregular';
  src: url('../../fonts/retro_computer_personal_use-webfont.woff2') format('woff2'),
    url('../../fonts/retro_computer_personal_use-webfont.woff') format('woff'),
    url('../../fonts/retro_computer_personal_use.ttf') format('ttf'),
    url('../../fonts/retro_computer_personal_use.eot') format('ttf');
  font-weight: normal;
  font-style: normal;
}

body {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url('../../img/bg/bg-red.svg');
  background-attachment: fixed;
  background-size: cover;
}

.inner-body-1 {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url('../../img/bg/bg-alien.svg');
  /* background-attachment: fixed; */
  background-size: cover;
  -o-background-size: cover;
}

.inner-body-2 {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url('../../img/bg/bg-monkey.svg');
  /* background-attachment: fixed; */
  background-size: cover;
  -o-background-size: cover;
}

.inner-body-3 {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url('../../img/bg/bg-fish.svg');
  /* background-attachment: fixed; */
  background-size: cover;
  -o-background-size: cover;
}

.phone-wrapper {
  display: none;
  position: relative;
}

.phone-img {
  position: absolute;
  left: 0;
  top: 0;
  ;
}

.logo-pos {
  z-index: 9;
  height: 7rem;
  position: absolute;
  top: -30px;
}

.head-font {
  font-family: 'retro_computerregular', serif;
}

.content-font {
  font-family: '04b03', serif;
}

.pl-6 {
  padding-left: 5% !important;
}

.pr-6 {
  padding-right: 5% !important;
}

.pl-7 {
  padding-left: 6% !important;
}

.pr-7 {
  padding-right: 6% !important;
}

.pl-15 {
  padding-left: 15%;
}

.pr-15 {
  padding-right: 15%;
}

.pt-6 {
  padding-top: 3%;
}

.mt-6 {
  margin-top: 5%;
}

.mb-7 {
  margin-bottom: 7%;
}

.slide-border {
  border: #fff 7px solid;
  border-radius: 7px;
}

.box {
  position: relative;
  width: 100%;
  height: 28rem;
  background-color: #af000d;
  border: 5px solid #ff6671;
  border-radius: 7px;
}

.box-header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: 5px solid #ff6671;
}

.icon {
  height: 50px;
  margin: 3%;
  display: inline;
}

.headline {
  display: inline;
  font-family: 'retro_computerregular', serif;
  color: #fff;
  vertical-align: middle;
}

.box-content {
  font-family: '04b03', serif;
  color: #fff;
  margin: 4%;
  height: 100%;
  font-size: 16px;
}

.big-box {
  background-color: #af000d;
  border: 5px solid #fff;
  border-radius: 7px;
  width: 100%;
  height: auto;
}

.span4 img {
  margin-right: 10px;
}

.span4 .img-left {
  float: left;
}

.style2 {
  border-top: 2px solid #fff;
  margin-bottom: 0;
  margin-top: 2rem;
}

.text-box {
  padding: 3rem;
  color: #fff;
  font-family: '04b03', serif;
}

.link-color {
  color: #61b8ff;
}

.lead-color {
  color: #939393;
}

.bg-color {
  background-color: #e70009;
}

.outline-none {
  outline: none !important;
}

.display-none {
  display: none !important;
}

.mp-0 {
  margin: 0;
  padding: 0;
}

.display-inline {
  display: inline !important;
}

.phone1 {
  position: absolute;
  margin-top: -2%;
}

.accordion-div {
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border: 5px solid #fff;
  border-radius: 5px;
}

.accordion-img {
  background-image: url("../../img/games/bg-aliens.png");
}

.accordion-img2 {
  background-image: url("../../img/games/bg-monkey.png");
}

.accordion-img3 {
  background-image: url("../../img/games/bg-fish.png");
}

.letters-img {
  float: left;
  margin-left: 3%;
  margin-top: -2%;
}

.game-text {
  position: absolute;
  text-align: left;
  font-family: '04b03', serif;
  color: #fff;
  top: 23%;
  margin-left: 2%;
  display: none;
}

.social {
  height: 35px;
  background-color: #e70009;
  float: right;
  margin-right: 5%;
  padding-top: 0.5rem;
}

.icon-style {
  padding-right: 1rem;
}

.icon-style2 {
  height: 15px;
  margin-bottom: 1rem;
}

.follow-text {
  font-family: 'retro_computerregular', serif;
  color: #fff;
  font-size: 10px;
  padding-right: 1rem;
}

.video {
  width: 96%;
  height: 86%;
  top: 7%;
  left: 2%;
  position: absolute;
  z-index: 4;
  border: 0;
}

@media (max-width: 576px) {
  .box {
    width: 100%;
    height: 31rem;
    margin-top: 6%;
  }

  .big-box {
    margin-bottom: 3%;
    height: 100rem;
  }

  .text-box {
    padding: 1rem;
  }

  .icon {
    margin-left: 20px;
  }

  .font-18 {
    font-size: 18px;
  }

  .logo-pos {
    z-index: 9;
    height: 5rem;
    position: absolute;
    top: -16px;
  }

  .img-margin {
    margin-left: 3%;
    margin-bottom: 5%;
  }

  .padd-0 {
    padding: 0;
  }

  .pt-6 {
    padding-top: 2%;
  }

  .font-14 {
    font-size: 12px !important;
  }

  .box-content {
    font-size: 14px;
  }

  .letters-mob {
    height: 75px;
    margin-top: -20px;
  }

  .mt-30 {
    margin-top: 30%;
  }

  .clearfix {
    clear: both;
    content: "";
    display: block;
    height: 1px;
  }

  .mt-15 {
    margin-top: 20% !important;
  }

  .pr-15 {
    padding-right: 0;
  }

  .pl-15 {
    padding-left: 0;
  }

  .follow-text {
    font-size: 11px;
    padding-right: 0.5rem;
  }

  .icon-style {
    padding-right: 0.5rem;
    height: 15px;
  }

  .social {
    height: 25px;
    padding-bottom: 1.5rem;
  }

  .game-text {
    display: none;
  }

  .marin-text {
    position: absolute;
    margin-left: 55%;
  }
}

@media (max-width: 768px) {
  .padd-lr {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }

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

  .icon {
    height: 35px;
    margin: 3%;
    display: inline;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-scroll {
    overflow: scroll;
  }

  .box {
    position: relative;
    height: 25rem;
  }

  .game-text {
    display: none;
  }
}

@media (max-width: 992px) {
  .big-box {
    margin-bottom: 3%;
  }

  .box {
    position: relative;
    height: 30rem;
  }

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

  .box-content {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .team-box {
    padding-left: 6%;
  }

  .box-content {
    overflow: hidden;
  }

  .icon {
    height: 50px;
    margin: 3%;
    display: inline;
  }

  .font-18 {
    font-size: 18px;
  }

  .font-15 {
    font-size: 15px;
  }

  .padd-0 {
    padding: 0;
  }
}

@media (max-width: 1367px) {
  .pl-15 {
    padding-left: 10%;
  }

  .pr-15 {
    padding-right: 10%;
  }

  .box-content {
    font-size: 15px;
  }
}

@media (max-width: 320px) {
  .img-120 {
    height: 120px;
  }

  .box-120 {
    width: 120px;
  }

  .font-12 {
    font-size: 10px !important;
  }

  .text-box {
    padding: 1rem;
  }

  .big-box {
    margin-bottom: 3%;
  }

  .box-content {
    font-size: 15px;
  }

  .box {
    height: 35rem;
  }

  .mt-15 {
    margin-top: 20% !important;
  }

  .game-text {
    display: none;
  }
}

@media (max-width: 1050px) {
  .box-content {
    font-size: 13px;
  }

  .mt-6 {
    margin-top: 10%;
  }

  .pr-15 {
    padding-right: 5%;
  }

  .pl-15 {
    padding-left: 5%;
  }
}