@charset "UTF-8";
/********************
¡MIXINS
********************/
/********************
¡CLASSES
********************/
.lk-clear:after, .lk-squeeze:after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
}

.lk-squeeze {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  max-width: 1124px;
}
@media screen and (max-width: 649px) {
  .lk-squeeze {
    padding: 0 10px;
  }
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.momentum {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.show-mobile-inline,
.show-mobile-block {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .show-mobile-inline {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .show-mobile-block {
    display: block !important;
  }
}

@media screen and (max-width: 649px) {
  .hide-mobile {
    display: none;
  }
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.img-responsive {
  width: 100%;
}

.width-unset {
  width: unset !important;
}

.height-unset {
  height: unset !important;
}

.width-75 {
  width: 75%;
}

.full-width {
  width: 100% !important;
}

/**
 * Add/remove margins
 */
.push {
  margin: 20px !important;
}

.push--bottom {
  margin-bottom: 20px !important;
}

.push--left {
  margin-left: 20px !important;
}

.push--right {
  margin-right: 20px !important;
}

.push--top {
  margin-top: 20px !important;
}

.push--ends {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.push--sides {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.push-half {
  margin: 10px !important;
}

.push-half--bottom {
  margin-bottom: 10px !important;
}

.push-half--left {
  margin-left: 10px !important;
}

.push-half--right {
  margin-right: 10px !important;
}

.push-half--top {
  margin-top: 10px !important;
}

.push-half--ends {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.push-half--sides {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.push-dbl--right {
  margin-right: 40px !important;
}

.push-dbl--left {
  margin-left: 40px !important;
}

.push-dbl--top {
  margin-top: 40px !important;
}

.push-dbl--bottom {
  margin-bottom: 40px !important;
}

.push-dbl--ends {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.push-tri--right {
  margin-right: 60px !important;
}

.push-tri--bottom {
  margin-bottom: 60px !important;
}

.push-qud--right {
  margin-right: 80px !important;
}

.push-qud--left {
  margin-left: 80px !important;
}

.push-qud--top {
  margin-top: 80px !important;
}

.push-qud--bottom {
  margin-bottom: 80px !important;
}

.push-qud--ends {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.push-auto--sides {
  margin: 0 auto;
}

.flush {
  margin: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/**
 * Add/remove paddings
 */
.pad {
  padding: 20px !important;
}

.pad--top {
  padding-top: 20px !important;
}

.pad--right {
  padding-right: 20px !important;
}

.pad--bottom {
  padding-bottom: 20px !important;
}

.pad--left {
  padding-left: 20px !important;
}

.pad--ends {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pad--sides {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pad-half {
  padding: 10px !important;
}

.pad-half--top {
  padding-top: 10px !important;
}

.pad-half--right {
  padding-right: 10px !important;
}

.pad-half--bottom {
  padding-bottom: 10px !important;
}

.pad-half--left {
  padding-left: 10px !important;
}

.pad-half--ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pad-half--sides {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.pad-dbl--ends {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.push--bottom-huge {
  margin-bottom: 80px !important;
}

.flush-pad {
  padding: 0 !important;
}

.flush-pad--bottom {
  padding-bottom: 0 !important;
}

.flush-pad--left {
  padding-left: 0 !important;
}

.flush-pad--right {
  padding-right: 0 !important;
}

.flush-pad--top {
  padding-top: 0 !important;
}

.flush-pad--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.flush-pad--sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/**
* Floats
*/
.none {
  float: none !important;
}

.pull--right {
  float: right !important;
}

.pull--left {
  float: left !important;
}

.clear {
  display: block;
  float: none;
  clear: both;
}

.clearfix {
  content: "";
  display: table;
  clear: both;
}

/**
* Centering elements
*/
.center--vertical {
  vertical-align: middle;
}

.center--horizontal {
  margin: 0 auto;
  display: block;
}

.text--center {
  text-align: center !important;
}

.text--left {
  text-align: left !important;
}

.text--right {
  text-align: right !important;
}

.center--flex {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.center--aligned {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.justify--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.justify--space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/**
* Misc.
*/
.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

/*------------------------------------*\
              ¡BUTTONS
\*------------------------------------*/
.btn {
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-family: inherit;
}
.btn.btn-play {
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 45px solid rgba(255, 255, 255, 0.6);
  height: 0;
  left: 50%;
  margin-top: -35px;
  position: absolute;
  top: 50%;
  width: 0;
}
.btn.btn-play.large {
  border-top: 45px solid transparent;
  border-bottom: 45px solid transparent;
  border-left: 60px solid rgba(255, 255, 255, 0.6);
  margin-top: -50px;
}
@media screen and (max-width: 991px) {
  .btn.btn-play.large {
    border-top-width: 30px;
    border-bottom-width: 30px;
    border-left-width: 45px;
  }
}
@media screen and (max-width: 649px) {
  .btn.btn-play.large {
    border-top-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 30px;
  }
}
.btn.btn-play.small {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 30px solid rgba(255, 255, 255, 0.6);
  margin-top: -30px;
}
.btn.btn-primary {
  background: #00c9ff;
  color: #fff;
  border: 0;
}
.btn.btn-black {
  background: #000000;
  color: #fff;
  border: 0;
}
.btn.btn-grey {
  background: #bbb;
  color: #fff;
  border: 0;
}
.btn.btn-long {
  font-size: 1em;
  padding: 10px;
  margin-top: 5px;
  display: inline-block;
  min-width: 300px;
  max-width: 300px;
}
.btn.course-tile-btn {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
  min-width: 120px;
  background: #dadada;
  color: #fff;
  border: 0;
  text-align: center;
  vertical-align: middle;
  padding: 45px 10px 45px 10px;
  background-size: cover;
  background-position: center;
}
.btn.add-course-tile-btn {
  display: block;
  background: #dadada;
  color: #fff;
  border: 0;
  text-align: center;
  padding: 26px 15px 24px 15px;
}
.btn.add-course-tile-btn > span {
  color: #00c9ff;
  font-size: 2em;
}
.btn.btn-warning {
  background-color: #f23d30;
}
.btn.btn-inactive {
  background-color: #989898;
}
.btn.btn-dark {
  background-color: #3d3d3d;
}
.btn {
  /*SIZES*/
}
.btn.btn-lg {
  font-size: 2.25em;
  padding: 15px 30px;
}
@media screen and (max-width: 649px) {
  .btn.btn-lg {
    font-size: 2em;
  }
}
.btn.btn-med-small {
  width: 135px;
  align-self: flex-end;
  font-size: 1em;
  padding: 10px 30px;
  display: inline-block;
}
@media screen and (max-width: 649px) {
  .btn.btn-med-small {
    font-size: 1em;
  }
}
.btn.btn-med-lg {
  font-size: 1em;
  padding: 15px 30px;
  width: 200px;
}
.btn.btn-med {
  font-size: 1em;
  padding: 15px 30px;
  display: inline-block;
  width: 300px;
}
@media screen and (max-width: 649px) {
  .btn.btn-med {
    font-size: 1em;
  }
}
.btn.btn-small {
  font-size: 1em;
  padding: 10px;
  display: inline-block;
}
.btn.btn-file-upload {
  font-size: 1em;
  padding: 5px 10px;
  display: inline-block;
}
.btn.btn-cms {
  font-size: 0.9em;
  padding: 10px 10px 10px 10px;
  margin: 0px 3px 0px 3px;
  min-width: 200px;
  display: inline-block;
}
.btn.outline {
  background-color: #fff;
  color: #00c9ff;
  outline: solid currentColor 3px;
}

.bold-btn {
  font-weight: bold;
}

/*------------------------------------*\
              ¡LINKS
\*------------------------------------*/
.link {
  text-decoration: none;
}
.link.main {
  color: #fff;
}
.link.accent-1 {
  color: #00c9ff;
}
.link.pad--bottom {
  padding-bottom: 10px;
}
.link.heavy {
  font-weight: 900;
}

p a.accent-1,
ul a.accent-1 {
  color: #444;
}

/*------------------------------------*\
              ¡ICONS
\*------------------------------------*/
.icon.main .path {
  fill: #fff;
}
.icon.main .stroke {
  stroke: #989898;
}

.switch {
  display: inline-block;
  height: 22px;
  position: relative;
  width: 40px;
}
.switch input {
  display: none;
}
.switch input:checked + .slider:before {
  transform: translateX(16px);
}

.slider {
  background-color: #ebebeb;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.slider:before {
  background-color: #777;
  bottom: 4px;
  content: "";
  height: 15px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 15px;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.blue-link {
  color: var(--Blue-800, #118DAF);
  /* Paragraph: Regular */
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/*------------------------------------*\
              ¡TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: "Montserrat Light";
  src: url("./fonts/montserrat-light-webfont.eot");
  src: url("./fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat-light-webfont.woff2") format("woff2"), url("./fonts/montserrat-light-webfont.woff") format("woff"), url("./fonts/montserrat-light-webfont.ttf") format("truetype"), url("./fonts/montserrat-light-webfont.svg#montserratlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat Semibold";
  src: url("./fonts/montserrat-semibold-webfont.eot");
  src: url("./fonts/montserrat-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("./fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("./fonts/montserrat-semibold-webfont.woff") format("woff"), url("./fonts/montserrat-semibold-webfont.ttf") format("truetype"), url("./fonts/montserrat-semibold-webfont.svg#montserratsemi_bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat Thin";
  src: url("./fonts/Montserrat-Thin.eot");
  src: url("./fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("./fonts/Montserrat-Thin.woff2") format("woff2"), url("./fonts/Montserrat-Thin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
html {
  font-size: 1em;
}

/******************************************************************************
                                    `HEADERS
******************************************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.video-title,
.section-header,
.h6-like {
  font-weight: normal;
}

.video-title {
  font-size: 11.25em;
}

h1,
.h1-like {
  font-size: 3.25em;
}

.slogan h1 em,
.slogan .h1-like em {
  color: #00c9ff;
  display: inline-block;
  font-size: 2.847em;
  font-style: normal;
}

h3 {
  font-size: 7.25em;
}

h4 {
  font-size: 5.25em;
}

h5 {
  font-size: 3.25em;
}

h6,
.h6-like {
  font-size: 2.25em;
  margin: 10px 0 20px;
}

.accent-1 {
  color: #00c9ff;
}

.accent-2 {
  color: #989898;
}

.accent-3 {
  color: #e4cb9d;
}

.accent-4 {
  color: #a6d141;
}

.accent-5 {
  color: #ea3460;
}

.accent-6 {
  color: #c232f6;
}

.accent-7 {
  color: #eea79c;
}

.accent-8 {
  color: #c46376;
}

.warning {
  color: #f23d30;
}

@media (max-width: 1200px) {
  .video-title {
    font-size: 9.25em;
  }
}
@media (max-width: 991px) {
  .video-title {
    font-size: 7.25em;
  }
  h1 {
    font-size: 2.15em;
  }
  .slogan h1 em {
    font-size: 2.6em;
  }
  h4 {
    /*tablet-lg*/
    font-size: 4.25em;
  }
  h5 {
    font-size: 2.15em;
  }
  h6,
  .h6-like {
    font-size: 1.75em;
  }
}
@media (max-width: 767px) {
  .video-title {
    font-size: 5.25em;
  }
  h4 {
    /*tablet*/
    font-size: 3.25em;
  }
}
@media (max-width: 649px) {
  .video-title {
    font-size: 3.25em;
  }
  .slogan h1 {
    font-size: 1.5em;
  }
  h4 {
    /*phone-lg*/
    font-size: 2.25em;
  }
  h5 {
    font-size: 1.5em;
  }
  h6,
  .h6-like {
    font-size: 1.15em;
  }
}
@media (max-width: 399px) {
  .video-title {
    font-size: 3em;
  }
}
.title {
  font-family: "Montserrat", sans-serif;
  font-size: 61px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 0 0 5px;
}
.title span {
  font-size: 16px;
  font-weight: 400;
}

.heading {
  border-bottom: solid 1px #bdbdbd;
  color: #777;
  font-family: "Montserrat", sans-serif;
  font-size: 1.25em;
  margin: 0 0 20px;
  padding: 0 0 5px;
}
.heading .btn {
  margin-top: -9px;
  float: right;
}
.heading h2 {
  display: inline-block;
}

.small-heading {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25em;
  font-weight: 700;
}

.small-section {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
}

.small-bold {
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  font-weight: 550;
  vertical-align: middle;
}

.large-low-weight {
  font-family: "Montserrat", sans-serif;
  font-size: 3em;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 0 0 5px;
}

.pdf-small-bold {
  font-family: "Montserrat", sans-serif;
  font-size: 0.6em;
  font-weight: 550;
  vertical-align: middle;
}

.pdf-small-heading {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75em;
  font-weight: 700;
  padding-bottom: 20px;
}

.link {
  color: #00c9ff !important;
  text-decoration: underline !important;
}
.link.no-underline {
  text-decoration: none !important;
}
.link.inherit-color {
  color: inherit !important;
}

.bold {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

/********************
¡MIXINS
********************/
/********************
¡CLASSES
********************/
.lk-clear:after, .lk-squeeze:after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
}

.lk-squeeze {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  height: 100%;
  max-width: 1124px;
}

@media screen and (max-width: 649px) {
  .lk-squeeze {
    padding: 0 10px;
  }
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.momentum {
  overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}

.show-mobile-inline,
.show-mobile-block {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .show-mobile-inline {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .show-mobile-block {
    display: block !important;
  }
}
@media screen and (max-width: 649px) {
  .hide-mobile {
    display: none;
  }
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.img-responsive {
  width: 100%;
}

.width-unset {
  width: unset !important;
}

.height-unset {
  height: unset !important;
}

.width-75 {
  width: 75%;
}

.full-width {
  width: 100% !important;
}

/**
 * Add/remove margins
 */
.push {
  margin: 20px !important;
}

.push--bottom {
  margin-bottom: 20px !important;
}

.push--left {
  margin-left: 20px !important;
}

.push--right {
  margin-right: 20px !important;
}

.push--top {
  margin-top: 20px !important;
}

.push--ends {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.push--sides {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.push-half {
  margin: 10px !important;
}

.push-half--bottom {
  margin-bottom: 10px !important;
}

.push-half--left {
  margin-left: 10px !important;
}

.push-half--right {
  margin-right: 10px !important;
}

.push-half--top {
  margin-top: 10px !important;
}

.push-half--ends {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.push-half--sides {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.push-dbl--right {
  margin-right: 40px !important;
}

.push-dbl--left {
  margin-left: 40px !important;
}

.push-dbl--top {
  margin-top: 40px !important;
}

.push-dbl--bottom {
  margin-bottom: 40px !important;
}

.push-dbl--ends {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.push-tri--right {
  margin-right: 60px !important;
}

.push-tri--bottom {
  margin-bottom: 60px !important;
}

.push-qud--right {
  margin-right: 80px !important;
}

.push-qud--left {
  margin-left: 80px !important;
}

.push-qud--top {
  margin-top: 80px !important;
}

.push-qud--bottom {
  margin-bottom: 80px !important;
}

.push-qud--ends {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.push-auto--sides {
  margin: 0 auto;
}

.flush {
  margin: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/**
 * Add/remove paddings
 */
.pad {
  padding: 20px !important;
}

.pad--top {
  padding-top: 20px !important;
}

.pad--right {
  padding-right: 20px !important;
}

.pad--bottom {
  padding-bottom: 20px !important;
}

.pad--left {
  padding-left: 20px !important;
}

.pad--ends {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pad--sides {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pad-half {
  padding: 10px !important;
}

.pad-half--top {
  padding-top: 10px !important;
}

.pad-half--right {
  padding-right: 10px !important;
}

.pad-half--bottom {
  padding-bottom: 10px !important;
}

.pad-half--left {
  padding-left: 10px !important;
}

.pad-half--ends {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pad-half--sides {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.pad-dbl--ends {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.push--bottom-huge {
  margin-bottom: 80px !important;
}

.flush-pad {
  padding: 0 !important;
}

.flush-pad--bottom {
  padding-bottom: 0 !important;
}

.flush-pad--left {
  padding-left: 0 !important;
}

.flush-pad--right {
  padding-right: 0 !important;
}

.flush-pad--top {
  padding-top: 0 !important;
}

.flush-pad--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.flush-pad--sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/**
* Floats
*/
.none {
  float: none !important;
}

.pull--right {
  float: right !important;
}

.pull--left {
  float: left !important;
}

.clear {
  display: block;
  float: none;
  clear: both;
}

.clearfix {
  content: "";
  display: table;
  clear: both;
}

/**
* Centering elements
*/
.center--vertical {
  vertical-align: middle;
}

.center--horizontal {
  margin: 0 auto;
  display: block;
}

.text--center {
  text-align: center !important;
}

.text--left {
  text-align: left !important;
}

.text--right {
  text-align: right !important;
}

.center--flex {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.center--aligned {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.justify--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.justify--space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/**
* Misc.
*/
.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.lk-check-container input:focus ~ .checkmark, .input-group .input:focus,
.input-group .textarea:focus,
.input-group label.lk-select:focus-within {
  border-color: #00c9ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
  outline-color: #00c9ff;
}

/*------------------------------------*\
              ¡FORMS
\*------------------------------------*/
.form-half {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.input-group-description {
  margin-top: 20px;
}

.form-heading {
  font-weight: 700;
  font-size: 1.5em;
}

.njctl-button {
  border-radius: 8px;
  padding: 12px 48px;
  background: #118daf;
}

.input-group {
  margin: 0 0 20px;
}
.input-group .label {
  color: #777;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.input-group .label .accent {
  color: #00c9ff;
  text-decoration: underline;
}
.input-group .input {
  background-color: #fff;
  outline: 1px #666666 solid;
  color: #444;
  border: none;
  font-size: 1em;
  height: 45px;
  padding: 0 10px;
  width: 100%;
  margin-top: 5px;
  border-radius: 8px;
}
.input-group .textarea {
  background-color: #fff;
  outline: 1px #666666 solid;
  border: none;
  margin-top: 5px;
  font-size: 16px;
  max-height: 100px;
  max-width: 100%;
  padding: 10px;
  width: 100%;
}
.input-group label.lk-select {
  background-color: #fff;
  outline: 1px #666666 solid;
  margin-top: 5px;
  height: 45px;
  line-height: 45px;
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 8px;
}
.input-group label.lk-select span {
  display: inline-block;
  margin: 0 5px 0 0;
  text-align: right;
  width: 155px;
}
.input-group label.lk-select select {
  background-color: #fff;
  border: 0;
  border-radius: 8px;
  color: #777;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-family: inherit;
  line-height: 1.5;
  margin: 0;
  outline: 0;
  padding: 5px 35px 5px 10px;
  position: relative;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 100%;
}
.input-group label.lk-select:after {
  display: inline-block;
  pointer-events: none;
  transition: all 0.7s ease;
  border-right: 2px solid #42c8fe;
  border-top: 2px solid #42c8fe;
  content: " ";
  height: 12px;
  position: absolute;
  right: 10px;
  top: 31%;
  width: 12px;
}
.input-group label.lk-select.accent-1 select {
  background-color: #00c9ff;
  color: #fff;
}
.input-group label.lk-select.accent-1:after {
  background: url(../images/arrow-down-wh.svg) no-repeat 50%;
  background-size: 12px 12px;
}
.input-group label.lk-multi-select:after {
  display: none;
}
.input-group label.lk-multi-select {
  margin-bottom: 50px;
}
.input-group .lk-radio {
  color: #777;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 1.5rem;
  text-align: left;
  width: auto;
}
.input-group .lk-radio + .lk-radio {
  margin: 0 0 0 15px;
}
.input-group .lk-radio input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.input-group .lk-radio span {
  border-radius: 50%;
  border: solid 1px #00c9ff;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 3px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 16px;
}
.input-group .lk-radio input:checked ~ span {
  background: #fff;
}
.input-group .lk-radio input:checked ~ span:after {
  background: #00c9ff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 10px;
  z-index: 1;
}
.input-group .lk-checkbox {
  color: #777;
  cursor: pointer;
  display: block;
  margin: 5px 0;
  position: relative;
  padding-left: 22px;
  text-align: left;
  width: 100%;
}
.input-group .lk-checkbox input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.input-group .lk-checkbox span {
  border: solid 1px #00c9ff;
  color: #eee;
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 16px;
}
.input-group .lk-checkbox input:checked ~ span {
  background: url(../images/icon-check.svg) no-repeat 50%;
  background-size: 90%;
}
.input-group .g-recaptcha {
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.input-info {
  display: block;
  height: 1em;
  margin-top: 5px;
  margin-left: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #777;
}

.checkbox-text {
  margin-left: 1em;
}

hide-button pre {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  background-color: rgb(242, 242, 242);
  padding: 20px;
}

input.plain:focus,
textarea.plain:focus,
select.plain:focus {
  outline: none;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 1000px #00c9ff inset;
}

.input-group.override .label {
  color: #777;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin: 0 0 5px;
  padding: 0;
  font-size: 1em;
  text-align: left;
}
.input-group.override .label .accent {
  color: #00c9ff;
  text-decoration: underline;
}
.input-group.override .errorlist {
  position: absolute;
  top: 100%;
  z-index: 1;
}

.column-two .input-group {
  width: 48%;
}
.column-two .input-group:nth-of-type(odd) {
  clear: left;
  float: left;
}
.column-two .input-group:nth-of-type(even) {
  float: right;
}
@media screen and (max-width: 649px) {
  .column-two .input-group {
    width: 100%;
  }
}

.column-three .input-group {
  width: 30%;
}
.column-three .input-group:nth-of-type(1) {
  float: left;
}
.column-three .input-group:nth-of-type(2) {
  float: left;
  margin-left: 3%;
}
.column-three .input-group:nth-of-type(3) {
  float: right;
}

.half-width {
  width: 50%;
}

.label [type=checkbox] {
  height: 14px;
  width: auto;
}

.application textarea {
  width: 100%;
}

.relative {
  position: relative;
}

.passIcon {
  max-width: 20px;
  max-height: 20px;
  position: absolute;
  top: 2.5rem;
  right: 0.5rem;
  cursor: pointer;
}

.current-file {
  color: #666666;
}
.current-file a {
  text-weight: bold;
  text-decoration: none;
  color: #666666;
}
.current-file a:visited {
  text-decoration: none;
  color: #666666;
}

/*------------------------------------*\
              ¡CHECKBOXES
\*------------------------------------*/
.lk-check-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lk-check-container.label {
  display: flex;
  font-size: unset;
}

/* Hide the browser's default checkbox */
.lk-check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  outline: 1px #666666 solid;
}

/* On mouse-over, add a grey background color */
.lk-check-container:hover input ~ .checkmark {
  background-color: #bbb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.lk-check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.lk-check-container .checkmark:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 11px;
  border: solid #00c9ff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*------------------------------------*\
              ¡MULTI-SELECT
\*------------------------------------*/
/* Multi Select Component */
multi-select .display-field {
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
multi-select .selected-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 35px;
  width: auto;
  background-color: #00c9ff;
  overflow: hidden;
  margin: 5px;
  padding: 0px 10px 0px 10px;
}
multi-select .selected-option span {
  font-size: 3em;
  color: #fff;
  text-decoration: none;
  margin-left: 1vw;
  height: 63px;
}
multi-select .selected-option span a {
  text-decoration: none;
  color: #fff;
}
multi-select .selected-option span a:visited {
  color: #fff;
}
multi-select .display-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #fff;
  outline: 1px #666666 solid;
  min-height: 45px;
}
multi-select .display-selected:after {
  transform: rotate(135deg);
  transition: all 0.7s ease;
  border-right: 2px solid #00c9ff;
  border-top: 2px solid #00c9ff;
  content: " ";
  height: 12px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 12px;
}
multi-select .display-selected .field {
  background-color: #fff;
  height: 100%;
  padding: 5px;
  font-size: 1em;
  border: unset;
  outline: 0;
  width: 100%;
}
multi-select .display-selected .field-wrapper {
  flex: 2;
}
multi-select .select-container {
  width: 100%;
}
multi-select .select-container .is-focused {
  border-color: #00c9ff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
  outline-color: #00c9ff;
}
multi-select .select-container li {
  background-color: #fff;
}
multi-select .menu {
  box-shadow: 0 0 1px hsla(0, 0%, 7%, 0.6), 0 5px 10px -3px hsla(0, 0%, 7%, 0.4);
  outline: 1px #666666 solid;
  display: block;
  max-height: 280px;
  margin: 0.5em 0 0;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  outline: 1px #666666 solid;
  min-height: 45px;
}
multi-select .menu__item {
  border-bottom: 1px solid rgba(202, 212, 216, 0.5);
  padding: 0.75em;
}
multi-select .menu__item--hover:not(.menu__item--disabled) {
  background-color: rgba(0, 201, 255, 0.5);
}
multi-select .menu__item:hover:not(.menu__item--disabled) {
  background-color: rgba(0, 201, 255, 0.5);
  cursor: pointer;
}
multi-select .menu__item--disabled {
  border-bottom: unset;
  color: #666666;
}

/*------------------------------------*\
             ¡GENERAL
\*------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-padding-top: 100px;
  scroll-behavior: smooth;
}

html {
  height: 100%;
  width: 100%;
}

body {
  background: #fff;
  color: #444;
  font-family: "Montserrat Light", sans-serif;
  font-weight: 400;
  height: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

pre {
  font-family: "Montserrat Light", sans-serif;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word;
}

.lk-wrap {
  height: auto !important;
  left: 0;
  margin-bottom: -115px;
  min-height: 100%;
  position: relative;
  -webkit-transition: left 0.7s;
  -moz-transition: left 0.7s;
  -ms-transition: left 0.7s;
  -o-transition: left 0.7s;
  transition: left 0.7s;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .lk-wrap.has-sidebar {
    left: -290px;
  }
}
.lk-wrap.form-page {
  background-size: cover;
}
.lk-wrap.form-page .message-container {
  margin-bottom: -70px;
  max-width: 100%;
  position: relative;
  top: 115px;
  width: 100%;
}
.lk-wrap.form-page .message-container + .lk-content {
  padding-top: 50px;
}
.lk-wrap.legal-page .header {
  background: black;
}

.lk-content {
  width: 100%;
}

.course-materials-pages .lk-content {
  padding-bottom: 15px;
}

file-version-selector {
  width: 100%;
}

.has-breadcrumb .lk-wrap {
  padding: 115px 0 0;
}
.has-breadcrumb.has-subnav .lk-wrap {
  padding: 190px 0 0;
}

.lk-list {
  list-style-type: inherit;
}
.lk-list li {
  margin: 5px 10px 5px 25px;
}

/*------------------------------------*\
              ¡COLUMNS
\*------------------------------------*/
.lk-col-wrap .col {
  float: left;
  padding-right: 10px;
  position: relative;
}
.lk-col-wrap .col.half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .lk-col-wrap .col.half {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}
.lk-col-wrap .col.half + .half {
  padding-right: 0;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .lk-col-wrap .col.half + .half {
    padding: 0;
  }
}
.lk-col-wrap .col.third {
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .lk-col-wrap .col.third {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
.lk-col-wrap .col.two-thirds {
  width: 66.6666666667%;
}
@media screen and (max-width: 767px) {
  .lk-col-wrap .col.two-thirds {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
.lk-col-wrap .col.third + .two-thirds {
  padding-right: 0;
}

/*------------------------------------*\
        ¡ERRORS/NOTIFICATIONS
\*------------------------------------*/
.suggest-link {
  color: #00c9ff;
}
.suggest-link:visited {
  color: #00c9ff;
}

/*------------------------------------*\
               ¡ALERTS
\*------------------------------------*/
.alert {
  border-radius: 4px;
  margin: 20px auto;
  max-width: 1124px;
  padding: 10px 20px 0;
  position: relative;
}
.alert p {
  padding: 0 20px 10px 0;
}
.alert svg {
  cursor: pointer;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 14px;
}
.alert-default {
  background: #00c9ff;
  color: #fff;
}
.alert-default svg {
  fill: #fff;
}
.alert-success {
  background: #dff0d8;
  border: solid 1px #d6e9c6;
  color: #27ae60;
}
.alert-success svg {
  fill: #27ae60;
}
.alert-danger {
  background: #f2dede;
  border: solid 1px #ebccd1;
  color: #a94442;
}
.alert-danger svg {
  fill: #a94442;
}

/*------------------------------------*\
                ¡PILLS
\*------------------------------------*/
.has-pill h2 span:not(.toggle-handle):after {
  background: #00c9ff;
  border-radius: 50%;
  color: #fff;
  content: "";
  font-size: 13px;
  height: 16px;
  margin-top: -2px;
  padding: 5px;
  position: absolute;
  text-align: center;
  width: 16px;
}
.has-pill.pill-1 h2 span:not(.toggle-handle):after {
  content: "1";
}
.has-pill.pill-2 h2 span:not(.toggle-handle):after {
  content: "2";
}
.has-pill.pill-3 h2 span:not(.toggle-handle):after {
  content: "3";
}
.has-pill.pill-4 h2 span:not(.toggle-handle):after {
  content: "4";
}
.has-pill.pill-5 h2 span:not(.toggle-handle):after {
  content: "5";
}
.has-pill.pill-6 h2 span:not(.toggle-handle):after {
  content: "6";
}
.has-pill.pill-7 h2 span:not(.toggle-handle):after {
  content: "7";
}
.has-pill.pill-8 h2 span:not(.toggle-handle):after {
  content: "8";
}
.has-pill.pill-9 h2 span:not(.toggle-handle):after {
  content: "9";
}
.has-pill.pill-10 h2 span:not(.toggle-handle):after {
  content: "10";
}
.has-pill.pill-10plus h2 span:not(.toggle-handle):after {
  content: "10+";
}

/*------------------------------------*\
            ¡FORM ERRORS
\*------------------------------------*/
.errorlist li {
  background: #00c9ff;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  list-style: none;
  margin-top: 12px;
  padding: 4px 10px;
  position: relative;
}
.errorlist li:after {
  bottom: 95%;
  left: 25px;
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(0, 201, 255, 0);
  border-bottom-color: #00c9ff;
  border-width: 10px;
  margin-left: -10px;
}

/*------------------------------------*\
            ¡PAGINATION
\*------------------------------------*/
.pagination {
  text-align: center;
}
.pagination a {
  margin: 0 5px;
  text-decoration: none;
}
.pagination a:link, .pagination a:visited {
  color: #00c9ff;
}
.pagination a:hover, .pagination a:active {
  color: #989898;
}

/*------------------------------------*\
            ¡BREADCRUMB
\*------------------------------------*/
.breadcrumb-wrap {
  margin: 0 0 20px;
}
.breadcrumb-wrap a {
  text-decoration: none;
}
@media screen and (max-width: 649px) {
  .breadcrumb-wrap a {
    font-size: 12px;
  }
}
.breadcrumb-wrap a:link, .breadcrumb-wrap a:visited {
  color: #00c9ff;
}
.breadcrumb-wrap a:hover, .breadcrumb-wrap a:active, .breadcrumb-wrap a.is-active {
  color: #989898;
}
.breadcrumb-wrap .arrow-right {
  fill: #989898;
  width: 10px;
}

.has-subnav.has-breadcrumb .breadcrumb-wrap {
  margin: 0 0 20px;
}

/*------------------------------------*\
               ¡INPUT
\*------------------------------------*/
.group-input {
  margin: 0 0 15px;
}
.group-input.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.group-input label {
  color: #fff;
  display: block;
  font-size: 1.1875em;
  margin: 0 0 5px;
}
.group-input input {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 1em;
  height: 40px;
  padding: 0 5px;
  width: 100%;
  border-radius: 8px;
}
.group-input textarea {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 1rem;
  max-width: 100%;
  padding: 5px;
  width: 100%;
  border-radius: 8px;
}
.group-input .paragraph {
  font-size: 14px;
  color: var(--grayscale-400, #666);
  /* Paragraph: Regular */
  font-family: Montserrat;
  font-size: 20px;
}
.group-input a {
  color: #eee;
  text-decoration: none;
}

/*------------------------------------*\
               ¡POPOVER
\*------------------------------------*/
.popover {
  background: #eee;
  border-radius: 4px;
  display: none;
  padding: 20px;
  position: absolute;
}
.popover p {
  margin: 0 !important;
}
.popover:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(238, 238, 238, 0);
  border-bottom-color: #eee;
  border-width: 10px;
  margin-left: -10px;
}
.popover.is-visible {
  display: block;
}

/*------------------------------------*\
              ¡SEARCH PAGE
\*------------------------------------*/
.search-controls input {
  height: 39px;
  font-size: 16px;
  padding: 0 5px;
  position: relative;
}

/*------------------------------------*\
              ¡SEARCH TOOL
\*------------------------------------*/
@media screen and (max-width: 767px) {
  .search-tool {
    z-index: 2;
  }
}
.search-tool .icon-search {
  background: url(../images/icon-search-grey@2x.png) no-repeat 50%;
  background-size: 16px;
  cursor: pointer;
  display: block;
  float: right;
  height: 38px;
  width: 38px;
  margin-right: 10px;
}
.search-tool form {
  -webkit-transition: width 0.7s;
  -moz-transition: width 0.7s;
  -ms-transition: width 0.7s;
  -o-transition: width 0.7s;
  transition: width 0.7s;
  background: rgba(255, 255, 255, 0.5);
  float: right;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 0;
}
@media screen and (max-width: 767px) {
  .search-tool form {
    background: #989898;
    right: 0;
  }
}
.search-tool form.is-visible {
  -webkit-transition: width 0.7s;
  -moz-transition: width 0.7s;
  -ms-transition: width 0.7s;
  -o-transition: width 0.7s;
  transition: width 0.7s;
  width: 220px;
}
.search-tool form input {
  background: transparent;
  border: none;
  float: left;
  font-size: 1.2em;
  height: 38px;
  padding: 0 5px;
  width: 85%;
}
.search-tool form .btn {
  background: transparent;
  border: none;
  color: #989898;
  cursor: pointer;
  font-size: 3em;
  position: absolute;
  right: 0;
  top: -11px;
  width: 15%;
}
@media screen and (max-width: 767px) {
  .search-tool form .btn {
    color: #444;
  }
}

/*------------------------------------*\
              ¡REG QUESTIONS
\*------------------------------------*/
#container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
#container #sliding_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
}
#container #sliding_box a {
  outline: 0;
}
#container #reg-question {
  width: 75%;
}
#container #reg-question .input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: unset;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  min-width: 25vw;
  max-width: 25vw;
  width: 48%;
}
#container #reg-question .input-group .input {
  margin-bottom: 5px;
}
#container #reg-question .input-group label {
  margin-top: unset;
}
#container #reg-question .input-group label:first-of-type {
  min-height: 60px;
  margin-top: -35px;
}
#container .errorlist {
  list-style-type: none;
  width: 48%;
  padding-left: 65px;
}
#container .errorlist li::after {
  all: initial;
}
#container i {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 15px;
}
#container .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#container .left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/*------------------------------------*\
               ¡CAROUSEL
\*------------------------------------*/
.carousel-wrap {
  height: 100vh;
  position: relative;
}
.carousel-wrap .carousel-trigger {
  cursor: pointer;
  height: 30px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 30px;
  z-index: 2;
}
.carousel-wrap .carousel-trigger.left {
  left: 10px;
}
.carousel-wrap .carousel-trigger.right {
  right: 10px;
}
.carousel-wrap .filter-img {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.carousel-container {
  height: 100%;
  overflow: hidden;
}

.carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  height: 100%;
  left: -100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.carousel.is-reversing {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel.is-set {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.carousel .slide {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-position: 50% 0;
  background-size: cover;
  order: 2;
}
.carousel .slide.is-ref {
  order: 1;
}
.carousel .slide .title {
  color: #fff;
  font-size: 70px;
  margin: 0;
  max-width: 60%;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .carousel .slide .title {
    font-size: 40px;
  }
}
@media screen and (max-width: 649px) {
  .carousel .slide .title {
    font-size: 20px;
  }
}
.carousel .slide .paragraph {
  color: #fff;
  font-size: 25px;
  margin: 25px 0 30px;
  max-width: 40%;
  text-align: center;
}
@media screen and (max-width: 649px) {
  .carousel .slide .paragraph {
    font-size: 16px;
  }
}
.carousel .slide .btn {
  font-size: 20px;
  padding: 10px 20px;
}

/*------------------------------------*\
               ¡QUOTES
\*------------------------------------*/
.quote-carousel-wrap {
  height: auto;
  position: relative;
}
.quote-carousel-wrap .quote-carousel-trigger {
  cursor: pointer;
  height: 30px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 2;
}
.quote-carousel-wrap .quote-carousel-trigger.left {
  left: -1rem;
}
@media screen and (max-width: 767px) {
  .quote-carousel-wrap .quote-carousel-trigger.left {
    left: 1rem;
  }
}
@media screen and (max-width: 649px) {
  .quote-carousel-wrap .quote-carousel-trigger.left {
    left: 1rem;
  }
}
.quote-carousel-wrap .quote-carousel-trigger.right {
  right: 0px;
}
@media screen and (max-width: 767px) {
  .quote-carousel-wrap .quote-carousel-trigger.right {
    right: 1rem;
  }
}
@media screen and (max-width: 649px) {
  .quote-carousel-wrap .quote-carousel-trigger.right {
    right: 1rem;
  }
}

.quote-carousel-container {
  height: 100%;
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: auto;
}

.quote-carousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  height: 100%;
  left: -6rem;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.quote-carousel.is-reversing-quote {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.quote-carousel.is-set-quote {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.quote-carousel .quote-slide {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-position: 50% 0;
  background-size: cover;
  order: 2;
}
.quote-carousel .quote-slide.is-quote-ref {
  order: 1;
}
.quote-carousel .quote-slide .content {
  color: #fff;
  font-size: 20px;
  text-align: center;
  width: 50%;
  margin: auto;
  padding-top: 26px;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .quote-carousel .quote-slide .content {
    font-size: 12px;
  }
}
@media screen and (max-width: 649px) {
  .quote-carousel .quote-slide .content {
    font-size: 12px;
  }
}
.quote-carousel .quote-slide .author {
  color: #fff;
  font-size: 20px;
  margin: 25px 0 30px;
  max-width: 60%;
  text-align: center;
}
@media screen and (max-width: 649px) {
  .quote-carousel .quote-slide .author {
    font-size: 12px;
  }
}
.quote-carousel .quote-slide .quote-wrapper {
  width: 700px;
  background-position: center;
  height: 275px;
  background: no-repeat;
  display: flex;
  vertical-align: middle;
}
.quote-carousel .quote-slide .quote-wrapper .text-container {
  vertical-align: middle;
  text-align: center;
  margin: auto;
  padding-left: 0px;
  padding-bottom: 0px;
}
.quote-carousel .quote-slide .quote-box {
  width: 50%;
}

/*------------------------------------*\
              ¡NEWSFEED
\*------------------------------------*/
.banner.newsfeed {
  padding: 10px 0 40px;
}

.newsfeed-wrap {
  padding: 0 40px;
  position: relative;
}
.newsfeed-wrap .arrow {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: block;
  height: 36px;
  margin-top: 5px;
  position: absolute;
  top: 50%;
  width: 18px;
}
.newsfeed-wrap .arrow.arrow-left {
  background-image: url(../images/icon-arrow-left.png);
  left: 0;
}
.newsfeed-wrap .arrow.arrow-right {
  background-image: url(../images/icon-arrow-right.png);
  right: 0;
}
.newsfeed-wrap .newsfeed-container {
  height: 200px;
  overflow: hidden;
}
@media screen and (max-width: 649px) {
  .newsfeed-wrap .newsfeed-container {
    height: 300px;
  }
}
@media screen and (max-width: 649px) {
  .newsfeed-wrap {
    padding: 0 20px;
  }
}

.news-item {
  color: #444;
  float: left;
  height: 200px;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 649px) {
  .news-item {
    height: 300px;
  }
}
.news-item .news-title {
  position: relative;
  text-align: center;
}
.news-item .news-title a {
  text-decoration: none;
  color: inherit;
}
.news-item .news-date {
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .news-item .news-date {
    top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .news-item .news-date {
    top: 10px;
  }
}
@media screen and (max-width: 649px) {
  .news-item .news-date {
    font-size: 12px;
    top: 5px;
  }
}
/*------------------------------------*\
                ¡COMMENTS
\*------------------------------------*/
.comment-thread {
  margin: 2em 0;
}
.comment-thread .comment {
  margin: 1em 0.5em;
}
.comment-thread .comment.depth-2 {
  margin-left: 2.5em;
}
.comment-thread .comment.depth-3 {
  margin-left: 4.5em;
}
.comment-thread .comment .comment-time {
  color: #666666;
}
.comment-thread .comment .private,
.comment-thread .comment .pending-approval {
  color: #666666;
  font-style: italic;
}
.comment-thread .comment-form.reply {
  display: none;
}
.comment-thread .comment-form {
  margin-top: 10px;
}

/*------------------------------------*\
             ¡ATTACHMENTS
\*------------------------------------*/
.attachment-list {
  margin: 2em 0;
}

.attachment-heading {
  margin-top: 20px;
}

.attachment-downloadable li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #f2f2f2;
  width: 100%;
  margin: 0 0 10px;
}
.attachment-downloadable li a:not(.edit-button):not(.dropdown-button) {
  background-image: url(../images/icon-download.png);
  background-position: 8px 6px;
  background-repeat: no-repeat;
  background-size: 47px;
  display: block;
  height: 100%;
  padding: 20px 10px 20px 70px;
  text-decoration: none;
  width: 100%;
  color: #000;
}
.attachment-downloadable li a:not(.edit-button):not(.dropdown-button) .attachment-title {
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-downloadable li a:not(.edit-button):not(.dropdown-button) .attachment-title:nth-child(2) {
  text-align: center;
}
.attachment-downloadable li a:not(.edit-button):not(.dropdown-button).with-icon {
  background: none;
  padding: 20px 10px 20px 20px;
}
.attachment-downloadable li .lk-check-container {
  position: absolute;
  margin: 22px 0px 0px 14px;
}
.attachment-downloadable li .edit-button {
  text-decoration: none;
  color: #00c9ff;
}
.attachment-downloadable li .cms-collapsible {
  background-image: unset !important;
  background-position: unset !important;
  background-repeat: unset !important;
  background-size: unset !important;
}
.attachment-downloadable li .attach-version {
  display: block;
  height: 100%;
  padding: 20px 10px 20px 70px;
  text-decoration: none;
}
.attachment-downloadable li .attach-version select {
  font-size: 1.4em;
}
.attachment-downloadable li .attachment-helper-text {
  color: #333;
  font-size: 12px;
}
@media (max-width: 991px) {
  .attachment-downloadable li {
    font-size: 1em;
  }
}
.attachment-downloadable li.restricted {
  border-color: #ccc;
}
.attachment-downloadable li.restricted a {
  color: #ccc !important;
}
.attachment-downloadable li.attachment-title-detail {
  align-items: center;
}
.attachment-downloadable li.attachment-title-detail .dropdown-button:after {
  display: inline-block;
  pointer-events: none;
  transform: rotate(135deg);
  border-right: 2px solid #42c8fe;
  border-top: 2px solid #42c8fe;
  content: " ";
  height: 12px;
  position: relative;
  right: -20px;
  top: 0px;
  width: 12px;
}
.attachment-downloadable li.attachment-title-detail .dropdown-button {
  width: 60px;
}
.attachment-downloadable.condensed li {
  font-size: 1em;
}
.attachment-downloadable.condensed li a {
  background-position: 5px 5px;
  background-size: 29px;
  padding: 20px 10px 10px 45px;
}
.attachment-downloadable .attachment-downloadable-icons .fa-times-circle {
  position: relative;
  top: 1px;
}
.attachment-downloadable .attachment-downloadable-icons .fa-edit {
  position: relative;
  top: 2px;
}

.collapsible-panel-wrapper {
  margin-bottom: 20px;
}
.collapsible-panel-wrapper .toggle-handle {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  background: url(../images/icon-triangle.svg) no-repeat;
  background-position: 0px center;
  background-size: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-left: 10px;
  margin-top: -6px;
}
.collapsible-panel-wrapper.is-expanded .toggle-handle {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*------------------------------------*\
             ¡CHAPTERS
\*------------------------------------*/
.chapter-list {
  margin: 2em 0;
  overflow: auto;
}

.chapter-heading {
  margin-top: 20px;
}

.chapter-downloadable {
  margin: 0 0 20px;
  width: 50%;
}
.chapter-downloadable .chapter-box {
  background: #f2f2f2;
  height: 80px;
  line-height: 80px;
  margin: 0 0 10px;
  text-align: center;
  width: 90%;
}
.chapter-downloadable .chapter-box a {
  color: #000;
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.chapter-downloadable .chapter-box a .chapter-num {
  background: #00c9ff;
  color: #fff;
  height: 100%;
  width: 130px;
}
.chapter-downloadable .chapter-box a .chapter-title {
  color: #00c9ff;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chapter-downloadable .chapter-box a .chapter-arrow {
  bottom: 0;
  height: 30px;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  width: 15px;
}
.chapter-downloadable .chapter-box .chapter-version {
  display: block;
  height: 100%;
  padding: 20px 10px 20px 70px;
  text-decoration: none;
}
.chapter-downloadable .chapter-box .chapter-version select {
  font-size: 1.4em;
}
.chapter-downloadable .chapter-box .chapter-helper-text {
  color: #333;
  font-size: 12px;
}
@media (max-width: 991px) {
  .chapter-downloadable .chapter-box {
    font-size: 1em;
  }
}
.chapter-downloadable .chapter-box.restricted {
  border-color: #ccc;
}
.chapter-downloadable .chapter-box.restricted a {
  color: #ccc !important;
}
.chapter-downloadable.condensed li {
  font-size: 1em;
}
.chapter-downloadable.condensed li a {
  background-position: 5px 5px;
  background-size: 29px;
  padding: 10px 10px 10px 45px;
}
.chapter-downloadable .chapter-downloadable-icons .fa-times-circle {
  position: relative;
  top: 1px;
}
.chapter-downloadable .chapter-downloadable-icons .fa-edit {
  position: relative;
  top: 2px;
}

.collapsible-panel-wrapper {
  margin-bottom: 20px;
}
.collapsible-panel-wrapper .toggle-handle {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  background: url(../images/icon-triangle.svg) no-repeat;
  background-position: 0px center;
  background-size: 12px;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-left: 10px;
  margin-top: -6px;
}
.collapsible-panel-wrapper.is-expanded .toggle-handle {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*------------------------------------*\
                ¡MODAL
\*------------------------------------*/
.lk-modal-wrap,
.edit-modal-wrap {
  background: rgba(0, 0, 0, 0.75);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 70;
}
.lk-modal-wrap iframe,
.edit-modal-wrap iframe {
  height: 85%;
  margin: 40px 0 0 5%;
  width: 90%;
}
.lk-modal-wrap.is-visible,
.edit-modal-wrap.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.lk-modal-wrap .terms-of-service,
.lk-modal-wrap .copy-dialog,
.edit-modal-wrap .terms-of-service,
.edit-modal-wrap .copy-dialog {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #00c9ff;
  color: #00c9ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: auto;
  min-height: 500px;
  min-width: 500px;
  overflow: hidden;
  padding: 5px;
  width: 500px;
}
.lk-modal-wrap .terms-of-service .step,
.lk-modal-wrap .copy-dialog .step,
.edit-modal-wrap .terms-of-service .step,
.edit-modal-wrap .copy-dialog .step {
  width: 100%;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.lk-modal-wrap .terms-of-service .step.next,
.lk-modal-wrap .copy-dialog .step.next,
.edit-modal-wrap .terms-of-service .step.next,
.edit-modal-wrap .copy-dialog .step.next {
  top: 5px;
  position: absolute;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.lk-modal-wrap .terms-of-service .step.previous,
.lk-modal-wrap .copy-dialog .step.previous,
.edit-modal-wrap .terms-of-service .step.previous,
.edit-modal-wrap .copy-dialog .step.previous {
  top: 5px;
  position: absolute;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.modal-close {
  color: #00c9ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  font-size: 70px;
  height: 50px;
  line-height: 45px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 100;
}
.modal-close.close {
  height: auto;
  font-size: 30px;
  line-height: auto;
  width: auto;
}
@media (max-width: 649px) {
  .modal-close {
    right: 10px;
  }
}

.modal-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 100;
}
.modal-wrap.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.modal-wrap .modal {
  height: 60%;
  min-height: 550px;
  min-width: 500px;
  overflow: visible;
  position: relative;
  width: 70%;
}
@media (max-width: 649px), (max-height: 649px) {
  .modal-wrap .modal {
    background-color: #fff;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    width: 100%;
  }
}
@media (max-height: 767px) and (min-height: 650px) {
  .modal-wrap .modal {
    min-height: 500px;
  }
}
@media (max-height: 649px) {
  .modal-wrap .modal {
    height: 100%;
    min-height: 0;
    padding-bottom: 20px;
  }
}
.modal-wrap .container-modal {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal-wrap .container-modal.white {
  background-color: #fff;
}
.modal-wrap .container-modal.padded {
  padding: 50px;
}
@media (max-width: 649px) {
  .modal-wrap .container-modal.padded {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 50px 20px;
    width: calc(100% - 40px);
  }
}
.modal-wrap .carousel {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 100%;
}
.modal-wrap .carousel.is-reversing {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.modal-wrap .carousel.is-set {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal-wrap .carousel .step {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  bottom: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  left: 0;
  padding: 0 50px;
  position: absolute;
  right: 0;
  top: 110px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal-wrap .carousel .step.next {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.modal-wrap .carousel .step.previous {
  -webkit-transform: translate(-100%);
  -moz-transform: translate(-100%);
  -ms-transform: translate(-100%);
  -o-transform: translate(-100%);
  transform: translate(-100%);
}
@media (max-width: 649px) {
  .modal-wrap .carousel .step {
    padding: 0 20px;
  }
}
@media (max-width: 399px) {
  .modal-wrap .carousel .step {
    padding: 0 10px;
  }
}
.modal-wrap .carousel .step .btn,
.modal-wrap .carousel .step .input-group {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 20px;
  width: 250px;
}
.modal-wrap .carousel .step .input-group {
  height: 44px;
}
.modal-wrap .carousel .step .input-group select {
  height: 44px;
}
.modal-wrap .header-modal {
  height: 110px;
}
@media (max-height: 767px) {
  .modal-wrap .header-modal {
    height: 60px;
  }
}
.modal-wrap .contents-modal.pad-modal {
  padding: 0 50px;
}
@media (max-width: 649px) {
  .modal-wrap .contents-modal.pad-modal {
    padding: 0 20px;
  }
}
@media (max-width: 399px) {
  .modal-wrap .contents-modal.pad-modal {
    padding: 0 10px;
  }
}
.modal-wrap .contents-modal h4 {
  color: #666;
  font-size: 1.15rem;
  font-weight: 900;
}
.modal-wrap .contents-modal .flat {
  border: 0;
  font-size: 1rem;
  width: 100%;
}
.modal-wrap .contents-modal .flat.lg {
  font-size: 1.2rem;
}
.modal-wrap .contents-modal textarea.flat {
  min-height: 160px;
}

.flat {
  background-color: #eee;
  padding: 10px;
}

/*------------------------------------*\
               ¡VIDEO
\*------------------------------------*/
.has-video img {
  position: relative;
  z-index: 0;
}

/*------------------------------------*\
                ¡HEADER
\*------------------------------------*/
header {
  background-image: -o-linear-gradient(bottom, #000 0%, #000 40%, #000 100%);
  background-image: -moz-linear-gradient(bottom, #000 0%, #000 40%, #000 100%);
  background-image: -webkit-linear-gradient(bottom, #000 0%, #000 40%, #000 100%);
  background-image: -ms-linear-gradient(bottom, #000 0%, #000 40%, #000 100%);
  background-image: linear-gradient(to bottom, #000 0%, #000 40%, #000 100%);
  background-repeat: no-repeat;
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
  height: 115px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
header.is-docked {
  background-color: #000;
  height: 110px;
}
header .logo {
  float: left;
  margin: 10px 0 0;
}
@media screen and (max-width: 991px) {
  header .logo {
    margin: 22px 0 0;
  }
}
header .logo img {
  width: 200px;
}
@media screen and (max-width: 991px) {
  header .logo img {
    width: 200px;
  }
}
header nav {
  -webkit-transition: left 0.7s;
  -moz-transition: left 0.7s;
  -ms-transition: left 0.7s;
  -o-transition: left 0.7s;
  transition: left 0.7s;
  clear: right;
  color: #989898;
  float: right;
  font-size: 1em;
}
@media screen and (max-width: 991px) {
  header nav {
    background: #404040;
    left: 100%;
    bottom: 0;
    top: 0;
    margin: 0;
    padding: 50px 10px 20px;
    position: fixed;
    width: 290px;
  }
}
header nav .lk-close {
  cursor: pointer;
  display: none;
  fill: #00c9ff;
  position: absolute;
  right: 5px;
  top: 5px;
}
@media screen and (max-width: 991px) {
  header nav .lk-close {
    display: block;
  }
}
header nav a {
  color: white;
  padding: 5px;
  text-decoration: none;
}
header nav a:link, header nav a:visited {
  color: white;
}
header nav a:hover, header nav a:active, header nav a.is-active {
  color: #00c9ff;
}
header nav a:first-child {
  margin-left: 0;
}
header nav a:last-child {
  margin-right: 0;
}
header nav a:last-of-type {
  border-right: none;
}
@media screen and (max-width: 991px) {
  header nav a {
    border-right: none;
    display: block;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 15px 0 5px 6px;
  }
  header nav a:link, header nav a:visited {
    color: #00c9ff;
  }
  header nav a:hover, header nav a:active {
    color: #fff;
  }
  header nav a + a {
    border-top: 1px solid gray;
  }
}
@media screen and (max-width: 991px) {
  header nav .link-divider {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .has-sidebar header {
    left: -290px;
  }
  .has-sidebar header nav {
    left: calc(100% - 290px);
  }
  .has-sidebar header nav a {
    border-right: unset;
  }
  .has-sidebar header nav a::after {
    content: "\a";
    white-space: pre;
  }
  .has-sidebar .subnav-wrap {
    right: 290px;
  }
}
.gradient-header header {
  background-image: -o-linear-gradient(bottom, #000 0%, #000 40%, transparent 100%);
  background-image: -moz-linear-gradient(bottom, #000 0%, #000 40%, transparent 100%);
  background-image: -webkit-linear-gradient(bottom, #000 0%, #000 40%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, #000 0%, #000 40%, transparent 100%);
  background-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
  background-repeat: no-repeat;
}

.account-links {
  font-size: 1em;
}
@media screen and (max-width: 649px) {
  .account-links {
    font-size: 0.75em;
  }
}
.account-links a {
  text-decoration: none;
}
.account-links a:link, .account-links a.is-active {
  color: #00c9ff;
}
.account-links .divider {
  border-left: 1px solid white;
}
@media screen and (max-width: 991px) {
  .account-links .divider {
    display: block;
    width: 100%;
    border-bottom: 1px solid gray;
  }
}
.account-links .region-state-dropdown {
  padding: 6px;
  border: none;
  text-align: center;
  border-radius: 8px;
  color: black;
}
@media screen and (max-width: 991px) {
  .account-links .region-state-dropdown {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
  }
}
.account-links select option {
  color: #00c9ff;
  background-color: #fff;
}

.btn-menu-wrap {
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 991px) {
  .btn-menu-wrap {
    display: inline-block;
  }
}
.btn-menu-wrap .btn-menu {
  width: 30px;
}
.btn-menu-wrap .btn-menu span {
  background: #fff;
  display: block;
  height: 3px;
  width: 100%;
  margin: 3px 0;
}

.white-header .btn-menu span {
  background: rgba(0, 0, 0, 0.08);
}

/*------------------------------------*\
                ¡SUBNAV
\*------------------------------------*/
.subnav-wrap {
  -webkit-transition: top 0.7s;
  -moz-transition: top 0.7s;
  -ms-transition: top 0.7s;
  -o-transition: top 0.7s;
  transition: top 0.7s;
  -webkit-transition: right 0.7s;
  -moz-transition: right 0.7s;
  -ms-transition: right 0.7s;
  -o-transition: right 0.7s;
  transition: right 0.7s;
  background: #000;
  clear: both;
  padding: 10px 0;
  position: fixed;
  right: 0;
  top: 115px;
  width: 100%;
  z-index: 2;
}
.subnav-wrap .drop-trigger {
  color: #fff;
  cursor: pointer;
  display: none;
  font-family: "Montserrat Semibold";
  text-align: center;
}
@media screen and (max-width: 991px) {
  .subnav-wrap .drop-trigger {
    display: block;
  }
}
.subnav-wrap .drop-trigger svg,
.subnav-wrap .drop-trigger img {
  fill: #fff;
  margin: 0 0 0 5px;
  width: 16px;
}
.subnav-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .subnav-wrap ul {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    height: 0;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -ms-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
  }
  .subnav-wrap ul .open {
    height: 169px;
  }
}
.subnav-wrap ul li {
  margin: 0px 20px;
}
@media screen and (max-width: 991px) {
  .subnav-wrap ul li {
    border-bottom: solid 1px #989898;
    display: block;
  }
  .subnav-wrap ul li:last-child {
    border-bottom: none;
  }
}
.subnav-wrap ul li a {
  border-bottom: solid 2px transparent;
  color: #fff;
  font-family: "Montserrat Semibold";
  text-decoration: none;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .subnav-wrap ul li a {
    display: inline-block;
    padding: 15px 0;
  }
}
@media screen and (max-width: 399px) {
  .subnav-wrap ul li a {
    padding: 10px 0;
  }
}
.subnav-wrap ul li a:link, .subnav-wrap ul li a:visited {
  color: #fff;
}
.subnav-wrap ul li a:hover, .subnav-wrap ul li a.is-active {
  color: #00c9ff;
}

.is-docked + .subnav-wrap {
  top: 110px;
}

/*------------------------------------*\
              ¡INTRO
\*------------------------------------*/
.intro {
  -webkit-transition: height 1s ease;
  -moz-transition: height 1s ease;
  -ms-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.intro .mask {
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.intro .drop-trigger {
  bottom: 11px;
  color: #fff;
  cursor: pointer;
  font-family: "Montserrat Semibold", sand-serif;
  position: absolute;
  text-align: center;
  width: 100%;
}
.intro.closed {
  height: 165px !important;
  overflow: hidden;
}
.intro.closed .mask {
  background: #000;
  z-index: 1;
}

/*------------------------------------*\
              ¡PARALLAX
\*------------------------------------*/
.parallax {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.parallax.math {
  -webkit-transition: height 2s ease;
  -moz-transition: height 2s ease;
  -ms-transition: height 2s ease;
  -o-transition: height 2s ease;
  transition: height 2s ease;
  height: 100vh;
  background-color: #000;
  background-image: url(../images/hero-math.jpg);
  background-size: auto 100vh;
}
.parallax.about {
  background-image: url(../images/hero-about.jpg);
}
@media screen and (max-width: 991px) {
  .parallax.about {
    background-attachment: initial;
  }
}
.parallax.teach-psi {
  background-image: url(../images/hero-teach.jpg);
}
@media screen and (max-width: 991px) {
  .parallax.teach-psi {
    background-attachment: initial;
  }
}
.parallax.programs {
  background-image: url(../images/hero-programs.jpg);
  background-attachment: initial;
  margin-bottom: -30px;
  top: -30px;
}
.parallax.education {
  background-image: url(../images/hero-education.jpg);
  background-attachment: initial;
}
@media screen and (max-width: 991px) {
  .parallax {
    height: 500px;
  }
}
@media screen and (max-width: 767px) {
  .parallax {
    height: 400px;
  }
}
@media screen and (max-width: 649px) {
  .parallax {
    height: 350px;
  }
}

/*------------------------------------*\
            ¡PAGE ELEMENTS
\*------------------------------------*/
.header-page {
  margin: 0 0 25px;
  padding: 0 0 5px;
}
.header-page .title {
  border-bottom: none;
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
  width: calc(100% - 450px);
}
@media screen and (max-width: 649px) {
  .header-page .title {
    float: none;
    width: 100%;
  }
}
.header-page .trademark {
  float: left;
  margin: 0;
  padding: 5px 20px 0 0;
  width: calc(100% - 450px);
}
@media screen and (max-width: 649px) {
  .header-page .trademark {
    float: none;
    width: 100%;
  }
}
.header-page .page-controls {
  float: right;
}
@media screen and (max-width: 649px) {
  .header-page .page-controls {
    float: none;
    margin: 10px 0 0;
  }
}
.header-page .input-group {
  display: inline-block;
}
.header-page .input-group select {
  height: 39px;
}

.helper-text {
  color: #777;
  display: block;
  font-size: 12px;
  margin: -18px 0 0;
}
@media screen and (max-width: 649px) {
  .helper-text {
    margin: 0 0 5px;
  }
}

.content-metadata {
  margin: 0 0 20px;
}

.content-page {
  margin: 0 0 20px;
}

.content-page[contentEditable=true] {
  min-height: 100px;
}

.youtube-edit {
  background: #f2f2f2;
  margin: 20px auto;
  max-width: 560px;
  padding: 100px 20px;
  text-align: center;
  width: 100%;
}
.youtube-edit input {
  background: transparent;
  color: #777;
  font-size: 16px;
  height: 65px;
  max-width: 390px;
  text-align: center;
  width: 100%;
}

.youtube-player-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: auto;
}
.youtube-player-wrapper iframe,
.youtube-player-wrapper object,
.youtube-player-wrapper embed {
  position: absolute;
  width: 100%;
  height: 90%;
  color: blue;
}

.video-page .youtube-player-wrapper {
  max-width: 100%;
}

/*------------------------------------*\
                ¡HOME
\*------------------------------------*/
.slogan {
  margin-left: -50%;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 51%;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  -o-transition: all 2s;
  transition: all 2s;
  width: 100%;
}
@media (min-width: 992px) and (max-width: 1247px) and (max-height: 850px) {
  .slogan {
    top: 30%;
  }
}
@media (min-width: 992px) and (max-width: 1247px) and (max-height: 600px) {
  .slogan {
    top: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1247px) and (max-height: 500px) {
  .slogan {
    top: 40%;
  }
  .slogan h1,
  .slogan .h1-like {
    font-size: 2.5em;
  }
}
@media (min-width: 992px) and (max-width: 1247px) and (max-height: 350px) {
  .slogan {
    bottom: 70px;
    top: auto;
  }
  .slogan h1,
  .slogan .h1-like {
    font-size: 2em;
  }
}
@media (min-width: 992px) and (min-width: 1248px) and (max-height: 480px) {
  .slogan {
    top: auto;
    bottom: 70px;
  }
  .slogan h1 {
    font-size: 2em;
  }
}
@media (max-width: 991px) and (min-width: 649px) and (max-height: 600px) {
  .slogan {
    top: 70%;
  }
  .slogan h1,
  .slogan .h1-like {
    font-size: 1.5em;
  }
}
@media (max-width: 991px) and (min-width: 649px) and (max-height: 500px) {
  .slogan {
    top: 60%;
  }
}
@media (max-width: 991px) and (min-width: 649px) and (max-height: 400px) {
  .slogan {
    top: 50%;
  }
}
@media (max-width: 991px) and (min-width: 649px) and (max-height: 300px) {
  .slogan {
    top: 40%;
  }
}
@media (max-width: 649px) and (max-height: 450px) {
  .slogan {
    bottom: 70px;
    top: auto;
  }
}
.slogan.teacher-education {
  top: 47%;
}
.slogan h1 {
  color: #fff;
}
.slogan h1 em {
  color: #00c9ff;
  display: inline-block;
}
.slogan .sub {
  display: inline-block;
}

.scroll-arrow {
  bottom: 15px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.scroll-arrow span {
  color: #fff;
  display: block;
  margin: 0 0 5px;
}
.scroll-arrow svg {
  fill: #fff;
  height: 25px;
  width: 25px;
}

.section {
  padding: 145px 0;
  position: relative;
}

.has-breadcrumb .section {
  padding-top: 40px;
}

.section-page-content h1 {
  margin: 0 0 60px;
  text-align: center;
}
.section-page-content h1.trim-bottom {
  margin: 0 0 50px;
}
.section-page-content p {
  margin: 0 0 20px;
}
.section-page-content .header-icon {
  display: block;
  height: 170px;
  margin: 0 auto 60px;
}

.list-bullet {
  margin: 0 0 20px;
  padding: 0 0 10px 25px;
}
.list-bullet li {
  list-style-type: disc;
}

.has-subnav .section {
  padding: 250px 0 145px 0;
}
@media screen and (max-width: 991px) {
  .has-subnav .section {
    padding: 200px 0 145px 0;
  }
}

.has-subnav.has-breadcrumb .section {
  padding: 0 0 145px 0;
}

.section-goodman .lk-col-wrap {
  margin: 100px 0 0;
}
@media screen and (max-width: 991px) {
  .section-goodman .lk-col-wrap {
    margin: 50px 0 0;
  }
}
@media screen and (max-width: 649px) {
  .section-goodman .lk-col-wrap {
    margin: 30px 0 0;
  }
}
.section-goodman .lk-col-wrap p {
  font-size: 1.5em;
}
@media screen and (max-width: 991px) {
  .section-goodman .lk-col-wrap p {
    font-size: 1em;
  }
}

.section-video {
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: cover;
  border-bottom: solid 15px #fff;
  color: #fff;
  padding: 210px 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .section-video {
    padding: 150px 0;
  }
}
@media screen and (max-width: 649px) {
  .section-video {
    padding: 100px 0;
  }
}
.section-video.goodman {
  background-image: url(../images/video-bg-goodman.jpg);
  border-bottom: none;
  padding: 400px 0;
}
@media screen and (max-width: 991px) {
  .section-video.goodman {
    padding: 270px 0;
  }
}
@media screen and (max-width: 649px) {
  .section-video.goodman {
    padding: 150px 0;
  }
}
.section-video.trenton {
  background-image: url(../images/video-bg-trenton.jpg);
}
.section-video.white-house {
  background-image: url(../images/video-bg-white-house.jpg);
}
.section-video .btn-play.large {
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .section-video .btn-play.large {
    margin-top: 60px;
  }
}

.section-non-profit .section-sizing {
  padding-top: 70px;
}
.section-non-profit img {
  display: block;
  margin: 0 auto 65px;
  max-width: 400px;
  width: 100%;
}
.section-non-profit h6 {
  color: black;
  text-align: center;
  margin: 0 0 50px;
}
.section-non-profit .non-profit-pg {
  margin: auto;
  width: 75%;
}
.section-non-profit .discover-button {
  padding: 10px 20px 10px 20px;
  display: inline-block;
  font-size: 25px;
  margin-top: 30px;
}
.section-non-profit .button-wrapper {
  text-align: center;
  padding-bottom: 75px;
  padding-top: 35px;
}

.section-teach {
  background: url(../images/section-bg-teach.jpg) no-repeat center top;
  background-size: cover;
  color: #fff;
  padding: 210px 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .section-teach {
    padding: 150px 0;
  }
}
@media screen and (max-width: 649px) {
  .section-teach {
    padding: 100px 0;
  }
}
.section-teach h6 {
  margin: 0 0 125px;
}
@media screen and (max-width: 649px) {
  .section-teach h6 {
    margin: 0 0 75px;
  }
}

.index-page .lk-squeeze .row {
  display: flex;
}
.index-page .lk-squeeze .row .col {
  width: 50%;
}
.index-page .lk-squeeze .row .col img {
  width: 100%;
}
@media screen and (max-width: 649px) {
  .index-page .lk-squeeze .row {
    flex-direction: column;
    padding-bottom: 5rem;
  }
  .index-page .lk-squeeze .row .col {
    width: 100%;
  }
}
.index-page .lk-squeeze p {
  font-size: 1.2rem;
  margin: 0.5rem;
}
.index-page .lk-squeeze h2 {
  font-size: 1.8rem;
  margin: 2rem;
  text-align: left;
}
.index-page .lk-squeeze .what-njctl-is-section {
  margin: 4rem 6rem;
  text-align: center;
}
.index-page .lk-squeeze .what-njctl-is-section p {
  text-align: left;
}
.index-page .lk-squeeze .what-njctl-is-section a {
  margin-top: 2rem;
}
.index-page .index-page-section-promo {
  background: linear-gradient(to right, #b6359c 0%, #e80f6f 100%);
  padding: 2rem 2rem 2rem 5rem;
  color: #fff;
}
@media screen and (max-width: 649px) {
  .index-page .index-page-section-promo {
    padding: 100px 0;
  }
}
.index-page .index-page-section-promo .row {
  display: flex;
}
.index-page .index-page-section-promo .row .col {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .index-page .index-page-section-promo .row {
    flex-direction: column;
    text-align: center;
  }
  .index-page .index-page-section-promo .row h1 {
    font-size: 3rem;
  }
  .index-page .index-page-section-promo .row .col {
    width: 100%;
  }
  .index-page .index-page-section-promo .row .quote-carousel {
    left: -7rem;
  }
  .index-page .index-page-section-promo .row .content {
    width: 50%;
    font-size: 1.2rem;
  }
}
.index-page .index-page-section-promo h1 {
  margin: 1rem;
  text-align: left;
}

.small-banner {
  background: #00c9ff;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  height: 40px;
}
@media screen and (max-width: 649px) {
  .small-banner {
    padding: 5px 2px;
    font-size: 14px;
  }
}

.banner {
  background: #00c9ff;
  color: #fff;
  padding: 130px 0;
}
@media screen and (max-width: 991px) {
  .banner {
    padding: 75px 0;
  }
}
@media screen and (max-width: 649px) {
  .banner {
    padding: 45px 0;
  }
}
.banner.banner-key h6 {
  background: url(../images/icon-key@2x.png) no-repeat left 50%;
  background-size: 184px 74px;
  padding: 0 0 0 210px;
}
@media screen and (max-width: 991px) {
  .banner.banner-key h6 {
    background-size: 150px auto;
    padding: 0 0 0 180px;
  }
}
@media screen and (max-width: 649px) {
  .banner.banner-key h6 {
    background-size: 110px auto;
    padding: 0 0 0 130px;
  }
}
.banner.banner-methods {
  text-align: center;
}
.banner.banner-methods img {
  margin: 0 0 25px;
  max-width: 310px;
  width: 100%;
}

/*------------------------------------*\
                ¡CMS
\*------------------------------------*/
.cms {
  padding-top: 90px !important;
}
.cms header {
  height: 90px;
}
.cms .course-content-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  flex-shrink: 0;
  background: #404040;
  color: #00c9ff;
  width: 200px;
  line-height: 2.25;
}
.cms .course-content-sidebar li {
  text-align: left;
  margin: 0px 40px 0px 0px;
}
.cms .course-content-sidebar a {
  color: #00c9ff;
  text-decoration: none;
}
.cms .course-content-sidebar a:visited {
  color: #00c9ff;
}
.cms .page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100% !important;
}
.cms .page-wrap .lk-squeeze {
  padding: unset;
  max-width: unset;
}
.cms .individual-course .course-data {
  padding: 20px 10px 0px;
}
.cms .individual-course .container {
  flex-shrink: 0;
  margin: 10px 0px 0px 10px;
  padding: unset;
  width: 18px;
  height: 18px;
}
.cms .individual-course .lk-check-container {
  margin-top: 10px;
  margin-left: 10px;
}
.cms .course-content-wrap {
  margin: 0 40px;
}
.cms .model-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.cms .model-buttons div:first-child {
  margin: 0px 6px 12px 12px;
}
.cms .model-buttons div:last-child {
  margin: 0px 12px 12px 6px;
}
.cms .model-buttons .contain-course-view {
  flex: 1;
}
.cms .course-content-spacer {
  height: 30px;
}
.cms .course-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: auto;
  line-height: 20px; /* fallback */
  max-height: 61px; /* fallback */
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.cms .form-wrapper {
  width: 80%;
}
.cms .form-wrapper .input-group .label {
  font-weight: normal;
}
.cms .form-wrapper .checkbox-inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/*------------------------------------*\
              ¡WHO WE ARE
\*------------------------------------*/
.who-we-are .grp-banner.flush-top {
  position: relative;
  margin: 115px 0 -4px;
  z-index: -1;
}
.who-we-are .grp-banner.flush-bottom {
  position: relative;
  margin: 0 0 -4px;
}
.who-we-are .video-img {
  width: 100%;
  max-width: 500px;
}
.who-we-are .blue-swath {
  padding: 70px 0;
}
.who-we-are .blue-swath.centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.who-we-are .blue-swath {
  background: #00c9ff;
  width: 100%;
}
.who-we-are .blue-swath h6 {
  color: #fff;
}
.who-we-are .blue-swath .hN {
  color: #fff;
  display: inline;
  font-size: 2.25em;
  padding: 40px 0 0 30px;
}
@media screen and (max-width: 649px) {
  .who-we-are .blue-swath .hN {
    font-size: 1.25em;
    padding: 0;
  }
}
.who-we-are .blue-swath .h-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 649px) {
  .who-we-are .blue-swath {
    padding: 40px 0;
  }
}
.who-we-are .grp-programs-overview {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  margin-bottom: 30px;
}
.who-we-are .grp-programs-overview .contain-programs-overview {
  text-align: center;
  min-height: 150px;
  min-width: 15%;
}
.who-we-are .grp-programs-overview .contain-programs-overview img {
  width: 40%;
}
@media screen and (max-width: 991px) {
  .who-we-are .grp-programs-overview .contain-programs-overview {
    min-height: 80px;
  }
}
@media screen and (max-width: 399px) {
  .who-we-are .grp-programs-overview .contain-programs-overview {
    min-height: 50px;
  }
}

.who-we-are-video {
  margin-top: 115px;
  padding-top: 5rem;
}
.who-we-are-video iframe {
  aspect-ratio: 16/9;
  width: 100%;
}

/*------------------------------------*\
              ¡TESIMONIALS
\*------------------------------------*/
.testimonial {
  background: url(../images/arrow-right-dark.svg) no-repeat;
  background-position: right center;
  background-size: 50px;
  background-color: #f2f2f2;
  min-height: 250px;
  margin: 30px auto;
  padding: 20px;
}
.testimonial a {
  text-decoration: initial;
  color: initial;
}
.testimonial .test-image {
  display: block;
  float: left;
  margin-right: 70px;
  max-height: 210px;
  max-width: 210px;
  width: 100%;
}
.testimonial .test-type {
  color: #00c9ff;
}
.testimonial .test-quote {
  margin-top: 30px;
  margin-right: 70px;
}
.testimonial .test-footer {
  color: #00c9ff;
  margin-top: 50px;
}

.test-copy {
  text-align: center;
  width: 60%;
  margin: auto;
  padding-bottom: 30px;
}

.testimonial-details {
  margin-bottom: 100px;
}
.testimonial-details .test-image {
  display: block;
  float: left;
  margin-right: 70px;
  max-height: 210px;
  margin-left: 20px;
  max-width: 210px;
  width: 100%;
}
.testimonial-details .test-quote {
  margin-top: 30px;
  margin-right: 70px;
  color: #777;
}
.testimonial-details .test-info {
  color: #00c9ff;
  margin-top: 50px;
  text-align: center;
}
.testimonial-details .test-bio {
  text-align: center;
  width: 80%;
  margin: 40px auto;
}

.testimonial-qa {
  margin: 30px 10px;
}
.testimonial-qa .test-question {
  color: #00c9ff;
  margin-bottom: 15px;
}
.testimonial-qa .test-answer {
  margin-left: 10px;
}

/*------------------------------------*\
              ¡ABOUT
\*------------------------------------*/
.team-wrap {
  margin: 20px 0 40px;
}

.team {
  width: 20%;
}
.team:nth-child(n) {
  margin-bottom: 0%;
  margin-right: 0%;
}
.team:nth-child(5n) {
  margin-right: 0;
}
.team {
  float: left;
  position: relative;
}
@media screen and (max-width: 991px) {
  .team {
    width: 25%;
  }
  .team:nth-child(n) {
    margin-bottom: 0%;
    margin-right: 0%;
  }
  .team:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 649px) {
  .team {
    width: 50%;
  }
  .team:nth-child(n) {
    margin-bottom: 0%;
    margin-right: 0%;
  }
  .team:nth-child(2n) {
    margin-right: 0;
  }
}
.team:after {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  pointer-events: none;
}
.team img {
  width: 100%;
  display: block;
}
.team .team-info {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}
.team .team-info span {
  color: #00c9ff;
  display: block;
  font-size: 1em;
  text-align: center;
  width: 100%;
}
.team:hover:after {
  opacity: 1;
}
.team:hover .team-info {
  opacity: 1;
}

.partner-logo {
  width: 22%;
}
.partner-logo:nth-child(n) {
  margin-bottom: 4%;
  margin-right: 4%;
}
.partner-logo:nth-child(4n) {
  margin-right: 0;
}
.partner-logo {
  display: block;
  float: left;
}
@media screen and (max-width: 649px) {
  .partner-logo {
    width: 30%;
  }
  .partner-logo:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 5%;
  }
  .partner-logo:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 399px) {
  .partner-logo {
    width: 47.5%;
  }
  .partner-logo:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 5%;
  }
  .partner-logo:nth-child(2n) {
    margin-right: 0;
  }
}
.partner-logo img {
  display: block;
  width: 100%;
}

.section-empower h6 {
  margin-bottom: 50px;
}

.section-donate {
  background: url(../images/section-bg-donate.jpg) no-repeat center top;
  background-size: cover;
  padding: 300px 0;
  text-align: center;
}

.section-funded {
  text-align: center;
}
.section-funded h6 {
  margin-bottom: 50px;
}
.section-funded a:nth-of-type(2) {
  margin: 0 75px;
}
@media screen and (max-width: 991px) {
  .section-funded a:nth-of-type(1) img, .section-funded a:nth-of-type(3) img {
    -webkit-transform: translateY(-35%);
    -moz-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    -o-transform: translateY(-35%);
    transform: translateY(-35%);
    width: 190px;
  }
}
@media screen and (max-width: 767px) {
  .section-funded a:nth-of-type(1) img, .section-funded a:nth-of-type(3) img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    width: 180px;
  }
  .section-funded a:nth-of-type(2) {
    margin: 0 50px;
  }
  .section-funded a:nth-of-type(2) img {
    width: 135px;
  }
}
@media screen and (max-width: 649px) {
  .section-funded a img {
    display: block;
    margin: 0 auto;
  }
}

/*------------------------------------*\
              ¡RESEARCH
\*------------------------------------*/
.section-research {
  text-align: center;
  padding: 250px 0 145px;
}
@media screen and (max-width: 767px) {
  .section-research {
    padding: 145px 0;
  }
}
.section-research img {
  margin: 25px 0 0;
}
@media screen and (max-width: 649px) {
  .section-research img {
    width: 60%;
  }
}
@media screen and (max-width: 399px) {
  .section-research img {
    width: 80%;
  }
}

.group-research {
  margin: 0 0 20px;
}
.group-research h6 {
  margin: 0 0 20px;
  font-size: 1.75em;
}
.group-research p {
  margin: 0 0 15px;
}
@media screen and (max-width: 767px) {
  .group-research p {
    padding: 0;
  }
}
.group-research p a {
  color: #000;
  font-family: "Montserrat Semibold";
  text-decoration: underline;
}

.graph-research {
  display: block;
  margin: 50px auto;
  max-width: 290px;
  width: 100%;
}

/*------------------------------------*\
           ¡Emerge Strong
\*------------------------------------*/
.emerge-strong {
  background-color: black;
  margin-bottom: -60px;
  text-align: center;
  color: white;
}
.emerge-strong .hands-icon {
  width: 100px;
  margin: 50px 0 30px;
}
.emerge-strong h1 {
  color: white;
}
.emerge-strong .top-text {
  max-width: 700px;
  margin: 0 auto 70px;
}
.emerge-strong .cta-container .cta-item {
  display: inline-block;
  width: 180pt;
  font-size: 20pt;
  margin: 20pt;
  padding: 5pt;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: rgb(70, 160, 220);
}
.emerge-strong .logo {
  width: 90px;
  border: 1px solid white;
  margin: 70px 0 50px;
}
.emerge-strong .bottom-text {
  max-width: 450px;
  margin: auto;
}

/*------------------------------------*\
           ¡Emerge Admin
\*------------------------------------*/
.emerge-admin {
  background-color: black;
  margin-bottom: -60px;
  text-align: center;
  color: white;
}
.emerge-admin .school-icon {
  width: 250px;
  margin: 30px 0 50px;
}
.emerge-admin h1 {
  color: white;
}
.emerge-admin .top-text {
  max-width: 700px;
  margin: 0 auto 70px;
  font-size: 15pt;
}
.emerge-admin .remote-page {
  max-width: 700px;
  margin: auto;
  font-weight: normal !important;
  font-size: 15pt;
}
.emerge-admin .logo {
  width: 90px;
  border: 1px solid white;
  margin: 70px 0 50px;
}
.emerge-admin .bottom-text {
  max-width: 450px;
  margin: auto;
}

/*------------------------------------*\
              ¡TEACH
\*------------------------------------*/
.section-what-psi p {
  margin: 0 0 20px;
}

.subject-wrap {
  margin: 50px 0;
}
@media screen and (max-width: 649px) {
  .subject-wrap {
    margin: 25px 0;
  }
}

.subject {
  float: left;
  text-align: center;
  width: 25%;
}
@media screen and (max-width: 649px) {
  .subject {
    width: 50%;
  }
}
.subject img {
  display: block;
  margin: 0 auto;
  max-width: 190px;
  width: 100%;
}
.subject h6 {
  color: #00c9ff;
  margin: 10px 0 0;
}

.section-instruction {
  background: url(../images/section-bg-instruction.jpg) no-repeat center top;
  background-size: cover;
  color: #fff;
  padding: 275px 0;
}
@media screen and (max-width: 649px) {
  .section-instruction {
    padding: 175px 0;
  }
}

.section-saying {
  text-align: center;
}
.section-saying h6 {
  margin: 40px 0;
}
.section-saying h6 span {
  display: block;
  font-size: 16px;
  margin: 20px 0 0;
}

.video-group {
  margin: 0 0 50px;
}

.video-saying {
  width: 32%;
}
.video-saying:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.video-saying:nth-child(3n) {
  margin-right: 0;
}
.video-saying {
  float: left;
}
@media screen and (max-width: 649px) {
  .video-saying {
    width: 100%;
  }
  .video-saying:nth-child(n) {
    margin-bottom: 2%;
    margin-right: 2%;
  }
  .video-saying:nth-child(1n) {
    margin-right: 0;
  }
  .video-saying {
    margin-bottom: 20px !important;
  }
}
.video-saying img {
  display: block;
  margin: 0 auto 15px;
  width: 100%;
}
.video-saying p {
  padding: 0 15px;
  text-align: left;
}

/*------------------------------------*\
            ¡What is PSI-PMI
\*------------------------------------*/
.section-spaced {
  padding: 60px 0 90px;
}
@media screen and (max-width: 991px) {
  .section-spaced {
    padding: 20px 0 30px;
  }
}

/*------------------------------------*\
            ¡CURRICULUM
\*------------------------------------*/
.section-curriculum h1 {
  margin: 0 0 25px;
  text-align: center;
}

/*------------------------------------*\
           ¡TEACHER METHODS
\*------------------------------------*/
.section-teacher-methods h1 {
  margin: 0 0 50px;
  text-align: center;
}

.teacher-methods-wrap {
  margin: 50px 0 0;
}

.teacher-method {
  width: 23.5%;
}
.teacher-method:nth-child(n) {
  margin-bottom: 2%;
  margin-right: 2%;
}
.teacher-method:nth-child(4n) {
  margin-right: 0;
}
.teacher-method {
  float: left;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .teacher-method {
    width: 47.5%;
  }
  .teacher-method:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 5%;
  }
  .teacher-method:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 649px) {
  .teacher-method {
    width: 100%;
  }
  .teacher-method:nth-child(n) {
    margin-bottom: 5%;
    margin-right: 5%;
  }
  .teacher-method:nth-child(1n) {
    margin-right: 0;
  }
  .teacher-method {
    margin-bottom: 20px !important;
  }
}
.teacher-method img {
  display: block;
  margin: 0 auto;
  max-width: 165px;
  width: 100%;
}
.teacher-method h6 {
  color: #00c9ff;
  font-size: 2em;
  margin: 25px 0;
}
.teacher-method p {
  text-align: justify;
}

/*------------------------------------*\
           ¡TEACHER METHODS
\*------------------------------------*/
.section-policies h1 {
  margin: 0 0 50px;
  text-align: center;
}
.section-policies p {
  margin: 0 0 25px;
}

.section-sequence {
  background: #f2f2f2;
}

/*------------------------------------*\
        ¡Technology/Environemnt
\*------------------------------------*/
.section-technology h1,
.section-technology h6 {
  margin: 0 0 25px;
}

.section-technology {
  background: #f2f2f2;
}

.grp-banner {
  margin: 0 0 20px;
  position: relative;
}
.grp-banner img {
  display: block;
  width: 100%;
  float: left;
}
.grp-banner .center-para {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.grp-banner .center-para .five-ft-circle {
  height: 100px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .grp-banner .center-para .five-ft-circle {
    display: none;
  }
}
.grp-banner p {
  color: #fff;
  font-size: 36px;
  margin-bottom: 0;
  width: 60%;
}
@media (max-width: 991px) {
  .grp-banner p {
    width: 80%;
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .grp-banner p {
    font-size: 28px;
  }
}
@media (max-width: 649px) {
  .grp-banner p {
    font-size: 26px;
    width: 90%;
  }
}
@media (max-width: 399px) {
  .grp-banner p {
    font-size: 20px;
    padding: 10px;
    width: 100%;
  }
}

.tech-env {
  margin: 0 0 20px;
  position: relative;
}
.tech-env.tall img {
  min-height: 230px;
}
.tech-env.x-tall img {
  min-height: 260px;
}
.tech-env img {
  display: block;
  min-height: 180px;
  width: 100%;
}
.tech-env h6 {
  color: #00c9ff;
  margin: 0 0 10px;
}
.tech-env p {
  color: #fff;
  font-size: 36px;
  padding: 10px;
  width: 60%;
}
@media (max-width: 991px) {
  .tech-env p {
    font-size: 28px;
    width: 90%;
  }
}
@media (max-width: 649px) {
  .tech-env p {
    font-size: 22px;
    padding: 10px;
  }
}

.section-environment .hN.spaced {
  margin: 45px 0 30px;
}
.section-environment .icon-img {
  width: 85px;
  position: relative;
  top: -15px;
}

/*------------------------------------*\
        ¡Technology/Environemnt
\*------------------------------------*/
.section-scheduling h1 {
  margin: 0 0 50px;
  text-align: center;
}
.section-scheduling p {
  margin: 0 0 20px;
}
.section-scheduling img {
  margin: 20px 0;
  max-width: 390px;
  width: 100%;
}

.section-policies-and-practices {
  background: #f2f2f2;
}

/*------------------------------------*\
              ¡BLOG
\*------------------------------------*/
.video-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  margin-bottom: 60px;
  margin: auto;
}
.video-wrap iframe {
  margin-bottom: 20px;
}

.section-blog {
  padding-top: 0px;
}

.blog-teaser,
.blog-entry {
  border-bottom: solid 1px #989898;
  margin: 0 0 50px;
  padding: 0 0 50px;
  overflow: auto;
}
.blog-teaser h6,
.blog-entry h6 {
  font-size: 2em;
  margin: 0 0 20px;
}
@media screen and (max-width: 649px) {
  .blog-teaser h6,
  .blog-entry h6 {
    font-size: 1.5em;
  }
}
.blog-teaser .blog-author,
.blog-entry .blog-author {
  color: #989898;
  display: block;
  font-size: 1em;
  margin: 0 0 25px;
}
.blog-teaser p,
.blog-entry p {
  line-height: 1.4em;
}
.blog-teaser p a,
.blog-entry p a {
  text-decoration: underline;
  font-weight: bold;
}
.blog-teaser a,
.blog-entry a {
  text-decoration: none;
}
.blog-teaser .teaser-img,
.blog-entry .teaser-img {
  display: inline;
  float: left;
  margin-right: 1em;
  width: 200px;
}

/*------------------------------------*\
              ¡PROGRAMS
\*------------------------------------*/
.has-subnav .section-programs {
  padding: 145px 0 0;
}

.program-content {
  padding-top: 40px;
}
.program-content .content-headers .courses-list {
  font-weight: 600;
}
.program-content .content-headers h2 {
  text-align: center;
  padding-bottom: 10px;
}
.program-content .content-headers {
  color: #00c9ff;
  padding-bottom: 20px;
}
.program-content .content-links {
  justify-content: center;
  padding-top: 40px;
  display: flex;
  width: 100%;
}
.program-content .content-links .content-link {
  margin: 0 25px 0 25px;
  padding: 5px 0 5px 0;
  font-weight: 600;
  border-radius: 30px;
  border: 1px solid #00c9ff;
  display: block;
  color: #00c9ff;
  text-decoration: none;
  text-align: center;
  width: 25%;
}
.program-content .content-links .content-link:hover {
  color: white;
  background-color: #00c9ff;
}

.programs .slogan h1 {
  color: #00c9ff;
  font-family: "Montserrat", sans-serif;
}
.programs .slogan h1 .heavy {
  font-family: "Montserrat Semibold", sans-serif;
}
.programs .slogan h1 .light {
  font-family: "Montserrat Light", sans-serif;
}
.programs .slogan h1 .ghost {
  color: rgba(255, 255, 255, 0.23);
}

.online-learning-menu {
  padding-top: 60pt;
}
.online-learning-menu #tile-0 {
  background-image: linear-gradient(to bottom right, rgb(85, 195, 240), rgb(70, 165, 220));
}
.online-learning-menu #tile-1 {
  background-image: linear-gradient(to bottom right, rgb(85, 195, 240), rgb(60, 144, 207));
}
.online-learning-menu #tile-2 {
  background-image: linear-gradient(to bottom right, rgb(80, 185, 235), rgb(50, 120, 190));
}
.online-learning-menu #tile-3 {
  background-image: linear-gradient(to bottom right, rgb(75, 170, 225), rgb(35, 100, 180));
}
.online-learning-menu #tile-3 .subject-icon-img {
  width: 70px;
}

.tiles-wrap {
  padding: 40px 0 0;
}
@media screen and (max-width: 767px) {
  .tiles-wrap {
    padding: 50px 0;
  }
}
.tiles-wrap .subject-tile {
  width: 180px;
  min-width: 180px;
  margin: 20pt 15pt;
  float: none;
  text-align: center;
  box-shadow: 5pt 5pt 7pt rgba(0, 0, 0, 0.4);
  border-radius: 2pt;
  background-color: rgb(80, 185, 235);
}
.tiles-wrap .subject-tile:hover {
  box-shadow: 7pt 7pt 10pt rgba(0, 0, 0, 0.4);
}
.tiles-wrap .subject-tile:active {
  box-shadow: 3pt 3pt 5pt rgba(0, 0, 0, 0.4);
}
.tiles-wrap .subject-icon-img-wrap {
  padding: 20px;
}
.tiles-wrap .subject-icon-img-wrap .subject-icon-img {
  width: 90px;
}

.program-icons-subjects {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.program-icons-subjects.two {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.program-icons-subjects.two .subject-icon {
  width: 180px;
  margin: 0 20px;
}
.program-icons-subjects .subject-icon {
  float: none;
  margin: 0;
  text-align: center;
  width: 165px;
}
.program-icons-subjects .subject-icon .biology img,
.program-icons-subjects .subject-icon .research img {
  margin: 26px 0 6px;
  max-height: 138px;
}
.program-icons-subjects .subject-icon .print img {
  margin: 26px 0 6px;
  max-height: 138px;
}
.program-icons-subjects .subject-icon .audio-video img {
  margin: 26px 0 6px;
  max-height: 138px;
}
.program-icons-subjects .subject-icon .math img {
  margin: 31px 0 -3px;
  max-height: 138px;
}
@media screen and (max-width: 767px) {
  .program-icons-subjects .subject-icon {
    margin: 0 20px 25px;
  }
}
@media screen and (max-width: 649px) {
  .program-icons-subjects .subject-icon {
    margin: 0 auto 25px;
  }
}
.program-icons-subjects a {
  text-decoration: none;
  color: #fff;
}
.program-icons-subjects a p {
  background: #00c9ff;
  margin: 15px 0 0;
  padding: 5px;
}
.program-icons-subjects img {
  max-height: 140px;
  width: 100%;
}

.questions-wrap {
  background: #f2f2f2;
  padding: 50px 0;
}
.questions-wrap h2 {
  font-size: 30px;
  margin: 0 0 50px;
  text-align: center;
}

.question-container {
  margin: 0 0 40px;
}
.question-container .question {
  font-size: 20px;
}
.question-container .answer {
  margin: 0;
}

/*------------------------------------*\
         ¡ONLINE COURSES
\*------------------------------------*/
.top-banner {
  background: #00c9ff;
  padding: 20px 0;
  margin: 0 0 30px;
}
.top-banner .banner-title {
  color: #fff;
  margin: 0;
  text-align: center;
}

.oc-highlights {
  margin: 30px 0;
}
.oc-highlights h3 {
  color: #00c9ff;
  font-size: 2rem;
  text-align: center;
}

.oc-icon-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 649px) {
  .oc-icon-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.oc-icon-wrap .oc-icon {
  max-width: 225px;
  padding: 0 10px;
}
.oc-icon-wrap .oc-icon:first-child {
  padding-left: 0;
}
.oc-icon-wrap .oc-icon:last-child {
  padding-right: 0;
}
.oc-icon-wrap .oc-icon img {
  display: block;
  margin: 0 auto;
  width: 60%;
}
.oc-icon-wrap .oc-icon h6 {
  color: #00c9ff;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .oc-icon-wrap .oc-icon h6 {
    font-size: 1rem;
  }
}

.oc-section {
  margin: 0 0 40px;
}

.oc-category {
  margin: 0 0 20px;
  text-align: center;
}

.oc-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.online-course {
  width: 32.6666666667%;
}
.online-course:nth-child(n) {
  margin-bottom: 1%;
  margin-right: 1%;
}
.online-course:nth-child(3n) {
  margin-right: 0;
}
.online-course {
  cursor: pointer;
  display: block;
  position: relative;
}
@media screen and (max-width: 649px) {
  .online-course {
    width: 49.5%;
  }
  .online-course:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .online-course:nth-child(2n) {
    margin-right: 0;
  }
}
.online-course .oc-image {
  display: block;
  width: 100%;
}
.online-course .oc-title {
  color: #fff;
  font-size: 32px;
  left: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 5px;
}
.online-course .oc-title .heavy-weight {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 649px) {
  .online-course .oc-title {
    font-size: 24px;
  }
}
.online-course .description {
  bottom: 10px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (max-width: 649px) {
  .online-course .description {
    font-size: 14px;
  }
}

.grad-credits-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 649px) {
  .grad-credits-wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.grad-credits-wrap .column-left {
  padding-right: 30px;
  width: 200px;
}
@media screen and (max-width: 649px) {
  .grad-credits-wrap .column-left {
    width: 100%;
  }
}
.grad-credits-wrap .column-left img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
  width: 100%;
}
.grad-credits-wrap .column-right {
  width: calc(100% - 200px);
}
@media screen and (max-width: 649px) {
  .grad-credits-wrap .column-right {
    width: 100%;
  }
}

.hero-wrap {
  margin: 0 0 30px;
}
.hero-wrap img {
  display: block;
  padding: 0 10px;
  width: 100%;
}

.paragraph-wrap h5 {
  color: #00c9ff;
  font-size: 1.5rem;
  margin: 0 0 10px;
}
/*------------------------------------*\
         ¡TEACHER EDUCATION
\*------------------------------------*/
.grad-credits h1 {
  text-align: left;
  color: white;
  background-color: rgb(134, 197, 247);
  padding: 1.3rem 0;
}
.grad-credits a {
  font-weight: bold;
  text-decoration: none;
  color: black;
}
.grad-credits .card-container {
  display: flex;
  margin: 5rem 0;
  flex-wrap: wrap;
}
.grad-credits .card-container .grad-credit-card {
  width: 21rem;
  margin: 0 1rem 3rem;
  box-shadow: 0 0 10px #aaa;
  border-radius: 5px;
  position: relative;
  min-height: 25rem;
}
.grad-credits .card-container .grad-credit-card .content {
  padding: 1rem;
  padding-bottom: 6rem;
}
.grad-credits .card-container .grad-credit-card .content .img-container {
  height: 10rem;
  display: flex;
  align-items: center;
}
.grad-credits .card-container .grad-credit-card .content .img-container img {
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 1rem;
}
.grad-credits .card-container .grad-credit-card .content .accredidation {
  text-align: center;
  border-bottom: 1px solid gray;
  padding-bottom: 0.8rem;
  margin-bottom: 1.2rem;
  font-weight: bold;
}
.grad-credits .card-container .grad-credit-card .content .name {
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.grad-credits .card-container .grad-credit-card .content .location {
  font-style: italic;
}
.grad-credits .card-container .grad-credit-card .cta {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 1.5rem 0;
  color: white;
  background-color: rgb(134, 197, 247);
  bottom: 0;
  position: absolute;
  width: 100%;
}

.program-cards {
  background-color: black;
}
.program-cards h1 {
  text-align: left;
  color: rgb(255, 255, 255);
  padding: 1.3rem 0;
}
.program-cards a {
  font-weight: bold;
  text-decoration: none;
  color: black;
}
.program-cards .label-shadow-sm {
  width: auto !important;
  display: inline-block;
  background-color: #86c5f7 !important;
  box-shadow: 0 0 10px #aaa;
  font-size: 1.5em;
}
.program-cards .label-sm {
  width: auto !important;
  display: inline-block;
  background-color: #86c5f7 !important;
}
.program-cards .image-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.program-cards .image-group {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 2rem;
}
.program-cards .image-in-row {
  margin: auto;
  padding: 1vw;
  padding-bottom: 0;
  padding-top: 0;
}
.program-cards .larger-text {
  font-size: 1.5em;
}
.program-cards .card-container {
  display: flex;
  margin: 4rem 0;
  flex-wrap: wrap;
}
.program-cards .card-container .program-credit-card {
  width: 19rem;
  margin: 0 0.25rem 1rem;
  position: relative;
  min-height: 20rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}
.program-cards .card-container .program-credit-card .content {
  padding: 10%;
  padding-bottom: 1rem;
  vertical-align: middle;
  width: 100%;
  height: max-content;
}
.program-cards .card-container .program-credit-card .content .name {
  text-align: center;
  font-weight: bold;
  color: rgb(255, 255, 255);
  margin-bottom: 0.2rem;
  font-size: 1.3rem;
}
@media screen and (max-width: 649px) {
  .program-cards .card-container .program-credit-card .content {
    text-align: center;
    font-weight: bold;
    height: 5rem;
    font-size: 0.7rem;
    color: rgb(255, 255, 255);
    margin-bottom: 0.2rem;
  }
}
.program-cards .card-container .program-credit-card .content .card-image {
  display: flex;
  justify-content: center;
}
.program-cards .card-container .program-credit-card .content .card-image .one-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(5, 197, 245) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .two-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(5, 197, 245) 35%, rgb(24, 220, 208) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .two-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(24, 220, 208) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .three-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(3, 196, 248) 35%, rgb(14, 209, 226) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .three-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(14, 209, 226) 35%, rgb(26, 221, 204) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .three-row-image-3 {
  width: 70%;
  background: linear-gradient(120deg, rgb(26, 221, 204) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .four-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(3, 196, 248) 35%, rgb(14, 209, 226) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .four-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(7, 200, 242) 35%, rgb(17, 211, 222) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .four-row-image-3 {
  width: 70%;
  background: linear-gradient(120deg, rgb(16, 210, 225) 35%, rgb(27, 224, 201) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .four-row-image-4 {
  width: 70%;
  background: linear-gradient(120deg, rgb(27, 224, 201) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .five-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(3, 196, 248) 35%, rgb(14, 209, 226) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .five-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(7, 200, 242) 35%, rgb(17, 211, 222) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .five-row-image-3 {
  width: 70%;
  background: linear-gradient(120deg, rgb(16, 210, 225) 35%, rgb(27, 224, 201) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .five-row-image-4 {
  width: 70%;
  background: linear-gradient(120deg, rgb(27, 224, 201) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .five-row-image-5 {
  width: 70%;
  background: linear-gradient(120deg, rgb(39, 238, 176) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(3, 196, 248) 35%, rgb(14, 209, 226) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(7, 200, 242) 35%, rgb(17, 211, 222) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-3 {
  width: 70%;
  background: linear-gradient(120deg, rgb(16, 210, 225) 35%, rgb(27, 224, 201) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-4 {
  width: 70%;
  background: linear-gradient(120deg, rgb(27, 224, 201) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-5 {
  width: 70%;
  background: linear-gradient(120deg, rgb(39, 238, 176) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .six-row-image-6 {
  width: 70%;
  background: linear-gradient(120deg, rgb(40, 237, 177) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-1 {
  width: 70%;
  background: linear-gradient(120deg, rgb(3, 196, 248) 35%, rgb(14, 209, 226) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-2 {
  width: 70%;
  background: linear-gradient(120deg, rgb(7, 200, 242) 35%, rgb(17, 211, 222) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-3 {
  width: 70%;
  background: linear-gradient(120deg, rgb(16, 210, 225) 35%, rgb(27, 224, 201) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-4 {
  width: 70%;
  background: linear-gradient(120deg, rgb(27, 224, 201) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-5 {
  width: 70%;
  background: linear-gradient(120deg, rgb(39, 238, 176) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-6 {
  width: 70%;
  background: linear-gradient(120deg, rgb(40, 237, 177) 35%, rgb(39, 238, 176) 100%);
}
.program-cards .card-container .program-credit-card .content .card-image .seven-row-image-7 {
  width: 70%;
  background: linear-gradient(120deg, rgb(39, 238, 176) 35%, rgb(40, 237, 177) 100%);
}
.program-cards .card-container .program-credit-card .cta {
  display: block;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 1.5rem 0;
  color: white;
  background-color: rgb(134, 197, 247);
  bottom: 0;
  position: absolute;
  width: 100%;
}
.program-cards ul {
  list-style-type: disc;
  padding-left: 1rem;
}
.program-cards ul li {
  margin-bottom: 0.4rem;
}
.program-cards details {
  padding-top: 1rem;
}
.program-cards details summary {
  font-weight: bold;
  cursor: pointer;
}
.program-cards details p {
  padding-top: 0.5rem;
}

.has-subnav .section-education {
  padding: 145px 0 0;
}

.section-map {
  padding: 50px 0;
}
.section-map .map {
  display: block;
  margin: 0 auto 35px;
  max-width: 800px;
  width: 100%;
}
.section-map p {
  font-size: 14px;
}

.banner-get-certified {
  font-size: 30px;
}
@media screen and (max-width: 991px) {
  .banner-get-certified {
    font-size: 22px;
  }
}

.why-certify {
  margin: 0;
  min-height: 290px;
}
@media (max-width: 767px) {
  .why-certify.group .h1-like {
    margin: 0 0 20px;
  }
}
@media (max-width: 649px) {
  .why-certify {
    background-image: url(../images/why-certify.jpg);
    background-size: cover;
  }
  .why-certify.group .why-certify-img {
    display: none;
  }
  .why-certify.group .h1-like {
    font-size: 1.8em;
    font-weight: 700;
    margin: 0 0 5px;
  }
}
@media (max-width: 399px) {
  .why-certify {
    min-height: 360px;
  }
  .why-certify.group p {
    font-size: 16px;
  }
}

.why-certify-wrap {
  width: 75%;
}
.why-certify-wrap .h1-like {
  color: #fff;
  margin: 0 0 80px;
  text-align: center;
}
.why-certify-wrap p {
  font-size: 30px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .why-certify-wrap p {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .why-certify-wrap {
    width: 90%;
  }
  .why-certify-wrap p {
    font-size: 18px;
  }
}
@media screen and (max-width: 649px) {
  .why-certify-wrap p {
    font-size: 16px;
  }
}
@media screen and (max-width: 399px) {
  .why-certify-wrap p {
    font-size: 12px;
  }
}

.frame {
  position: relative;
  height: 150px;
}
.frame-portal {
  height: 400px;
  margin: 75px 0 0;
}
.frame-lifted-portal {
  height: 400px;
  margin: -55px 0 0;
}
.frame.sunken {
  margin: 62px 0 -60px;
  height: 83px;
}

.centering-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
}

.get-certified {
  margin: 0;
}

.get-certified-wrap {
  background: url(../images/certified-check.png) no-repeat scroll calc(50% - 160px) 0;
  padding: 50px 0 50px 190px;
  margin: -20px 0 0 90px;
}
@media screen and (max-width: 991px) {
  .get-certified-wrap {
    background-position: calc(50% - 155px) 0;
    background-size: 100px 96px;
    padding: 30px 0 30px 120px;
    margin: -20px 0 0 0px;
  }
}
@media screen and (max-width: 649px) {
  .get-certified-wrap {
    background-position: calc(50% - 96px) 3px;
    background-size: 80px 77px;
    padding: 30px 0 30px 90px;
    margin: -20px 0 0 0px;
  }
  .get-certified-wrap .btn-lg {
    padding: 7px 14px;
    font-size: 1.5em;
  }
}

.resource-link {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  line-height: 34px;
  margin: 0 auto 4px;
  max-width: 650px;
  min-height: 34px;
  padding-left: 40px;
  position: relative;
}
.resource-link .icon-img {
  height: 29px;
  left: 1px;
  position: absolute;
  top: 0;
}
.resource-link .anchor,
.resource-link .anchor:link,
.resource-link .anchor:visited,
.resource-link .anchor:hover,
.resource-link .anchor:active,
.resource-link .anchor:focus {
  color: #000;
  text-decoration: none;
}
.resource-link .anchor:hover {
  color: #00c9ff;
}

/*------------------------------------*\
              ¡CONTACT
\*------------------------------------*/
.section-contact {
  padding: 160px 0 25px;
}
.section-contact h1 {
  font-weight: bold;
  font-size: 30pt;
}
.section-contact h2 {
  font-size: 14pt;
  font-weight: 700;
  padding: 48px 0;
}
.section-contact .lk-col-wrap {
  position: relative;
}
.section-contact .lk-col-wrap .contact-image {
  width: 100%;
}
.section-contact .lk-col-wrap textarea {
  border: 1px solid #666;
  margin-bottom: 5pt;
}
.section-contact input[type=submit] {
  font-size: 1.187em;
  height: 50px;
}
.section-contact .contact-bottom {
  padding-top: 25px;
  text-align: center;
}
.section-contact .contact-bottom .contact-element {
  font-size: 11pt;
  display: inline-block;
  padding: 5px 20px 0 0;
}

/*------------------------------------*\
            ¡COURSE MATERIALS
\*------------------------------------*/
.course-materials-menu h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30pt;
}
.course-materials-menu h2 {
  text-align: center;
  padding: 40px 0 20px;
}
.course-materials-menu .read-more-section p {
  font-size: 16pt;
  padding: 16pt 0 0;
  display: block;
}
.course-materials-menu .read-more-section .disclosure {
  text-align: center;
  display: block;
  padding: 10px;
}
.course-materials-menu .read-more-section .disclosure span {
  font-weight: bold;
  display: block;
}
.course-materials-menu .read-more-section .disclosure img {
  width: 65px;
  padding: 10px 20px;
  cursor: pointer;
}
.course-materials-menu ul {
  list-style-type: none;
}
.course-materials-menu ul li {
  font-size: 16pt;
}
.course-materials-menu ul li:before {
  display: inline-block;
  content: "-";
  width: 1em;
  margin-left: 1em;
}
.course-materials-menu .tiles-wrap {
  padding: 0 130px;
}
.course-materials-menu .tiles-wrap .subject-tile {
  background-color: rgb(35, 100, 180);
}
.course-materials-menu .tiles-wrap #tile-0 {
  background-image: linear-gradient(to bottom right, rgb(85, 195, 240), rgb(70, 160, 220));
}
.course-materials-menu .tiles-wrap #tile-1 {
  background-image: linear-gradient(to bottom right, rgb(80, 180, 230), rgb(60, 145, 210));
}
.course-materials-menu .tiles-wrap #tile-2 {
  background-image: linear-gradient(to bottom right, rgb(70, 160, 220), rgb(50, 125, 190));
}
.course-materials-menu .tiles-wrap #tile-2 .subject-icon-img {
  width: 120px;
}
.course-materials-menu .tiles-wrap #tile-3 {
  background-image: linear-gradient(to bottom right, rgb(70, 170, 225), rgb(55, 130, 200));
}
.course-materials-menu .tiles-wrap #tile-4 {
  background-image: linear-gradient(to bottom right, rgb(65, 155, 215), rgb(40, 110, 185));
}
.course-materials-menu .tiles-wrap #tile-5 {
  background-image: linear-gradient(to bottom right, rgb(55, 130, 200), rgb(30, 95, 175));
}

.course-materials-category h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30pt;
}
.course-materials-category h2 {
  text-align: center;
  padding: 40px 0 20px;
}
.course-materials-category .list-wrap {
  padding: 20px 80px;
}
.course-materials-category .list-wrap .column {
  padding: 0 10px;
  min-width: 220px;
}
.course-materials-category .list-wrap .column .course-listing {
  margin: 20px 0;
  padding: 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 16pt;
  color: white;
  text-decoration: none;
  box-shadow: 1pt 2pt 5pt rgba(0, 0, 0, 0.4);
  border-radius: 2pt;
  background-color: rgb(80, 185, 235);
}
.course-materials-category .list-wrap .column .course-listing:hover {
  box-shadow: 3pt 3pt 7pt rgba(0, 0, 0, 0.3);
}
.course-materials-category .list-wrap .column .course-listing:active {
  box-shadow: 1pt 1pt 2pt rgba(0, 0, 0, 0.4);
}

.wrap-courses-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .wrap-courses-nav {
    display: block;
  }
}

.course-materials {
  float: left;
  width: 400px;
}
@media screen and (max-width: 767px) {
  .course-materials {
    float: none;
    width: 100%;
  }
}
.course-materials {
  /* MOBILE */
}
.course-materials .select {
  background: url(../images/drop-arrow.svg) no-repeat right #ddd;
  background-size: 30px 10px;
  border-radius: 0;
  border: 1px solid #ccc;
  height: 34px;
  overflow: hidden;
  padding-left: 10px;
  width: 100%;
  font-size: 1.2em;
  -webkit-appearance: none;
}
.course-materials .option {
  padding-left: 10px;
}
.course-materials {
  /* DESKTOP */
}
.course-materials .ul {
  width: 100%;
}
.course-materials .li {
  cursor: pointer;
  font-size: 1.3em;
  margin: 0 0 4px;
  padding: 10px;
  position: relative;
}
.course-materials .li.active {
  background-color: #f2f2f2;
}
.course-materials .li.active a {
  color: #333;
  font-weight: 800;
}
.course-materials .li.active svg {
  fill: #333;
}
.course-materials .li.active .arrow-right {
  display: none;
}
.course-materials .li.active .arrow-right.active {
  display: block;
}
.course-materials .li a {
  color: #777;
  display: block;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
.course-materials .li svg,
.course-materials .li .arrow-right {
  fill: #777;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 14px;
  width: 20px;
}
.course-materials .li .arrow-right {
  display: block;
}
.course-materials .li .arrow-right.active {
  display: none;
}

.page-controls {
  width: 450px;
  min-height: 60px;
  text-align: right;
}
@media screen and (max-width: 649px) {
  .page-controls {
    text-align: left;
    width: 100%;
  }
}
.page-controls input {
  height: 39px;
  font-size: 16px;
  padding: 0 5px;
  position: relative;
}

.cms-page-controls {
  min-height: 60px;
}
@media screen and (max-width: 649px) {
  .cms-page-controls {
    text-align: left;
    width: 100%;
  }
}
.cms-page-controls input {
  height: 39px;
  font-size: 16px;
  padding: 0 5px;
  position: relative;
}

.unit-controls {
  margin: 0 0 20px;
}

.unpublished {
  color: #666666;
  font-style: italic;
}

.individual-courses {
  width: 100%;
}
.individual-courses.able-reorder .individual-course {
  cursor: move;
}

.individual-course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 10px;
  width: 15vw;
  min-width: 225px;
  background: #f2f2f2;
  float: left;
  height: 200px;
}
.individual-course .course-data {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  padding: 45px 10px 10px;
  color: #666666;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  position: relative;
}
.individual-course .course-title {
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 649px) {
  .individual-course .course-title {
    font-size: 18px;
  }
}
.individual-course .course-summary {
  -webkit-transition: opacity 0.5s 0.5s;
  -moz-transition: opacity 0.5s 0.5s;
  -ms-transition: opacity 0.5s 0.5s;
  -o-transition: opacity 0.5s 0.5s;
  transition: opacity 0.5s 0.5s;
  color: #464646;
  display: block;
  font-size: 10px;
  font-weight: 400;
  opacity: 0;
  position: absolute;
}
.individual-course .update-control {
  margin: 0 0 5px;
  text-align: center;
}
.individual-course .update-control a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: underline;
}
.individual-course .update-control i {
  color: #00c9ff;
  position: relative;
  top: 2px;
}
.individual-course .update-control .popover {
  background: #bbb;
  border-radius: 0;
  color: #fff;
  font-weight: 400;
  height: 250px;
  left: 0;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.individual-course .update-control .popover:after {
  bottom: 100%;
  left: 50%;
  border-color: rgba(187, 187, 187, 0);
  border-bottom-color: #bbb;
  border-width: 10px;
  margin-left: -10px;
}
.individual-course .update-control .popover i {
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.individual-course .update-control .popover p {
  padding: 10px 0 0;
}
.individual-course .course-version {
  font-size: 12px;
  text-align: center;
}
.individual-course .course-view-btn {
  background: #00c9ff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  height: 100%;
  line-height: 45px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.course-materials-pages .individual-course.has-description:hover .course-data {
  padding-top: 5px;
}
.course-materials-pages .individual-course.has-description:hover .course-data .course-summary {
  opacity: 1;
}

.individual-course.classroom {
  height: 275px;
}
.individual-course.classroom .contain-title {
  height: 100px;
}
.individual-course.classroom .contain-course-view.mini-desc {
  margin: 10px 0;
}

.individual-course {
  position: relative;
}
.individual-course .unit-completion-icon {
  position: absolute;
  top: 15px;
  width: 16px;
  left: 50%;
  margin-left: -8px;
  color: #00c9ff;
}

[contentEditable=true] {
  border: 2px dashed #ddd !important;
  margin: -2px -2px 20px -2px !important;
}

.turning-ad-space {
  background-image: url(../images/turning_ad.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 720px;
  height: 90px;
  margin: 50px auto;
}
@media screen and (max-width: 767px) {
  .turning-ad-space {
    background-image: url(../images/turning_ad_mobile.png);
    width: 600px;
    height: 187px;
    min-height: 187px;
  }
}
.turning-ad-space .inner-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/*------------------------------------*\
                ¡PI DAY
\*------------------------------------*/
.centering {
  text-align: center;
}

.pi-banner {
  background-color: #000;
  color: #fbfbfb;
}

.pi-description {
  font-size: 5.5vh;
  font-weight: bold;
}

.pi-call-to-action {
  font-size: 6.5vh;
  padding-bottom: 15vh;
}

.pi {
  color: #fbfbfb;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
}

#pi {
  font-size: 38vh;
  font-family: "Montserrat Semibold", sans-serif;
  font-weight: bold;
  padding-top: 20vh;
}

.course-link {
  margin-top: 80px;
  display: flex;
}
.course-link a {
  color: #000;
  text-decoration: none;
}
.course-link a:visited {
  color: #000;
}

.spacer {
  height: 15vh;
}

.class-img {
  height: 100%;
  width: 100%;
}

.course-img-container {
  position: relative;
  text-align: center;
  height: 34vh;
  width: 34vh;
}

.description-container {
  margin-left: 70px;
  max-width: 60%;
  color: #000;
}

.course-title {
  font-size: 3vh;
  font-weight: bold;
}

.course-description {
  margin-top: 3vh;
  font-size: 2.5vh;
}
.course-description .read-more {
  display: none;
}

.course-credits {
  margin-top: 3vh;
  font-size: 2.5vh;
}

.course-text-over {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 5.75vh;
  color: #fbfbfb;
}

#bottom-section {
  color: #fbfbfb;
}
#bottom-section .bottom-title {
  font-size: 4vh;
  font-weight: bold;
}
#bottom-section .subtitle {
  font-size: 3.25vh;
  font-weight: bold;
  margin-top: 5vh;
}
#bottom-section .description {
  margin-top: 2vh;
}
#bottom-section .highlight {
  color: #fbfbfb;
  text-decoration: none;
}
#bottom-section .contact_link {
  display: inline-block;
  border: 3px solid #fbfbfb;
  font-weight: bolder;
  text-decoration: none;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 10%;
  margin-right: 10%;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 2.75vh;
}
#bottom-section a {
  color: #fbfbfb;
  text-decoration: none;
}
#bottom-section a:visited {
  color: #fbfbfb;
}

.bold {
  font-weight: bold;
}

.background-black {
  background-color: #000;
  overflow: hidden;
  text-overflow: clip;
}

@media all and (max-width: 1020px) {
  .course-link {
    flex-direction: column;
    align-items: center;
  }
  .description-container {
    margin-left: unset;
    text-align: center;
  }
  .course-title {
    margin-top: 4vh;
  }
}
@media all and (max-width: 600px) {
  #pi {
    font-size: 24vh;
  }
}
/*------------------------------------*\
                ¡FOOTER
\*------------------------------------*/
.lk-push {
  height: 160px;
}

footer {
  background-color: black;
  color: white;
  position: relative;
  padding: 5px 20px 10px;
}
footer .links {
  display: inline-block;
  margin-top: 40px;
}
@media screen and (max-width: 649px) {
  footer .links {
    margin-top: 8px;
  }
}
footer .links a {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  padding: 2px 15px 0 0;
}
@media screen and (max-width: 649px) {
  footer .links a {
    display: block;
  }
}
footer .links a:hover {
  text-decoration: underline;
}
footer .social-icons {
  display: inline-block;
  float: right;
  margin-top: 30px;
}
footer .social-icons a {
  text-decoration: none;
}
footer .social-icons a + a {
  padding-left: 5px;
}
footer .copyright {
  margin: 1rem 0;
}

.requirements-and-recommendations {
  color: #fff;
}
.requirements-and-recommendations .wrap-r-and-r-img-and-hN {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.requirements-and-recommendations {
  background: #00c9ff;
  width: 100%;
}
.requirements-and-recommendations img {
  display: inline;
  width: 60px;
}
.requirements-and-recommendations .hN {
  font-size: 2.25em;
  padding: 40px 0 0 30px;
  white-space: pre;
}
.requirements-and-recommendations .h-group {
  float: left;
}
@media screen and (max-width: 830px) {
  .requirements-and-recommendations .hN {
    padding: 40px 0 0 15px;
  }
}
@media screen and (max-width: 800px) {
  .requirements-and-recommendations .hN {
    font-size: 2em;
  }
}
@media screen and (max-width: 750px) {
  .requirements-and-recommendations .hN {
    font-size: 1.75em;
  }
}
@media screen and (max-width: 700px) {
  .requirements-and-recommendations img {
    display: inline;
    width: 50px;
  }
  .requirements-and-recommendations .hN {
    font-size: 1.6em;
    padding: 20px 0 0 10px;
    white-space: normal;
  }
}

.icons-subjects {
  width: 100%;
}

.subject-icon {
  text-align: center;
  margin-bottom: 30px;
  float: left;
  width: 20%;
}
@media screen and (max-width: 767px) {
  .subject-icon {
    width: 50%;
  }
}
.subject-icon .subject {
  width: 100%;
  color: #00c9ff !important;
  font-size: 25px;
  margin: 20px 0 0;
  text-align: center !important;
  width: 100%;
}
.subject-icon .subject a {
  font-family: "Montserrat Light", sans-serif;
  color: #00c9ff !important;
  text-decoration: none !important;
}
@media (max-width: 649px) {
  .subject-icon .subject {
    color: #00c9ff;
    font-size: 24px;
    margin: 10px 0 10px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 399px) {
  .subject-icon .subject {
    color: #00c9ff;
    font-size: 20px;
    margin: 10px 0 10px;
    text-align: center;
    width: 100%;
  }
}

.subject-icon-img.physics {
  height: 100%;
  max-height: 222px;
  height: 169px;
}
.subject-icon-img.chemistry {
  margin-top: -53px;
  height: 222px;
}
.subject-icon-img.biology {
  height: 100%;
  max-height: 222px;
  height: 169px;
}
.subject-icon-img.math {
  height: 100%;
  max-height: 222px;
  height: 169px;
}
@media (max-width: 649px) {
  .subject-icon-img.physics, .subject-icon-img.biology, .subject-icon-img.math {
    height: 100%;
    max-height: 222px;
    height: 100px;
  }
  .subject-icon-img.chemistry {
    margin-top: -31px;
    height: 132px;
  }
}

.inset-img {
  margin: 40px 75px;
  max-width: 100%;
}
.inset-img + .inset-img {
  margin: 40px 0px;
}
@media (max-width: 649px) {
  .inset-img {
    margin: 40px auto;
    display: block;
  }
  .inset-img + .inset-img {
    margin: 40px auto;
    display: block;
  }
}

.stylized-checkmark-path {
  fill: #fff;
}

.embedded-methods {
  padding-top: 40px;
}
.embedded-methods-img {
  height: 100px;
}

.teaching-methods-column {
  float: left;
  width: 25%;
}
.teaching-methods-column .wrap-img {
  text-align: center;
  width: 100%;
}
.teaching-methods-column .hN {
  font-size: 24px;
  min-height: 100px;
  padding: 30px;
}
@media (min-width: 768px) {
  .teaching-methods-column:not(:first-of-type) {
    padding-left: 10px;
  }
  .teaching-methods-column:not(:last-of-type) {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .teaching-methods-column {
    width: 50%;
  }
}
@media (max-width: 767px) and (min-width: 400px) {
  .teaching-methods-column:nth-of-type(even) {
    padding-left: 10px;
  }
  .teaching-methods-column:nth-of-type(odd) {
    padding-right: 10px;
  }
}
@media (max-width: 649px) {
  .teaching-methods-column {
    width: 100%;
  }
}

.portal-squeeze {
  position: relative;
  height: 501px;
}

.portal {
  cursor: pointer;
  height: 300px;
  position: relative;
}

.img-portal {
  height: 300px;
}

.hN-portal {
  color: #fff;
  font-size: 37px;
  height: 300px;
  line-height: 300px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 300px;
}
.hN-portal:hover {
  background: rgba(0, 201, 255, 0.5);
}

.profile-alumni {
  width: 100%;
}

.prof-col1,
.prof-col2 {
  width: calc(50% - 30px);
}

.prof-col1 {
  margin-right: 15px;
}
.prof-col1 img {
  width: 100%;
}

.prof-col2 {
  margin-left: 15px;
}
.prof-col2 h2 {
  color: #00c9ff;
  font-size: 30px;
  font-weight: 900;
  width: 100%;
}
.prof-col2 h2 + p {
  margin-bottom: 30px;
}
.prof-col2 p {
  margin-bottom: 10px;
}
.prof-col2 p strong {
  font-size: 20px;
}

.push-hack {
  margin-top: 100px;
}

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

/*------------------------------------*\
                ¡STUDENT PORTAL
\*------------------------------------*/
.portal-header {
  margin-top: 105px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background: #00c9ff;
  color: #fff;
  padding: 40px 0px 30px 0px;
}

.username {
  font-family: "Montserrat", sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding-right: 10px;
  vertical-align: middle;
}

.row-flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 20px 40px 20px 0px;
}
@media (max-width: 649px) {
  .row-flexbox {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}

.mult-course-tile-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 5px 5px 5px;
}
@media screen and (max-width: 1725.75px) {
  .mult-course-tile-row {
    justify-content: flex-start;
    flex-direction: row;
  }
}
@media screen and (max-width: 1150.5px) {
  .mult-course-tile-row {
    justify-content: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 649px) {
  .mult-course-tile-row {
    flex-direction: column;
    align-items: center;
  }
}

.col-flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 20px;
}
@media (max-width: 649px) {
  .col-flexbox {
    padding: 15px 0px 0px 0px;
  }
}

.vertical-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-left: 90px;
}
.vertical-btn-box > * {
  margin-top: 10px;
}
.vertical-btn-box > .btn {
  min-width: 200px;
}
@media (max-width: 649px) {
  .vertical-btn-box {
    margin-left: 0px;
  }
}

.vertical-btn-box.centering {
  margin-left: unset;
}

.course-btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin-top: 40px;
  flex-wrap: wrap;
}
.course-btn-box > .btn {
  margin: 5px 10px 5px 0px;
}
@media (max-width: 649px) {
  .course-btn-box {
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
  }
}

.box-top-left {
  border-color: #dadada;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  padding: 30px 100px 30px 0px;
}
@media (max-width: 649px) {
  .box-top-left {
    border-width: 0px 0px 1px 0px;
  }
}

.box-center-left {
  border-color: #dadada;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  padding: 30px 100px 30px 0px;
}
@media (max-width: 649px) {
  .box-center-left {
    border-width: 0px 0px 0px 0px;
  }
}

.box-bottom-left {
  border-color: #dadada;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  padding: 30px 100px 30px 0px;
}
@media (max-width: 649px) {
  .box-bottom-left {
    border-width: 1px 0px 1px 0px;
    padding: 30px 100px 30px 0px;
  }
}

.box-right {
  margin: 10px 30px 0px 0px;
}
@media (max-width: 649px) {
  .box-right {
    margin: 0px 0px 0px 0px;
  }
}

.btn-height-fixed {
  max-height: 40px;
  min-width: 200px;
}
@media (max-width: 649px) {
  .btn-height-fixed {
    min-width: 120px;
  }
}

/*------------------------------------*\
                ¡GRADES
\*------------------------------------*/
.grade-tile-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  flex-wrap: wrap;
}
@media (max-width: 649px) {
  .grade-tile-box {
    margin-top: 10px;
    flex-direction: row;
  }
}

.grade-tile-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 5px 5px 5px;
}
@media (max-width: 649px) {
  .grade-tile-row {
    flex-direction: column;
  }
}

.grade-tile {
  background: #efefef;
  max-width: 240px;
  min-width: 240px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px 15px 20px;
}
@media (max-width: 649px) {
  .grade-tile {
    padding: 0px;
    max-width: 120px;
    min-width: 120px;
  }
}

.grade-table {
  margin: 20px 0px 30vh 0px;
}

.grade-row {
  padding: 30px 0px 30px 0px;
  margin: 30px 0px 30px 0px;
}

.grade {
  text-align: center;
}

.grade-item {
  padding: 10px 10px 10px 10px;
  white-space: nowrap;
}

.grade-header {
  padding: 10px 10px 20px 10px;
  text-align: center;
  vertical-align: top;
}

/*------------------------------------*\
                ¡TRANSCRIPTS
\*------------------------------------*/
.pdf-width {
  width: 100px;
}

.pdf-col-width {
  width: 100px;
}

.pdf-row-width {
  width: 700px;
}

.pdf-grade-table {
  margin: 20px 0px 30vh 0px;
}

.pdf-grade-row {
  padding: 30px 0px 30px 0px;
  margin: 30px 0px 30px 0px;
}

.pdf-grade-item {
  padding: 5px 5px 5px 5px;
  font-size: 0.6em;
  text-align: center;
}

.pdf-grade-header {
  padding: 5px 5px 10px 5px;
  text-align: center;
  vertical-align: top;
}

/*------------------------------------*\
              ¡Profile Errors
\*------------------------------------*/
#profile-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
#profile-error .errorlist {
  list-style-type: none;
}
#profile-error .errorlist li::after {
  all: initial;
}

/*------------------------------------*\
              ¡Invoices
\*------------------------------------*/
.njctl-invoice {
  width: 100%;
  margin: 5px 10px;
}
.njctl-invoice .invoice-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #dadada;
  padding: 10px 10px;
}
.njctl-invoice .invoice-title span {
  font-size: 1.25em;
  color: #333;
}
.njctl-invoice .course-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #efefef;
  min-height: 120px;
  padding: 10px;
}
.njctl-invoice .course-line-item:first-of-type {
  margin-top: 0px;
  margin-bottom: 5px;
}
.njctl-invoice .course-line-item:last-of-type {
  margin-top: 5px;
  margin-bottom: 0px;
}

.course-line-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  margin: 5px 0px;
}
@media screen and (max-width: 1150.5px) {
  .course-line-item .course-info .fullname {
    display: none;
  }
}
.course-line-item .course-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
  min-height: 110px;
  width: calc(100% - 120px);
  padding: 0px 10px;
  background-color: #efefef;
}
@media screen and (max-width: 1150.5px) {
  .course-line-item .course-info {
    flex-direction: row-reverse;
  }
}
@media (max-width: 649px) {
  .course-line-item .course-info {
    display: none;
    width: 0px;
  }
}

.course-tile {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 120px;
  min-width: 120px;
  background: #dadada;
  color: #fff;
  border: 0;
  text-align: center;
  vertical-align: middle;
  padding: 45px 10px 45px 10px;
  background-size: cover;
  background-position: center;
}

/*------------------------------------*\
              ¡ADD COURSE
\*------------------------------------*/
.checkout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  position: fixed;
  height: 60vh;
  overflow-y: auto;
  top: 244px;
  right: 2vw;
  width: 28vw;
}
.checkout #checkout-list {
  width: 100%;
}
.checkout .remove-button {
  position: relative;
  float: right;
  top: -40px;
  right: 25px;
  width: 15px;
  height: 15px;
}
@media (max-width: 649px) {
  .checkout .remove-button {
    margin-right: 130px;
    min-width: 15px;
  }
}
@media (max-width: 1150.5px) {
  .checkout {
    right: 2vw;
    width: 40vw;
  }
}
@media (max-width: 649px) {
  .checkout {
    right: 8vw;
    width: 40vw;
  }
}
@media (max-width: 649px) {
  .checkout .btn.btn-med-small {
    align-self: flex-start;
  }
}

.exit-cross {
  position: relative;
  top: 0px;
  right: 0px;
}

.enrol-flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 5px 5px 5px 5px;
}
@media (max-width: 649px) {
  .enrol-flexbox {
    flex-direction: column;
    align-items: center;
  }
}

.coupon-btn {
  max-height: 40px;
  min-width: 180x;
}
@media (max-width: 649px) {
  .coupon-btn {
    min-width: 420px;
  }
}

.submit-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-top: 5px;
}
.submit-wrap .coupon-input {
  height: 37px;
  max-width: 150px;
  margin-left: 1px;
  margin-right: 5px;
  margin-top: 0px;
}
@media (max-width: 649px) {
  .submit-wrap .coupon-input {
    max-width: 130px;
  }
}
@media screen and (max-width: 1150.5px) {
  .submit-wrap {
    justify-content: flex-start;
  }
}
@media (max-width: 649px) {
  .submit-wrap {
    flex-direction: column;
    flex-direction: column-reverse;
    align-items: flex-start;
    justify-content: center;
  }
}

/*------------------------------------*\
              ¡INTERIM PAGES
\*------------------------------------*/
.interim-page {
  margin-top: 20px !important;
}
.interim-page p,
.interim-page span {
  font-size: 1.15em;
}
.interim-page .enroll {
  font-size: 1.15em;
}
.interim-page .btn {
  display: block;
}
.interim-page .payment-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 80px !important;
}
.interim-page .syllabus-link {
  color: #00c9ff;
  font-size: 1.15em;
  text-decoration: none;
  font-weight: bold;
}

.interim-video {
  position: relative;
  padding-bottom: 30%;
  padding-top: 30px;
  width: 50%;
  height: 0;
  overflow: hidden;
  margin: auto;
}
.interim-video iframe,
.interim-video object,
.interim-video embed {
  position: absolute;
  width: 100%;
  height: 90%;
  color: blue;
}

.icon-description {
  background-color: #00c9ff;
  margin-top: 10px;
}

.landing-page-background-remote {
  background-image: url(../promos/teacher-remote-background.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 649px) {
  .landing-page-background-remote {
    background-position: center;
  }
}
.landing-page-background-remote {
  object-fit: cover;
}
.landing-page-background-remote .sub-title {
  font-size: 3vh;
  font-weight: normal;
}

.landing-page-background-remote-color-layer {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 30%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 649px) {
  .landing-page-background-remote-student {
    background-position: center;
  }
}
.landing-page-background-remote-student {
  background-image: url(../promos/student-remote-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
}
.landing-page-background-remote-student .sub-title {
  font-size: 3vh;
  font-weight: normal;
}

.student-step-section {
  background: rgb(53, 141, 230);
}
.student-step-section .remote-page {
  font-family: "Montserrat Semibold" !important;
}

.teacher-step-section {
  background: rgb(53, 141, 230);
  padding: 10px 0px 10px 0px;
}
.teacher-step-section .remote-page {
  font-family: "Montserrat Semibold" !important;
}

.three-step-section {
  font-weight: normal;
}
.three-step-section .step {
  padding: 50px 0px 50px 0px;
  font-size: 2.5vh;
  color: #ececec;
  text-align: center;
}
.three-step-section .step .step-title {
  font-weight: bold;
  font-size: 3.5vh;
  margin-bottom: 20px;
}
.three-step-section .step ol {
  margin-left: 40px;
}
.three-step-section .step ol li {
  margin-bottom: 10px;
}
.three-step-section .collapsed-content {
  width: 80%;
  margin: auto;
  font-size: 2vh;
  padding-top: 20px;
  text-align: left;
}
.three-step-section .collapsed-content ul {
  list-style-type: disc;
  margin-left: 40px;
}
.three-step-section .collapsed-content ul li {
  margin-bottom: 10px;
}
.three-step-section .collapsed-content a {
  color: white;
}
.three-step-section .collapsed-content.remote-page {
  font-size: 2.5vh !important;
}
.three-step-section .collapsed-content strong {
  font-family: "Montserrat Semibold" !important;
}
.three-step-section .bottom-text {
  max-width: 800px;
  display: block;
  margin: auto;
  padding: 15px;
}

.arrow-container img {
  margin-bottom: 0.35rem;
  width: 2rem;
  transform: rotate(180deg);
}
.arrow-container {
  margin: 60px 0px 20px 0px;
}

.block-button-wrapper {
  padding: 30px 0px 20px 0px;
}
.block-button-wrapper .black-button {
  background-color: #000;
  padding: 15px 40px 15px 40px;
  width: 215px;
  margin: auto;
  text-align: center;
}
.block-button-wrapper .blue-button {
  background-color: #00c9ff;
  padding: 15px 40px 15px 40px;
  width: 215px;
  margin: auto;
  text-align: center;
}
.block-button-wrapper a {
  text-decoration: none;
  color: white;
}

.medium-icon {
  height: 32vh;
}

.course-shortcuts {
  display: flex;
  flex-wrap: wrap;
  width: 75%;
}
@media screen and (max-width: 649px) {
  .course-shortcuts {
    width: 60% !important;
  }
  .course-shortcuts p {
    margin-bottom: 12px !important;
  }
}
.course-shortcuts {
  margin: auto;
  padding-bottom: 20px;
}

.shortcut-link {
  width: 30%;
}
@media screen and (max-width: 649px) {
  .shortcut-link {
    width: 49% !important;
  }
}
.shortcut-link a {
  text-decoration: none;
  color: #00c9fd;
}

.category-scaled-title {
  color: black;
  text-align: center;
  font-size: 2em;
  padding-bottom: 10px;
}

.online-course-wrapper {
  width: 24.25%;
}
.online-course-wrapper:nth-child(n) {
  margin-bottom: 1%;
  margin-right: 1%;
}
.online-course-wrapper:nth-child(4n) {
  margin-right: 0;
}
.online-course-wrapper {
  cursor: pointer;
  display: block;
  position: relative;
}
@media screen and (max-width: 649px) {
  .online-course-wrapper {
    width: 49.5%;
  }
  .online-course-wrapper:nth-child(n) {
    margin-bottom: 1%;
    margin-right: 1%;
  }
  .online-course-wrapper:nth-child(2n) {
    margin-right: 0;
  }
}
.online-course-wrapper .oc-image {
  display: block;
  background-position: 50%;
  background-repeat: no-repeat;
  object-fit: cover;
  width: 100%;
}
.online-course-wrapper .oc-title {
  color: #fff;
  font-size: 32px;
  left: 5px;
  position: absolute;
  text-transform: uppercase;
  top: 5px;
}
.online-course-wrapper .oc-title .heavy-weight {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 649px) {
  .online-course-wrapper .oc-title {
    font-size: 24px;
  }
}
.online-course-wrapper .description {
  bottom: 10px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (max-width: 649px) {
  .online-course-wrapper .description {
    font-size: 14px;
  }
}

a.anchor {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

.shortcut-header .blue-font {
  color: #00c9fd;
  cursor: pointer;
}
.shortcut-header .read-more {
  display: none;
}
.shortcut-header .header-text {
  text-align: left;
}

.student-section-description {
  padding-bottom: 20px;
}
.student-section-description .student-intro {
  text-align: left;
  font-size: 1.2em;
}
.student-section-description .student-intro-title {
  padding: 26px 0px 26px 0px;
  font-size: 2.25em;
}
@media screen and (max-width: 649px) {
  .student-section-description .student-intro-title {
    padding: 10px 0px 0px 0px;
    font-size: 2em;
  }
}
.student-section-description ul {
  padding-left: 50px;
  list-style-type: disc;
}

.center-iframe {
  text-align: center;
}

.read-more-section {
  text-align: left;
  margin-bottom: 30px;
}
.read-more-section p {
  display: inline;
}

/*------------------------------------*\
              ¡TABLES
\*------------------------------------*/
table {
  table-layout: fixed;
  width: 100%;
}

.unapproved span {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}

.unapproved td {
  width: 100%;
}

.notice {
  width: 120px;
}

.unapproved .reject {
  background-color: #f23d30 !important;
}

.unapproved .approved {
  background-color: #00E05E !important;
}

.unapproved th {
  width: 100%;
}

th {
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f0f0f0;
}

/*------------------------------------*\
            ¡CHECKOUT
\*------------------------------------*/
.checkout-div .checkout-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.checkout-div .top-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
.checkout-div .top-row #course-list-container {
  width: 50%;
}
.checkout-div .top-row #course-list-container #course-list li {
  margin: 10px 0 0 0;
  width: 110%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}
.checkout-div .top-row #course-list-container #course-list li .course-img {
  width: 25%;
}
.checkout-div .top-row #course-list-container #course-list li .description {
  margin: auto 0;
  width: 40%;
}
.checkout-div .top-row #course-list-container #course-list li .price {
  width: 51px;
  margin: auto 0;
}
.checkout-div .top-row #course-list-container #course-list li a {
  margin: 0 auto;
  cursor: pointer;
}
.checkout-div .top-row #course-list-container #course-list li .button-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}
.checkout-div .top-row #order-container {
  width: 35%;
}
.checkout-div .category-course-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.checkout-div div.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 40px 0 10px 0;
}
.checkout-div div.header span {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
}

#order-container .discount-input {
  margin: 30px 0 30px 0;
  display: flex;
}
#order-container .discount-input input {
  flex: 1;
  margin-top: 1px !important;
}
#order-container .discount-input button {
  font-size: 1.1em;
  font-weight: bold;
  width: 30%;
  height: 47px;
  padding: 0 10px;
}
#order-container .order {
  font-size: 1.1em;
  font-weight: bold;
  height: 50px;
}
#order-container .tiny {
  font-size: 0.8em;
  font-style: italic;
}
#order-container .discount-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 10px 0;
  padding: 0 10px;
}

div.break {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}

.remove-icon {
  background-color: #ebebeb;
  color: #777;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: relative;
}
.remove-icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.category-course-list {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.category-course-list .disabled {
  background-color: #bbb;
  cursor: unset;
}

.additional-course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 18%;
  min-width: 18%;
  outline: 1px solid #e0e0e0;
  font-size: 1rem;
  margin-top: 20px;
}
.additional-course .price {
  font-weight: 900;
}

.course-img {
  position: relative;
  width: 100%;
}
.course-img a {
  display: block;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
}
.course-img a span {
  position: absolute;
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 700;
  text-shadow: 1px 0px 4px #000000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*------------------------------------*\
            ¡INTERIM PAGE
\*------------------------------------*/
.card-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}

.card.course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 400px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.55);
}
.card.course .header {
  height: 10em;
  background-color: #000000;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 0 20%;
}
.card.course .header p {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25em;
  font-weight: 700;
}
.card.course .sub-header {
  height: 5em;
  background-color: #00c9ff;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card.course .sub-header p {
  font-weight: 900;
}
.card.course ul {
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
}
.card.course ul li:first-of-type {
  margin: 0 16px 16px 16px;
  color: #666666;
}
.card.course ul li {
  margin: 16px;
}
.card.course ul li:last-of-type {
  margin: 16px 16px 0 16px;
}
.card.course .btn-med-lg {
  width: auto;
  outline: solid #00c9ff 2px;
}
.card.course .btn-med-lg span {
  margin-top: 5px;
  font-size: 0.65em;
}
.card.course .bottom-links {
  padding: 30px;
}
.card.course .bottom-links a {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
.card.course .spacer {
  height: unset;
  flex-grow: 1;
}

/* General Promo Styles */
.promo-wrap {
  margin: 30px 0 0;
}

.promo-blue-border-button {
  border-style: solid;
  border-width: 1px;
  border-color: #00c9ff;
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
  cursor: pointer;
}
.promo-blue-border-button a {
  text-decoration: none !important;
}

.promo {
  display: block;
}

.promo-square {
  width: 300px;
}
.promo-square.in-content {
  margin: 20px auto;
}

.promo-banner {
  display: block;
  width: 100%;
}

.form-promo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .form-promo {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.form-promo .form-half {
  margin: 0 50px 0 0;
}
@media screen and (max-width: 767px) {
  .form-promo .form-half {
    margin: 0 auto 50px;
  }
}
.form-promo .promo-square {
  margin: 0 auto;
}

.promo-landing-page-wrapper ~ .lk-push {
  height: 110px;
}

html .promo-landing-page-wrapper {
  text-align: center;
}

body .promo-landing-page-wrapper {
  font-family: "Montserrat Light", sans-serif;
}

/* Landing Page Styles */
.promo-landing-page-wrapper .landing-page-background {
  background-color: #000000;
  color: #ffffff;
  background-size: 100%;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.promo-landing-page-wrapper .content_wrapper {
  margin: 0px auto;
  width: 50%;
  display: inline-block;
  text-align: center;
}
.promo-landing-page-wrapper .title_block {
  vertical-align: middle;
  margin: 5vw auto 5vw;
  width: 100%;
  color: #ffffff;
}
.promo-landing-page-wrapper .highlight {
  color: #c7fb00;
  text-decoration: none;
}
.promo-landing-page-wrapper #first_title {
  letter-spacing: 6px;
  font-weight: 400;
  margin: unset;
  font-size: 7.5vh;
}
.promo-landing-page-wrapper #second_title {
  font-weight: bolder;
  margin: unset;
  font-size: 7.5vh;
}
.promo-landing-page-wrapper .center_content {
  font-size: 2.5vh;
  margin-top: 0.5em;
  color: #ececec;
  text-align: center;
}
.promo-landing-page-wrapper .summary-title {
  font-size: 3.5vh;
}
.promo-landing-page-wrapper .left {
  text-align: left;
  margin: auto;
}
.promo-landing-page-wrapper .promo-title {
  margin: unset;
  font-size: 8.5vh;
  font-weight: bolder;
}
.promo-landing-page-wrapper .promo-title strong {
  font-family: "Montserrat SemiBold", sans-serif;
}
.promo-landing-page-wrapper .promo-title-less-bold {
  margin: unset;
  font-size: 8.5vh;
  font-weight: lighter;
}
.promo-landing-page-wrapper .promo-title-less-bold strong {
  font-family: "Montserrat SemiBold", sans-serif;
}
.promo-landing-page-wrapper .promo-description {
  font-size: 4vh;
  font-weight: 100;
}
.promo-landing-page-wrapper .course-wrapper {
  max-width: 90%;
  margin: auto;
}
.promo-landing-page-wrapper .enroll-link {
  font-weight: bolder;
  font-size: 5.5vh;
}
.promo-landing-page-wrapper .course-link {
  margin-top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.promo-landing-page-wrapper .course-link a:visited {
  color: #ececec;
}
.promo-landing-page-wrapper .subject-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-right: 70px;
  margin-top: 50px;
}
.promo-landing-page-wrapper .subject-icon-wrap {
  width: 100%;
  position: relative;
}
.promo-landing-page-wrapper .icon-img {
  height: 23vh;
}
.promo-landing-page-wrapper .ms-sci-icon {
  height: 16vh;
  padding-left: 10px;
}
.promo-landing-page-wrapper .class-img {
  height: unset;
  width: unset;
  max-height: 25vh;
  max-width: 25vh;
  background-size: 15vw;
}
.promo-landing-page-wrapper .medium-text {
  font-size: 3.5vh !important;
}
.promo-landing-page-wrapper .surround-icon {
  height: 18vh;
  width: 18vh;
  border-color: white;
  border-style: solid;
  border-radius: 50%;
  display: inline-block;
  background-size: 8vh;
  background-repeat: no-repeat;
  background-position: center;
}
.promo-landing-page-wrapper .small-subject-icon {
  height: unset;
  width: unset;
  max-height: 15vh;
  max-width: 15vh;
  background-size: 15vw;
}
.promo-landing-page-wrapper .course-text-over {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.5vh;
  color: #fbfbfb;
}
.promo-landing-page-wrapper .course-img-text {
  font-size: 3.75vh;
}
.promo-landing-page-wrapper .description-container {
  margin-left: 10px;
  color: initial;
  text-align: left;
}
.promo-landing-page-wrapper .course-title {
  font-size: 3vh;
  margin-top: 2em;
  color: #ececec;
  font-weight: bold;
}
.promo-landing-page-wrapper .course-title a {
  text-decoration: unset;
  color: #ececec;
  font-weight: bold;
}
.promo-landing-page-wrapper .course-credits {
  font-size: 3vh;
  margin-top: 1em;
  color: #ececec;
  text-align: left;
}
.promo-landing-page-wrapper .course-description {
  font-size: 2.5vh;
  margin-top: 1em;
  margin-bottom: 2em;
  color: #ececec;
}
.promo-landing-page-wrapper .full-width {
  width: 100%;
  background-color: #ffffff;
  color: #000;
}
.promo-landing-page-wrapper .phase-courses-wrapper {
  padding-top: 1rem;
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-1 .phase-course:hover {
  color: rgb(153, 233.4, 255);
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-4 .phase-course:hover {
  color: rgb(204.4661016949, 228.8813559322, 147.1186440678);
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-5 .phase-course:hover {
  color: rgb(241.171875, 121.328125, 150.3013392857);
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-6 .phase-course:hover {
  color: rgb(230.3434579439, 172.1378504673, 251.3621495327);
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-7 .phase-course:hover {
  color: rgb(245.474137931, 205.6896551724, 199.525862069);
}
.promo-landing-page-wrapper .phase-courses-wrapper.accent-8 .phase-course:hover {
  color: rgb(223.9906976744, 173.0093023256, 182.9953488372);
}
.promo-landing-page-wrapper .phase-courses-wrapper .phase-course {
  color: #ececec;
  padding: 1rem 0;
  border-bottom: 1px solid #777;
  text-align: left;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.promo-landing-page-wrapper .phase-courses-wrapper .phase-course .title-code b {
  font-size: 1.2rem;
  line-height: 2rem;
}
.promo-landing-page-wrapper .phase-courses-wrapper .phase-course .credits {
  text-align: right;
  width: 18ch;
}
.promo-landing-page-wrapper .divider {
  border: 1px solid white;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}
.promo-landing-page-wrapper #bottom-section {
  background-color: #ffffff;
  color: #000;
}
.promo-landing-page-wrapper .bottom-wrapper {
  padding-bottom: 8rem;
}
.promo-landing-page-wrapper .spacer {
  height: 7vh;
}
.promo-landing-page-wrapper #bottom-section .subtitle {
  font-size: 3.25vh;
  font-weight: 600;
  margin-top: 5vh;
  text-align: left;
}
.promo-landing-page-wrapper #bottom-section .description {
  margin-top: 2vh;
  text-align: left;
  font-size: 2vh;
}
.promo-landing-page-wrapper #bottom-section .highlight {
  text-decoration: none;
}
.promo-landing-page-wrapper #bottom-section .contact_link {
  display: inline-block;
  border: 3px solid #000;
  font-weight: bolder;
  text-decoration: none;
  margin-top: 1em;
  padding: 1em 3em;
  font-size: 2.75vh;
}
.promo-landing-page-wrapper #bottom-section .bottom-title {
  font-size: 4vh;
  font-weight: 400;
}
.promo-landing-page-wrapper #bottom-section a {
  color: #000;
  text-decoration: none;
}
.promo-landing-page-wrapper #bottom-section a:visited {
  color: #000;
}
.promo-landing-page-wrapper .bold {
  font-weight: bold;
}
.promo-landing-page-wrapper .bold strong {
  font-family: "Montserrat SemiBold", sans-serif;
}
.promo-landing-page-wrapper .contact-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.promo-landing-page-wrapper.teaching-page .contact_link {
  display: inline-block;
  border: 3px solid #51ffdc;
  font-weight: bolder;
  text-decoration: none;
  padding: 1em 1.25em;
  margin: 3em 10% auto;
  font-size: 2.75vh;
  width: 50%;
}
.promo-landing-page-wrapper.teaching-page .course-description,
.promo-landing-page-wrapper.teaching-page .course-title {
  text-align: left;
}
.promo-landing-page-wrapper.teaching-page #bottom-section .contact_link {
  padding: 1em;
}
.promo-landing-page-wrapper.abp-page .landing-page-background {
  background-image: url("../promos/pi_picture3.jpg");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.abp-page #first_title,
.promo-landing-page-wrapper.abp-page #second_title {
  background: -webkit-linear-gradient(left, #4ae6fe, #4ffbc2);
  background: -o-linear-gradient(right, #4ae6fe, #4ffbc2);
  background: -moz-linear-gradient(right, #4ae6fe, #4ffbc2);
  background: linear-gradient(to right, #4ae6fe, #4ffbc2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.abp-page .contact_link {
  border: 3px solid #51ffdc;
}
.promo-landing-page-wrapper.abp-page .blue {
  color: #00ffdd;
}
.promo-landing-page-wrapper.abp-page .class-img {
  height: 25vh;
  width: 25vh;
}
.promo-landing-page-wrapper.abp-page .small-title {
  font-size: 4vh;
  font-weight: bold;
}
.promo-landing-page-wrapper.teach-chem-page .landing-page-background {
  background-image: url("../promos/teach-hs-chem-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.teach-chem-page #first_title,
.promo-landing-page-wrapper.teach-chem-page #second_title {
  background: -webkit-linear-gradient(left, #01bffb, #03f4ea);
  background: -o-linear-gradient(right, #01bffb, #03f4ea);
  background: -moz-linear-gradient(right, #01bffb, #03f4ea);
  background: linear-gradient(to right, #01bffb, #03f4ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.teach-chem-page .contact_link {
  border: 3px solid #00f2fc;
}
.promo-landing-page-wrapper.teach-chem-page .blue {
  color: #00f2fc;
}
.promo-landing-page-wrapper.teach-math-page .landing-page-background {
  background-image: url("../promos/teach-hs-math-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.teach-math-page #first_title,
.promo-landing-page-wrapper.teach-math-page #second_title {
  background: -webkit-linear-gradient(left, #d100f8, #8201dd);
  background: -o-linear-gradient(right, #d100f8, #8201dd);
  background: -moz-linear-gradient(right, #d100f8, #8201dd);
  background: linear-gradient(to right, #d100f8, #8201dd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.teach-math-page .contact_link {
  border: 3px solid #b000f9;
}
.promo-landing-page-wrapper.teach-math-page .page-specific-color {
  color: #b000f9;
}
.promo-landing-page-wrapper.k8-math-page .landing-page-background {
  background-image: url("../promos/k8-math-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.k8-math-page #first_title,
.promo-landing-page-wrapper.k8-math-page #second_title {
  background: -webkit-linear-gradient(left, #fe0063, #f800b1);
  background: -o-linear-gradient(right, #fe0063, #f800b1);
  background: -moz-linear-gradient(right, #fe0063, #f800b1);
  background: linear-gradient(to right, #fe0063, #f800b1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.k8-math-page .contact_link {
  border: 3px solid #fd006d;
}
.promo-landing-page-wrapper.k8-math-page .page-specific-color {
  color: #fd006d;
}
.promo-landing-page-wrapper.k5-landing-page .lead-block {
  background-image: url("../promos/k5-math-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.promo-landing-page-wrapper.k5-landing-page .lead-block .gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom right, rgba(43, 243, 167, 0.6), rgba(17, 100, 255, 0.6));
  padding: 100px 0 200px;
}
.promo-landing-page-wrapper.k5-landing-page .lead-block p {
  margin-top: 0;
  font-size: 20pt;
  line-height: 40pt;
  color: white;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper {
  margin: 70px 0 50px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group {
  margin: 30px 0 30px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group p {
  margin-top: 10px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group .cta {
  background-image: linear-gradient(to bottom right, rgb(43, 243, 167), rgb(94, 204, 226));
  padding: 10px;
  margin: auto;
  width: 300px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group .cta a {
  color: white;
  text-decoration: none;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group .cta-single {
  background-image: linear-gradient(to bottom right, rgb(43, 243, 167), rgb(94, 204, 226));
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 19px;
  margin: auto;
  width: 300px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .cta-group .cta-single a {
  color: white;
  text-decoration: none;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .logo {
  width: 90px;
  border: 1px solid white;
  margin: 70px 0 50px;
}
.promo-landing-page-wrapper.k5-landing-page .content_wrapper .bottom-text {
  max-width: 450px;
  margin: auto;
}
.promo-landing-page-wrapper .full-carousel {
  height: clamp(235px, 50rem - 20vw, 370px);
}
.promo-landing-page-wrapper .carousel-img {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
}
.promo-landing-page-wrapper .carousel-size {
  position: absolute;
  width: 100%;
}
.promo-landing-page-wrapper .carousel-desc {
  height: 100%;
}
.promo-landing-page-wrapper .carousel-caption-size {
  bottom: 20%;
  padding-bottom: 0;
}
.promo-landing-page-wrapper .carousel-desc-container {
  color: black;
  text-shadow: none;
  font-family: "Montserrat Thin";
}
.promo-landing-page-wrapper .carousel-author-container {
  font-family: "Montserrat";
  text-shadow: none;
  color: black;
}
.promo-landing-page-wrapper.special-ed-page .bullet-style {
  color: white;
  text-decoration: none;
}
.promo-landing-page-wrapper.special-ed-page .content_wrapper {
  margin: 0px auto;
  display: inline-block;
  text-align: center;
}
.promo-landing-page-wrapper.special-ed-page .text_wrapper {
  margin-left: 2em;
  margin-right: 2em;
}
.promo-landing-page-wrapper.special-ed-page .first-title {
  font-size: 5rem;
}
.promo-landing-page-wrapper.special-ed-page .second-title {
  margin-top: 0px;
  font-size: 5rem;
}
.promo-landing-page-wrapper.special-ed-page .gradient-text {
  background: -webkit-linear-gradient(left, #f9dbb8, #f2bfbb);
  background: -o-linear-gradient(right, #f9dbb8, #f2bfbb);
  background: -moz-linear-gradient(right, #f9dbb8, #f2bfbb);
  background: linear-gradient(to right, #f9dbb8, #f2bfbb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.special-ed-page .subtitle-info .subtitle-header {
  font-size: 2rem;
}
.promo-landing-page-wrapper.special-ed-page .subtitle-info {
  text-align: left;
  margin-top: 1rem;
  margin-left: 1rem;
}
.promo-landing-page-wrapper.special-ed-page .two-column-container {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.promo-landing-page-wrapper.special-ed-page .two-column-container .column {
  width: 45%;
}
.promo-landing-page-wrapper.special-ed-page .career-icon {
  width: 25vh;
  height: 25vh;
  margin: auto;
}
.promo-landing-page-wrapper.special-ed-page .subsection-title {
  font-size: 3rem;
  font-weight: bold;
  color: rgb(134, 197, 247);
  padding-top: 5rem;
}
.promo-landing-page-wrapper.special-ed-page .copy {
  text-align: left;
  font-size: 2.5vh;
  padding-top: 2rem;
}
.promo-landing-page-wrapper.special-ed-page .author {
  color: #fff;
  font-size: 20px;
  max-width: 60%;
  text-align: center;
  position: relative;
  bottom: 120px;
}
@media screen and (max-width: 649px) {
  .promo-landing-page-wrapper.special-ed-page .author {
    font-size: 12px;
  }
}
.promo-landing-page-wrapper.special-ed-page .current_role {
  font-family: "Montserrat Light", sans-serif;
  color: #fff;
  font-size: 20px;
  max-width: 60%;
  text-align: center;
  position: relative;
  bottom: 150px;
}
@media screen and (max-width: 649px) {
  .promo-landing-page-wrapper.special-ed-page .current_role {
    font-size: 12px;
  }
}
.promo-landing-page-wrapper.teaching-methods-page .landing-page-background {
  background-image: url("../promos/teaching-methods-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.teaching-methods-page #first_title,
.promo-landing-page-wrapper.teaching-methods-page #second_title {
  background: -webkit-linear-gradient(left, #ff676d, #ffc071);
  background: -o-linear-gradient(right, #ff676d, #ffc071);
  background: -moz-linear-gradient(right, #ff676d, #ffc071);
  background: linear-gradient(to right, #ff676d, #ffc071);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.teaching-methods-page .contact_link {
  border: 3px solid #ef7467;
}
.promo-landing-page-wrapper.teaching-methods-page .page-specific-color {
  color: #ef7467;
}
.promo-landing-page-wrapper.teaching-methods-page .icon-img {
  height: 35vh;
}
.promo-landing-page-wrapper.teaching-methods-page .class-img {
  height: 25vh;
  width: 25vh;
  object-fit: cover;
  object-position: left;
  background-size: 15vw;
}
.promo-landing-page-wrapper.stemteam-page .landing-page-background {
  background-image: url("../promos/pi_picture6.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.stemteam-page #enroll-link {
  color: #4fc2f4;
  font-weight: bolder;
  font-size: 3.5vh;
}
.promo-landing-page-wrapper.mathcourses-page .landing-page-background {
  background-image: url("../promos/mathcourses-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.stemcorps-page .landing-page-background {
  background-image: url("../promos/stem-corps-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.stemcorps-page .announcement a,
.promo-landing-page-wrapper.stemcorps-page .announcement a:visited {
  color: #ffffff;
  text-decoration: none;
}
.promo-landing-page-wrapper.advance-career-page #first-career-title,
.promo-landing-page-wrapper.advance-career-page #enroll-career {
  background: -webkit-linear-gradient(left, #8724f3, #ea27fa);
  background: -o-linear-gradient(right, #8724f3, #ea27fa);
  background: -moz-linear-gradient(right, #8724f3, #ea27fa);
  background: linear-gradient(to right, #8724f3, #ea27fa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.advance-career-page .career-icon {
  width: 25vh;
  height: 25vh;
  margin: auto;
}
.promo-landing-page-wrapper.advance-career-page .subsection-title {
  font-size: 3rem;
  font-weight: bold;
  text-align: left;
  color: rgb(134, 197, 247);
  padding-top: 2rem;
}
.promo-landing-page-wrapper.advance-career-page .copy {
  text-align: left;
  font-size: 2.5vh;
  padding-top: 2rem;
}
.promo-landing-page-wrapper.endorsement-page .title_block {
  margin-bottom: 0;
}
.promo-landing-page-wrapper.endorsement-page .icon-img {
  width: 100%;
  max-width: 30rem;
  height: auto;
}
.promo-landing-page-wrapper.endorsement-page .program-title {
  margin-top: 3rem;
  font-weight: bolder;
  font-size: 6vh;
}
.promo-landing-page-wrapper.endorsement-page a,
.promo-landing-page-wrapper.endorsement-page a:visited {
  color: #ffffff;
  text-decoration: none;
}
.promo-landing-page-wrapper.endorsement-page ul {
  margin-top: 1rem;
  list-style-type: disc;
}
.promo-landing-page-wrapper.endorsement-page ul li {
  margin-left: 3rem;
  margin-bottom: 1rem;
}
.promo-landing-page-wrapper.membership-page ~ .lk-push {
  height: 80px !important;
}
.promo-landing-page-wrapper.membership-page {
  background-color: black;
  color: white;
  padding-bottom: 1px;
}
.promo-landing-page-wrapper.membership-page p,
.promo-landing-page-wrapper.membership-page li {
  font-size: 22px;
}
.promo-landing-page-wrapper.membership-page .membership-page-header {
  padding-top: 50px;
}
.promo-landing-page-wrapper.membership-page .membership-page-header img {
  width: 100px;
}
.promo-landing-page-wrapper.membership-page .membership-page-header h1 {
  font-weight: 600;
  font-size: 60px;
  margin-top: 50px;
}
.promo-landing-page-wrapper.membership-page .membership-page-header h1 span.gold-text {
  font-size: 65px;
  background-color: red;
  background-image: linear-gradient(180deg, #988460, #f0deae);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
@media screen and (max-width: 649px) {
  .promo-landing-page-wrapper.membership-page .membership-page-header h1 {
    font-size: 45px;
    font-weight: 600;
  }
  .promo-landing-page-wrapper.membership-page .membership-page-header h1 span.gold-text {
    font-size: 45px;
    background-color: red;
    background-image: linear-gradient(180deg, #988460, #f0deae);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
  }
}
@media screen and (max-width: 649px) {
  .promo-landing-page-wrapper.membership-page h2 {
    font-size: 17px;
  }
}
.promo-landing-page-wrapper.membership-page .membership-type-header-container {
  display: flex;
  justify-content: space-between;
}
.promo-landing-page-wrapper.membership-page .membership-type-header-container .col {
  width: 50%;
  text-align: center;
}
.promo-landing-page-wrapper.membership-page .membership-type-header-container .col .start-trial-button {
  text-decoration: none;
  font-size: 27px;
  padding: 7px 35px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff;
  box-shadow: 0 0 20px;
  width: 75%;
  border-style: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  display: inline-block;
  background-image: linear-gradient(to right, #998561 0%, #e3d1a3 51%, #998561 100%);
}
.promo-landing-page-wrapper.membership-page .membership-type-header-container .col .start-trial-button:hover {
  background-position: right center;
}
.promo-landing-page-wrapper.membership-page .membership-button-space {
  margin: 100px 0;
  text-align: center;
}
.promo-landing-page-wrapper.membership-page .membership-button {
  text-decoration: none;
  font-size: 27px;
  padding: 7px 35px;
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: #fff;
  box-shadow: 0 0 20px;
  width: 155px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  display: inline-block;
  background-image: linear-gradient(to right, #998561 0%, #e3d1a3 51%, #998561 100%);
}
.promo-landing-page-wrapper.membership-page .membership-button:hover {
  background-position: right center;
}
.promo-landing-page-wrapper.membership-page .membership-text {
  max-width: 60%;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .promo-landing-page-wrapper.membership-page .membership-text {
    max-width: 85%;
  }
}
.promo-landing-page-wrapper.membership-page .membership-text .membership-subtext {
  padding-top: 40px;
}
.promo-landing-page-wrapper.membership-page .membership-text .membership-subtext h2 {
  font-size: 1.75vw;
  font-weight: 600;
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .promo-landing-page-wrapper.membership-page .membership-text .membership-subtext h2 {
    font-size: 20px;
  }
}
.promo-landing-page-wrapper.membership-page .membership-text .membership-subtext ul {
  padding-left: 50px;
  list-style-type: disc;
}
.promo-landing-page-wrapper.membership-page .membership-text .membership-subtext ol {
  padding-left: 50px;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table {
  width: 700px;
  margin: 100px auto;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table table {
  border-collapse: collapse;
  table-layout: fixed;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table tbody tr:nth-child(even) {
  background: transparent !important;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table th.row-start {
  border-left: none;
  width: 220px;
  font-weight: 100;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table th:last-child,
.promo-landing-page-wrapper.membership-page .membership-comparison-table td:last-child {
  border-right: none;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table tbody tr:last-child th,
.promo-landing-page-wrapper.membership-page .membership-comparison-table tr:last-child td {
  border-bottom: none;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table thead th.row-start {
  font-weight: 600;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table th,
.promo-landing-page-wrapper.membership-page .membership-comparison-table td {
  border: 1px solid #999;
  background: transparent;
  padding: 6px 15px;
  font-size: 18px;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table th {
  border-top: none;
  width: 150px;
  text-align: center;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table td img {
  width: 50px;
  display: block;
  margin: 0 auto;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table td {
  width: 100px;
}
.promo-landing-page-wrapper.membership-page .membership-comparison-table span.gold-check {
  background: url("../images/gold-checkmark.png") no-repeat top left;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 649px) {
  .promo-landing-page-wrapper.membership-page .membership-comparison-table {
    width: 325px;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table th.row-start {
    border-left: none;
    width: 10px;
    font-weight: 100;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table th,
  .promo-landing-page-wrapper.membership-page .membership-comparison-table td {
    border: 1px solid #999;
    background: transparent;
    padding: 3px 5px;
    font-size: 10px;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table th {
    border-top: none;
    width: 10px;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table td img {
    width: 30px;
    display: block;
    margin: 0 auto;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table td {
    width: 10px;
  }
  .promo-landing-page-wrapper.membership-page .membership-comparison-table span.gold-check {
    background: url("../images/gold-checkmark.png") no-repeat top left;
    width: 30px;
    height: 30px;
  }
}
.promo-landing-page-wrapper.accelerate-learning {
  text-align: left;
}
.promo-landing-page-wrapper.accelerate-learning a {
  color: #e4cb9d;
  text-decoration: none;
  font-weight: bold;
}
.promo-landing-page-wrapper.accelerate-learning h1 {
  margin-bottom: 5rem;
}
.promo-landing-page-wrapper.accelerate-learning .paragraphs {
  text-align: left;
  font-size: 1.2rem;
  margin-top: 3rem;
  line-height: 1.4;
}
.promo-landing-page-wrapper.accelerate-learning .paragraphs p {
  margin: 1rem 0 1.5rem;
}
.promo-landing-page-wrapper.accelerate-learning .paragraphs h2 {
  font-size: 2.2rem;
  padding: 2rem 0 1rem;
  color: #e4cb9d;
}
.promo-landing-page-wrapper.accelerate-learning .paragraphs ul {
  margin-top: 1rem;
  list-style-type: disc;
}
.promo-landing-page-wrapper.accelerate-learning .paragraphs ul li {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.promo-landing-page-wrapper.accelerate-learning .logo {
  width: 90px;
  border: 1px solid white;
  margin: 70px 0 50px;
}
.promo-landing-page-wrapper.accelerate-learning .bottom-text {
  max-width: 550px;
  margin: auto;
}
.promo-landing-page-wrapper.ap-courses h1 sup {
  font-size: 0.4em;
}
.promo-landing-page-wrapper.ap-courses .text-content {
  text-align: left;
  font-size: 1.7em;
}
.promo-landing-page-wrapper.ap-courses .text-content .smaller-text {
  font-size: 0.7em;
}
.promo-landing-page-wrapper.ap-courses .text-content .center-content {
  text-align: center;
}
.promo-landing-page-wrapper.ap-courses .text-content p {
  padding: 1rem 0;
}
.promo-landing-page-wrapper.ap-courses .text-content ul {
  list-style-type: disc !important;
}
.promo-landing-page-wrapper.ap-courses .text-content ul li {
  margin-left: 5rem;
}
.promo-landing-page-wrapper .announcement {
  font-size: 2.125vw;
}
.promo-landing-page-wrapper .comp-sci .promo-title {
  font-size: 5.125vh;
  text-align: center;
}
.promo-landing-page-wrapper .comp-sci .gradient-text {
  background: -webkit-linear-gradient(left, #ceaaf6, #574faa);
  background: -o-linear-gradient(right, #ceaaf6, #574faa);
  background: -moz-linear-gradient(right, #ceaaf6, #574faa);
  background: linear-gradient(to right, #ceaaf6, #574faa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper .comp-sci .content_wrapper {
  text-align: left;
}
.promo-landing-page-wrapper .comp-sci .images-row {
  width: 100%;
  text-align: center;
  margin-bottom: 5rem;
}
.promo-landing-page-wrapper .comp-sci .course-block {
  position: relative;
  text-align: center;
  color: white;
  display: Inline-block;
}
.promo-landing-page-wrapper .comp-sci .course-block-title {
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  position: absolute;
  top: 8px;
  left: 16px;
}
.promo-landing-page-wrapper .comp-sci .course-block-description {
  bottom: 10px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-size: 1.15rem;
}
.promo-landing-page-wrapper .comp-sci .col-2 {
  width: 45%;
  margin: 0.3rem;
}
.promo-landing-page-wrapper .comp-sci .col-3 {
  width: 25%;
  margin: 0.3rem;
}
.promo-landing-page-wrapper .comp-sci .width-35 {
  width: 35%;
}
@media all and (max-width: 600px) {
  .promo-landing-page-wrapper .comp-sci .col-2 {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  .promo-landing-page-wrapper .comp-sci .col-3 {
    width: 20%;
    margin-bottom: 0.3rem;
  }
  .promo-landing-page-wrapper .comp-sci .width-35 {
    width: 25%;
  }
}
.promo-landing-page-wrapper .comp-sci .header-icon {
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  margin-bottom: 0.3rem;
  width: 30%;
}
.promo-landing-page-wrapper .comp-sci .course-title {
  text-align: center;
}
.promo-landing-page-wrapper .comp-sci ul {
  list-style-type: disc;
}
.promo-landing-page-wrapper .comp-sci ul li {
  margin-left: 5rem;
}
.promo-landing-page-wrapper .comp-sci .spacer {
  height: 5vh;
}
.promo-landing-page-wrapper .comp-sci .gradient-button {
  text-align: center;
  background: -webkit-linear-gradient(left, #ceaaf6, #574faa);
  background: -o-linear-gradient(right, #ceaaf6, #574faa);
  background: -moz-linear-gradient(right, #ceaaf6, #574faa);
  background: linear-gradient(to right, #ceaaf6, #574faa);
  padding: 1rem;
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
  cursor: pointer;
}
.promo-landing-page-wrapper .comp-sci .gradient-button a {
  text-decoration: none !important;
}
@media all and (max-width: 1500px) {
  .promo-landing-page-wrapper .announcement {
    font-size: 2.125vw;
  }
  .promo-landing-page-wrapper .content_wrapper {
    width: 65%;
  }
}
@media all and (max-width: 1020px) {
  .promo-landing-page-wrapper .announcement {
    font-size: 2.125vw;
  }
  .promo-landing-page-wrapper .content_wrapper {
    width: 75%;
  }
  .promo-landing-page-wrapper .subject-icon {
    margin-right: 0;
  }
  .promo-landing-page-wrapper .description-container {
    text-align: center;
  }
}
@media all and (max-width: 800px) {
  .promo-landing-page-wrapper .phase-courses-wrapper {
    width: 100%;
  }
  .promo-landing-page-wrapper .announcement {
    font-size: 6vw;
  }
}
@media all and (max-width: 600px) {
  .promo-landing-page-wrapper h1,
  .promo-landing-page-wrapper h1#first_title,
  .promo-landing-page-wrapper h1#second_title,
  .promo-landing-page-wrapper h1.promo-title,
  .promo-landing-page-wrapper h1.promo-title-less-bold {
    font-size: 9vw;
  }
  .promo-landing-page-wrapper h1 strong,
  .promo-landing-page-wrapper h1#first_title strong,
  .promo-landing-page-wrapper h1#second_title strong,
  .promo-landing-page-wrapper h1.promo-title strong,
  .promo-landing-page-wrapper h1.promo-title-less-bold strong {
    font-size: 9vw;
  }
  .promo-landing-page-wrapper .content_wrapper {
    width: 75%;
  }
}
@media all and (max-width: 500px) {
  .promo-landing-page-wrapper .content_wrapper {
    width: 90%;
  }
}
.promo-landing-page-wrapper.leave-replacement-program .promo-title {
  font-size: 5rem;
}
.promo-landing-page-wrapper.leave-replacement-program .gradient-text {
  background: -webkit-linear-gradient(left, #c8a6f3, #333b93);
  background: -o-linear-gradient(right, #c8a6f3, #333b93);
  background: -moz-linear-gradient(right, #c8a6f3, #333b93);
  background: linear-gradient(to right, #c8a6f3, #333b93);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.promo-landing-page-wrapper.leave-replacement-program .subtitle-info {
  font-size: 2.5vh;
  vertical-align: middle;
  width: 100%;
  color: #ffffff;
}
.promo-landing-page-wrapper.leave-replacement-program .content_wrapper {
  margin: 0px auto;
  display: inline-block;
}
.promo-landing-page-wrapper.leave-replacement-program .left-aligned {
  text-align: left;
}
.promo-landing-page-wrapper.leave-replacement-program .carousel-desc-container {
  color: white;
}
.promo-landing-page-wrapper.leave-replacement-program .carousel-author-container {
  color: white;
}
.promo-landing-page-wrapper.staff-solutions .promo-title {
  font-size: 5rem;
}
.promo-landing-page-wrapper.staff-solutions .promo-subtitle {
  font-size: 3.5rem;
  vertical-align: middle;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
}
.promo-landing-page-wrapper.staff-solutions .section-title {
  font-size: 4.5rem;
  vertical-align: middle;
  width: 100%;
  color: #ffffff;
}
.promo-landing-page-wrapper.staff-solutions .subtitle-info {
  font-size: 2.5vh;
  vertical-align: middle;
  width: 100%;
  color: #ffffff;
}
.promo-landing-page-wrapper.staff-solutions .left-aligned {
  text-align: left;
}
.promo-landing-page-wrapper.staff-solutions .gradient-text {
  background: -webkit-linear-gradient(left, #ecc0be, #f8dbbb);
  background: -o-linear-gradient(right, #ecc0be, #f8dbbb);
  background: -moz-linear-gradient(right, #ecc0be, #f8dbbb);
  background: linear-gradient(to right, #ecc0be, #f8dbbb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*------------------------------------*\
                ¡MINI-COURSES
\*------------------------------------*/
.promo-landing-page-wrapper.minicourses-page .landing-page-background {
  background-image: url("../promos/minicourses-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.minicourses-page #first_title,
.promo-landing-page-wrapper.minicourses-page #second_title {
  color: #83b3f9;
  white-space: nowrap;
}
.promo-landing-page-wrapper.minicourses-page .contact_link {
  border: 3px solid #83b3f8;
}
.promo-landing-page-wrapper.minicourses-page .blue {
  color: #83b3f8;
}
.promo-landing-page-wrapper.minicourses-page .class-img {
  height: 25vh;
  width: 25vh;
}
.promo-landing-page-wrapper.minicourses-page .small-title {
  font-size: 4vh;
  font-weight: bold;
}
.promo-landing-page-wrapper.minicourses-page .course-title {
  white-space: nowrap;
}
.promo-landing-page-wrapper.minicourses-page .minicourse_icons {
  height: auto;
  width: 50%;
  margin-top: 5vw;
}
@media all and (max-width: 800px) {
  .promo-landing-page-wrapper.minicourses-page #first_title,
  .promo-landing-page-wrapper.minicourses-page #second_title {
    white-space: normal;
  }
  .promo-landing-page-wrapper.minicourses-page .course-title {
    white-space: normal;
  }
}

/*------------------------------------*\
                ¡PHYSICS-COURSES
\*------------------------------------*/
.promo-landing-page-wrapper.physicscourses-page .landing-page-background {
  background-image: url("../promos/physics-courses-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.physicscourses-page .course-wrapper {
  width: 100%;
}
.promo-landing-page-wrapper.physicscourses-page #first_title,
.promo-landing-page-wrapper.physicscourses-page #second_title {
  color: #4dffa5;
  white-space: nowrap;
  font-weight: bold;
}
.promo-landing-page-wrapper.physicscourses-page .contact_link {
  border: 3px solid #4dffa5;
}
.promo-landing-page-wrapper.physicscourses-page .blue {
  color: #4dffa5;
}
.promo-landing-page-wrapper.physicscourses-page .class-img {
  height: 25vh;
  width: 25vh;
}
.promo-landing-page-wrapper.physicscourses-page .small-title {
  font-size: 4vh;
  font-weight: bold;
}
.promo-landing-page-wrapper.physicscourses-page .minicourse_icons {
  height: auto;
  width: 25%;
  margin-top: 10vw;
}
@media all and (max-width: 800px) {
  .promo-landing-page-wrapper.physicscourses-page #first_title,
  .promo-landing-page-wrapper.physicscourses-page #second_title {
    white-space: normal;
  }
  .promo-landing-page-wrapper.physicscourses-page .course-title {
    white-space: normal;
  }
}

/*------------------------------------*\
                ¡PRAXIS-PREP
\*------------------------------------*/
.promo-landing-page-wrapper.praxis-prep-page .landing-page-background {
  background-image: url("../promos/laptop-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.praxis-prep-page .course-wrapper {
  width: 100%;
}
.promo-landing-page-wrapper.praxis-prep-page #first_title,
.promo-landing-page-wrapper.praxis-prep-page #second_title {
  color: #ff004e;
  font-weight: bold;
}
.promo-landing-page-wrapper.praxis-prep-page .contact_link {
  border: 3px solid #ff004e;
}
.promo-landing-page-wrapper.praxis-prep-page .primary-color {
  color: #ff004e;
}
.promo-landing-page-wrapper.praxis-prep-page .class-img {
  height: 25vh;
  width: 25vh;
}
.promo-landing-page-wrapper.praxis-prep-page .small-title {
  font-size: 4vh;
  font-weight: bold;
}
@media all and (max-width: 800px) {
  .promo-landing-page-wrapper.praxis-prep-page #first_title,
  .promo-landing-page-wrapper.praxis-prep-page #second_title {
    white-space: normal;
  }
}
.promo-landing-page-wrapper.praxis-prep-page.physics #first_title,
.promo-landing-page-wrapper.praxis-prep-page.physics #second_title {
  color: #c6ff00;
  font-size: 5.5vh !important;
}
.promo-landing-page-wrapper.praxis-prep-page.physics .contact_link {
  border: 3px solid #c6ff00;
}
.promo-landing-page-wrapper.praxis-prep-page.physics .primary-color {
  color: #c6ff00;
}

/*------------------------------------*\
                ¡PRAXIS-EXAM-PREP
\*------------------------------------*/
.promo-landing-page-wrapper.praxis-exam-prep-page.physics #first_title,
.promo-landing-page-wrapper.praxis-exam-prep-page.physics #second_title {
  color: #c6ff00;
  font-size: 5.5vh !important;
}
.promo-landing-page-wrapper.praxis-exam-prep-page.physics .contact_link {
  border: 3px solid #c6ff00;
}
.promo-landing-page-wrapper.praxis-exam-prep-page.physics .primary-color {
  color: #c6ff00;
}
.promo-landing-page-wrapper.praxis-exam-prep-page.chem #first_title,
.promo-landing-page-wrapper.praxis-exam-prep-page.chem #second_title {
  background: -webkit-linear-gradient(left, #3bb1ff, #4ffaed);
  background: -o-linear-gradient(right, #3bb1ff, #4ffaed);
  background: -moz-linear-gradient(right, #3bb1ff, #4ffaed);
  background: linear-gradient(to right, #3bb1ff, #4ffaed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.75vw;
}
.promo-landing-page-wrapper.praxis-exam-prep-page.chem .contact_link {
  border: 3px solid #70c8b7;
}
.promo-landing-page-wrapper.praxis-exam-prep-page.chem .primary-color {
  color: #70c8b7;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .landing-page-background {
  background-image: url("../promos/praxis-exam-background.png");
  background-repeat: no-repeat;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .course-wrapper {
  width: 100%;
}
.promo-landing-page-wrapper.praxis-exam-prep-page #first_title,
.promo-landing-page-wrapper.praxis-exam-prep-page #second_title {
  color: #70c8b7;
  white-space: nowrap;
  font-weight: bold;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .contact_link {
  border: 3px solid #70c8b7;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .primary-color {
  color: #70c8b7;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .class-img {
  height: 25vh;
  width: 25vh;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .small-title {
  font-size: 4vh;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .minicourse_icons {
  height: auto;
  width: 50%;
  margin-top: 5vw;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .description-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .course-title {
  width: 100%;
  margin-top: unset;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .course-title a {
  font-weight: unset;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .course-credits {
  width: 100%;
}
.promo-landing-page-wrapper.praxis-exam-prep-page .custom-height {
  font-size: 3.8vh;
}
@media all and (max-width: 800px) {
  .promo-landing-page-wrapper.praxis-exam-prep-page #first_title,
  .promo-landing-page-wrapper.praxis-exam-prep-page #second_title {
    white-space: normal;
  }
  .promo-landing-page-wrapper.praxis-exam-prep-page.chem #first_title,
  .promo-landing-page-wrapper.praxis-exam-prep-page.chem #second_title {
    font-size: 6vw;
  }
}

.chem-icon {
  background-image: url("../promos/chemistry-icon-cropped.png");
}

.physics-icon {
  background-image: url("../promos/physics-icon-cropped.png");
}

.calculator-icon {
  background-image: url("../promos/calculator-icon-cropped.png");
}

.msscience-icon {
  background-image: url("../promos/white_middle_school_science.png");
}

.pi-icon {
  background-image: url("../promos/pi-icon-cropped.png");
}

.bio-icon {
  background-image: url("../promos/biology-icon-cropped.png");
}

.computer-science-icon {
  background-image: url("../images/icon-category-computer-science.png");
}

/*------------------------------------*\
                ¡PHYSICS-PRAXIS-PREP
\*------------------------------------*/
.header-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

/*------------------------------------*\
                ¡EVERY-STEP-NJ
\*------------------------------------*/
.blue-gradient {
  background: linear-gradient(#4872b8, #7bd2f0);
}

.vertical-logo {
  margin-top: 5rem;
  max-width: 20rem;
}

.every-step-nj .header-title {
  color: black;
  font-family: "Montserrat SemiBold", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .header-title {
    font-size: 2.5rem;
    margin-top: 2rem;
  }
}
.every-step-nj .header-description {
  color: white;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.every-step-nj .header-description:first-of-type {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .header-description:first-of-type {
    margin-top: 2rem;
  }
}
.every-step-nj .header-description:last-child {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .header-description:last-child {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .every-step-nj .header-description {
    font-size: 1.25rem;
  }
}
.every-step-nj .button-flex {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.every-step-nj .button-flex .button {
  margin: 2rem;
  margin-bottom: 0;
}
.every-step-nj .section-header {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.every-step-nj .section-header h1 {
  font-family: "Montserrat SemiBold", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .section-header h1 {
    font-size: 2.5rem;
  }
}
.every-step-nj .section-header .subtitle {
  display: block;
  font-family: "Montserrat SemiBold", sans-serif;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .section-header .subtitle {
    font-size: 1.25rem;
  }
}
.every-step-nj .section-header p {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .section-header p {
    font-size: 1rem;
  }
}
.every-step-nj .section-content {
  text-align: left;
}
.every-step-nj .section-content p {
  font-size: 1.25rem;
  margin: 1.5rem 0;
}
@media screen and (max-width: 767px) {
  .every-step-nj .section-content p {
    font-size: 1rem;
  }
}
.every-step-nj .section-content p .bold {
  font-family: "Montserrat SemiBold", sans-serif;
}
.every-step-nj .button {
  cursor: pointer;
  font-family: "Montserrat SemiBold", sans-serif;
  font-size: 1.25rem;
  margin: 2rem auto;
  text-align: center;
  width: 16rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj .button {
    font-size: 1rem;
  }
}
.every-step-nj .button a {
  color: white;
  display: block;
  height: 100%;
  padding: 1rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .every-step-nj .button a {
    padding: 0.5rem;
  }
}
.every-step-nj ul {
  font-size: 1.25rem;
  list-style: none;
  padding-left: 4rem;
}
@media screen and (max-width: 767px) {
  .every-step-nj ul {
    font-size: 1rem;
  }
}
.every-step-nj ul li {
  margin: 2rem 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .every-step-nj ul li {
    margin: 1rem 0;
  }
}
.every-step-nj ul li::before {
  content: "•";
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/*------------------------------------*\
          ¡PATHWAY-PAGES
\*------------------------------------*/
.praxis-course-page-wrap {
  background: black;
  color: white;
}
.praxis-course-page-wrap .praxis-course-page {
  margin: 0px auto;
  width: 50%;
  padding-bottom: 4rem;
}
@media all and (max-width: 1500px) {
  .praxis-course-page-wrap .praxis-course-page {
    width: 65%;
  }
}
@media all and (max-width: 1020px) {
  .praxis-course-page-wrap .praxis-course-page {
    width: 75%;
  }
}
@media all and (max-width: 600px) {
  .praxis-course-page-wrap .praxis-course-page {
    width: 75%;
  }
}
@media all and (max-width: 500px) {
  .praxis-course-page-wrap .praxis-course-page {
    width: 95%;
  }
}
.praxis-course-page-wrap .page-header-wrap {
  padding-top: 5rem;
}
.praxis-course-page-wrap .page-header-wrap .header-icon {
  margin: auto;
  display: block;
  max-height: 150px;
}
.praxis-course-page-wrap .page-header-wrap .header-main {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 4.5rem;
  text-align: center;
  font-family: "Montserrat SemiBold", sans-serif;
  font-weight: normal;
}
@media all and (max-width: 768px) {
  .praxis-course-page-wrap .page-header-wrap .header-main {
    font-size: 4rem;
  }
}
@media all and (max-width: 500px) {
  .praxis-course-page-wrap .page-header-wrap .header-main {
    font-size: 3.5rem;
  }
}
@media all and (max-width: 399px) {
  .praxis-course-page-wrap .page-header-wrap .header-main {
    font-size: 2.75rem;
  }
}
.praxis-course-page-wrap .page-header-wrap p {
  font-size: 1.5rem;
}
.praxis-course-page-wrap .page-header-wrap h3 {
  font-size: 2.1rem;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.praxis-course-page-wrap .page-header-wrap a,
.praxis-course-page-wrap .page-header-wrap a:visited {
  color: white;
  text-decoration: none;
  font-family: "Montserrat SemiBold", sans-serif;
  font-weight: normal;
}
.praxis-course-page-wrap .page-header-wrap .header-finish {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: "Montserrat SemiBold", sans-serif;
  font-weight: normal;
}
.praxis-course-page-wrap .page-content-wrap .course-link {
  margin-top: 4rem;
  align-items: center;
}
.praxis-course-page-wrap .page-content-wrap .course-link .subject-icon {
  min-width: 200px;
  float: unset;
  margin-bottom: 0;
  position: relative;
}
.praxis-course-page-wrap .page-content-wrap .course-link .subject-icon .class-img {
  display: block;
}
.praxis-course-page-wrap .page-content-wrap .course-link .subject-icon .course-text-over {
  font-size: 2.1rem;
}
.praxis-course-page-wrap .page-content-wrap .course-link .subject-icon + br {
  display: none;
}
.praxis-course-page-wrap .page-content-wrap .course-link .description-container {
  color: white;
  margin-left: 2rem;
}
@media all and (max-width: 1020px) {
  .praxis-course-page-wrap .page-content-wrap .course-link .description-container {
    margin-left: 0;
  }
}
.praxis-course-page-wrap .page-content-wrap .course-link .description-container .course-title {
  font-size: 1.55rem;
  margin-bottom: 1.4rem;
  margin-top: 0rem;
  font-weight: bold;
}
@media all and (max-width: 1020px) {
  .praxis-course-page-wrap .page-content-wrap .course-link .description-container .course-title {
    margin-top: 1.4rem;
  }
}
.praxis-course-page-wrap .page-content-wrap .course-link .description-container .course-credits {
  font-size: 1.55rem;
  margin-top: 0;
}
.praxis-course-page-wrap .page-content-wrap .course-link .description-container .course-description {
  font-size: 1.3rem;
  margin-top: 1.4rem;
}
.praxis-course-page-wrap .page-content-wrap .course-link a,
.praxis-course-page-wrap .page-content-wrap .course-link a:visited {
  color: white;
}
.praxis-course-page-wrap .page-footer-wrap {
  margin-top: 4rem;
}
.praxis-course-page-wrap .page-footer-wrap p {
  font-size: 1.5rem;
}
.praxis-course-page-wrap .page-footer-wrap h3 {
  font-size: 2.1rem;
  font-weight: 700;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.praxis-course-page-wrap .page-footer-wrap a,
.praxis-course-page-wrap .page-footer-wrap a:visited {
  color: white;
  text-decoration: none;
  font-family: "Montserrat SemiBold", sans-serif;
  font-weight: normal;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
}

.horizontal-divider {
  background-color: white;
  height: 2px;
  margin: 1rem auto;
  width: 75%;
}

.collapse-toggle {
  align-items: center;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: 1.25rem;
  justify-content: center;
  margin: 1rem auto;
  outline: none;
}
@media screen and (max-width: 767px) {
  .collapse-toggle {
    font-size: 1rem;
  }
}
.collapse-toggle img {
  margin-bottom: 0.35rem;
  width: 2rem;
  transform: rotate(180deg);
}

.collapse.show ~ .collapse-toggle img {
  transform: unset;
}
.collapse.show ~ .collapse-toggle span {
  display: none;
}
.collapse p:first-of-type {
  margin-top: 0;
}
.collapse.section-content {
  padding-bottom: 2rem;
}
.collapse.section-content .button:last-of-type {
  margin-bottom: 0;
}

.collapsing p:first-of-type {
  margin-top: 0;
}

.subject-link {
  color: white;
  text-decoration: none;
}

.intro {
  font-size: 1.75rem;
  margin: 2rem 0 0;
  text-align: left;
}
.intro a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.special-course-offerings strong {
  font-family: "Montserrat SemiBold", sans-serif;
}

.homeschoolers .summary-title {
  font-size: 3.5vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.homeschoolers .summary-title-content {
  font-size: 2.2vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.homeschoolers .three-item-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.homeschoolers .three-item-group .title {
  font-size: 2.5vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #00c9ff;
}
.homeschoolers .three-item-group .col {
  width: 30%;
  text-align: center;
}
.homeschoolers .three-item-group .col .btn {
  width: 100%;
  padding: 0.5rem;
  align-self: flex-end;
  height: 7vh;
  text-align: center;
}
.homeschoolers .three-item-group .col .show-on-mobile {
  display: none;
}
.homeschoolers .three-item-group .col .hide-on-mobile {
  display: block;
}
.homeschoolers .homeschoolers-button-text {
  font-size: 2.1vh;
}
@media screen and (max-width: 991px) {
  .homeschoolers .three-item-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .homeschoolers .three-item-group .title {
    font-size: 2.5vh;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    color: #00c9ff;
  }
  .homeschoolers .three-item-group .col {
    width: 100%;
    text-align: center;
  }
  .homeschoolers .three-item-group .col .btn {
    width: 100%;
    padding: 0.5rem;
    align-self: flex-end;
    height: 100%;
  }
  .homeschoolers .three-item-group .col .show-on-mobile {
    display: block;
  }
  .homeschoolers .three-item-group .col .hide-on-mobile {
    display: none;
  }
}
.homeschoolers .learn-more-about-njctl-button {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  font-size: 1.5rem;
  padding: 0.5rem;
  height: 100%;
}
.homeschoolers .learn-more-about-njctl-button .btn {
  padding: 0.5rem;
  align-self: flex-end;
  height: 100%;
}
.homeschoolers .membership-comparison-table {
  margin: 100px auto;
}
.homeschoolers .membership-comparison-table table {
  border-collapse: collapse;
  table-layout: fixed;
}
.homeschoolers .membership-comparison-table tbody tr:nth-child(even) {
  background: transparent !important;
}
.homeschoolers .membership-comparison-table th.row-start {
  border-left: none;
  width: 220px;
  font-weight: 100;
}
.homeschoolers .membership-comparison-table th:last-child,
.homeschoolers .membership-comparison-table td:last-child {
  border-right: none;
}
.homeschoolers .membership-comparison-table tbody tr:last-child th,
.homeschoolers .membership-comparison-table tr:last-child td {
  border-bottom: none;
}
.homeschoolers .membership-comparison-table thead th.row-start {
  font-weight: 600;
}
.homeschoolers .membership-comparison-table th,
.homeschoolers .membership-comparison-table td {
  border: 1px solid #999;
  background: transparent;
  padding: 6px 15px;
  font-size: 18px;
}
.homeschoolers .membership-comparison-table th {
  border-top: none;
  width: 150px;
  text-align: center;
}
.homeschoolers .membership-comparison-table td img {
  width: 50px;
  display: block;
  margin: 0 auto;
}
.homeschoolers .membership-comparison-table td {
  width: 100px;
}
.homeschoolers .membership-comparison-table span.gold-check {
  background: url("../images/gold-checkmark.png") no-repeat top left;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 649px) {
  .homeschoolers .membership-comparison-table {
    width: 325px;
  }
  .homeschoolers .membership-comparison-table th.row-start {
    border-left: none;
    width: 10px;
    font-weight: 100;
  }
  .homeschoolers .membership-comparison-table th,
  .homeschoolers .membership-comparison-table td {
    border: 1px solid #999;
    background: transparent;
    padding: 3px 5px;
    font-size: 10px;
  }
  .homeschoolers .membership-comparison-table th {
    border-top: none;
    width: 10px;
  }
  .homeschoolers .membership-comparison-table td img {
    width: 30px;
    display: block;
    margin: 0 auto;
  }
  .homeschoolers .membership-comparison-table td {
    width: 10px;
  }
  .homeschoolers .membership-comparison-table span.gold-check {
    background: url("../images/gold-checkmark.png") no-repeat top left;
    width: 30px;
    height: 30px;
  }
}
.homeschoolers .learn-more .summary-title {
  font-size: 3.5vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.homeschoolers .learn-more .summary-title-content {
  font-size: 2.2vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.tosd-page .row {
  display: flex;
  margin-bottom: 5rem;
}
.tosd-page .row .col {
  display: inline;
  width: 50%;
}
.tosd-page .contact_link {
  display: inline;
  border: 3px solid #fbfbfb;
  font-weight: bolder;
  text-decoration: none;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 2.75vh;
}
.tosd-page .text-align-right {
  text-align: right;
  margin-right: 0.5rem;
}
.tosd-page .text-align-left {
  text-align: left;
  margin-left: 0.5rem;
}

.brochure {
  background-color: #000000;
  color: #ffffff;
  background-size: 100%;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.brochure .content_wrapper {
  margin: 0px auto;
  width: 50%;
  display: inline-block;
  text-align: center;
}
.brochure .title_block {
  vertical-align: middle;
  margin: unset;
  width: 100%;
  color: #ffffff;
}
.brochure .title_block #first_title {
  font-family: "Montserrat Light", sans-serif;
  letter-spacing: 2px;
  font-weight: 750;
  margin: unset;
  font-size: 4.5vh;
}
.brochure #subtitle {
  padding-top: 60px;
}
.brochure #scroll-on {
  padding-top: 10%;
  padding-bottom: 25px;
}
.brochure ul {
  padding-left: 50px;
  list-style-type: disc;
}
.brochure ol {
  padding-left: 50px;
}
.brochure li {
  text-align: left;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.brochure .lk-squeeze .row {
  display: flex;
}
.brochure .lk-squeeze .row .col {
  width: 50%;
}
.brochure .lk-squeeze .row .col img {
  width: 100%;
  object-fit: cover;
}
.brochure .lk-squeeze .row .col-35-percent {
  width: 35%;
}
.brochure .lk-squeeze .row .col-35-percent img {
  width: 100%;
  object-fit: cover;
}
.brochure .lk-squeeze .row .col-65-percent {
  width: 65%;
}
.brochure .lk-squeeze .row .col-65-percent img {
  width: 100%;
  object-fit: cover;
}
.brochure .lk-squeeze .row .col-25-percent {
  width: 25%;
}
.brochure .lk-squeeze .row .col-25-percent img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 649px) {
  .brochure .lk-squeeze .row {
    flex-direction: column;
    padding-bottom: 5rem;
  }
  .brochure .lk-squeeze .row .col {
    width: 100%;
  }
  .brochure .lk-squeeze .row .col-35-percent {
    width: 100%;
  }
  .brochure .lk-squeeze .row .col-35-percent img {
    width: 100%;
    object-fit: cover;
  }
  .brochure .lk-squeeze .row .col-65-percent {
    width: 100%;
  }
  .brochure .lk-squeeze .row .col-65-percent img {
    width: 100%;
    object-fit: cover;
  }
}
.brochure .lk-squeeze .underscoring-success-row {
  display: flex;
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-1 {
  width: 50%;
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-1 img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 649px) {
  .brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-1 {
    width: 100%;
  }
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-2 {
  width: 45.2%;
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-2 img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 649px) {
  .brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-2 {
    width: 90%;
  }
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-3 {
  width: 49.4%;
}
.brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-3 img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 649px) {
  .brochure .lk-squeeze .underscoring-success-row .underscoring-success-image-3 {
    width: 98.5%;
  }
}
@media screen and (max-width: 649px) {
  .brochure .lk-squeeze .world-map {
    width: 100%;
  }
}
.brochure .lk-squeeze .text-content {
  padding-top: 1rem;
  font-size: 20px;
  text-align: left;
}
.brochure .lk-squeeze .show-more {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-size: 20px;
}
.brochure .quote-bg {
  background: #00c9ff;
  padding-bottom: 75px;
  padding-top: 65px;
  text-align: left;
}
.brochure .quote-bg * {
  padding-left: 25%;
  padding-right: 25%;
}
.brochure .quote-bg .quote {
  font-size: 1.5rem;
}
.brochure .quote-bg .citation {
  font-size: 1rem;
}
.brochure .background-img {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 120%), url("../promos/brochure/brochure1.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 649px) {
  .brochure .background-img {
    background-size: 250%;
  }
}
.brochure .background-img {
  padding-top: 15%;
  margin-bottom: 5%;
  background-position: center -50px;
}
.brochure .second-title {
  font-size: 2.5rem;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #ececec;
  text-align: left;
}
.brochure .m-right-2 {
  margin-right: 2rem;
}
@media screen and (min-width: 769px) {
  .brochure .m-left-2 {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 649px) {
  .brochure .m-left-2 {
    margin-top: 2rem;
  }
}
.brochure .expandable {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.6s ease;
}
.brochure .expandable.open {
  max-height: 1600px;
}

html {
  color: white;
  height: 100%;
  font-size: 1em;
}

main {
  flex: 1;
  background-color: white;
  position: relative;
  padding: 0 0 !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 1124px;
}
@media screen and (max-width: 649px) {
  main {
    padding: 0 10px;
  }
}

.top-banner {
  display: inline-block;
  background: #00c9ff;
  color: #fff;
  text-align: center;
  margin: 0px;
}
@media screen and (max-width: 649px) {
  .top-banner {
    padding: 5px 2px;
    font-size: 14px;
  }
}

.region-state-dropdown {
  padding: 6px;
  border: none;
  text-align: center;
  background: #00c9ff;
  color: #fff;
  border: 0;
}
@media screen and (max-width: 991px) {
  .region-state-dropdown {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
  }
}

.at-end {
  align-self: flex-end;
}

.nav-link {
  font-family: unset;
  color: white;
  margin-right: 12px;
  text-decoration: none;
}

.animate-expand {
  transition: width 0.7s;
  transition: width 0.3s ease;
  width: 220px;
}

.search-container.open {
  width: 200px;
}

.search-input {
  background: rgba(255, 255, 255, 0.5);
  border: none;
  font-size: 1.2em;
  height: 38px;
  padding: 0 40px 0 5px; /* Added right padding for the X button */
  width: 100%;
  padding-right: 30px; /* Make room for close icon */
  box-sizing: border-box;
}

.search-close {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  font-size: 1.2em;
  cursor: pointer;
  color: #555;
}

.njctl-footer {
  background-color: #000;
  margin-top: auto;
  color: white;
  width: 100%;
}

footer {
  margin: 0;
}

.max-width-wrapper {
  position: relative;
  padding: 0 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1124px;
}
@media screen and (max-width: 649px) {
  .max-width-wrapper {
    padding: 0 10px;
  }
}

.container {
  position: relative;
  margin: 0 auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.row {
  display: flex;
  flex-direction: row;
}

.padded {
  padding: 1px;
}

.col {
  display: flex;
  flex-direction: column;
}

.expanding {
  justify-content: space-between;
}

.no-margins {
  margin: 0;
}

.icon-search {
  background: url(../images/icon-search-grey@2x.png) no-repeat 50%;
  background-size: 16px;
  cursor: pointer;
  display: block;
  float: right;
  height: 38px;
  width: 38px;
  margin-right: 10px;
}
.search-close::before {
  content: "×";
}

.breadcrumb-container {
  margin: 0px 0px 0px 0px !important;
  padding: 0px !important;
}

.breadcrumb-wrap .lk-squeeze {
  height: auto;
}

.breadcrumb-links {
  margin: 0px 0px 0px 0px !important;
  text-decoration: none !important;
}

.breadcrumb-item-container {
  display: flex !important;
  align-items: center !important;
  padding: 1rem 1rem 1rem 0rem !important;
}

.accent-1 {
  color: #00c9ff;
}

.accent-1-white-background {
  color: #118daf;
}

.col-form {
  display: flex !important;
  margin: 0px 0px 0px 0px !important;
  flex-direction: column !important;
  padding: 1rem !important;
  gap: 24px;
}

.btn {
  background-image: none;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  border-style: solid;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 0;
  padding: 6px 12px 6px;
  text-align: center;
  text-shadow: none;
}

.btn-med {
  display: inline-block;
  width: 300px;
  padding: 1rem;
  font-size: 1em;
}

.btn-primary {
  background: #00c9ff;
  color: #fff;
  border: 0;
}

ul {
  list-style-type: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay form {
  z-index: 50;
  background: white;
  padding: 50px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 400px) {
  .overlay form .radio-buttons-wrap {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 400px) {
  .overlay form .radio-buttons-wrap :first-child {
    padding-right: 30px;
  }
}
.overlay form p {
  margin-bottom: 15px;
}
.overlay form button {
  margin-top: 25px;
}

/*****************************************************************************\
                              ¡MESSAGES
\*****************************************************************************/
.messagelist {
  border: 1px solid;
  padding: 15px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 1em;
  height: 39px;
  line-height: 24px;
  padding: 0 35px 0 10px;
}

.helper-text {
  display: block;
  margin: -18px 0 0;
}

.has-subnav .lk-squeeze.message-container,
.gradient-header .lk-squeeze.message-container {
  position: absolute;
  max-width: inherit;
  z-index: 1;
  top: 150px;
}
.has-subnav .lk-squeeze.message-container.errors,
.gradient-header .lk-squeeze.message-container.errors {
  display: inline-table;
}

.gradient-header .lk-squeeze.message-container {
  top: 100px;
}

.has-breadcrumb .lk-squeeze.message-container {
  top: inherit;
  position: inherit;
  z-index: inherit;
  max-width: inherit;
}

/*****************************************************************************\
                                  ¡REGISTER
\*****************************************************************************/
.register .address {
  font-weight: 600;
  padding-left: 20px;
}
.register .register-form > div {
  float: left;
  height: 70px;
  width: calc(50% - 5px);
}
.register .register-form > div:nth-of-type(2n) {
  margin-left: 10px;
}
.register label {
  clear: right;
  display: block;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 1.05em;
  font-weight: 600;
  color: #555;
}
.register label.interest {
  display: inline-block;
  margin-right: 20px;
}
.register input,
.register select {
  background-color: transparent;
  border: 1px solid;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  display: inline-block;
  font-size: 1em;
  line-height: 24px;
  min-width: 300px;
  padding: 3px 10px;
  width: 100%;
}
.register input[type=submit],
.register select[type=submit] {
  background: #5cb85c;
  border-color: #4cae4c;
  border-radius: 5px;
  border: none;
  color: white;
  float: right;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 10px;
  max-width: 300px;
  padding: 10px;
  text-transform: uppercase;
}
.register input[type=checkbox],
.register select[type=checkbox] {
  width: initial;
  min-width: initial;
  margin-left: 10px;
}

/*****************************************************************************\
                                  ¡ICONS
\*****************************************************************************/
.attachment-downloadable .fa {
  font-size: 1.25em;
}
.attachment-downloadable .fa.fa-file-notebook-o {
  background-image: url("../images/icon-notebook.svg");
  height: 1em;
  margin-bottom: -0.6em;
  margin-top: -1em;
  position: relative;
  top: -8px;
  width: 0.86em;
}
.attachment-downloadable .fa.fa-file-notebook-o::before {
  content: " ";
}
.attachment-downloadable .fa + span {
  margin-left: 10px;
}

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.hidden {
  display: none;
}

/*****************************************************************************\
                                  ¡ICONS
\*****************************************************************************/
.lk-squeeze.lk-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 7px;
}
.lk-squeeze.lk-header::after {
  content: none;
  display: none;
}
.lk-squeeze.lk-header .right-side {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-evenly;
  align-items: flex-end;
}
.lk-squeeze.lk-header .right-side .button-row {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
@media screen and (max-width: 649px) {
  .lk-squeeze.lk-header .right-side .button-row .account-links,
  .lk-squeeze.lk-header .right-side .button-row .search-tool {
    display: none;
  }
}
.lk-squeeze.lk-header .right-side .button-row .account-links {
  margin-right: 5px;
}
.lk-squeeze.lk-header .right-side .button-row .account-links a {
  font-family: unset;
  color: white;
  margin-right: 12px;
}
.lk-squeeze.lk-header .right-side .button-row .donate-links {
  margin-left: 5px;
}
.lk-squeeze.lk-header .right-side .button-row .donate-links a {
  background-color: #00c9ff;
}
.lk-squeeze.lk-header .right-side .mobile-links {
  display: none;
}
.lk-squeeze.lk-header .right-side .mobile-links .search-container {
  min-height: 1rem;
}
.lk-squeeze.lk-header .right-side .mobile-links .search-container .search-tool form {
  width: 230px;
}
.lk-squeeze.lk-header .right-side .mobile-links .search-container .search-tool form .btn {
  display: none;
}
@media screen and (max-width: 649px) {
  .lk-squeeze.lk-header .right-side .mobile-links {
    display: inline;
  }
  .lk-squeeze.lk-header .right-side .mobile-links .search-container {
    min-height: 2rem;
  }
  .lk-squeeze.lk-header .right-side .mobile-links .search-container .search-tool form {
    width: 80%;
  }
  .lk-squeeze.lk-header .right-side .mobile-links .search-container .search-tool form .btn {
    display: none;
  }
}

.alert {
  padding: 1.2rem;
  margin-bottom: 15px;
}
.alert h1 {
  padding: 1rem;
  font-size: 1.5rem;
  margin-top: 0;
}
.alert p {
  padding: 0rem 0rem 1rem 1rem;
}

.warning {
  background-color: #ff9650 !important;
  color: white !important;
}

.learn-more .summary-title {
  font-size: 3.5vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.learn-more .summary-title-content {
  font-size: 2.2vh;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.learn-more ul {
  list-style-type: disc;
  text-align: left;
}
.learn-more ul li {
  margin-bottom: 1rem;
  margin-left: 2rem;
  font-size: 2.2vh;
}

.disable {
  color: gray !important;
  background-color: gray !important;
  cursor: default;
}

/*# sourceMappingURL=styles.css.map */