:root{
      --primary:#f8b202;
      --bg-main:#050b1a;
      --bg-topbar:#020711;
      --bg-nav:#151a33;
      --bg-hero:#1a2051;
      --bg-body:#0a1327;
      --bg-table:#0b1730;
      --bg-table-alt:#151f3f;
      --border-gold:#f8b202;
      --text-light:#ffffff;
      --text-muted:#a9b1c5;
    }

    *{box-sizing:border-box;}

    img.logic-mobile {
        filter: sepia(1) hue-rotate(340deg) saturate(2) brightness(1.05) !important;
    }

    img.logic-desk {
        filter: sepia(1) hue-rotate(340deg) saturate(2) brightness(1.05) !important;
    }

    body{
      margin:0;
      font-family:"Poppins",Arial,sans-serif !important;
      background:var(--bg-main);
      color:var(--text-light);
      font-size:14px; /* base font a bit bigger */
    }
    a{text-decoration:none;}

    .blink-logo img {
        animation: blinkGlow 1s infinite alternate;
    }

    @keyframes blinkGlow {
        0% { filter: drop-shadow(0 0 0px #f8b202); }
        100% { filter: drop-shadow(0 0 12px #f8b202); }
    }

    .slides img{
      cursor: pointer;
    }

    .modal.show .modal-dialog {
        max-width: 750px !important;
    }

    /* TOP LANGUAGE / UTILITY BAR */
    .topbar{
      background:var(--bg-topbar);
      font-size:13px;
      color:#fff;
      padding:4px 0;
    }
    .topbar span{
      margin-right:18px;
      white-space:nowrap;
    }
    .topbar .flag-icon{
      width:16px;
      height:12px;
      margin-right:5px;
      object-fit:cover;
    }

    /* NAVBAR */
    .navbar{
      background:#0E111C;
      padding-top:8px;
      padding-bottom:8px;
      border-bottom:1px solid rgba(255,255,255,.12);
    }
    .navbar-brand img{
      height:50px;
    }
    .navbar-nav{
      align-items:center;
    }
    .nav-link{
      font-size:14px;
      font-weight:500;
      text-transform:uppercase;
      color:#ffffff;
      padding:.5rem 1.1rem !important;
      position:relative;
    }
    .nav-link:hover{
      color:var(--primary);
    }
    @media (min-width:992px){
      .navbar-nav .nav-item + .nav-item .nav-link::before{
        content:"";
        position:absolute;
        left:0;
        top:50%;
        width:1px;
        height:16px;
        background:rgba(255,255,255,.25);
        transform:translateY(-50%);
      }
    }
    .nav-link.active{
      background:var(--primary);
      color:#000;
      border-radius:0;
    }
    .nav-link.nav-promotions:hover{
      color:#000;
      background:#f8b202;
    }

    .btn-login{
      font-size:13px;
      padding:6px 18px;
      border-radius:3px;
      border:1px solid #ffffff;
      background:#202642;
      color:#fff;
      text-transform:uppercase;
      font-weight:600;
      margin-right:8px;
    }
    .btn-login:hover{
      background:#ffffff;
      color:#000;
    }
    .btn-signup{
      font-size:13px;
      padding:6px 18px;
      border-radius:3px;
      border:none;
      background:var(--primary);
      color:#000;
      font-weight:700;
      text-transform:uppercase;
    }
    .btn-signup:hover{
      background:#f8b202;
      color:#000;
    }

    .navbar-toggler{
      border-color:rgba(255,255,255,.7);
    }

    /* HERO SECTION */
    .hero-top{
      background:#0E111C;
      position:relative;
    }
    .hero-inner{
      position:relative;
      z-index:1;
    }
    .hero-title-main{
      color:#f8b202;
      font-size:22px;
      font-weight:800;
      letter-spacing:.05em;
      text-transform:uppercase;
      margin-bottom:6px;
    }
    .hero-title-sub{
      color:#ffffff;
      font-size:20px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.05em;
      margin-bottom:20px;
    }
    .hero-text{
      font-size:14px;
      line-height:1.7;
      max-width:520px;
    }
    .hero-text .highlight{
      color:var(--primary);
      font-weight:700;
    }
    .hero-right{
      text-align:right;
    }
    .hero-figure{
      max-width:430px;
      width:100%;
    }

    .hero-bottom{
      background:#0E111C;
      padding-bottom:70px;
    }

    /* SECTION HEADINGS */
    .section-title-main{
      text-align:center;
      text-transform:uppercase;
      font-size:22px;
      font-weight:700;
      letter-spacing:.05em;
      padding-top:38px;
      color:#ffffff;
    }
    .section-title-sub{
      text-align:center;
      margin-top:8px;
      text-transform:uppercase;
      font-size:20px;
      font-weight:700;
      letter-spacing:.04em;
    }
    .section-title-sub .primary{
      color:var(--primary);
    }

    /* WEEKLY COMMISSION TABLE */
   .commission-frame {
      border: 2px solid var(--border-gold);
      margin-top: 28px;
      background: #07122a;
  }
    .commission-table{
      width:100%;
      border-collapse:collapse;
      color:#ffffff;
      font-size:13px;
      text-align:center;
    }
    .commission-table thead{
      background:#0E111C;
      text-transform:uppercase;
      font-size:12px;
    }
    .commission-table th,
    .commission-table td{
      padding:11px 14px;
      border-bottom:1px solid #1b2d57;
    }
    .commission-table tbody tr:nth-child(odd){background:#f8b202;color:#000}
    .commission-table tbody tr:nth-child(even){background:#000000;}
    .commission-table td:nth-child(1){text-align:left;padding-left:18px;}
    .commission-table td:nth-child(4),
    .commission-table th:nth-child(4){text-align:right;padding-right:18px;}

    /* COMMISSION FORMULA AREA */
    .formula-title{
      text-align:center;
      text-transform:uppercase;
      font-weight:800;
      font-size:20px;
      letter-spacing:.06em;
      margin:44px 0 28px;
    }
    .formula-strip img{
      max-width:100%;
      width:100%;
      margin:0 auto;
    }

    /* BONUS TABLE AREA */
    .bonus-label {
        color: #f8b202;
        text-transform: uppercase;
        font-size: 16px;
        margin: 15px 0;
    }
    .bonus-frame{
      border:2px solid var(--border-gold);
      background:#07122a;
    }
    .bonus-table{
      width:100%;
      border-collapse:collapse;
      font-size:13px;
      color:#ffffff;
      text-align:center;
    }
    .bonus-table thead{
      background:#0E111C;
      text-transform:uppercase;
      font-size:12px;
    }
    .bonus-table th,
    .bonus-table td{
      padding:11px 12px;
      border-bottom:1px solid #1b2d57;
      white-space:nowrap;
    }
    .bonus-table tbody tr:nth-child(odd){background:#f8b202;color:#000;}
    .bonus-table tbody tr:nth-child(even){background:#000000;}
    .bonus-table td:first-child,
    .bonus-table th:first-child{
      text-align:left;
      padding-left:18px;
    }
    .bonus-table .highlight{
      color:#f8b202;
      font-weight:800;
    }

    .general-rules-pill{
      display:inline-block;
      margin-top:24px;
      padding:10px 34px;
      background:#f8b202;
      border-radius:999px;
      font-size:12px;
      text-transform:uppercase;
      font-weight:600;
      color:#111;
    }

    .bottom-text{
      font-size:12px;
      text-align:center;
      color:#ffffff;
      margin-top:28px;
      line-height:1.8;
    }
    .bottom-text .primary{
      color:var(--primary);
      font-weight:700;
    }
    .bottom-text a{
      color:#f8b202;
      text-decoration:underline;
    }

    /* FOOTER */
    .footer{
      background:#050914;
      font-size:12px;
      color:#a9b1c5;
      padding:20px 0 12px;
    }
    .footer-logo img{
      height:37px;
    }
    .footer-center{
      text-align:center;
    }
    .footer-links a{
      color:#a9b1c5;
      margin:0 4px;
    }
    .footer-links a:hover{
      color:var(--primary);
    }
    .logic-mobile{
        display: none;
    }

    /* RESPONSIVE TWEAKS */
    @media (max-width:991.98px){
      .hero-right{text-align:center;margin-top:26px;}
      .hero-figure{max-width:340px;}
    }
    @media (max-width:767.98px){
      .topbar .text-md-end{text-align:left!important;margin-top:4px;}
      .section-title-main{font-size:20px;}
      .section-title-sub{font-size:18px;}
      .commission-table,
      .bonus-table{font-size:12px;}
      
      .logic-desk{
            display: none;
        }
        
        .logic-mobile{
            display: block;
        }
      
      .commission-frame {
          overflow-y: hidden;
          overflow-x: scroll;
      }
      .bonus-frame{
        overflow-y: hidden;
        overflow-x: scroll;
      }
      .footer-logo {
          display: flex;
          justify-content: center;
      }
      .footer-links {
          display: flex;
          align-items: center;
          flex-direction: column;
      }
      .btn-st{
        justify-content: center;
      }
    }