body{background-color: #16191C !important;font-family: 'Nunito', sans-serif !important;color: white !important;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background-color:rgb(41, 46, 51, .3);}
::-webkit-scrollbar-thumb{background-color:rgb(41, 46, 51);border-radius:15px;}
.bg-nav{background-color: #0D0E10;border-bottom: 4px solid;border-image: linear-gradient(to left,#E5CD95,#5A4124);border-image-slice: 1;}
.bg-promo{background-color: #151619;border: 6px solid;border-image: linear-gradient(to bottom,#E5CD95,#5A4124);border-image-slice: 1;}
.news{background:linear-gradient(180deg,#1F2126,#131417);border-bottom:3px solid #212529;}
.jp{font-family: 'Black Ops One', cursive;margin: 0;}
.jp-bar{width: 100%;min-height: 100px;border: 1px solid #453624;border-radius: 8px;padding: 24px 32px;background: linear-gradient(to top, rgba(73,50,25,1) 0%, rgba(156,123,76,1) 25%, rgba(181,152,101,1) 65%, rgba(200,175,120,1) 80%, rgba(235,212,155,1) 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,#1F2126,#131417) !important;color:#fff !important;transition: .3s ease-in-out !important;border-top: 2px solid #E4CC94 !important;border-bottom:3px solid #212529 !important;border-left:none !important;border-right:none !important;}
.card-slot:hover .btn-main{background-color: #d2b486 !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: #151619;border: 6px solid;border-image: linear-gradient(to bottom,#E5CD95,#5A4124);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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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: #E4CD95;padding:2px 6px;font-size:12pt;right: 0;color: #0D0E10;}
.yellow{background-color:orange}
.green{background-color:#54C400}
.red{background-color:red}

.btn-login{background: #E7D097 !important;border-bottom:none !important;color:#000 !important;transition: .3s ease-in-out !important;}
.btn-login:hover{background:#BCA06C !important;letter-spacing:4px;color:#000 !important;}
.btn-register{background:#141518 !important;color:#fff !important;transition: .3s ease-in-out !important;border-top: 2px solid #E4CC94 !important;border-bottom:none !important;border-left:none !important;border-right:none !important;}
.btn-register:hover{background:#E7D097 !important;letter-spacing:4px;color:#000 !important;}

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

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