html, body {
  padding: 0;
  margin: 0; }

.hidden {
  display: none !important; }

body {
  font-size: 18px;
  font-family: 'Roboto', sans-serif; }
  body h2 {
    width: 100%;
    font-weight: normal;
    text-align: center;
    font-size: 2em;
    margin: 0; }
  body a {
    text-decoration: none; }
  @media (max-width: 600px) {
    body {
      font-size: 17px; } }
  @media (max-width: 600px) {
    body .cta {
      font-size: 1.3em !important; } }
  @media (max-width: 600px) {
    body h2 {
      font-size: 1.6em !important; } }

@font-face {
  font-family: IntegralCF;
  src: url("../fonts/IntegralCF-Bold.otf") format("opentype"); }
section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  section .section-inner {
    width: calc(100% - 4em);
    padding: 0 2em;
    max-width: calc(1300px - 4em); }

section.header {
  background: #f1f2ed;
  font-family: IntegralCF, sans-serif;
  background-image: url("../img/header-background-dark.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow-x: hidden;
  background: black; }
  section.header .hero {
    width: 100%;
    max-width: 1800px; }
  section.header img.logo {
    height: 2em;
    width: auto;
    position: absolute;
    top: 2em;
    right: 3em;
    z-index: 2; }
    @media (max-width: 960px) {
      section.header img.logo {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        padding: 10px 0;
        height: 1.5em; } }
  @media screen and (max-width: 600px) {
    section.header .hero.mobile {
      display: block !important; }
    section.header .hero.desktop {
      display: none !important; } }
  section.header img.background-overlay {
    position: absolute;
    height: 100%;
    right: -10%; }
    @media (max-width: 1400px) {
      section.header img.background-overlay {
        right: -20%; } }
    @media (max-width: 1100px) {
      section.header img.background-overlay {
        right: -45%; } }
    @media (max-width: 960px) {
      section.header img.background-overlay {
        bottom: 0;
        right: auto;
        left: auto;
        opacity: 0.5; } }
  section.header .section-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    overflow-x: hidden;
    min-height: 400px; }
    @media (max-width: 960px) {
      section.header .section-inner {
        box-sizing: border-box;
        width: 100%;
        justify-content: center;
        text-align: center;
        padding-top: 1em;
        padding-left: 1em;
        padding-right: 1em; } }
    section.header .section-inner .offer {
      margin: 2em 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
      @media (max-width: 960px) {
        section.header .section-inner .offer {
          justify-content: center;
          text-align: center;
          align-items: center;
          margin: 1em 0;
          width: 100%; } }
      section.header .section-inner .offer h1 {
        color: #c71a1c;
        margin: 0;
        font-size: 1.6em;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";
        /*IE 8*/
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
        /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);
        /*IE 5.5-7*/ }
        @media (max-width: 600px) {
          section.header .section-inner .offer h1 {
            font-size: 1.2em; } }
        @media (max-width: 500px) {
          section.header .section-inner .offer h1 {
            left: 1em; } }
        @media (max-width: 400px) {
          section.header .section-inner .offer h1 {
            font-size: 1em; } }
      section.header .section-inner .offer span {
        color: #fff;
        font-size: 3em;
        line-height: 0.9em;
        margin-bottom: 2rem;
        z-index: 3; }
        @media (max-width: 600px) {
          section.header .section-inner .offer span {
            font-size: 2.5em; } }
        @media (max-width: 500px) {
          section.header .section-inner .offer span {
            font-size: 2em; } }
        @media (max-width: 400px) {
          section.header .section-inner .offer span {
            font-size: 1.7em; } }
      section.header .section-inner .offer img.hook {
        margin: 0.5em 0; }
      section.header .section-inner .offer a.cta {
        font-family: 'Roboto', sans-serif;
        color: white;
        background: #c71a1c;
        font-weight: 900;
        font-size: 1.5em;
        padding: 0.5em 2em;
        border-radius: 100px;
        width: fit-content;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=13, Direction=0, Color=#000000)";
        /*IE 8*/
        -moz-box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.6);
        /*FF 3.5+*/
        -webkit-box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.6);
        /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 0 0 13px 1px rgba(0, 0, 0, 0.6);
        /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=13, Direction=135, Color=#000000);
        /*IE 5.5-7*/ }
        @media (max-width: 500px) {
          section.header .section-inner .offer a.cta {
            font-size: 1.5em; } }
        @media (max-width: 400px) {
          section.header .section-inner .offer a.cta {
            font-size: 1.2em; } }
      section.header .section-inner .offer .payment-methods {
        margin-top: 1em;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        section.header .section-inner .offer .payment-methods img {
          height: 1.8em;
          margin: 0.25em; }
        section.header .section-inner .offer .payment-methods img:first-of-type {
          margin-left: 0; }
    section.header .section-inner img.player {
      position: absolute;
      right: 0;
      bottom: 0;
      max-width: 100%; }
      @media (max-width: 960px) {
        section.header .section-inner img.player {
          position: relative;
          right: unset;
          margin-top: 1em; } }

section.products .section-inner {
  padding: 3em 2em;
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.products .section-inner .products-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 3em 0; }
    section.products .section-inner .products-container .product {
      font-family: IntegralCF, sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0.5em; }
      section.products .section-inner .products-container .product div:nth-child(1) {
        font-size: 4em;
        margin-top: -0.1em;
        margin-right: 0.1em; }
      section.products .section-inner .products-container .product div:nth-child(2) {
        font-size: 1.5em;
        line-height: 1em; }
    section.products .section-inner .products-container .product.sports {
      color: green; }
  section.products .section-inner .cta {
    color: green;
    border: solid 3px green;
    font-size: 2em;
    border-radius: 0.2em;
    padding: 0.3em 1.3em;
    width: fit-content; }

section.reasons {
  background: lightgray; }
  section.reasons .section-inner {
    padding: 3em 2em;
    display: flex;
    flex-direction: column;
    align-items: center; }
    section.reasons .section-inner .card-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin: 2em 0; }
      section.reasons .section-inner .card-container .card {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 280px;
        max-width: 100%;
        margin: 0.5em; }
        section.reasons .section-inner .card-container .card img {
          margin-bottom: 1em;
          width: 100%; }
        section.reasons .section-inner .card-container .card span {
          font-weight: bold;
          font-size: 1.2em; }
  section.reasons .cta {
    color: green;
    border: solid 3px green;
    font-size: 2em;
    border-radius: 0.2em;
    padding: 0.3em 1.3em;
    width: fit-content;
    background: white; }

