@font-face {
  font-family: "Proxima";
  src: url(static-css-assets/fonts/proxima-nova/proximanova-regular-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-regular-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-regular-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-regular-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-regular-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-style: italic;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-regitalic-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-regitalic-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-regitalic-webfont_1307578394.woff) format("woff"), url(//https://s3-us-west-2.amazonaws.com/static-css-assets/fonts/proxima-nova/proximanova-regitalic-webfont.ttf?1307578394) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-regitalic-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: 300;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-light-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-light-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-light-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-light-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-light-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: 600;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-semibold-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-semibold-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-semibold-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-semibold-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-semibold-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: 600;
  font-style: italic;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-semibolditalic-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-semibolditalic-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-semibolditalic-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-semibolditalic-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-semibolditalic-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: bold;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-bold-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-bold-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-bold-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-bold-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-bold-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: bold;
  font-style: italic;
  src: url(static-css-assets/fonts/proxima-nova/proximanova-boldit-webfont_1307578394.eot);
  src: url("static-css-assets/fonts/proxima-nova/proximanova-boldit-webfont_iefix.eot") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-boldit-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-boldit-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-boldit-webfont.svg") format("svg"); }
@font-face {
  font-family: "Proxima";
  font-weight: 900;
  src: url(//https://s3-us-west-2.amazonaws.com/static-css-assets/fonts/proxima-nova/proximanova-extrabold-webfont.eot?1307578394);
  src: url("https://s3-us-west-2.amazonaws.com/static-css-assets/fonts/proxima-nova/proximanova-extrabold-webfont.eot?iefix") format("eot"), url(static-css-assets/fonts/proxima-nova/proximanova-extrabold-webfont_1307578394.woff) format("woff"), url(static-css-assets/fonts/proxima-nova/proximanova-extrabold-webfont_1307578394.ttf) format("truetype"), url("static-css-assets/fonts/proxima-nova/proximanova-extrabold-webfont.svg") format("svg"); }
/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #39949a;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #39949a, 0 0 5px #39949a;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#nprogress .bar,
#nprogress .spinner {
  z-index: 999999; }

.btn-primary, .btn-primary:active, .btn-primary:focus {
  background: #0044b3;
  border: 1px solid #0044b3;
  font-weight: normal !important;
  border-radius: 20px;
  padding: 3px 18px !important;
  font-size: 17px;
  line-height: 30px;
  outline: none !important; }
  .btn-primary:hover, .btn-primary:active:hover, .btn-primary:focus:hover {
    background: #003a9a !important;
    border: 1px solid #003a9a !important;
    outline: none !important;
    text-decoration: none; }

.btn-sm, .btn-sm:active, .btn-sm:focus {
  border-radius: 5px !important;
  padding: 0px 13px !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 26px !important; }

.btn-hg, .btn-hg:active, .btn-hg:focus {
  font-size: 24px !important;
  padding: 10px 30px !important;
  border-radius: 32px !important;
  display: inline; }
  @media screen and (max-width: 767px) {
    .btn-hg, .btn-hg:active, .btn-hg:focus {
      font-size: 17px !important;
      padding: 5px 20px !important; } }

.btn[disabled] {
  background: #0044b3 !important;
  opacity: 0.5; }

.btn-white-border {
  background: none;
  border: 1px solid #fff;
  color: #fff; }
  .btn-white-border:hover {
    background: #fff;
    border: 1px solid #fff; }

.btn-enroll {
  margin-bottom: 60px; }

input.form-control {
  padding: 5px 10px;
  height: 40px;
  font-size: 16px;
  font-weight: 200;
  margin-bottom: 14px;
  font-weight: 200;
  transition: all 0.3s ease; }
  input.form-control:focus {
    border-color: #1a71ff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 68, 179, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0px 0px 5px rgba(0, 68, 179, 0.6); }
  input.form-control::-webkit-input-placeholder {
    opacity: 0.7; }
  input.form-control.search {
    border-radius: 30px;
    padding-left: 18px;
    font-size: 17px;
    height: 45px; }

.form-group.field {
  margin-bottom: 0px; }

div.custom-radio {
  background: white;
  display: block;
  width: 16px;
  height: 16px;
  min-height: 16px;
  border-radius: 10px;
  border: 2px solid #ccc;
  margin: auto;
  top: 12px;
  transition: all 0.1s linear;
  position: relative;
  cursor: pointer; }
  div.custom-radio .selected {
    background: white;
    display: block;
    width: 1px;
    height: 1px;
    top: 6px;
    left: 5px;
    position: absolute;
    border-radius: 10px;
    transition: all 0.1s linear; }

.active div.custom-radio, .checked div.custom-radio {
  border: 2px solid #0044b3; }
  .active div.custom-radio .selected, .checked div.custom-radio .selected {
    background: #0044b3;
    width: 8px;
    height: 8px;
    top: 2px;
    left: 2px; }

.wistia_menu_item {
  padding: 8px;
  hover-background: #fcfcfc; }

.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

.open > .dropdown-menu li a {
  color: #000; }

.dropdown-menu li a {
  color: #fff; }

.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transform: scale(1, 0);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out; }

@-moz-document url-prefix() {
  .dropdown-menu {
    display: none; } }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .dropdown-menu {
    display: block; } }
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom; }

.dropdown-menu.left-caret:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ""; }

.dropdown-menu.left-caret:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: ""; }

.dropdown-menu.left-caret:before, .dropdown-menu.pull-left:before {
  left: 17px;
  right: auto; }

.dropdown-menu.left-caret::after, .dropdown-menu.pull-left:after {
  left: 18px;
  right: auto; }

.modal-header {
  border-bottom: 0px;
  z-index: 1300 !important; }
  .modal-header .close {
    margin-top: -2px;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    font-size: 40px;
    margin-right: 20px;
    margin-top: 20px; }
    .modal-header .close:focus {
      outline: 0 !important; }

.modal-body {
  z-index: 1100 !important; }

.modal-backdrop.in {
  filter: alpha(opacity=80);
  opacity: 0.8; }

.custom-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }

.custom-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none; }

input.custom-toggle-round + label {
  padding: 2px;
  width: 35px;
  height: 18px;
  background-color: #dddddd;
  border-radius: 60px; }

input.custom-toggle-round + label:before,
input.custom-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: ""; }

input.custom-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 30px;
  transition: background 0.2s ease-out; }

input.custom-toggle-round + label:after {
  width: 17px;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  background-color: #FAFAFA;
  transition: margin 0.2s ease-out; }

input.custom-toggle-round:checked + label:before {
  background-color: #E2FCE5; }

input.custom-toggle-round:checked + label:after {
  margin-left: 17px;
  background: #8ce196;
  border: 1px solid #76cd81; }

.switch-toggle a, .switch-light span span {
  display: none; }

@media only screen {
  .switch-toggle {
    display: block;
    height: 23px;
    position: relative;
    padding: 0 !important;
    border-radius: 14px;
    margin-top: -1px;
    margin-bottom: 14px; }

  .switch-toggle * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 10px 1px 9px; }

  .switch-toggle a {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }

  .switch-toggle label, .switch-toggle > span {
    line-height: 1.875em;
    vertical-align: middle; }

  .switch-toggle input:focus ~ a, .switch-toggle input:focus + label {
    outline: 1px dotted #888; }

  .switch-toggle input {
    position: absolute;
    opacity: 0; }

  .switch-toggle input + label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    text-align: center;
    font-weight: 200;
    font-size: 11px;
    cursor: pointer;
    color: #ABABAB; }

  .switch-toggle input:checked + label {
    color: #42804A;
    outline: 0; }

  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 50%;
    height: 100%;
    background: #8ce196;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #76CD81; }

  .switch-toggle input:last-of-type:checked ~ a {
    left: 50%; }

  .switch-toggle.switch-3 label, .switch-toggle.switch-3 a {
    width: 33.33333%; }

  .switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
    left: 33.33333%; }

  .switch-toggle.switch-3 input:checked:last-of-type ~ a {
    left: 66.66667%; }

  .switch-toggle.switch-4 label, .switch-toggle.switch-4 a {
    width: 25%; }

  .switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
    left: 25%; }

  .switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
    left: 50%; }

  .switch-toggle.switch-4 input:checked:last-of-type ~ a {
    left: 75%; }

  .switch-toggle.switch-5 label, .switch-toggle.switch-5 a {
    width: 20%; }

  .switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
    left: 20%; }

  .switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
    left: 40%; }

  .switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
    left: 60%; }

  .switch-toggle.switch-5 input:checked:last-of-type ~ a {
    left: 80%; } }
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light, .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }
@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0); } }
html {
  min-height: 100%;
  position: relative; }

