/* custom */

@font-face {

  font-family: 'Futura_PT_v';

  src: url("../fonts/FuturaPT-Bold.woff2") format("woff2"), url("../fonts/FuturaPT-Bold.woff") format("woff");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: 'Droid_Serif_bold_italic_v';

  src: url("../fonts/DroidSerif-BoldItalic.woff2") format("woff2"), url("../fonts/DroidSerif-BoldItalic.woff") format("woff");

  font-weight: bold;

  font-style: italic; }

@font-face {

  font-family: 'Droid_Serif_italic_v';

  src: url("../fonts/DroidSerif-Italic.woff2") format("woff2"), url("../fonts/DroidSerif-Italic.woff") format("woff");

  font-weight: normal;

  font-style: italic; }

@font-face {

  font-family: 'Futura_Std_heavy_oblique_v';

  src: url("../fonts/FuturaStd-HeavyOblique.woff2") format("woff2"), url("../fonts/FuturaStd-HeavyOblique.woff") format("woff");

  font-weight: bold;

  font-style: italic; }

@font-face {

  font-family: 'Futura_Std_heavy_v';

  src: url("../fonts/FuturaStd-Heavy.woff2") format("woff2"), url("../fonts/FuturaStd-Heavy.woff") format("woff");

  font-weight: bold;

  font-style: normal; }

@font-face {

  font-family: 'Futura_Std_Book_bold_oblique_v';

  src: url("../fonts/FuturaStd-BoldOblique.woff2") format("woff2"), url("../images/FuturaStd-BoldOblique.html") format("woff");

  font-weight: bold;

  font-style: italic; }

body {

  margin: 0px;

  padding: 0px; }



* {

  box-sizing: border-box; }



.m-t-20 {

  margin-top: 20px; }



.m-t-30 {

  margin-top: 30px; }



