body {
  height: 100%;
  margin: 0;
  
  background: rgb(20,22,27);
  background: -moz-linear-gradient(180deg, rgba(20,22,27,1) 50%, rgba(119,41,47,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(20,22,27,1) 50%, rgba(119,41,47,1) 100%);
  background: linear-gradient(180deg, rgba(20,22,27,1) 50%, rgba(119,41,47,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#14161b",endColorstr="#77292f",GradientType=1);
  background-repeat: no-repeat;
  background-attachment: fixed;
  
  font-family: 'Roboto', sans-serif;
}

.super-nav {
  padding: 18px;
  
  background: rgb(26,28,32);
  background: -moz-linear-gradient(90deg, rgba(26,28,32,1) 0%, rgba(38,39,41,1) 50%, rgba(26,28,32,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(26,28,32,1) 0%, rgba(38,39,41,1) 50%, rgba(26,28,32,1) 100%);
  background: linear-gradient(90deg, rgba(26,28,32,1) 0%, rgba(38,39,41,1) 50%, rgba(26,28,32,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1a1c20",endColorstr="#1a1c20",GradientType=1);

  border-bottom: 2px solid #42424280;

  color: #7d7d7d;
}


.super-nav .super-nav-links {
  float: right;
  transform: translate(0,-75%);
  -webkit-transform: translate(0,-75%);
}

.super-nav .super-nav-links .super-nav-list ul {
  list-style-type: none;
  display: inline;
}
.super-nav .super-nav-links .super-nav-list li {
  display: inline;
  height: 45px;
  line-height: 45px;
}

.super-nav .super-nav-links .active a:hover {
  color: #dedede;
}

.super-nav .super-nav-links a {
  font-size: 14px;
  text-decoration: none;
  color: #7d7d7d;
  padding-left: 15px;
}

.super-nav .super-nav-links a:hover {
  color: #dedede;
}

.main-nav {
  margin: 0px 75px 0px 75px;
  padding: 20px 10px 20px 10px;
  
  border-bottom: 2px solid #42424280;
  color: #7d7d7d;
}

.main-nav .div-supertitle, .main-nav .div-title {
  line-height: 0.6;
}

.main-nav .div-supertitle {
  font-size: 12px;
}

.main-nav .div-title {
  font-size: 18px;
  color: #dedede;
}

.main-nav .order-button {
  text-decoration: none;
  color: #ffffff;
  padding: 2px 7px 2px 7px;
  border-radius: 100px;
  background: #ab2121;
}

.main-nav .main-nav-links {
  float: right;
  transform: translate(0,-110%);
  -webkit-transform: translate(0,-110%);
}

.main-nav .main-nav-links a {
  text-decoration: none;
  color: #7d7d7d;
  padding-left: 15px;
}

.main-nav .main-nav-links a:hover {
  color: #dedede;
}

.main-nav .main-nav-links ul {
  list-style-type: none;
  display: inline;
}
.main-nav .main-nav-links li {
  display: inline;
  height: 65px;
  line-height: 65px;
}

.main-section {
  margin: auto;
  padding-top: 50px;
  width: 50%;
  text-align: center;
}

.main-section-index {
  margin: auto;
  padding-top: 50px;
  width: 50%;
  text-align: center;
}


.main-supertitle, .main-title {
  line-height: 0.95
}

.main-supertitle {
  color: #7d7d7d;
  font-size: 22px;
}

.main-title {
  color: #dedede;
  font-size: 54px;
}

.main-description {
  color: #dedede;
  padding-bottom: 35px;
}

.main-section a {
  color: #fff;
  border-radius: 5px;
  background-color: #2e2e2e80;
  padding: 15px 50px 15px 50px;
  text-decoration: none;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.main-section a:hover {
  color: #c9c9c9;
  text-decoration: none;
}

.main-section-index a {
  color: #fff;
  border-radius: 5px;
  background-color: #2e2e2e80;
  padding: 15px 50px 15px 50px;
  text-decoration: none;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.main-section-index a:hover {
  color: #c9c9c9;
  text-decoration: none;
}


/* Mobile Edits */

@media only screen and (max-width: 600px) {
  .main-nav .main-nav-links {
    display: none;
  }

  .main-section a {
    font-size: 0;
    padding-top: 27px;
  }

  .main-section a:after {
    content: 'ORDER';
    font-size: initial;
    padding-bottom: 100px;
  }

  .main-section-index a {
    font-size: 0;
    padding-top: 27px;
  }

  .main-section-index a:after {
    content: 'VIEW';
    font-size: initial;
    padding-bottom: 100px;
  }
}


/* Bootstrap Edits */

.navbar-nav li:hover>.dropdown-menu {
  display: block;
}

.navbar-dark .navbar-toggler {
    border-color: transparent !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #2e2e2e;
}

.navbar-nav > li > .dropdown-menu a {
   color: #bababa;
   text-decoration: none;
   background: transparent;
}

.navbar-nav > li > .dropdown-menu a:hover {
   color: #d9d9d9;
   text-decoration: none;
   background: transparent;
}

.background {
  height: 100%;
  width: 100%;
  position: fixed;

  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.1;
  z-index: -1;
}

.progress {
  background-color: #2a2a2ab3 !important;
  border-radius: 100px !important;
}

.asrp-bar {
  background: red;
  border-radius: 0 12px 12px 0;
  
  background: -webkit-linear-gradient(top, rgba(229, 17, 21, 1) 0%, rgba(254, 254, 254, 1) 30%, rgba(254, 254, 254, 1) 0%, rgba(254, 254, 254, 1) 60%, rgba(229, 17, 21, 1) 100%);
  
  -webkit-box-shadow: 0px 0px 8px 2px rgba(255,56,56,1);
  -moz-box-shadow: 0px 0px 8px 2px rgba(255,56,56,1);
  box-shadow: 0px 0px 8px 2px rgba(255,56,56,1);
}

.asrp-bar-text {
  color: #612e2e;
  font-size: xx-small;
  padding-left: 5px;
  padding-right: 5px;
}


span.textbox {

}
    
span.textbox input {
      border: 0px;
      background-color: #a0a0a0;
  }


.asrp-dashboard-box {
  color: #dedede !important;
  background-color: #171719 !important;
}