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; }

@font-face {
  font-family: 'geforce-bold';
  src: url("geforce_bold-webfont.eot") format("eot");
  /* IE9 Compat Modes */
  src: url("geforce_bold-webfont.eot?#iefix") format("embedded-opentype"), url("geforce_bold-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: bold; }
@font-face {
  font-family: 'geforce-light';
  src: url("geforce_light-webfont.eot") format("eot");
  /* IE9 Compat Modes */
  src: url("geforce_light-webfont.eot?#iefix") format("embedded-opentype"), url("geforce_light-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: lighter; }
@font-face {
  font-family: 'geforce-bold-notch';
  src: url("geforce-bold-alt-webfont.eot");
  /* IE9 Compat Modes */
  src: url("geforce-bold-alt-webfont.eot?#iefix") format("embedded-opentype"), url("geforce-bold-alt-webfont.woff2") format("woff2"), url("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("geforce-light-alt-webfont.eot");
  /* IE9 Compat Modes */
  src: url("geforce-light-alt-webfont.eot?#iefix") format("embedded-opentype"), url("geforce-light-alt-webfont.woff2") format("woff2"), url("geforce-light-alt-webfont.woff") format("woff");
  /* Pretty Modern Browsers */
  font-style: normal;
  font-weight: lighter; }
@font-face {
  font-family: 'DINPro';
  src: url("DINWebPro.eot");
  /* IE9 Compat Modes */
  src: url("DINWebPro.eot?#iefix") format("embedded-opentype"), url("DINWebPro.woff") format("woff");
  /* Pretty Modern Browsers */ }
@font-face {
  font-family: 'DINProMedium';
  src: url("DINWebPro-Medium.eot");
  /* IE9 Compat Modes */
  src: url("DINWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("DINWebPro-Medium.woff") format("woff");
  /* Pretty Modern Browsers */ }
@font-face {
  font-family: 'DINProLight';
  src: url("DINWebPro-Light.eot");
  /* IE9 Compat Modes */
  src: url("DINWebPro-Light.eot?#iefix") format("embedded-opentype"), url("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; }

body {
  font: 0.9rem "DINPro", Helvetica, sans-serif;
  line-height: 1rem;
  color: #fff;
  margin: 0;
  padding: 0;
  background-color: #000 !important;
  overflow-x: hidden;
  overflow-y: auto; }

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

.abs-pos, #wrapper {
  width: 100%;
  overflow: hidden; }

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

hr {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 4%; }

.small {
  text-transform: lowercase; }

.sup {
  vertical-align: 4px; }

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

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

.button {
  margin: 4% 0;
  border-radius: 0;
  text-transform: uppercase; }
  .button {
    background-color: #75bb43;
    border: none;
    color: #fff; }
    .button:visited {
      color: #fff;
      background-color: "DINPro";
      border: none; }
    .button:hover {
      color: #fff;
      background-color: "DINPro";
      border: none;
      text-decoration: none; }
    .button:active, .button:focus {
      color: #fff;
      background-color: "DINPro";
      border: none;
      text-decoration: none; }

.card {
  background-color: transparent;
  margin: 0 4%; }

.legal {
  font-size: 0.75rem; }

#wrapper {
  margin: auto; }
  #wrapper.show {
    display: block; }
  #wrapper header#top {
    background: url("../img/bg_head.png") center top no-repeat;
    background-size: 100%;
    padding: 4%; }
    #wrapper header#top h3 {
      padding-top: 9%;
      font: 4.8rem "geforce-bold";
      line-height: 4.2rem; }
    #wrapper header#top h5 {
      font: 2.16rem "geforce-bold";
      color: #75bb43;
      text-transform: uppercase;
      padding-bottom: 4%; }
    #wrapper header#top p {
      font-size: 0.9rem;
      padding-right: 20%; }
    #wrapper header#top .logos {
      margin-top: 9%; }
    #wrapper header#top .logo {
      background: url("../img/gforce_rtx.svg") center left no-repeat;
      background-size: cover;
      width: 164px;
      height: 55px;
      margin: auto; }
    #wrapper header#top .prtnr {
      background-color: #222222;
      color: #a7a9ac;
      padding: 19px 0;
      text-align: center;
      font-family: "geforce-light";
      width: 164px;
      margin: auto; }

#games, #videos, #shop {
  margin: 4%; }
  #games .row, #videos .row, #shop .row {
    margin: 0 4%; }
  #games .col-sm-6:first-child, #videos .col-sm-6:first-child, #shop .col-sm-6:first-child {
    border-right: 2px solid #75bb43; }
  #games .col-sm-6:nth-child(2), #videos .col-sm-6:nth-child(2), #shop .col-sm-6:nth-child(2) {
    border-left: 2px solid #75bb43; }
  #games h5, #videos h5, #shop h5 {
    font: 1.8rem "geforce-bold";
    color: #75bb43;
    text-transform: uppercase;
    padding: 12% 12% 0;
    text-align: center; }
  #games .img, #videos .img, #shop .img {
    margin: 12%; }
  #games .button, #videos .button, #shop .button {
    margin-bottom: 12%; }

#videos h5 {
  font-family: "geforce-light";
  padding: unset; }
#videos img {
  cursor: pointer; }
#videos .card-text {
  text-align: center; }
#videos .button {
  border: 0;
  border-color: unset; }

#shop h4 {
  font: 2.16rem "geforce-light";
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 4%; }
#shop h5 {
  font: 1.1rem "DINProLight";
  padding: unset; }
#shop img {
  width: 75%; }
#shop .button {
  border: 0;
  border-color: unset; }