.white {

  color: #FFF !important; }



.box-50 {

  width: 50%; }



.m-b-10 {

  margin-bottom: 10px !important; }



.m-b-30 {

  margin-bottom: 30px !important; }



.clear {

  content: "";

  display: table;

  table-layout: fixed;

  clear: both; }



.section-title {

  padding: 0px;

  margin: 0px 0 70px 0;

  font-family: Montserrat;

  font-weight: 700;

  font-size: 48px;

  text-align: center;

  color: #4e4e4e; }



.section-small-title {

  padding: 0px;

  margin: 60px 0 30px 0;

  font-family: Montserrat;

  font-weight: 700;

  font-size: 36px;

  text-align: center;

  color: #FFF; }



.fab {

  font-size: 20px;

  color: #FFF;

  text-decoration: none;

  margin: 0 15px; }



.nav-bar-container {

  width: 100%;

  height: 78px;

  background: #393939; }

  .nav-bar-container.home-page {

    background: none;

    position: absolute;

    z-index: 99; }

  .nav-bar-container > .inner {

    max-width: 1200px;

    margin: 0 auto; }



.logo {

  width: 180px;

  height: 34px;

  background: url(../images/logo-2.png) no-repeat;

  display: inline-block;

  margin: 20px 0 0 10px;

  background-size: 100%; }



.menu-nav {

  float: right;

  font-size: 14px;

  font-family: Futura_PT_v;

  padding: 0px;

  margin: 27px 0 0 0;

  list-style: none; }

  .menu-nav li {

    display: inline-block;

    margin: 0 12px; }

  .menu-nav a {

    color: #FFF;

    text-decoration: none;

    text-transform: uppercase; }



.video-container {

  width: 100%;

  position: relative;

  height: calc(100vh - 150px);

  max-height: 650px;

  overflow: hidden;

  /*background: rgba(169,235,225,.08);*/ }

  .video-container .video-element {

    position: absolute;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    z-index: 2;

    object-fit: cover; }

  .video-container > .inner {

    position: absolute;

    left: 50%;

    z-index: 11;

    transform: translate(-50%, 0px);

    /*top:100px;*/

    bottom: 0px;

    height: 100%;

    width: 460px;

    margin: 0 auto; }

  .video-container .featured-logo {

    margin-top: 90px;

    text-align: center; }

    .video-container .featured-logo img {

      display: inline-block; }

  .video-container .btm-box {

    position: absolute;

    bottom: 40px;

    z-index: 1;

    left: 50%;

    transform: translate(-50%, 0px);

    width: 100%; }

  .video-container .social {

    text-align: center; }

    .video-container .social .fab {

      font-size: 22px; }

  .video-container .store-btns {

    margin: 30px 0 0 0;

    text-align: center; }

    .video-container .store-btns .store-btn {

      margin: 0 10px;

      width: 205px;

      display: inline-block; }

      .video-container .store-btns .store-btn img {

        width: 100%; }



.statusMsg {

  text-align: center;

  color: #FFF;

  font-family: Open Sans;

  margin-bottom: 20px; }



.errordiv {

  color: #ff4747; }



.header-bar-v {

  max-width: 1400px;

  margin: 0 auto; }

  .header-bar-v::after {

    content: "";

    display: table;

    table-layout: fixed;

    clear: both; }



.header-bar-v {

  max-height: 139px; }



.logo-v {

  width: 353px;

  height: 95px;

  float: left;

  margin: 10px 0 0 0;

  background: url(../images/logo.png) no-repeat; }



.menu-bar-v {

  float: right;

  margin: 55px 0px; }

  .menu-bar-v .main-menu-v {

    float: right;

    text-transform: uppercase;

    font-family: Futura_PT_v;

    list-style: none;

    font-size: 13px;

    margin: 0px;

    padding: 0px; }

    .menu-bar-v .main-menu-v li {

      margin-right: 30px;

      display: inline-block; }

    .menu-bar-v .main-menu-v a {

      color: #000;

      text-decoration: none;

      padding: 3px 0px 3px 0px; }

      .menu-bar-v .main-menu-v a.active-v {

        background-image: url(../images/menu-active.html);

        background-repeat: no-repeat;

        background-position: bottom left; }



.social-menu-bar-v {

  border-left: 2px solid #dadada;

  float: right;

  list-style: none;

  padding: 0px 0 0 20px;

  margin: 0px; }

  .social-menu-bar-v li {

    display: inline-block;

    padding: 0 7px; }

  .social-menu-bar-v a {

    text-decoration: none;

    color: #b5b5b5;

    font-size: 16px; }



.contact-container {

  width: 100%;

  background: #2c2c2c; }

  .contact-container .inner {

    max-width: 540px;

    margin: 0 auto;

    padding: 70px 20px 50px 20px; }

  .contact-container .subtitle {

    font-size: 16px;

    font-style: italic;

    color: #dcdcdc;

    font-family: Open Sans;

    line-height: 22px;

    text-align: center;

    padding: 0 0 50px 0;

    width: 60%;

    margin: 0 auto; }

  .contact-container .social {

    text-align: center; }

  .contact-container .social-description {

    font-family: Open Sans;

    font-size: 14px;

    color: #a0a0a0;

    text-align: center;

    margin: 30px auto 0 auto; }



.footer-container {

  width: 100%;

  background: #000; }

  .footer-container .inner {

    max-width: 1200px;

    margin: 0 auto;

    padding: 40px 0;

    color: #a0a0a0;

    font-family: Open Sans;

    font-size: 16px;

    text-align: center; }

  .footer-container a {

    color: #FFF; }



.games-container {

  width: 100%; }

  .games-container.privacy-page {

    font-size: 16px;

    font-family: Open Sans;

    font-weight: 400;

    color: #646464;

    line-height: 24px;

    margin: 20px 0 0 0;

    padding-bottom: 60px; }

    .games-container.privacy-page .subtitle {

      font-weight: 600; }

    .games-container.privacy-page a {

      color: #646464; }

  .games-container .inner {

    max-width: 1200px;

    margin: 0 auto;

    padding: 60px 50px 0 50px; }

  .games-container .game-item {

    width: 100%;

    margin-bottom: 60px;

    position: relative;

    z-index: 1;

    padding-right: 280px; }

    .games-container .game-item .game-inner {

      max-width: 800px;

      background: #ececec;

      border-top-left-radius: 30px;

      border-bottom-left-radius: 30px; }

    .games-container .game-item .store-btns {

      position: absolute;

      z-index: 1;

      top: 0px;

      right: 0px;

      padding: 30px 0; }

      .games-container .game-item .store-btns .store-btn {

        display: block;

        margin-bottom: 20px; }

    .games-container .game-item .game-featured {

      float: left;

      width: 30%;

      border-radius: 30px;

      overflow: hidden; }

      .games-container .game-item .game-featured img {

        display: block;

        width: 100%; }

    .games-container .game-item .game-info {

      float: left;

      width: 70%;

      padding: 0 30px; }

/*	  padding: 0 50px; } */

	  

    .games-container .game-item h3 {

      font-size: 36px;

      color: #505050;

      font-family: Montserrat;

      font-weight: 700;

      margin: 30px 0 0 0; }

    .games-container .game-item p {

      font-size: 16px;

      font-family: Open Sans;

      font-weight: 400;

      color: #646464;

      line-height: 24px;

      margin: 20px 0 0 0; }



.text-input {

  border: none;

  border-bottom: 1px solid #939393;

  margin: 0px;

  padding: 0px;

  color: #ffffff;

  background: none;

  width: 100%;

  padding: 10px 0;

  margin-bottom: 5px;

  font-family: Open Sans;

  font-weight: 400;

  font-size: 16px; }

  .text-input::-webkit-input-placeholder {

    color: #ffffff; }

  .text-input::-moz-placeholder {

    /* Firefox 19+ */

    color: #ffffff; }

  .text-input:-ms-input-placeholder {

    /* IE 10+ */

    color: #ffffff; }

  .text-input:-moz-placeholder {

    /* Firefox 18- */

    color: #ffffff; }



.button {

  border: none;

  border: 1px solid #939393;

  margin: 0px;

  padding: 9px 0;

  color: #ffffff;

  background: none;

  width: 100%;

  font-family: Open Sans;

  font-weight: 400;

  font-size: 16px;

  text-transform: uppercase;

  cursor: pointer; }



.textarea {

  margin-bottom: 40px;

  height: 120px; }



input, textarea {

  outline: none; }



@media screen and (max-width: 1100px) and (max-device-width: 1100px) {

  .games-container .game-item {

    padding-right: 0px !important; }

    .games-container .game-item::after {

      content: "";

      display: table;

      table-layout: fixed;

      clear: both; }

    .games-container .game-item h3 {

      margin: 20px 0 0 0 !important;

      font-size: 30px; }

    .games-container .game-item p {

      font-size: 15px; }

  .games-container .game-info {

    padding: 0 25px !important; }

  .games-container .game-inner {

    max-width: 100% !important; }

  .games-container .store-btns {

    position: static !important;

    float: right;

    padding: 20px 0 0 0 !important; }

  .games-container .store-btn {

    display: inline-block !important;

    margin-bottom: 0px !important; }

    .games-container .store-btn:first-child {

      margin-right: 10px; } }

@media screen and (max-width: 980px) and (max-device-width: 980px) {

  .video-container .featured-logo {

    margin: 120px auto 0 auto;

    width: 290px; }

    .video-container .featured-logo img {

      width: 100%; } }

@media screen and (max-width: 830px) and (max-device-width: 830px) {

  .logo {

    width: 250px;

    height: 46px;

    margin-top: 26px; }



  .video-container {

    height: 800px;

    max-height: 800px;

    /*height: calc(100vh - 100px);*/ }

    .video-container .social .fab {

      font-size: 30px; }



  .nav-bar-container {

    height: 100px; }



  .menu-nav {

    font-size: 20px;

    margin-top: 38px; }



  .games-container .inner {

    padding: 70px 20px 0 20px; }

  .games-container .store-btn {

    width: 150px; }

    .games-container .store-btn img {

      width: 100%; }

  .games-container .game-item p {

    margin-top: 10px; }

  .games-container .game-item h3 {

    font-size: 26px; } }

@media screen and (max-width: 830px) and (orientation: landscape) {

  .logo {

    width: 190px; }



  .menu-nav {

    font-size: 16px;

    margin-top: 30px; }



  .video-container .store-btns .store-btn {

    width: 150px; }



  .video-container .btm-box {

    bottom: 15px; }



  .video-container .social .fab {

    font-size: 24px; }



  .video-container .featured-logo {

    margin: 85px auto 0 auto;

    width: 250px; } }



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