section.games .section-inner {
  padding: 3em 2em;
  display: flex;
  flex-direction: column;
  align-items: center; }
  section.games .section-inner .card-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2em 0; }
    section.games .section-inner .card-container .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 280px;
      max-width: 100%;
      margin: 0.5em; }
      section.games .section-inner .card-container .card img {
        margin-bottom: 1em;
        width: 100%; }
section.games .cta {
  color: green;
  border: solid 3px green;
  font-size: 2em;
  border-radius: 0.2em;
  padding: 0.3em 1.3em;
  width: fit-content;
  background: white; }

section.raf .section-inner {
  padding: 3em 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  section.raf .section-inner .raf-container {
    margin: 2em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    section.raf .section-inner .raf-container .raf-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 1em; }
      section.raf .section-inner .raf-container .raf-card img {
        width: 4em;
        margin-bottom: 1em; }
      section.raf .section-inner .raf-container .raf-card span {
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
        max-width: 250px; }
  section.raf .section-inner .cta {
    color: green;
    border: solid 3px green;
    font-size: 2em;
    border-radius: 0.2em;
    padding: 0.3em 1.3em;
    width: fit-content;
    background: white; }

section.footer {
  background: #a4a1a1; }
  section.footer .section-inner {
    padding: 2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    section.footer .section-inner .payment-methods {
      margin-bottom: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      section.footer .section-inner .payment-methods img {
        height: 2.5em;
        margin: 0.5em; }
    section.footer .section-inner .footer-info {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      section.footer .section-inner .footer-info p {
        text-align: center;
        font-weight: lighter;
        color: #646464;
        max-width: 600px;
        width: 100%; }
        @media (max-width: 900px) {
          section.footer .section-inner .footer-info p {
            max-width: unset; } }
      section.footer .section-inner .footer-info p:nth-child(2) {
        font-size: 0.8em; }
      section.footer .section-inner .footer-info img {
        margin: 1em; }

#fixed-overlay {
  display: none;
  width: calc(100% - 2em);
  position: fixed;
  bottom: 0;
  left: 0;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  padding: 1em;
  background: white; }
  @media (max-width: 800px) {
    #fixed-overlay {
      font-size: 0.8em !important; } }
  #fixed-overlay img {
    height: 2em; }
  #fixed-overlay .cta {
    color: white;
    background: green;
    border-radius: 0.4em;
    padding: 0.5em 1em;
    text-align: center; }
  #fixed-overlay span {
    margin: 0.5em;
    text-align: center; }

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