:root {
  
  --red:        #2980b9;

  
  --dark:       #383f4d;
  --dark2:      #444c5c;
  --dark3:      #50596c;
  --zinc:       #5e687e;

  
  --border:     rgba(255, 255, 255, 0.18);

  
  --light:      #ffffff;
  --text:       #ffffff;
  --text-sub:   #e8ecf4;
  --text-muted: #b0bccf;
  --gray:       #d0d9e6;
  --gray2:      #a4b2c6;

  --nav-h:      72px;

  
  --video-opacity: 0.15;
}

nav {
  background: rgba(45, 52, 64, 0.96) !important;
}

footer {
  background: #2b313d !important;
}

.gc, .catc, .mc2, .wcard, .sc, .hc, .qc, .fw {
  background: var(--dark2) !important;
}

.gc:hover, .catc:hover, .mc2:hover, .wcard:hover, .sc:hover, .hc:hover, .qc:hover {
  background: var(--zinc) !important;
}

.gp, .mp2, #vc, .vbox {
  background: var(--dark3) !important;
}

.vbar, .vbot {
  background: var(--dark2) !important;
}

.wa-btn {
  background: #25D366 !important;
}