body, html {
  font-family: "Roboto Mono", sans-serif;
  background: #0e1214;
  font-weight: 100;
}

.mb-6{
  margin-bottom: 4rem !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto Mono", sans-serif;
  font-weight: 100;
}

p{
  font-size:0.9em;
}


.brands-logos{
  text-align: center;
  height: 135px;
  background: black;
}
.brands-logos img{
  height: 100%;
}

header {
  position: relative;
  background-color: black;
  height: 45vh;
  width: 100%;
  overflow: hidden;
}

header.slim {
  height: 35vh !important;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.1;
  z-index: 1;
}

header h1 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2em;
  letter-spacing: 15px;
}

nav .logo {
  width: 50px;
}

nav.navbar-dark {
  background: #1d1f22;
}

nav.navbar-gradient-left {
  background-image: linear-gradient(90deg, black 100px, #1d1f22 500px);
}

nav.navbar-gradient-center {
  background-image: linear-gradient(90deg, black 0%, #1d1f22 50%, black 100%);
}

header img.software {
  width: 55px;
  margin-right: 10px;
}

.card img.software {
  width: 32px;
}

.card, .card-body {
  color: white;
  background: #121517;
  border-radius: 20px !important;
}

.rounded-start {
  border-top-left-radius: 20px !important;
}

.rounded-bottom, .rounded-start {
  border-bottom-left-radius: 20px !important;
}

.nav-link {
  cursor: pointer !important;
}

.title-6 {
  color: #00F0FF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

.title-3 {
  color: #00F0FF;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
}

.bx-wrapper {
  box-shadow: none;
  border: none;
  background: transparent !important;
}

.mr-3 {
  margin-right: 10px;
}

.mr-5 {
  margin-right: 20px;
}

a {
  color: #00F0FF !important;
}

.example-videos {
  line-height: 0;
}
.example-videos video {
  width: 50%;
  display: inline-block;
}

.aeps2-cards-2 .aeps2-card {
  flex: 50%;
}

.aeps2-card-light {
  background: url(/img/wp-content/gaming-01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 60%;
  padding-top: 70px;
}

.aeps2-card {
  text-align: center;
}

.btn-outline-primary {
  background: transparent;
  border-color: #00F0FF;
  color: #00F0FF;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
  background: #00F0FF;
  border-color: #00F0FF;
  color: #0e1419 !important;
}

.btn-primary {
  background: #00F0FF;
  border-color: #00F0FF;
  color: #0e1419 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background: #09b4a0;
  border-color: #09b4a0;
  color: #0e1419 !important;
}

.modal-content {
  background-color: #0e151a;
  border: 1px solid #00F0FF;
}

.modal-header {
  border-bottom: 1px solid #212529;
}

.modal-footer {
  border-top: 1px solid #212529;
}



.pss-caps {
  text-transform: uppercase;
}

.pss-page h1 {
  font-weight: 100;
}

.pss-page h1 i {
  font-style: italic;
  font-weight: 100;
  color: #00F0FF;
}

.pss-page {
  font-family: 'Roboto Mono', monospace;
  background-color: black;
  color: white;
  min-height: 100%;
  padding-bottom: 100px;
  font-size: 1.3em;
}

.pss-page h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px
}