/* Scss Document */
/* Scss Document */
/*variables*/
/*final variables*/
/*layout*/
body {
  background-color: #fff; }
  body ul {
    margin: 0px;
    padding: 0px; }
    body ul li {
      margin: 0px;
      padding: 0px;
      list-style: none; }
  body header {
    background: #000;
    margin-top: -10px; }
    body header h1.brand {
      text-indent: -9999px;
      background-image: url(../images/sprite-landing.png);
      width: 556px;
      height: 62px;
      display: block;
      margin: 10px auto 5px; }
      body header h1.brand a {
        display: block; }
    body header .nav {
      background-color: #1e1e1e;
      border-bottom: 1px solid #050505;
      border-top: 1px solid #050505;
      margin-bottom: 10px; }
      body header .nav li {
        border-right: 1px solid #050505; }
        body header .nav li a {
          color: #FFF; }
        body header .nav li:last-child {
          border-right: 0px; }
        body header .nav li.members {
          background-color: black;
          font-weight: bold; }
          body header .nav li.members a {
            color: #FFF; }
        body header .nav li.joinnow {
          background-color: #f39a00;
          font-weight: bold; }
          body header .nav li.joinnow a {
            color: #FFF; }
  body .container-fluid .pagination {
    margin: 20px; }
    body .container-fluid .pagination .page-link {
      border: none;
      color: black; }
    body .container-fluid .pagination li:first-child a {
      padding-left: 40px; }
      body .container-fluid .pagination li:first-child a:before {
        content: "";
        width: 35px;
        height: 35px;
        display: inline-block;
        background-image: url(../images/sprite-landing.png);
        background-position: 5px -107px;
        position: absolute;
        top: 0px;
        left: 0px; }
    body .container-fluid .pagination li:last-child a {
      padding-right: 40px; }
      body .container-fluid .pagination li:last-child a:after {
        content: "";
        width: 35px;
        height: 35px;
        display: inline-block;
        background-image: url(../images/sprite-landing.png);
        background-position: -27px -107px;
        position: absolute;
        top: 0px;
        right: 0px; }
    body .container-fluid .pagination .active .page-link {
      background-color: #ffba28;
      color: #FFF; }
    body .container-fluid .pagination .disabled .page-link {
      color: #050505; }
  body .container-fluid .btn-lg {
    background-color: #f39a00;
    position: relative;
    font-size: 2em;
    padding-left: 65px;
    margin: auto;
    border-radius: 0px;
    border: none;
    width: 30%;
    display: block;
    color: #FFF;
    text-transform: uppercase; }
    body .container-fluid .btn-lg:before {
      content: "";
      background-image: url(../images/sprite-landing.png);
      width: 58px;
      height: 64px;
      display: block;
      position: absolute;
      background-position: -102px -99px;
      top: 0px;
      left: 0px;
      background-color: #c07a00; }
    body .container-fluid .btn-lg:hover {
      background-color: #a76a00; }
  body .container-fluid .limited-offer {
    position: fixed;
    bottom: 0;
    background: #f39a00;
    width: 100%;
    font-size: 1.8em;
    z-index: 1000;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.39);
    padding: 5px 50px;
    line-height: 1.1em;
    text-align: center;
    margin: 0px -30px; }
    body .container-fluid .limited-offer a {
      color: #FFF; }
  body .container-fluid footer {
    padding-bottom: 60px; }
    body .container-fluid footer p {
      text-align: center;
      font-size: 0.9em;
      padding: 10px; }
    body .container-fluid footer ul {
      background-color: #1e1e1e;
      border-radius: 10px; }
      body .container-fluid footer ul li {
        text-align: center; }
        body .container-fluid footer ul li a {
          color: #FFF;
          font-size: 0.9em; }
    body .container-fluid footer .rta {
      background-image: url(../images/sprite-landing.png);
      width: 70px;
      height: 32px;
      display: block;
      margin: auto;
      background-position: -165px -110px;
      text-indent: -9999px; }
  body .img-fluid {
    width: 100%;
    image-rendering: -webkit-optimize-contrast; }

/*final layout*/
/*responsives*/
@media (max-width: 1300px) {
  body .container-fluid .btn-lg {
    width: 80%; } }
@media (max-width: 500px) {
  body .container-fluid .btn-lg {
    width: 100%;
    font-size: 1.3em; }
    body .container-fluid .btn-lg:before {
      width: 44px;
      height: 47px;
      background-position: -62px -99px; } }
@media (max-width: 600px) {
  body header h1.brand {
    width: 268px;
    height: 32px;
    background-position: 0px -63px; }

  body header .nav li {
    padding: 8px 5px;
    font-size: 0.9em; } }
/* Scss Document */
body .container-fluid .col-6 {
  margin-top: 15px; }
  body .container-fluid .col-6 > div {
    margin-bottom: 30px; }
body .container-fluid .img-zone {
  max-width: 1599px;
  margin: auto;
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(4, 1fr); }
  body .container-fluid .img-zone div {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px; }

@media (max-width: 1159px) {
  body .container-fluid .img-zone {
    grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) {
  body .container-fluid .img-zone {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  body .container-fluid div.col-6 {
    padding: 0px;
    margin: 0px; }
    body .container-fluid div.col-6 > div {
      margin: 0px !important;
      padding: 3px; } }
@media (max-width: 475px) {
  body .container-fluid .img-zone {
    grid-template-columns: repeat(1, 1fr); } }