body {
  background-image: none;
  font-family: "Proxima";
  margin: 0 !important;
  color: #2b3636; }

a {
  color: #0044b3; }
  a:hover, a:active {
    color: #001d4d; }

a, a:active, a:hover, a:focus {
  text-decoration: none; }

p {
  font-size: 18px;
  font-weight: 200;
  line-height: 28px; }

h2, h3, h4, h5 {
  color: #2b3636; }

h3 {
  line-height: 33px; }

.bold {
  font-weight: 700 !important; }

.nav > li > a:focus {
  background: none !important;
  outline: 0; }

.container-row {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff; }

.view-school {
  margin-top: 60px; }

.large-img-rounded {
  border-radius: 50%;
  margin: auto; }

.section-title {
  font-size: 31px;
  font-weight: 600px; }

.checkout-page {
  background-color: white; }

.navbar-fedora {
  background-color: #2b3636;
  position: absolute;
  margin-bottom: 0px;
  top: 0px;
  transition: none; }
  .navbar-fedora .gravatar {
    width: 30px;
    height: 30px;
    border-radius: 15px; }
  .navbar-fedora .navbar-header {
    height: 60px;
    width: 100%; }
  .navbar-fedora .navbar-brand {
    font-weight: normal;
    color: #2b3636;
    font-size: 30px;
    line-height: 30px;
    height: 60px; }
    .navbar-fedora .navbar-brand.header-logo {
      max-width: 250px;
      padding-top: 0px;
      padding-bottom: 0px; }
      .navbar-fedora .navbar-brand.header-logo img {
        height: 100%; }
    @media screen and (max-width: 768px) {
      .navbar-fedora .navbar-brand {
        font-size: 18px; } }
  .navbar-fedora .navbar-toggle {
    margin-top: 14px;
    margin-right: 0px; }
    .navbar-fedora .navbar-toggle .icon-bar {
      background: #2b3636 !important; }
  .navbar-fedora .navbar-collapse {
    box-shadow: none !important; }
    .navbar-fedora .navbar-collapse.collapsing .btn-primary, .navbar-fedora .navbar-collapse.in .btn-primary {
      display: none; }
    .navbar-fedora .navbar-collapse.in, .navbar-fedora .navbar-collapse.collapsing {
      background: #2b3636 !important;
      position: absolute;
      right: 0px;
      top: 60px;
      width: 100%; }
      .navbar-fedora .navbar-collapse.in .nav.navbar-nav, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav {
        margin: -0.5px -15px; }
        .navbar-fedora .navbar-collapse.in .nav.navbar-nav > li .fedora-navbar-link, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav > li .fedora-navbar-link {
          color: #2b3636 !important; }
          .navbar-fedora .navbar-collapse.in .nav.navbar-nav > li .fedora-navbar-link.active, .navbar-fedora .navbar-collapse.in .nav.navbar-nav > li .fedora-navbar-link:hover, .navbar-fedora .navbar-collapse.in .nav.navbar-nav > li .fedora-navbar-link:focus, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav > li .fedora-navbar-link.active, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav > li .fedora-navbar-link:hover, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav > li .fedora-navbar-link:focus {
            background-color: #202828 !important;
            color: #2b3636 !important; }
        .navbar-fedora .navbar-collapse.in .nav.navbar-nav ul.dropdown-menu, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav ul.dropdown-menu {
          margin: 0; }
          .navbar-fedora .navbar-collapse.in .nav.navbar-nav ul.dropdown-menu li a, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav ul.dropdown-menu li a {
            color: #fff;
            color: white;
            margin-top: -3px;
            font-weight: 200; }
            .navbar-fedora .navbar-collapse.in .nav.navbar-nav ul.dropdown-menu li a:hover, .navbar-fedora .navbar-collapse.collapsing .nav.navbar-nav ul.dropdown-menu li a:hover {
              background-color: #141a1a !important; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background: #202828 !important; }

.nav.navbar-nav > li > a {
  line-height: 30px;
  font-weight: 200; }
.nav.navbar-nav > li .fedora-navbar-link {
  padding-top: 16px !important;
  font-size: 16px;
  max-height: 60px;
  color: #2b3636 !important;
  cursor: pointer; }
  .nav.navbar-nav > li .fedora-navbar-link.active, .nav.navbar-nav > li .fedora-navbar-link:hover {
    background-color: #202828 !important;
    color: #2b3636 !important; }
.nav.navbar-nav > li .btn-primary {
  margin-top: 11px !important;
  font-size: 17px;
  margin-left: 10px;
  color: white; }

.is-above-the-fold {
  top: -100px;
  transition: none; }

.is-scrolling {
  background-color: rgba(43, 54, 54, 0.97);
  position: fixed;
  top: 0px;
  transition: all ease 0.2s; }

.navbar-course-hero {
  background: none;
  border: 0; }
  .navbar-course-hero.is-at-top {
    border: 0; }
    .navbar-course-hero.is-at-top .navbar-brand, .navbar-course-hero.is-at-top a.fedora-navbar-link {
      color: white !important; }
      .navbar-course-hero.is-at-top .navbar-brand:hover, .navbar-course-hero.is-at-top a.fedora-navbar-link:hover {
        background: none !important;
        color: #cccccc !important; }
    .navbar-course-hero.is-at-top .icon-bar {
      background: white !important; }
  .navbar-course-hero.is-scrolling {
    background-color: rgba(43, 54, 54, 0.97); }

.full-width {
  background-color: #2b3636;
  height: 60px;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 100; }
  .full-width .nav-icon-back {
    width: 40px;
    font-size: 29px;
    padding: 20px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #eeeeee;
    line-height: 66px;
    vertical-align: middle;
    opacity: 0.9; }
    .full-width .nav-icon-back:hover {
      opacity: 1; }
    .full-width .nav-icon-back i {
      background: #2b3636;
      width: 40px;
      height: 40px;
      padding: 0px;
      text-align: center;
      font-size: 26px;
      padding-top: 6px;
      border-radius: 25px;
      font-weight: 200;
      color: #2b3636; }
  .full-width .navbar-fedora {
    width: 101%;
    left: -1px;
    min-height: 0 !important; }
    .full-width .navbar-fedora .navbar-header {
      height: auto; }
    .full-width .navbar-fedora .navbar-header-collapse {
      float: right;
      padding-right: 40px; }
      .full-width .navbar-fedora .navbar-header-collapse.in {
        margin-top: -11px; }
    .full-width .navbar-fedora .navbar-nav {
      width: 100%;
      margin: 0px !important;
      padding: 0px !important; }
  .full-width .navbar-toggle {
    margin-top: 6px;
    margin-right: 15px; }

.alert-wrapper {
  margin-top: 101px; }

.alert-header {
  background: #e3ffe3;
  text-align: center;
  padding: 10px;
  padding-bottom: 30px;
  line-height: 19px;
  height: 28px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 15px;
  line-height: 22px; }
  .alert-header .bolded {
    font-weight: 600; }
  .alert-header a {
    text-decoration: underline; }
  .alert-header .close {
    float: right;
    font-size: 17px;
    color: #374734;
    font-weight: 100;
    padding-top: 2px; }
  .alert-header input {
    margin-left: 10px;
    display: inline-block;
    font-weight: normal;
    padding-left: 5px;
    margin-top: -2px;
    font-size: 14px; }
  .alert-header .center-container {
    text-align: center;
    margin: auto;
    width: 702px; }
  .alert-header .green, .alert-header .green a {
    color: #789B71; }

footer {
  bottom: 0;
  width: 100%;
  background-color: #2b3636;
  position: absolute;
  color: #bac1c7;
  padding: 39px 0 42px; }
  footer .footer-column {
    text-align: center; }
  footer .navbar-brand {
    font-size: 24px;
    margin-top: -4px;
    padding: 0; }
  footer .title {
    font-size: 13px;
    font-weight: 700;
    margin-top: 0; }
  footer a {
    color: inherit; }
    .active footer a, footer a:hover, footer a:focus {
      color: #0044b3; }
  footer .label,
  footer .badge {
    vertical-align: middle; }
  footer .bottom-links {
    font-size: 14px;
    line-height: 1.286; }
  footer .bottom-links:before, footer .bottom-links:after,
  footer .bottom-icons:before,
  footer .bottom-icons:after {
    content: " ";
    display: table; }
  footer .bottom-links:after,
  footer .bottom-icons:after {
    clear: both; }
  footer li.divider {
    height: 15px; }
  footer a {
    color: #bac1c7; }
    footer a:hover, footer a:focus {
      color: #2b3636;
      text-decoration: none; }
      footer a:hover .powered-by-logo, footer a:focus .powered-by-logo {
        opacity: 1; }
  footer .powered-by {
    font-size: 16px; }
    footer .powered-by .powered-by-logo {
      width: 79px;
      vertical-align: -3px;
      margin-left: 2px;
      opacity: 0.7; }

.you-div {
  margin-top: -20px;
  padding-top: 55px;
  padding-bottom: 105px; }
  .you-div .container {
    margin-top: 30px; }

.btn-lg.discover-courses {
  font-size: 20px; }

@media screen and (max-width: 768px) {
  .footer-column {
    margin-bottom: 20px; } }
.devise-layout {
  padding: 75px 0; }
  .devise-layout.enrollment {
    padding: 20px 0 50px 0; }
  .devise-layout .content {
    padding: 30px;
    background-color: #fff; }
    .devise-layout .content h1 {
      text-align: center;
      margin: 0;
      padding-bottom: 35px;
      font-weight: bold; }
    .devise-layout .content input.form-control {
      padding: 5px 15px;
      height: 55px;
      font-size: 18px;
      font-weight: 200;
      margin-bottom: 14px;
      font-weight: 200;
      transition: all 0.3s ease;
      border-radius: 6px; }
    .devise-layout .content label {
      font-size: 15px;
      font-weight: 200;
      color: #2b3636; }
    .devise-layout .content .form-group {
      margin-bottom: 10px; }
      .devise-layout .content .form-group.agree-to-terms {
        text-align: center; }
    .devise-layout .content .well p {
      font-size: 15px; }
    .devise-layout .content .checkbox.checked a {
      color: #0044b3; }
    .devise-layout .content .btn[type="submit"] {
      margin-top: 5px; }
    .devise-layout .content .alert {
      text-align: center;
      color: crimson; }

.edit-settings-page .form-group {
  background: #f7f7f7;
  margin-bottom: 1px; }
  .edit-settings-page .form-group label {
    line-height: 27px;
    font-weight: normal;
    padding: 17px 21px 16px 21px;
    font-size: 16px; }
  .edit-settings-page .form-group .control-input {
    border-left: 1px solid #fff;
    padding-top: 15px; }
    .edit-settings-page .form-group .control-input .form-control {
      margin-bottom: 16px; }
  @media screen and (max-width: 991px) {
    .edit-settings-page .form-group label {
      line-height: 19px !important;
      margin-top: 10px !important; } }
.edit-settings-page .card-info .course-item {
  background: #f7f7f7;
  margin-bottom: 1px; }
  .edit-settings-page .card-info .course-item .card-logos {
    margin-top: 21px; }
  .edit-settings-page .card-info .course-item .item {
    line-height: 65px !important;
    font-weight: normal;
    padding-top: 5px;
    font-size: 17px;
    border-right: 1px solid #fff; }
  .edit-settings-page .card-info .course-item .field {
    padding-top: 15px; }
    .edit-settings-page .card-info .course-item .field.slash {
      padding-top: 27px !important;
      font-weight: 200;
      font-weight: 200;
      text-align: center;
      font-size: 24px; }
    .edit-settings-page .card-info .course-item .field input.form-control {
      margin-bottom: 0px !important; }
  @media screen and (max-width: 991px) {
    .edit-settings-page .card-info .course-item .item {
      line-height: 19px !important;
      margin-top: 10px !important; } }

.course-top-row.checkout-top {
  padding-top: 20px;
  padding-bottom: 20px; }
  .course-top-row.checkout-top .course-header-container {
    padding-top: 0px !important; }
    .course-top-row.checkout-top .course-header-container .course-title {
      font-size: 27px !important;
      line-height: 31px;
      padding-top: 6px; }
    .course-top-row.checkout-top .course-header-container .course-subtitle {
      font-size: 16px !important;
      line-height: 22px;
      margin-top: 12px;
      margin-bottom: 0px !important; }
    .course-top-row.checkout-top .course-header-container .course-price {
      color: #0044b3;
      font-weight: bold;
      font-size: 19px;
      margin-top: 15px;
      line-height: 20px; }
      .course-top-row.checkout-top .course-header-container .course-price .discount {
        font-weight: normal;
        text-transform: uppercase;
        font-size: 13px;
        margin-left: 8px;
        color: #ADADAD; }
  .course-top-row.checkout-top .course-splash-media {
    margin-right: 0px !important;
    margin-bottom: 0px !important; }
    .course-top-row.checkout-top .course-splash-media .img-responsive {
      margin-bottom: 5px; }
    @media screen and (max-width: 991px) {
      .course-top-row.checkout-top .course-splash-media {
        margin-left: 33.33333%; } }

.enrollment-step-indicator {
  background: rgba(0, 68, 179, 0.05);
  border-radius: 33px;
  margin-top: 40px;
  height: 60px; }
  .enrollment-step-indicator .current-step .step-name {
    opacity: 1 !important; }
  .enrollment-step-indicator .current-step .step-number {
    opacity: 1 !important;
    background: #fff; }
  .enrollment-step-indicator .step-1, .enrollment-step-indicator .step-2, .enrollment-step-indicator .step-3 {
    text-align: center;
    font-size: 19px;
    color: #0044b3;
    padding: 12px; }
    .enrollment-step-indicator .step-1.step-2, .enrollment-step-indicator .step-1.step-3, .enrollment-step-indicator .step-2.step-2, .enrollment-step-indicator .step-2.step-3, .enrollment-step-indicator .step-3.step-2, .enrollment-step-indicator .step-3.step-3 {
      border-left: 1px solid rgba(0, 68, 179, 0.2); }
    .enrollment-step-indicator .step-1 .step-name, .enrollment-step-indicator .step-2 .step-name, .enrollment-step-indicator .step-3 .step-name {
      opacity: 0.3; }
    .enrollment-step-indicator .step-1 .step-number, .enrollment-step-indicator .step-2 .step-number, .enrollment-step-indicator .step-3 .step-number {
      background: none;
      margin-right: 7px;
      border-radius: 20px;
      width: 35px;
      height: 35px;
      float: none;
      display: inline-block;
      vertical-align: 0px;
      padding-top: 1px;
      border: 2px solid;
      opacity: 0.3; }
    @media screen and (max-width: 1199px) {
      .enrollment-step-indicator .step-1, .enrollment-step-indicator .step-2, .enrollment-step-indicator .step-3 {
        font-size: 16px !important; }
        .enrollment-step-indicator .step-1 .step-number, .enrollment-step-indicator .step-2 .step-number, .enrollment-step-indicator .step-3 .step-number {
          padding-top: 4px; } }

.section-radio {
  padding-top: 10px;
  padding-bottom: 0px;
  line-height: 23px;
  margin-top: 10px;
  margin-bottom: 0px; }
  .section-radio.checked h4 {
    color: #0044b3; }
  .section-radio h4 {
    cursor: pointer;
    line-height: 42px;
    font-weight: bold;
    margin-top: -9px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; }
  .section-radio .custom-radio {
    float: left; }
  .section-radio .card-info {
    margin-top: 20px;
    padding-left: 23px;
    transition: 0.2s all ease;
    display: inline-block;
    width: 100%; }
    .section-radio .card-info .item {
      line-height: 34px !important; }
    .section-radio .card-info .field {
      padding: 15px 16px !important; }
    .section-radio .card-info.hidden {
      max-height: 0px;
      opacity: 0;
      margin-top: 0; }

.checkout-page h2 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold; }
.checkout-page input.form-control {
  margin-bottom: 0px; }
.checkout-page .section-title, .checkout-page .course-item {
  padding: 0 !important; }
  .checkout-page .section-title .item, .checkout-page .section-title .field, .checkout-page .course-item .item, .checkout-page .course-item .field {
    padding: 19px 16px !important;
    line-height: 27px; }
  .checkout-page .section-title .item, .checkout-page .course-item .item {
    padding-top: 20px !important;
    line-height: 39px !important;
    border-right: 1px solid white; }
  .checkout-page .section-title .field, .checkout-page .course-item .field {
    text-align: center; }
  .checkout-page .section-title .card-logos, .checkout-page .course-item .card-logos {
    line-height: 67px; }
  .checkout-page .section-title .slash, .checkout-page .course-item .slash {
    margin: auto;
    margin-top: 6px;
    font-size: 24px;
    font-weight: 100;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 10px;
    color: #B8B8B8; }
  .checkout-page .section-title.discount, .checkout-page .course-item.discount {
    font-weight: bold;
    color: green; }
  .checkout-page .section-title.center-button, .checkout-page .course-item.center-button {
    text-align: center;
    padding: 15px !important; }
  .checkout-page .section-title a.coupon-link, .checkout-page .course-item a.coupon-link {
    cursor: pointer;
    float: right; }
  .checkout-page .section-title .coupon-form, .checkout-page .course-item .coupon-form {
    float: right; }
    .checkout-page .section-title .coupon-form form, .checkout-page .course-item .coupon-form form {
      margin: 0;
      position: absolute;
      right: 15px;
      top: 13px; }
.checkout-page .statement {
  padding: 10px;
  text-align: center;
  color: #AEAEAE;
  font-size: 12px;
  font-weight: 200; }
.checkout-page .payment-errors {
  color: brown;
  padding-bottom: 11px !important;
  font-size: 15px;
  font-weight: 400; }
@media screen and (max-width: 768px) {
  .checkout-page h2 {
    font-size: 25px !important; }
  .checkout-page .item, .checkout-page .field {
    line-height: 25px !important; }
  .checkout-page .img-responsive {
    margin: auto;
    margin-bottom: 20px; }
  .checkout-page .card-info .item {
    padding-bottom: 0 !important;
    line-height: 20px;
    padding-top: 20px !important; }
  .checkout-page .card-info .field.month {
    padding-bottom: 0px !important; }
  .checkout-page .card-info .slash {
    line-height: 0px !important;
    padding: 0px !important;
    margin-bottom: 16px; }
  .checkout-page .card-info .field {
    padding-bottom: 30px !important;
    border: 0 !important; } }

.filter-title {
  margin-bottom: 30px; }
  .filter-title h2 {
    margin-top: 2px;
    margin-bottom: 3px; }
  .filter-title img.large-img-rounded {
    float: left;
    width: 65px; }

.pagination {
  background: #fff;
  border-radius: 30px;
  margin-top: 40px;
  margin-bottom: 60px;
  font-size: 16px;
  font-weight: 600;
  color: #2b3636; }
  .pagination .previous_page, .pagination .current, .pagination a {
    padding: 12px 20px 10px 20px;
    display: inline-block;
    border-right: 1px solid #dee8e9;
    margin-right: -4px; }
  .pagination .first a {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px; }
  .pagination .last a {
    padding: 12px 20px 10px 20px;
    display: inline-block;
    border-right: 0 !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-right: 0px; }
  .pagination .current, .pagination a:hover {
    background: #0044b3;
    color: #fff; }
  .pagination .disabled {
    opacity: 0.5; }

.course-listing {
  background-color: #f7f7f7;
  box-shadow: 0px 1px #a9c4f0;
  border: 1px solid #a9c4f0;
  padding: 0px;
  border-radius: 9px;
  cursor: pointer;
  margin-bottom: 50px;
  height: 390px; }
  .course-listing.bundle {
    height: 335px; }
  .course-listing:hover {
    box-shadow: 0px 0px 0px 1px #4d87e6;
    border: 1px solid #4d87e6;
    transition: all linear 0.1s; }
    .course-listing:hover .course-listing-title {
      color: #0044b3;
      transition: all linear 0.1s; }
  .course-listing .course-box-image-container {
    overflow: hidden;
    max-height: 208px; }
    .course-listing .course-box-image-container .course-box-image {
      display: block;
      margin: auto;
      border-top-left-radius: 9px;
      border-top-right-radius: 9px;
      border-bottom: 1px solid #EDEDED; }
  .course-listing .course-listing-title {
    color: #2b3636;
    line-height: 25px;
    padding: 16px 16px 4px 16px;
    font-weight: bold;
    font-size: 18px;
    max-height: 70px;
    overflow: hidden; }
  .course-listing .course-listing-subtitle {
    color: #586f6f;
    padding: 5px 16px;
    font-weight: 200;
    font-size: 14px;
    max-height: 65px;
    overflow: hidden;
    font-size: 14px; }
  .course-listing .course-listing-extra-info {
    padding: 16px;
    bottom: 50px;
    left: 16px;
    position: absolute; }
    .course-listing .course-listing-extra-info .img-circle {
      width: 30px;
      height: 30px; }
    .course-listing .course-listing-extra-info .course-author-name {
      max-height: 30px;
      line-height: 30px;
      overflow: hidden;
      font-weight: 200;
      font-size: 15px;
      padding-left: 5px; }
    .course-listing .course-listing-extra-info .course-price {
      color: #0445af !important;
      line-height: 34px;
      color: #dff2f3;
      font-size: 15px;
      font-weight: bold;
      text-align: right;
      padding-right: 10px; }
    .course-listing .course-listing-extra-info .course-progress {
      color: #0044b3;
      font-weight: normal;
      text-align: right;
      font-size: 11px; }
      .course-listing .course-listing-extra-info .course-progress .percentage {
        font-size: 18px;
        line-height: 19px;
        font-weight: bold; }
    .course-listing .course-listing-extra-info .course-bundle {
      line-height: 30px;
      font-size: 15px;
      font-weight: 200; }
  .course-listing .progressbar {
    margin-bottom: 100px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .course-listing {
      height: auto !important; }
      .course-listing .course-box-image-container {
        max-height: none !important; }
      .course-listing .course-listing-subtitle {
        min-height: 150px; } }

.view-directory .course-listing {
  background-color: rgba(255, 255, 255, 0.7); }

.course-single > div {
  margin-left: 33.33%; }

@media screen and (min-width: 0px) and (max-width: 768px) {
  .course-listing.bundle {
    height: 380px; }

  .course-single > div {
    margin-left: auto; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .course-listing.bundle .course-listing-subtitle {
    max-height: 44px; }

  .course-single > div {
    margin-left: 25%; } }
@media screen and (min-width: 768px) {
  .course-listing.bundle {
    height: 400px !important; } }
.progressbar {
  width: 100%;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  margin-top: 15px;
  padding: 3px;
  text-align: right;
  font-size: 0.7em;
  height: 15px;
  line-height: 40px;
  padding: 0px;
  background: #e6e6e6; }
  .progressbar .progressbar-fill {
    float: left;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-left-radius: 99px;
    -webkit-border-bottom-left-radius: 99px;
    -moz-border-radius-topleft: 99px;
    -moz-border-radius-bottomleft: 99px;
    border-top-left-radius: 99px;
    border-bottom-left-radius: 99px;
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
    background-color: #0044b3;
    text-align: left;
    height: 15px;
    background: #0044b3; }

.course-section {
  margin-bottom: 10px; }
  .course-section .section-title {
    background: #f2f2f2;
    padding: 10px 16px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #fff; }
  .course-section .course-item {
    background: #f7f7f7;
    padding: 10px 16px;
    margin: 0;
    font-size: 17px;
    font-weight: normal;
    border-bottom: 1px solid #fff; }
  .course-section ul.section-list {
    margin: 0;
    padding: 0; }
    .course-section ul.section-list .section-item {
      margin: 0;
      padding: 0;
      list-style-type: none;
      border-bottom: 1px solid #fff; }
      .course-section ul.section-list .section-item .item {
        display: block;
        padding: 11px 16px;
        background: #f7f7f7;
        list-style-type: none;
        font-size: 15px;
        letter-spacing: 0px;
        color: #425252;
        text-decoration: none;
        font-weight: 200; }
        .course-section ul.section-list .section-item .item:hover {
          color: #003180;
          background: #d1dcec; }
        .course-section ul.section-list .section-item .item .lecture-icon {
          padding-right: 5px; }
        .course-section ul.section-list .section-item .item .btn-primary {
          margin-top: -3px;
          margin-right: -5px; }
      .course-section ul.section-list .section-item .status-container {
        margin-top: -11px;
        margin-right: -14px;
        float: left;
        height: 45px;
        margin-left: 5px;
        padding-top: 11px;
        margin-right: 20px;
        padding-right: 16px; }
      .course-section ul.section-list .section-item .title-container {
        border-left: 1px solid rgba(0, 68, 179, 0.1);
        margin: -11px;
        padding: 10px;
        margin-left: 41px;
        padding-right: 70px; }
      .course-section ul.section-list .section-item .status-icon {
        width: 20px;
        height: 20px;
        float: left;
        border-radius: 14px; }
      .course-section ul.section-list .section-item .lecture-name {
        font-weight: 200; }
      .course-section ul.section-list .section-item .lecture-start {
        opacity: 0.5; }
      .course-section ul.section-list .section-item.completed .item {
        color: #b8b8b8;
        background: #f0f0f0; }
      .course-section ul.section-list .section-item.completed .item:hover {
        color: #ababab;
        background: #e6e6e6; }
        .course-section ul.section-list .section-item.completed .item:hover .status-icon {
          background-color: #ababab; }
      .course-section ul.section-list .section-item.completed .status-icon {
        background: url("static-css-assets/icons/course-complete.png") 1px 0px #b8b8b8;
        background-size: 96%; }
      .course-section ul.section-list .section-item.completed .btn-primary {
        display: none; }
      .course-section ul.section-list .section-item.incomplete .status-icon {
        background: none;
        box-shadow: inset 0px 0px 0px 2px #0044b3; }
      .course-section ul.section-list .section-item.incomplete .item:hover .status-icon {
        box-shadow: inset 0px 0px 0px 2px #003180; }
      .course-section ul.section-list .section-item.next-lecture .item {
        color: #2b3636;
        background: #d1dcec; }
      .course-section ul.section-list .section-item.next-lecture .status-icon {
        background: url("static-css-assets/icons/course-incomplete.png") 1px 0px #2b3636;
        box-shadow: inset 0px 0px 0px 2px #2b3636; }
      .course-section ul.section-list .section-item.next-lecture .item:hover {
        color: #2b3636;
        background: #d1dcec; }
        .course-section ul.section-list .section-item.next-lecture .item:hover .status-icon {
          box-shadow: inset 0px 0px 0px 2px #2b3636 !important; }

#more_lecture_sections {
  display: none !important; }
  #more_lecture_sections.collapsed {
    display: inline-block !important;
    padding: 5px 12px !important; }

.course-mainbar {
  margin-left: 350px;
  background: #fff;
  padding: 40px;
  padding-top: 55px;
  height: auto; }
  .course-mainbar h2.section-title {
    margin-bottom: 30px;
    font-weight: bold; }
  .course-mainbar .next-lecture-wrapper {
    background: #d1dcec;
    border-radius: 40px;
    margin-bottom: 20px; }
    .course-mainbar .next-lecture-wrapper .start-next-lecture {
      margin-right: 12px;
      line-height: 35px;
      font-size: 19px;
      border-radius: 40px; }
  .course-mainbar .course-section .btn-primary {
    margin-right: -65px !important; }

.course-sidebar {
  width: 350px;
  margin-top: 46px;
  background-color: #f7f7f7;
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  border-right: 1px solid #D7DADB;
  padding-bottom: 30px;
  position: fixed;
  overflow: scroll;
  display: inline-block; }
  .course-sidebar img.course-image {
    display: block;
    width: 100%;
    margin: 0; }
  .course-sidebar h2 {
    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: bold;
    margin-top: 25px;
    line-height: 29px; }
  .course-sidebar .course-progress {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-top: 10px !important;
    margin-bottom: 25px;
    font-size: 13px;
    color: #0044b3; }
    .course-sidebar .course-progress .course-progress-percentage {
      margin-top: 10px !important;
      margin-bottom: 25px; }
    .course-sidebar .course-progress .percentage {
      font-size: 20px;
      font-weight: bold; }
  .course-sidebar ul.sidebar-nav {
    margin: 0;
    padding: 0; }
    .course-sidebar ul.sidebar-nav li {
      font-size: 17px;
      padding: 0px; }
      .course-sidebar ul.sidebar-nav li a {
        font-size: 18px;
        padding: 13px 18px;
        color: #2b3636;
        display: block;
        margin-top: 1px; }
        .course-sidebar ul.sidebar-nav li a i {
          font-size: 21px;
          margin-right: 6px;
          margin-top: 4px;
          vertical-align: -1px;
          font-size: 22px;
          margin-right: 10px; }
        .course-sidebar ul.sidebar-nav li a:hover {
          text-decoration: none;
          background: #e6e6e6; }
      .course-sidebar ul.sidebar-nav li.selected {
        border-left: 3px #000 solid; }
        .course-sidebar ul.sidebar-nav li.selected a {
          background: #e6e6e6; }

@media screen and (max-width: 767px) {
  .course-mainbar {
    margin-left: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 85px; }
    .course-mainbar h2.section-title {
      margin-top: 0px; }
    .course-mainbar .next-lecture-name {
      display: none; }

  .course-sidebar {
    display: none;
    width: 100%; }
    .course-sidebar .sticky {
      width: 100% !important; } }
@media screen and (min-width: 767px) and (max-width: 991px) {
  .course-mainbar {
    margin-left: 300px !important; }

  .course-sidebar {
    width: 300px !important; }
    .course-sidebar .sticky {
      width: 299px !important; }

  #powered-by-fedora {
    width: 299px !important; } }
@media screen and (min-width: 767px) {
  .course-sidebar.collapse {
    height: 100% !important;
    overflow: scroll !important; } }
.coupon-container {
  margin-top: 30px; }

.hidden-section {
  display: none; }

.social-icon {
  font-size: 42px;
  text-align: center; }

.course_desc p {
  font-size: 18px;
  margin-top: 20px; }

.course_desc li {
  font-size: 18px; }

.section {
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  padding-top: 18px; }

.lecture {
  font-size: 18px;
  padding: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  cursor: pointer; }

.nav-tabs .active a {
  font-weight: bold; }

.course-container {
  margin: 0px auto;
  padding: 0px; }

#main {
  background: #3B3B3B;
  height: 430px; }

.redeem_field {
  margin-top: 7px; }

.content {
  padding: 10px 44px; }

.text {
  border-bottom: 1px solid #262626;
  margin-top: 40px;
  padding-bottom: 40px;
  text-align: center; }

.text h2 {
  color: #E5E5E5;
  font-size: 20px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  letter-spacing: 2px; }

.counter {
  background: #2C2C2C;
  -moz-box-shadow: inset 0 0 5px #000000;
  -webkit-box-shadow: inset 0 0 5px #000000;
  box-shadow: inset 0 0 5px #000000;
  min-height: 100px;
  text-align: center; }

p.margin-left {
  margin-left: 20px; }

.counter h3 {
  color: #E5E5E5;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: lighter;
  letter-spacing: 1px;
  padding-top: 20px;
  margin-bottom: 30px; }

#countdown {
  color: #FFFFFF; }

#countdown span {
  color: #E5E5E5;
  color: white;
  font-size: 22px;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
  text-align: center;
  text-shadow: 0px 0px 1px #000; }

.curriculum-table {
  padding: 0px;
  width: 100%;
  margin-bottom: 20px; }

.curriculum-cell {
  border-right: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-right: 0px; }

.lecture-icon {
  font-size: 16px; }

.curriculum-lecture-name {
  font-size: 17px; }

.not-enrolled-page {
  margin-top: -20px;
  padding-top: 55px;
  padding-bottom: 105px; }

.not-enrolled-container {
  margin-top: 30px; }

.not-enrolled-box {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  opacity: 1;
  padding: 35px;
  margin-bottom: 25px;
  font-size: 18pt;
  opacity: 0.85;
  color: #2b3636;
  margin-top: 50px; }

.not-enrolled-link {
  font-size: 20px; }

.course-top-row {
  background-color: #f7f7f7;
  padding-bottom: 50px;
  padding-top: 50px; }
  .course-top-row .course-splash-media {
    margin-right: 10px;
    margin-bottom: 20px; }
    .course-top-row .course-splash-media.video {
      margin-right: 50px; }
    .course-top-row .course-splash-media img {
      width: 100%; }
    @media screen and (max-width: 991px) {
      .course-top-row .course-splash-media {
        margin-right: 0px;
        text-align: center; }
        .course-top-row .course-splash-media.video {
          margin-right: 30px !important; } }
  .course-top-row .course-header-container {
    padding-top: 10px; }
    .course-top-row .course-header-container .course-title {
      font-weight: 600;
      line-height: 45px;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #2b3636; }
    .course-top-row .course-header-container .course-subtitle {
      color: #425252;
      margin-top: 10px;
      margin-bottom: 50px;
      font-weight: 200;
      overflow: hidden;
      font-size: 18px;
      line-height: 28px !important; }
    @media screen and (min-width: 1199px) {
      .course-top-row .course-header-container .course-title {
        font-size: 38px; } }
    @media screen and (max-width: 1199px) {
      .course-top-row .course-header-container .course-title {
        font-size: 30px !important; }
      .course-top-row .course-header-container .course-subtitle {
        font-size: 17px !important;
        margin-bottom: 30px !important;
        min-height: 150px; }
      .course-top-row .course-header-container .btn-hg {
        font-size: 20px !important; } }
    @media screen and (max-width: 991px) {
      .course-top-row .course-header-container {
        text-align: center; } }
  .course-top-row.has-hero-image {
    background-size: cover !important;
    background-position: center !important;
    margin-top: -60px;
    padding-top: 150px;
    padding-bottom: 0px;
    padding-bottom: 50px; }
    .course-top-row.has-hero-image .course-splash-media {
      display: none; }
    .course-top-row.has-hero-image .course-header-container {
      padding-top: 10px;
      width: 100%;
      text-align: center;
      margin-bottom: 50px; }
      .course-top-row.has-hero-image .course-header-container .course-title {
        font-weight: bold;
        font-size: 49px !important;
        color: white; }
      .course-top-row.has-hero-image .course-header-container .course-subtitle {
        font-size: 34px !important;
        line-height: 49px !important;
        margin-top: 30px;
        margin-bottom: 50px !important;
        padding-top: 30px;
        max-width: 750px;
        margin: auto;
        color: white; }
      .course-top-row.has-hero-image .course-header-container .btn-hg {
        float: none;
        margin-right: 20px;
        margin-bottom: 20px !important;
        display: inline-block; }
      .course-top-row.has-hero-image .course-header-container form {
        float: none;
        margin: auto;
        display: inline-block; }
    .course-top-row.has-hero-image.checkout-top {
      padding-top: 80px;
      padding-bottom: 20px; }
  .course-top-row .preenrollment-form-wrapper {
    margin-top: -30px; }

h3.signup-form-title {
  margin-bottom: 19px;
  color: #fff !important;
  font-weight: bold;
  opacity: 0.8;
  margin-top: 0px; }
  h3.signup-form-title.success {
    margin-top: 19px;
    color: #55d047 !important; }

.preenrollment-form-wrapper {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding-bottom: 14px;
  margin-top: 5px;
  padding-top: 14px; }

.flash-error {
  text-align: center;
  color: red;
  opacity: 0.7;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 14px; }

.signup-form input[type="text"] {
  height: 59px;
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 0px; }
.signup-form .col-sm-4, .signup-form .col-xs-4 {
  padding-left: 2px;
  padding-right: 2px; }
.signup-form .btn-primary {
  width: 100%;
  box-shadow: none;
  padding: 13px 20px !important;
  border-radius: 5px !important; }

@media screen and (max-width: 767px) {
  .course-top-row.has-hero-image .course-header-container .course-title {
    font-size: 49px !important;
    line-height: 55px; }
  .course-top-row.has-hero-image .course-header-container .course-subtitle {
    font-size: 29px !important;
    line-height: 38px !important; } }
.description-row {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
  font-size: 18px;
  font-weight: 200;
  line-height: 28px; }
  .description-row h2, .description-row h3, .description-row h4, .description-row h5 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 25px; }
  .description-row h3 {
    font-weight: 18px; }
  .description-row h4 {
    font-weight: 16px; }
  .description-row h5 {
    font-weight: 14px; }
  .description-row ul {
    margin-bottom: 25px; }
  .description-row p {
    font-size: 18px;
    font-weight: 200;
    line-height: 28px;
    margin-bottom: 25px; }

.facebook-button {
  font-size: 50px;
  color: #3B5998; }

.twitter-button {
  font-size: 50px;
  color: #00aced; }

.google-plus-button {
  font-size: 50px;
  color: #dd4b39; }

.linkedin-button {
  font-size: 50px;
  color: #007bb6; }

.instructor-row {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ecf0f1; }
  .instructor-row .instructor-name {
    font-size: 18px;
    margin-top: 10px; }
  .instructor-row .instructor-title {
    font-size: 31px;
    font-weight: 600px; }
  .instructor-row .author-name {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold; }
  .instructor-row p {
    font-size: 17px;
    margin-top: 15px; }

.curriculum-row {
  padding-top: 50px;
  background-color: #fff; }

.bundled-courses-row {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff; }
  .bundled-courses-row h2 {
    margin-top: 0px; }

.faq-row {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ecf0f1; }
  .faq-row p {
    font-size: 17px;
    margin-top: 15px; }

.faq-question {
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  padding: 0px; }

.faq-answer {
  padding-top: 0px;
  font-weight: 200;
  font-size: 18px;
  font-weight: 200;
  line-height: 28px;
  margin-bottom: 30px; }

.closing-letter-row {
  padding-top: 50px;
  padding-bottom: 0px;
  background-color: #fff; }
  .closing-letter-row h2 {
    text-align: center;
    font-weight: bold; }
    .closing-letter-row h2.no-products {
      margin-bottom: 70px; }

.checkout-row {
  background-color: #fff;
  padding-bottom: 10px; }
  .checkout-row h3.signup-form-title {
    text-align: center;
    font-weight: bold;
    color: #2b3636 !important;
    font-size: 35px;
    margin-bottom: 38px; }
  .checkout-row .flash-error {
    margin-bottom: 30px;
    color: darkred; }

.coupon-code-applied {
  background: rgba(227, 255, 227, 0.6);
  font-size: 23px;
  color: #399A5F;
  font-size: 23px;
  text-align: center;
  padding: 4px;
  font-weight: bold;
  padding: 18px;
  border-top: 1px solid rgba(57, 154, 95, 0.06);
  border-bottom: 1px solid rgba(57, 154, 95, 0.06); }
  .coupon-code-applied small {
    font-size: 60%; }

header.half-height {
  height: 46px !important;
  z-index: 101; }
  header.half-height .navbar-nav {
    margin-right: 30px !important;
    float: right;
    margin-top: 0px; }
  header.half-height .nav.navbar-nav > li .fedora-navbar-link {
    padding-top: 8px !important;
    max-height: 45px; }
  header.half-height .lecture-left {
    width: 349px;
    height: 46px !important;
    float: left; }
    header.half-height .lecture-left .nav-icon-back {
      width: 50px !important;
      height: 50px;
      padding: 10px;
      line-height: 20px;
      display: block;
      float: left;
      text-align: center; }
      header.half-height .lecture-left .nav-icon-back i {
        width: 25px;
        height: 25px;
        font-size: 20px;
        padding-top: 2px; }
      header.half-height .lecture-left .nav-icon-back:hover {
        text-decoration: none; }
    header.half-height .lecture-left .nav-icon-settings, header.half-height .lecture-left .nav-icon-list {
      width: 50px;
      padding: 10px;
      background: none;
      color: #2b3636;
      float: right;
      text-align: center;
      height: 100%;
      display: block; }
      header.half-height .lecture-left .nav-icon-settings.nav-icon-list, header.half-height .lecture-left .nav-icon-list.nav-icon-list {
        background: #0044b3; }
        header.half-height .lecture-left .nav-icon-settings.nav-icon-list.collapsed, header.half-height .lecture-left .nav-icon-list.nav-icon-list.collapsed {
          background: none; }
      header.half-height .lecture-left .nav-icon-settings i, header.half-height .lecture-left .nav-icon-list i {
        width: 25px;
        height: 25px;
        font-size: 20px;
        padding-top: 4px; }
      header.half-height .lecture-left .nav-icon-settings:hover, header.half-height .lecture-left .nav-icon-list:hover {
        text-decoration: none;
        background: #0044b3 !important;
        color: white; }
    header.half-height .lecture-left .open .dropdown-toggle {
      background: #0044b3 !important; }
    header.half-height .lecture-left .settings-dropdown {
      float: right; }
      header.half-height .lecture-left .settings-dropdown ul.dropdown-menu {
        margin-top: 0px;
        width: 220px;
        border: 1px solid #d5d5d5;
        padding: 0px; }
        header.half-height .lecture-left .settings-dropdown ul.dropdown-menu li {
          padding: 18px 15px;
          border-bottom: 1px solid #e4e5e5;
          color: #6c6c6c;
          font-size: 13px; }
          header.half-height .lecture-left .settings-dropdown ul.dropdown-menu li .switch {
            float: right;
            margin-top: 3px; }
          header.half-height .lecture-left .settings-dropdown ul.dropdown-menu li:last-child {
            border-bottom: 0; }
          header.half-height .lecture-left .settings-dropdown ul.dropdown-menu li .playback-speed {
            color: #0044b3; }
          header.half-height .lecture-left .settings-dropdown ul.dropdown-menu li .playback-speed:hover {
            color: #003180;
            cursor: pointer; }
  header.half-height .lecture-nav {
    margin-left: 349px; }
    header.half-height .lecture-nav a.nav-btn {
      width: 50%;
      display: block;
      float: left;
      font-size: 16px;
      padding-top: 13px;
      text-align: center;
      height: 46px !important;
      color: #2b3636;
      border-left: 1px solid rgba(215, 218, 219, 0.3); }
      header.half-height .lecture-nav a.nav-btn:hover {
        background: #0044b3;
        color: white;
        text-decoration: none; }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    header.half-height .lecture-left {
      width: 300px; }
    header.half-height .lecture-nav {
      margin-left: 300px; } }
  @media screen and (max-width: 768px) {
    header.half-height .lecture-left {
      width: 150px; }
    header.half-height .lecture-nav {
      margin-left: 150px; }
      header.half-height .lecture-nav .nav-text {
        display: none; }
    header.half-height .nav-icon-settings, header.half-height .nav-icon-list {
      border-left: 1px solid rgba(215, 218, 219, 0.3); }
    header.half-height a.nav-btn {
      width: 50%; } }

.course-sidebar .course-progress.lecture-page.sticky {
  position: fixed;
  top: 36px;
  z-index: 100;
  width: 349px;
  background: rgba(242, 242, 242, 0.97) !important;
  padding-bottom: 0px;
  transition: 0.3s background ease;
  border-bottom: 1px solid #d7dadb; }
  .course-sidebar .course-progress.lecture-page.sticky .course-progress-percentage {
    margin-bottom: 10px; }
.course-sidebar .row.lecture-sidebar {
  margin-right: 0px !important;
  padding-right: 0px;
  padding-bottom: 100px; }
  .course-sidebar .row.lecture-sidebar .course-section {
    margin-bottom: 20px;
    padding-right: 0px; }
    .course-sidebar .row.lecture-sidebar .course-section .section-title {
      border-bottom: 1px solid rgba(0, 68, 179, 0.1); }
    .course-sidebar .row.lecture-sidebar .course-section .section-item {
      border-bottom: 1px solid rgba(0, 68, 179, 0.1) !important; }
      .course-sidebar .row.lecture-sidebar .course-section .section-item.next-lecture {
        border-bottom: none !important; }
    .course-sidebar .row.lecture-sidebar .course-section .btn-primary {
      margin-right: -4px !important; }
    .course-sidebar .row.lecture-sidebar .course-section .title-container {
      padding-right: 0px !important; }
.course-sidebar.navbar-sidebar-collapse {
  margin-top: 46px;
  transition: 0.2s height ease; }
  .course-sidebar.navbar-sidebar-collapse.collapse.in {
    z-index: 100; }
.course-sidebar #powered-by-fedora {
  display: block;
  background: #f2f2f2 !important;
  width: 349px;
  height: 33px;
  position: fixed;
  bottom: 0px;
  padding-top: 8px;
  font-size: 11px;
  color: #7B7B7B;
  line-height: 19px;
  font-weight: 400;
  text-transform: uppercase; }
  .course-sidebar #powered-by-fedora img {
    vertical-align: -4px; }
.course-sidebar #powered-by-fedora:hover {
  text-decoration: none; }

.lecture-content {
  padding-top: 55px; }
  .lecture-content h2.section-title {
    margin-bottom: 18px;
    line-height: 41px; }
    @media screen and (max-width: 991px) {
      .lecture-content h2.section-title {
        font-size: 24px !important;
        line-height: 34px; } }
  .lecture-content .lecture-attachment {
    margin-bottom: 20px;
    margin-top: 30px; }
    .lecture-content .lecture-attachment p {
      font-size: 17px;
      font-weight: normal;
      line-height: 30px;
      margin-bottom: 22px;
      letter-spacing: 0.1px; }
      .lecture-content .lecture-attachment p.lecture-description {
        margin-bottom: 17px; }
    .lecture-content .lecture-attachment ul li, .lecture-content .lecture-attachment ol li {
      font-size: 17px;
      font-weight: normal;
      line-height: 26px;
      margin-bottom: 15px; }
    .lecture-content .lecture-attachment blockquote {
      margin: 30px 0px;
      line-height: 33px; }
    .lecture-content .lecture-attachment img {
      max-width: 100%; }
    .lecture-content .lecture-attachment .attachment {
      background-color: #f7f7f7;
      margin: 0px;
      font-size: 14px;
      padding: 6px 13px;
      line-height: 25px;
      font-weight: bold;
      border-bottom: 1px solid #fff; }
      .lecture-content .lecture-attachment .attachment .attachment-link {
        color: #0044b3;
        cursor: pointer; }
        .lecture-content .lecture-attachment .attachment .attachment-link:hover {
          color: #003180; }
    .lecture-content .lecture-attachment .attachment-pdf-embed .label {
      background-color: #2b3636;
      font-size: 16px;
      color: #fff;
      padding: 4px 16px; }
    .lecture-content .lecture-attachment .attachment-pdf-embed .wrapper {
      border-top: 6px solid #2b3636;
      border-bottom: 6px solid #2b3636;
      border-radius: 8px;
      border-top-left-radius: 0;
      overflow: hidden; }
    .lecture-content .lecture-attachment .attachment-wistia-player {
      margin: auto; }
    .lecture-content .lecture-attachment .video-options {
      margin-bottom: 65px; }
      .lecture-content .lecture-attachment .video-options a {
        float: left;
        margin-right: 4px;
        background-color: #f7f7f7;
        padding: 10px 16px;
        cursor: pointer;
        color: #0044b3;
        font-weight: bold;
        font-size: 13px;
        -webkit-user-select: none;
        user-select: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px; }
        .lecture-content .lecture-attachment .video-options a:hover {
          color: #003180;
          text-decoration: none; }

.homepage_hero {
  background-size: cover;
  padding-top: 90px;
  padding-bottom: 90px;
  background-position: 50% 50%; }
  .homepage_hero .homepage_signup {
    background-color: #FFF;
    border-radius: 5px;
    padding: 16px 16px 6px 16px;
    background-color: #303030;
    opacity: 0.9;
    color: #FFF;
    margin-bottom: 15px; }
    .homepage_hero .homepage_signup .homepage_headline {
      font-size: 25px;
      text-align: center;
      font-weight: 300;
      color: #FFF;
      margin-bottom: 10px; }

.homepage-hero {
  background-size: cover;
  padding-top: 130px;
  padding-bottom: 170px;
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(247, 247, 247, 0.95); }
  .homepage-hero h2.headline {
    font-weight: bold;
    font-size: 49px; }
  .homepage-hero h3.subtitle {
    font-weight: 200;
    font-size: 23px;
    margin-top: 25px; }
  @media screen and (max-width: 1199px) {
    .homepage-hero h2.heading {
      font-size: 38px !important; }
    .homepage-hero h3.subtitle {
      font-size: 20px !important;
      margin-top: 18px !important;
      line-height: 27px !important; } }

h2.homepage-section-title {
  text-align: center;
  font-weight: 200;
  font-size: 31px;
  padding-bottom: 35px;
  padding-top: 35px; }
  h2.homepage-section-title.contact-us {
    margin-bottom: 0px;
    background: #f7f7f7;
    font-size: 20px;
    line-height: 30px; }

.navbar-fedora.is-at-top.is-not-signed-in.is-homepage {
  background: none !important;
  border-bottom: 0px; }
  .navbar-fedora.is-at-top.is-not-signed-in.is-homepage .navbar-brand, .navbar-fedora.is-at-top.is-not-signed-in.is-homepage a.fedora-navbar-link {
    color: white !important; }
  .navbar-fedora.is-at-top.is-not-signed-in.is-homepage a.fedora-navbar-link {
    background: none !important; }
    .navbar-fedora.is-at-top.is-not-signed-in.is-homepage a.fedora-navbar-link:hover {
      background: none !important;
      color: #cccccc !important; }

.homepage-hero {
  padding-top: 30px;
  margin-top: -60px;
  padding-top: 200px;
  display: block;
  position: relative;
  background: transparent !important; }
  .homepage-hero::after {
    content: "";
    background: url("https://dcavozvb40vtt.cloudfront.net/api/file/G7sYaWIETi1f9ajNXBhg") !important;
    background-size: cover !important;
    background-position: center center !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; }
  .homepage-hero h2.headline {
    color: white; }
  .homepage-hero h3.subtitle {
    color: white; }

.product-list {
  margin: 0;
  padding: 0;
  margin-bottom: 45px;
  padding-top: 20px; }

.checkout-button-group {
  color: #2b3636;
  background: #f7f7f7;
  width: 100%;
  border: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid white;
  font-size: 15px;
  letter-spacing: 0px;
  text-align: left;
  transition: 0.1s linear all;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text; }
  .checkout-button-group input[type="radio"] {
    display: none !important; }
  .checkout-button-group .product-radio, .checkout-button-group .product-details, .checkout-button-group .product-price {
    padding: 19px 16px; }
  .checkout-button-group .product-radio {
    text-align: center;
    max-width: 80px; }
    .checkout-button-group .product-radio .custom-radio {
      top: 8px; }
  .checkout-button-group .product-details {
    border-left: 1px solid white;
    border-right: 1px solid white; }
    .checkout-button-group .product-details h3.product-name {
      margin: 0;
      font-size: 17px;
      font-weight: bold;
      white-space: normal;
      margin-bottom: 10px !important;
      line-height: 22px; }
      .checkout-button-group .product-details h3.product-name .discount {
        font-weight: normal;
        text-transform: uppercase;
        font-size: 13px;
        margin-left: 8px;
        color: #399A5F; }
    .checkout-button-group .product-details p.description {
      font-size: 15px;
      letter-spacing: 0px;
      margin-bottom: 0px;
      white-space: normal;
      line-height: 22px; }
    .checkout-button-group .product-details .detailed-description {
      display: none;
      font-size: 15px;
      letter-spacing: 0px;
      color: #828282;
      transition: 0 !important;
      font-weight: 200;
      font-size: 14px;
      margin-top: 10px; }
      .checkout-button-group .product-details .detailed-description p {
        white-space: normal;
        font-size: 16px;
        line-height: 22px; }
      .checkout-button-group .product-details .detailed-description li {
        white-space: initial;
        line-height: 21px;
        margin-bottom: 4px; }
  .checkout-button-group .product-price {
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 19px 16px;
    font-style: italic;
    color: #969696; }
  .checkout-button-group:hover {
    background: #f0f0f0;
    color: black; }
  .checkout-button-group:active {
    background: #e6e6e6;
    color: black;
    box-shadow: none; }
    .checkout-button-group:active .custom-radio {
      box-shadow: 0px 0px 5px #cccccc inset; }
  .checkout-button-group .discounted-price {
    color: #399A5F; }
  .checkout-button-group .product-enroll {
    display: none; }
  .checkout-button-group.active {
    background-color: rgba(0, 68, 179, 0.15);
    color: #2b3636;
    box-shadow: none; }
    .checkout-button-group.active h3.product-name, .checkout-button-group.active p.description, .checkout-button-group.active .product-price {
      color: #0044b3; }
    .checkout-button-group.active .detailed-description {
      display: block; }
    .checkout-button-group.active .product-enroll {
      display: block;
      margin: auto;
      margin-top: 10px;
      font-style: normal; }
  @media screen and (max-width: 768px) {
    .checkout-button-group .product-radio {
      float: left; }
    .checkout-button-group .product-details {
      padding-bottom: 5px;
      border: 0; }
    .checkout-button-group .product-name, .checkout-button-group .description, .checkout-button-group .detailed-description {
      margin-left: 33px !important; }
    .checkout-button-group .product-price {
      padding: 20px;
      font-size: 14px; }
      .checkout-button-group .product-price .btn {
        height: 40px;
        font-size: 18px !important;
        width: 100%; } }

.view-credit-card h4 {
  margin-top: 50px;
  font-size: 24px;
  font-weight: normal; }
.view-credit-card .image-credit-card {
  max-height: 32px;
  display: inline-block;
  margin-right: 5px; }

.cc-title {
  font-size: 32px;
  font-weight: bold; }

.cc-justification {
  font-size: 18px; }

.cc-call-to-action {
  font-size: 24px; }

.credit-card-brand-picture {
  margin-bottom: 10px; }

.credit-card-table {
  margin-bottom: -10px; }

.view-directory {
  padding-top: 50px; }
  .view-directory.course-directory {
    background: #fafafa; }

.search {
  margin-bottom: 30px; }

.course-box-image {
  width: 100%; }

.filter-label {
  font-size: 21px;
  margin-right: 10px;
  color: #989898;
  float: left; }

.course-filter {
  padding-top: 5px;
  padding-left: 15px;
  background: #fff;
  padding-right: 16px;
  padding-bottom: 6px;
  border-radius: 20px;
  margin-bottom: 25px;
  margin-left: 15px; }
  .course-filter .dropdown-menu li a {
    color: black;
    line-height: 26px;
    font-size: 15px;
    padding-left: 15px;
    text-transform: capitalize; }

.btn-default.btn-lg.btn-course-filter.dropdown-toggle {
  background: none;
  border: 0;
  color: #0044b3 !important;
  padding: 0px;
  font-size: 21px;
  top: 3px;
  text-transform: capitalize; }
  .btn-default.btn-lg.btn-course-filter.dropdown-toggle:hover, .btn-default.btn-lg.btn-course-filter.dropdown-toggle:active, .btn-default.btn-lg.btn-course-filter.dropdown-toggle:focus {
    background: none !important;
    border: 0 !important;
    -webkit-box-shadow: none !important;
    background: none !important; }

.open .btn-default.btn-lg.btn-course-filter.dropdown-toggle {
  color: #2b3636;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: none !important; }

.lecture_div_active {
  color: #FFF !important;
  background-color: #2b3636 !important; }

.attachment-wistia-player * {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important; }
  .attachment-wistia-player *:before, .attachment-wistia-player *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important; }

#autocomplete_status {
  font-weight: bold; }

#course_mainbar {
  background-color: #fff; }

@media screen and (max-width: 900px) {
  #course_sidebar {
    display: none;
    width: 100%; }

  #course_mainbar {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 55px; }

  #menu_button {
    display: inline-block; }

  #empty_box {
    height: 65px; } }
@media screen and (min-width: 900px) {
  #empty_box {
    height: 10px; }

  #course_mainbar {
    margin-left: 375px;
    padding: 40px;
    padding-top: 55px; }

  #course_sidebar {
    width: 375px;
    margin-top: 40px;
    background-color: #ecf0f1;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    border-right: 1px solid #D7DADB;
    position: fixed;
    overflow: scroll; }

  #menu_button {
    display: none; } }
.menu_maindiv {
  padding-left: 25px;
  font-size: 17px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer; }

.menu_maindiv_active {
  color: #ffffff;
  background-color: #2b3636; }

.menu_maindiv:hover {
  color: #ffffff;
  background-color: #2b3636; }

.new_menuitem {
  margin-left: 10px; }

.menu_maindiv_active a {
  color: #ffffff !important; }

.menu_maindiv:hover a {
  color: #ffffff; }

.menu_maindiv a {
  color: #2b3636; }

.nav_icon:hover {
  color: #ffffff; }

.nav-el2 {
  cursor: pointer; }

.nav-el2:hover {
  background-color: #2b3636 !important; }

.lecture_div_active {
  color: #ffffff !important;
  background-color: #2b3636 !important; }

.lecture_div_active i {
  color: #ffffff; }

.lecture_div {
  font-size: 14px;
  padding-left: 15px;
  cursor: pointer;
  overflow: hidden;
  border-bottom: 1px solid #ecf0f1;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #fcfcfc; }

.lecture_div:hover {
  color: white !important;
  background-color: #2b3636; }

.lecture_div:hover table {
  color: white !important;
  background-color: #2b3636; }

.section_div {
  background-color: #ecf0f1;
  font-size: 15px !important;
  font-weight: bold;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px; }

#course_lecture_footer {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #f9fafa, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9fafa), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, #f9fafa, #eeeeee);
  background-image: -o-linear-gradient(top, #f9fafa, #eeeeee);
  background-image: linear-gradient(to bottom, #f9fafa, #eeeeee);
  background-repeat: repeat-x;
  border-top: 1px solid #e0e0e0;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.02);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.02); }

#secondarynav {
  background-color: #2b3636;
  height: 40px;
  border-bottom: 1px solid #2b3636;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 100; }

.nav_icon {
  width: 40px;
  font-size: 24px;
  padding: 6px;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0px 0px 2px #888;
  cursor: pointer;
  color: #eeeeee; }

.nav_icon:hover {
  color: #ffffff;
  background-color: #2b3636; }

.icon_div {
  display: inline-block; }

.lecture-sidebar-icon {
  font-size: 24px; }

#powered_by_fedora_inner {
  margin-top: 13px;
  font-size: 11px;
  background-color: #555555;
  opacity: 1;
  color: #fefefe;
  margin-right: 25px;
  border-radius: 5px;
  text-align: center; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.no-enrolled-courses-box {
  width: 100%;
  box-shadow: 0px 0px 4px #696969;
  background-color: #333;
  opacity: 0.85;
  padding: 35px;
  margin-bottom: 25px;
  font-size: 18pt;
  color: #fff;
  margin-top: 50px; }

.white-link-box {
  background-color: white; }

.form-control::-moz-placeholder {
  color: #B2BCC5;
  opacity: 1; }

.page_div {
  background: none repeat; }
  .page_div .container {
    background: #fff;
    padding-top: 30px; }

.full-height {
  height: 100%; }

.maintenance-page {
  background-color: #2b3636;
  color: #fff;
  display: table;
  height: 100%;
  min-height: 100%;
  width: 100%;
  text-align: center; }
  .maintenance-page h3 {
    margin-top: 0px;
    text-align: center; }
  .maintenance-page .inner {
    display: table-cell;
    vertical-align: top; }
    .maintenance-page .inner h1 {
      color: #fff !important; }
    .maintenance-page .inner a, .maintenance-page .inner a:hover {
      color: #fff !important;
      text-decoration: underline; }
  @media screen and (min-width: 992px) {
    .maintenance-page .inner {
      vertical-align: middle; } }
  .maintenance-page .logo {
    max-height: 120px;
    max-width: 300px;
    margin-bottom: 18px; }
  .maintenance-page .half-opaque {
    opacity: 0.5; }
  .maintenance-page .hero {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0044b3;
    padding: 10px 50px 40px 40px;
    border-radius: 15px;
    text-align: left;
    margin-top: 40px; }
    .maintenance-page .hero p {
      font-size: 1.4em;
      margin-bottom: 0px; }
    .maintenance-page .hero h1, .maintenance-page .hero h2, .maintenance-page .hero h3, .maintenance-page .hero h4, .maintenance-page .hero h5 {
      color: #fff !important;
      font-size: 1.8em; }

.unlaunched-page {
  color: #fff;
  display: table;
  height: 100%;
  min-height: 100%;
  width: 100%;
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://dcavozvb40vtt.cloudfront.net/api/file/G7sYaWIETi1f9ajNXBhg"); }
  .unlaunched-page .inner {
    display: table-cell;
    vertical-align: middle; }
    .unlaunched-page .inner h1 {
      color: #fff !important;
      font-weight: normal; }
    .unlaunched-page .inner h2.launching-soon {
      font-family: "Pacifico", cursive;
      font-size: 100px;
      color: #fff;
      margin-top: 40px;
      line-height: 120px;
      margin-bottom: 120px; }
    .unlaunched-page .inner a, .unlaunched-page .inner a:hover {
      color: #fff !important; }
    .unlaunched-page .inner a.btn-admin {
      display: inline-block;
      font-size: 16px !important;
      padding: 8px 20px !important; }
    .unlaunched-page .inner .bottom-wrapper {
      position: absolute;
      bottom: 50px;
      text-align: center;
      width: 100%; }
      .unlaunched-page .inner .bottom-wrapper .powered-by-wrapper {
        opacity: 0.5; }
        .unlaunched-page .inner .bottom-wrapper .powered-by-wrapper .powered-by-logo {
          width: 90px;
          vertical-align: -4px;
          margin-left: 5px; }

.create-school {
  background-color: #2b3636;
  color: #fff;
  display: table;
  height: 100%;
  min-height: 100%;
  width: 100%;
  text-align: center; }
  .create-school .inner {
    padding: 20px;
    display: table-cell;
    vertical-align: top; }
    .create-school .inner h1, .create-school .inner h2, .create-school .inner h3, .create-school .inner h4, .create-school .inner h5 {
      color: #fff !important; }
    .create-school .inner a, .create-school .inner a:hover {
      color: #fff !important;
      text-decoration: underline; }
  @media screen and (min-width: 992px) {
    .create-school .inner {
      vertical-align: middle; } }
  .create-school .logo {
    max-height: 120px;
    max-width: 500px;
    margin-bottom: 18px; }
  .create-school .hero {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0044b3;
    padding: 20px 50px 30px 50px;
    border-radius: 15px; }
    .create-school .hero p {
      font-size: 1.4em; }
    .create-school .hero h1, .create-school .hero h2, .create-school .hero h3, .create-school .hero h4, .create-school .hero h5 {
      color: #fff !important;
      font-size: 1.8em; }