footer {
  margin: 4%;
  font: 70% "DINPro";
  color: rgba(255, 255, 255, 0.5); }
  footer .line {
    margin: 0 0 4%;
    background: url("../img/gline.svg") left center no-repeat;
    height: 37px;
    background-size: auto; }
  footer .logo {
    background: url("../img/gforce_rtx.svg") center left no-repeat;
    background-size: cover;
    width: 164px;
    height: 55px;
    margin: auto; }
  footer .prtnr {
    background-color: #222222;
    color: #a7a9ac;
    padding: 19px 0;
    text-align: center;
    font-family: "geforce-light";
    width: 164px;
    margin: auto; }
  footer .esrb {
    background: url("../img/ESRBTM.svg") center center no-repeat;
    height: 60px;
    margin: 4% 0; }
  footer .logos {
    background: url("../img/logos.png") center center no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0 4% 4%; }
  footer .legal {
    margin: 4% 8%; }

.modal .modal-dialog {
  max-width: 600px; }
.modal .modal-content {
  background-color: #282828; }
.modal .modal-header {
  font: 1.6em "geforce-light";
  color: #75bb43;
  border-bottom-color: #222; }
  .modal .modal-header .close {
    color: #fff;
    text-shadow: transparent; }
.modal .modal-body {
  background-color: #222; }
.modal .modal-footer {
  font: 0.9rem "geforce-bold";
  color: #fff;
  border-top-color: #222; }

/* MOBILE BREAKPOINT */
@media only screen and (max-width: 440px) {
  #wrapper header#top {
    background: url("../img/bg_phone.png") center top no-repeat;
    background-size: 100%;
    padding: 96% 4% 4%; }
    #wrapper header#top h3 {
      padding-top: 48%;
      font: 2rem "geforce-bold"; }
    #wrapper header#top h5 {
      font: 1.2rem "geforce-bold";
      color: #75bb43;
      text-transform: uppercase;
      padding-bottom: 4%; }
    #wrapper header#top .logos {
      margin-top: 0; }
    #wrapper header#top .logos div {
      margin-top: 4%; }

  #games .col-sm-6:first-child, #videos .col-sm-6:first-child, #shop .col-sm-6:first-child {
    border-right: 0px;
    border-bottom: 2px solid #75bb43; }
  #games .col-sm-6:nth-child(2), #videos .col-sm-6:nth-child(2), #shop .col-sm-6:nth-child(2) {
    border-left: 0px;
    border-top: 2px solid #75bb43; }
  #games h5, #videos h5, #shop h5 {
    font-size: 1.2rem; } }
@media only screen and (min-width: 441px) and (max-width: 575px) {
  #wrapper header#top h3 {
    padding-top: 48%;
    font: 2rem "geforce-bold"; }
  #wrapper header#top h5 {
    font: 1.2rem "geforce-bold";
    color: #75bb43;
    text-transform: uppercase;
    padding-bottom: 4%; }
  #wrapper header#top .logos {
    margin-top: 0; }
  #wrapper header#top .logos div {
    margin-top: 4%; }

  #games .col-sm-6:first-child, #videos .col-sm-6:first-child, #shop .col-sm-6:first-child {
    border-right: 0px;
    border-bottom: 2px solid #75bb43; }
  #games .col-sm-6:nth-child(2), #videos .col-sm-6:nth-child(2), #shop .col-sm-6:nth-child(2) {
    border-left: 0px;
    border-top: 2px solid #75bb43; }
  #games h5, #videos h5, #shop h5 {
    font-size: 1.2rem; } }
@media only screen and (min-width: 576px) and (max-width: 764px) {
  #wrapper header#top h3 {
    padding-top: 4%;
    font: 2rem "geforce-bold"; }
  #wrapper header#top h5 {
    font: 1.2rem "geforce-bold";
    color: #75bb43;
    text-transform: uppercase;
    padding-bottom: 4%; }
  #wrapper header#top p {
    font-size: 0.9rem;
    padding-right: 20%; } }
/* TABLET BREAKPOINT */
@media only screen and (min-width: 765px) and (max-width: 1023px) {
  #wrapper header#top h3 {
    padding-top: 4%;
    font: 4rem "geforce-bold";
    line-height: 3.2rem; }
  #wrapper header#top h5 {
    font: 1.68rem "geforce-bold";
    color: #75bb43;
    text-transform: uppercase;
    padding-bottom: 4%; }
  #wrapper header#top .logos {
    margin-top: 4%; }
  #wrapper header#top p {
    font-size: 0.9rem;
    padding-right: 20%; } }
/* LAPTOP BREAKPOINT */
@media only screen and (min-width: 1024px) and (max-width: 1349px) {
  #wrapper header#top h3 {
    padding-top: 6%;
    font: 3.6rem "geforce-bold";
    line-height: 4.2rem; }
  #wrapper header#top h5 {
    font: 1.68rem "geforce-bold";
    color: #75bb43;
    text-transform: uppercase;
    padding-bottom: 4%; }
  #wrapper header#top .logos {
    margin-top: 7%; }
  #wrapper header#top p {
    font-size: 0.9rem;
    padding-right: 20%; } }
/* ULTRA-WIDE DESKTOP BREAKPOINT */
@media only screen and (min-width: 1350px) {
  #wrapper header#top .logos {
    margin-top: 7%; } }
@media only screen and (min-width: 1600px) {
  #wrapper header#top .logos {
    margin-top: 14%; } }
@media only screen and (min-width: 1860px) {
  #wrapper header#top .logos {
    margin-top: 18%; } }