@import url("https://fonts.googleapis.com/css2?family=Coda&display=swap");
* { font-family: "Coda", cursiv;}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
    opacity:0;
  }
  100% {
    transform: translateY(0);
    opacity:1;
  }
}
html {position:relative; min-height:100vh;}
p {color:#183348;}
.panel .panel-heading {color:#D54A37; background-color:transparent; border:none; font-size:40px; text-transform:uppercase;}
.body .content {width:100%;}
html {background: url('https://projectnova.gg/img/background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.Moon {background: url('https://cdn.tebex.io/store/910279/templates/87755/assets/384e6e894f0a6717a9a23e19bcaacb34406f80a7.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.Wild.West {background: url('https://projectnova.gg/img/background-ww.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
html.Poly {background: url('https://www.projectnova.gg/img/lpr/lpr-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.body {padding-left:30px; padding-right:30px; margin-left:0px; margin-right:0px;}



.container  {width:100%; padding-left:0px; padding-right:0px;}
body {background-color:transparent; margin: 0; height: 100%;}
.btn-info, .btn-danger, .btn-gift{background-color:#D04B3A; color:#E5C09C; border-radius:0px; text-transform:uppercase; font-size: 20px;     line-height: 30px; padding:10px; border:0px;    font-weight: 900;}
.btn-info:hover,.btn-danger:hover, .btn-primary:hover {background-color:#E98725;}
.btn-info[disabled] {background-color:#D14B3A; font-size:20px; padding:10px; border-radius:0; margin-left:5px;}
.dropdown-toggle {background-color:#EFD8AF; font-size: 15px;     line-height: 30px; padding: 0px 10px 0px 10px; border:0px;    font-weight: 900; }
.toolbar .btn-danger, .toolbar .btn-primary, .toolbar .dropdown-toggle {font-size:20px; padding:10px; border-radius:0; margin-left:5px;}
.btn-danger:focus, .btn-success:focus {background-color:#D04B3A;}
.game a.btn-success, .btn-gift {text-transform:uppercase; font-weight:bold; border-bottom:5px solid #b42015;}
.btn-danger.gift-weight, .btn-gift.btn-gift-weight, .btn-success.gift-weight,.btn-danger.gift-weight:hover, .btn-success.gift-weight:hover  { border-bottom:5px solid #b42015; text-transform:uppercase;}
.gift-weight:focus {background-color:#D04B3A;}
.footer {
    position:absolute;
    bottom: 35px;
    margin:0;
    margin-top: 50px;
    height: 50px;
    width: 100%;
    border:0;
    background-color: #1C3249;
    left:0;
    float:none;
    padding-top:0px;
    height:65px;
    line-height:45px;
    color:#EFD8AF;
}
.footer a {color:#EFD8AF; background-color:transparent;}
.page-width {max-width:1100px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:10px;}
.clear {float:none;   clear: both;}
.panel, .modal-content .modal-header img {width:80%;}
.panel, .modal-content {background-color:#E5C09C; border:0px; border-radius:0;   border:10px solid #f1caa4;}
.body .content {order-radius:0;}
.header {max-width:95%; margin-left:auto; margin-right:auto;}

.game {animation: 0.5s ease-out 0s 1 slideInFromBottom; position: relative;
    display: block;
   min-height:230px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    padding: 50px 0px 50px 0px;
    background-color: #E5C09C;
    border-bottom: 2px solid #E5C09C;
    transition: border-color 0.5s ease;
    -webkit-transition: border-color 0.5s ease;
    -moz-transition: border-color 0.5s ease;
    -o-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
    border:10px solid #f1caa4;
    box-shadow: #d09665 0px 8px 0px;
}
.btn-success {background-color:#D14A3C; color:#E5C09C; border-radius:0px; border:0px; font-size:24px; }
.btn-success:hover {background-color:#D14A3C; color:#E5C09C; border-radius:0px; border:0px; font-size:24px; }
.dropdown-menu .btn-success {font-size:17px;}
.dropdown-menu {background-color:#E5C09C; color:#183348;}


.modal .modal-dialog {padding-top:0px;}
.modal-content p img {margin-right:10px;}
.modal-header {border-bottom:0px;}
.modal-content strong {color:#D14A3C;}
.modal-footer {border-top:0px;}
.game-img {
position: relative;
    display: block;
    width: 90%;
    height: 128px;
    margin: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.Low.Poly.Rust .modal-content strong {color:#d5700c;}
.Low.Poly.Rust .package-footer-buttons .btn-success {margin-bottom:10px;}
.Low.Poly.Rust .panel, .modal-content .modal-header img {
    
}

.Low.Poly.Rust .game, .Low.Poly.Rust .modal-content {
    background-color:#252925;
    border:0px;
    box-shadow:none;
}

.Low.Poly.Rust .package-price-info, .Low.Poly.Rust  .package-price, .Low.Poly.Rust p {
    color:#ffffff;
}

.Low.Poly.Rust .game a.btn-success, .Low.Poly.Rust .btn-gift, .Low.Poly.Rust .btn-back, .Low.Poly.Rust .btn-info, .Low.Poly.Rust .btn-success:hover, .Low.Poly.Rust .btn-primary,  .Low.Poly.Rust .btn-success {
    background-color:#d5700c;
    color:#fff;
    border:0px;
}
.Low.Poly.Rust .close {color:#ffffff; text-shadow:none;}
.Low.Poly.Rust .dropdown-menu, .Low.Poly.Rust .form-control, .Low.Poly.Rust .checkout .packages table tbody .quantity input {background-color:#ffffff;}
.Low.Poly.Rust .game-img {
position: relative;
    display: block;
    width: 90%;
    height: 415px;
    margin: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.Low.Poly.Rust .footer {
    color:#D5D5D7;
    background-color:#1B1E1A;
}

.Low.Poly.Rust .footer a {
    color:#D5D5D7;
}
.Low.Poly.Rust .footer li a {color:#1B1E1A;}
.package-price-info {text-align: center;
    margin-top: 0px;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    color: #D24B38;
    font-weight: 900;
    text-transform: uppercase;}
    
.package-price {    font-size: 35px;
    font-weight: 900;
    text-align: center;
    color: #D14A3C; padding-top:15px;}
    
    a:hover, a:focus {text-decoration:none; color:auto;}
      .btn-back:hover, .btn-back:focus {    color: #F3DDB5;}
    
    .btn-back {display: inline-block;
    position: relative;
    opacity:1;
    font-size: 20px;
    font-weight: 400;
    background-color: #D24B38;
    border: 0;
    border-bottom: 2px solid #D24B38;
    margin-bottom: 20px;
    padding: 15px 30px 15px 30px;
    color: #F3DDB5;
    text-transform: uppercase;
    font-weight: 900;
        border-bottom: 5px solid #b42015;
        
    }
    
    .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {background-color:transparent;}
    
    .table > thead > tr > th, .page-header, .header .buttons .basket .dropdown-menu .item {border-bottom:1px solid #dcad83; }
.page-header h4 {font-size: 18px;
    line-height: 10px;
    color: #183348;
    font-weight: 900;
    text-transform: uppercase;}

.form-control, .checkout .packages table tbody .quantity input {background-color:#dcad83; border:none;}

a {color:#D24B38;}
a:hover {color:#D24B38;}

.btn-primary {background-color:#D14A3C; color:#E5C09C; border-radius:0px; border:0px; font-size:16px; }
.btn-primary i {display:none;}

.form-control::placeholder {color:#ffd4a9;}

.panel {margin-left:auto; margin-right:auto;}

.modal-content {background-clip:initial;}

.modal-title {font-weight:900; color:#D54A37; text-transform:uppercase;}
h4.modal-title {font-size:30px;}
.btn-gift {line-height:26px;}
.btn-gift:hover {background-color:#D14A3C; }


.discount-block {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px 10px;
  background-color: #D24B38;
  color: #E5C09C;
  font-size: 12px;
  border-radius: 5px;
  border-bottom: 5px solid #b42015;
}

.discount-percent {
  font-weight: bold;
}

.monthly-billing-text {
width: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 3px;
    color: #4a4a4a;
}


ul.package-supplies {  background-color: #cba07c;  border-radius: 13px;  margin-left: 10px; margin-right: 10px;   list-style-type: none;  margin-top: 0; padding: 0; text-align:center; margin-bottom:10px;}
ul.package-supplies li {display:inline-block; padding: 5px; text-align:center;}
ul.package-supplies li img {max-width:25px; width:100%;}
ul.package-supplies li span {display:block; width:100%; font-weight: 800;  font-size: 11px;}


.basket .btn-info[disabled] {background-color:transparent;}