.cu-red-text.bright {
  color: #ec2337 !important;
}

.alice-blue {
  background-color: #f3f7fa;
}

.alice-blue:hover {
  background-color: #f1f6f9;
}

.alice-blue-text {
  color: #f3f7fa;
}

.fog {
  background-color: #2d2457;
}

.fog:hover {
  background-color: #2c2355;
}

.fog-text {
  color: #2d2457;
}

.grey-suit {
  background-color: #95949b;
}

.grey-suit:hover {
  background-color: #94939a;
}

.grey-suit-text {
  color: #95949b;
}

.licorice {
  background-color: #323a4b;
}

.licorice:hover {
  background-color: #313949;
}

.licorice-text {
  color: #323a4b;
}

.pattens-blue {
  background-color: #d1dde9;
}

.pattens-blue:hover {
  background-color: #cfdce8;
}

.pattens-blue-text {
  color: #d1dde9;
}

.pattens-dark {
  background-color: #dbe7f1;
}

.pattens-dark:hover {
  background-color: #d9e6f0;
}

.pattens-dark-text {
  color: #dbe7f1;
}

.gree-noob {
  background-color: #65ca98;
}

.gree-noob:hover {
  background-color: #63c997;
}

.gree-noob-text {
  color: #65ca98;
}

.white {
  background-color: #fff;
}

.white:hover {
  background-color: #fefefe;
}

.white-text {
  color: #fff;
}

.padded.section {
  padding-bottom: 80px;
  padding-top: 80px;
}

.text-read {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: .5px;
}

.top-space {
  margin-top: 3em;
}

.bottom-space {
  margin-bottom: 1em;
}

.m-top-space {
  margin-top: 2em;
}

.container-full {
  width: 100%;
}

#page-pre-content {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .25s ease-in-out;
}

#page-pre-content .bg-black {
  width: 100%;
  min-height: 100vh;
  background: rgba(17, 34, 51, 0.52);
}

.play-svg {
  display: inline-block;
  padding: 5px;
  margin-top: 2em;
  width: 150px;
  border-bottom: 6px solid #fff;
}

.btn-large {
  margin-left: 15px;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.heading {
  margin-bottom: 0;
}

footer .social a {
  margin: 0 3px;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  font-size: 25px;
  display: inline-block;
  text-align: center;
  position: relative;
  color: #ccc;
  z-index: 2;
}

footer .social a:before {
  content: ' ';
  z-index: -1;
  border-radius: 50%;
  transition: all .15s ease;
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  background: black;
}

footer .social a:hover {
  color: white;
}

footer .social a:hover:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

footer .social a.facebook::before {
  background: #3b5998;
}

footer .social a.twitter::before {
  background: #00aced;
}

footer .social a.google-plus::before {
  background: #dd4b39;
}

footer .social a.youtube-play::before {
  background: #b00;
}

footer .social a.github::before {
  background: #333;
}

footer .social a.linkedin::before {
  background: #007bb6;
}

.course-card {
  margin-bottom: 2em;
}

.card .card-image img {
  height: 300px;
  filter: opacity(0.7);
  transition: filter .3s;
  max-height: 300px;
}

.card .card-image img:hover {
  filter: opacity(0.85);
}

.course {
  background-size: cover;
}

.course .bg-black {
  background: rgba(33, 150, 243, 0.26);
}

.tabs .tab a {
  color: #74777b;
  font-size: 16px;
}

.tabs .tab a.active, .tabs .tab a:hover {
  color: #65ca98;
}

.tabs .indicator {
  background-color: #65ca98;
  height: 3px;
}