html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* FONTS */
@font-face {
  font-family: 'geforce-bold';
  src: url("../assets/fonts/geforce_bold-webfont.eot") format("eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/geforce_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce_bold-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: bold; }
@font-face {
  font-family: 'geforce-light';
  src: url("../assets/fonts/geforce_light-webfont.eot") format("eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/geforce_light-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce_light-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: lighter; }
@font-face {
  font-family: 'geforce-bold-notch';
  src: url("../assets/fonts/geforce-bold-alt-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/geforce-bold-alt-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce-bold-alt-webfont.woff2") format("woff2"), url("../assets/fonts/geforce-bold-alt-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: bold; }
@font-face {
  font-family: 'geforce-light-notch';
  src: url("../assets/fonts/geforce-light-alt-webfont.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/geforce-light-alt-webfont.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/geforce-light-alt-webfont.woff2") format("woff2"), url("../assets/fonts/geforce-light-alt-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: lighter; }
@font-face {
  font-family: 'DINPro';
  src: url("../assets/fonts/DINWebPro.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/DINWebPro.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro.woff") format("woff");
  /* Pretty Modern Browsers */ }
@font-face {
  font-family: 'DINProMedium';
  src: url("../assets/fonts/DINWebPro-Medium.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro-Medium.woff") format("woff");
  /* Pretty Modern Browsers */ }
@font-face {
  font-family: 'DINProLight';
  src: url("../assets/fonts/DINWebPro-Light.eot");
  /* IE9 Compat Modes */
  src: url("../assets/fonts/DINWebPro-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/DINWebPro-Light.woff") format("woff");
  /* Pretty Modern Browsers */ }
*,
:before,
:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #000; }

body {
  font: 100%/1.4 "DINPro", "Trebuchet MS", Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto; }

sup {
  font-size: 0.5em;
  vertical-align: super;
  top: -0.5px; }

h3 {
  text-align: center;
  font: 2.64em "geforce-light";
  color: #fff; }

hr {
  width: 80%;
  border: 1px solid #666; }

.abs-pos {
  width: 1300px;
  overflow: hidden; }

.transconte {
  position: relative;
  color: white; }

.border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important; }

span.notchL {
  font-family: "geforce-light-notch"; }

span.notchB {
  font-family: "geforce-bold-notch"; }

i {
  font-style: italic; }

.container-m {
  max-width: 1300px;
  margin: auto; }

.legal {
  padding: 15px 0 0 18px;
  font: 0.6em "DINPro";
  color: #666; }
  .legal span.grn {
    color: #76b900; }

.notification {
  background-color: transparent; }

.box {
  background: transparent; }

.tile .subtitle, .tile .title {
  color: #fff;
  text-align: center; }

.head h1.subtitle {
  font: 3.5rem "geforce-bold" !important;
  text-transform: uppercase;
  margin: 15px 0 0 !important; }

.head h3.title {
  font: 2rem "geforce-bold" !important;
  color: #76b900 !important;
  margin: 0 0 15px !important; }

.head p {
  text-align: center;
  margin: 15px 0 !important; }

.head .columns div {
  margin: auto; }
  .head .columns div img {
    max-height: 50px; }

.tile .subtitle {
  font: 250% "geforce-light";
  line-height: 100%; }

.tile .title {
  font-size: 250%; }

.tile .is-small {
  color: #fff;
  padding: 0 5% 1.5%; }

.box {
  box-shadow: unset; }

.video {
  background: url("../img/fndVideo.png") no-repeat center center;
  background-size: cover; }
  .video article.tile {
    margin: 5vw 10vw !important; }
  .video .is-half {
    margin: auto; }

.cyber {
  background: url("../img/fndVCyberpunk.png") no-repeat center center;
  background-size: cover; }
  .cyber article.tile {
    margin: 9vw 0 !important; }
  .cyber .button {
    font-weight: bolder;
    text-transform: uppercase; }
    .cyber .button {
      background-color: #76b900;
      border: none;
      border-radius: unset;
      color: #fff; }
      .cyber .button:visited {
        color: #fff;
        background-color: #76b900;
        border: none; }
      .cyber .button:hover {
        color: #76b900;
        background-color: transparent;
        border: 1px solid #76b900;
        border-radius: 5px; }
      .cyber .button:active, .cyber .button:focus {
        color: #fff;
        background-color: #76b900;
        border: none; }

.mine {
  background: url("../img/fndVMinecraft.png") no-repeat center center;
  background-size: cover; }
  .mine article.tile {
    margin: 9vw 0 !important; }
  .mine .button {
    font-weight: bolder;
    text-transform: uppercase; }
    .mine .button {
      background-color: #76b900;
      border: none;
      border-radius: unset;
      color: #fff; }
      .mine .button:visited {
        color: #fff;
        background-color: #76b900;
        border: none; }
      .mine .button:hover {
        color: #76b900;
        background-color: transparent;
        border: 1px solid #76b900;
        border-radius: 5px; }
      .mine .button:active, .mine .button:focus {
        color: #fff;
        background-color: #76b900;
        border: none; }

.cod {
  background: url("../img/fndVCod.png") no-repeat center center;
  background-size: cover; }
  .cod article.tile {
    margin: 9vw 0 !important; }
  .cod figure {
    padding: 4%; }
  .cod .button {
    font-weight: bolder;
    text-transform: uppercase; }
    .cod .button {
      background-color: #76b900;
      border: none;
      border-radius: unset;
      color: #fff; }
      .cod .button:visited {
        color: #fff;
        background-color: #76b900;
        border: none; }
      .cod .button:hover {
        color: #76b900;
        background-color: transparent;
        border: 1px solid #76b900;
        border-radius: 5px; }
      .cod .button:active, .cod .button:focus {
        color: #fff;
        background-color: #76b900;
        border: none; }

.control {
  background: url("../img/fndControl.png") no-repeat center center;
  background-size: cover; }
  .control article.tile {
    margin: 9vw 0 !important; }
  .control .tile .subtitle {
    text-align: unset; }

.shopping {
  padding-top: 5%; }
  .shopping .card {
    background-color: unset;
    box-shadow: unset;
    color: unset; }
    .shopping .card .card-content {
      color: #76b900;
      padding-top: 0;
      padding-bottom: 0; }
    .shopping .card .card-footer {
      border: unset; }
      .shopping .card .card-footer .button {
        font-weight: bolder;
        text-transform: uppercase; }
        .shopping .card .card-footer .button {
          background-color: #76b900;
          border: none;
          border-radius: unset;
          color: #fff; }
          .shopping .card .card-footer .button:visited {
            color: #fff;
            background-color: #76b900;
            border: none; }
          .shopping .card .card-footer .button:hover {
            color: #76b900;
            background-color: transparent;
            border: 1px solid #76b900;
            border-radius: 5px; }
          .shopping .card .card-footer .button:active, .shopping .card .card-footer .button:focus {
            color: #fff;
            background-color: #76b900;
            border: none; }

footer {
  margin: 4% 16% 8%;
  font: 70% "DINPro";
  color: rgba(255, 255, 255, 0.5); }
  footer img {
    width: 200px;
    height: 55px;
    margin: auto; }
  footer .line {
    margin: 0 0 4%;
    background: url("../img/gline.svg") center center no-repeat;
    height: 37px;
    background-size: contain; }
  footer .image img {
    height: 50px;
    width: auto; }

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 639px) {
  .cyber {
    background: url("../img/fndVCyberpunkB.png") no-repeat center center; }

  .mine {
    background: url("../img/fndVMinecraftB.png") no-repeat center center; }

  .cod {
    background: url("../img/fndVCodB.png") no-repeat center center; }

  .control {
    background: url("../img/fndControlB.png") no-repeat center center; }

  .shopping .card .card-image {
    max-width: 300px;
    margin: auto; } }
/* TABLET BREAKPOINT */
@media only screen and (min-width: 640px) and (max-width: 940px) {
  .shopping .card .card-image {
    max-width: 300px;
    margin: auto; } }
/* LAPTOP BREAKPOINT */
/* ULTRA-WIDE DESKTOP BREAKPOINT */