body{background-color: #1b1c16 !important;font-family: 'Nunito', sans-serif !important;color: white !important;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background-color:rgba(49, 51, 41, 0.3);}
::-webkit-scrollbar-thumb{background-color:rgb(50, 51, 41);border-radius:15px;}
.bg-nav{background-color: #10100d;border-bottom: 4px solid;border-image: linear-gradient(to left,#ebd910e3,#5a4f24);border-image-slice: 1;}
.bg-promo{background-color: #191815;border: 6px solid;border-image: linear-gradient(to bottom,#ebdd10,#5a5624);border-image-slice: 1;}
.news{background:linear-gradient(180deg,#26251f,#171613);border-bottom:3px solid #292821;}
.jp{font-family: 'Black Ops One', cursive;margin: 0;}
.jp-bar{width: 100%;min-height: 100px;border: 1px solid #454224;border-radius: 8px;padding: 24px 32px;background: linear-gradient(to top, rgb(73, 67, 25) 0%, rgb(156, 152, 76) 25%, rgb(181, 168, 101) 65%, rgb(200, 196, 120) 80%, rgb(235, 234, 155) 100%);}
.jp-content{background-image: linear-gradient(to bottom,#2b2b2b 0%,#141414 100%);width: 100%;min-height: 64px;padding: 4px;text-align: center;border-radius: 8px;box-shadow: 0 0 4px #141414;-ms-flex-align: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;display: flex;}
.provider-selection{display: flex;flex-wrap: wrap;overflow-x: auto;-webkit-overflow-scrolling: touch;justify-content: start;flex-wrap: nowrap;}
.btn-main{background:linear-gradient(180deg,#26261f,#171613) !important;color:#fff !important;transition: .3s ease-in-out !important;border-top: 2px solid #e7eb10 !important;border-bottom:3px solid #5a4e24 !important;border-left:none !important;border-right:none !important;}
.card-slot:hover .btn-main{background-color: #ebc710 !important;letter-spacing: 8px;}
.provider-selection img{transition: .3s ease-in-out !important;}
.provider-selection img:hover{transform: scale(1.05);}

.card-slot{position:relative;background-color: #000000;border: 6px solid;border-image: linear-gradient(to bottom,#ebc710,#5a4824);border-image-slice: 1;transition: .3s ease-in-out !important;outline: none;}
.card-slot:hover{transform: scale(0.95);}
.percent{height:25px;display:flex;overflow:hidden;line-height:0;font-size:.75rem;background-color:#292929;position:relative;z-index:1;width:100%;}
.percent-bar{background-image:linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;transition:width .6s ease;-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;z-index:10;}
.percent-dot{display:flex;position: absolute;align-items: center;justify-content: center;background-color: #ebc310;padding:2px 6px;font-size:12pt;right: 0;color: #ffffff;}
.yellow{background-color:orange}
.green{background-color:#54C400}
.red{background-color:red}

.btn-login{background: #ebc310 !important;border-bottom:none !important;color:#ffffff !important;transition: .3s ease-in-out !important;}
.btn-login:hover{background:#5a4824 !important;letter-spacing:4px;color:#ffffff !important;}
.btn-register{background:#181814 !important;color:#fff !important;transition: .3s ease-in-out !important;border-top: 2px solid #ebad10 !important;border-bottom:none !important;border-left:none !important;border-right:none !important;}
.btn-register:hover{background:#ebdd10 !important;letter-spacing:4px;color:#ffffff !important;}

.nav-logo img{height:50px;}
.text-grad{color:#ebc710}

@media screen and (max-width: 767px) {
    .provider-selection {
      width: 100%;
      justify-content: start;
      flex-wrap: nowrap;
      padding: 10px 0 !important;
      overflow-x: scroll;
    }
    .nav-logo img{height:30px;margin-top:5px;}
    .percent-dot{font-size:10pt;}
    .jp-bar{padding:10px 10px;min-height:70px;}
  }