/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

body {
  font-family: "Lato", sans-serif;
  font-size: 15px;
  border-top: 10px solid #782B90;
}
body.full-page {
  border-top: none;
}

p {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Lato", arial, sans-serif;
}

a {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #027CC2;
  text-decoration: underline;
}
a:hover {
  color: #027CC2;
}
a:active, a:focus {
  color: #ED1B31;
}

h1 {
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
}
@media (max-width: 991.98px) {
  h1 {
    font-size: 28px;
    line-height: 35px;
  }
}

h2 {
  font-weight: 900;
  font-size: 23px;
  line-height: 27px;
  font-family: "Lato", sans-serif;
  margin-bottom: 24px;
}

h3 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
}

h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  font-family: "Lato", sans-serif;
}

.pRight {
  padding-right: 30px;
}
@media (max-width: 1199.98px) {
  .pRight {
    padding-right: 15px;
  }
}

.pLeft {
  padding-left: 30px;
}
@media (max-width: 1199.98px) {
  .pLeft {
    padding-left: 15px;
  }
}

.button {
  font-family: "Lato", sans-serif;
  display: inline-block;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 0px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: #782B90;
  color: #FFFFFF !important;
  border: none;
}
.button[type=submit] {
  min-width: 180px;
}
.button:hover {
  background: #474c55;
  text-decoration: none;
}
.button:active {
  background: #602174;
  text-decoration: none;
}
.button.course {
  padding: 8px 14px;
  background: #782B90;
}
.button.course:hover {
  background: #474c55;
}
.button.course:active {
  background: #602174;
  text-decoration: none;
}
.button.course.disabled {
  background: #c4c4c4;
  cursor: normal;
}

.flash {
  cursor: pointer;
}
.flash.hidden {
  display: none;
}
.flash .glefFlashClose {
  float: right;
  margin-top: 5px;
}
.flash .glefFlashClose:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: block;
  font-weight: 900;
}

.external:after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  display: inline-block;
  font-weight: 900;
  margin-left: 4px;
}

.band.negMarginTop {
  margin-top: -50px;
}
@media (max-width: 1199.98px) {
  .band.negMarginTop {
    margin-top: 0;
  }
}
.band.lightblue {
  background: #F6F9FC;
}
.band.angledBackground {
  background: linear-gradient(358deg, #F6F9FC 90%, #FFFFFF 10%);
}
@media (max-width: 1199.98px) {
  .band.angledBackground {
    background: #F6F9FC;
  }
}

.caption {
  font-style: italic;
  font-size: 11px;
  line-height: 17px;
  padding-bottom: 10px;
}

.quoteBox {
  display: block;
  position: relative;
  padding: 40px 50px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 700;
  color: #FFFFFF;
  background: #782B90;
  border-bottom: 10px solid #42387E;
}
.quoteBox p {
  font-size: 15px;
  line-height: 26px;
  font-weight: 700;
}
.quoteBox:after {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  font-size: 60px;
  color: #FFFFFF;
  display: block;
  font-weight: 900;
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 1;
  opacity: 0.2;
}
.quoteBox.inverted {
  background: #782B90;
  border-bottom: 10px solid #08576A;
}
.quoteBox.inverted:before {
  color: #432791;
}
.quoteBox .inner {
  position: relative;
  z-index: 2;
}
.quoteBox .inner > span {
  display: block;
  padding-top: 20px;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.quoteBox .inner p.last {
  padding-bottom: 0;
  margin-bottom: 0;
}

.topArea .subtitle {
  font-size: 13px;
  color: #782B90;
  text-transform: uppercase;
  line-height: 33px;
}
.topArea .subtitle a {
  color: #027cc2;
  font-weight: normal;
  text-decoration: none;
}
.topArea h1 {
  padding-bottom: 10px;
}
.topArea .introText {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  line-height: 32px;
  padding-bottom: 140px;
  min-height: 260px;
}
@media (max-width: 991.98px) {
  .topArea .introText {
    min-height: auto;
    padding-bottom: 40px;
  }
}

.containTopPic {
  height: 210px;
}
@media (max-width: 767.98px) {
  .containTopPic {
    padding-left: 0;
    padding-right: 0;
  }
}
.containTopPic .topPic {
  height: 300px;
  position: absolute;
  width: 125%;
  top: -100px;
  left: 15px;
}
@media (max-width: 991.98px) {
  .containTopPic .topPic {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    height: 200px;
  }
}

#loginSheet {
  width: 550px;
  height: 100%;
  position: fixed;
  background: #FFFFFF;
  top: 0;
  right: -600px;
  z-index: 10;
  padding: 30px 30px 20px 60px;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.25);
  transition: right 0.25s ease-in-out;
  overflow-y: auto;
}
#loginSheet.open {
  right: 0;
}
#loginSheet .toggleLoginSheet {
  text-decoration: none;
  font-weight: normal;
  display: flex;
  align-items: center;
}
#loginSheet .toggleLoginSheet > i {
  font-size: 26px;
  margin-left: 10px;
}
@media (max-width: 1199.98px) {
  #loginSheet {
    display: none;
  }
}
#loginSheet .topCol {
  padding-bottom: 30px;
  padding-top: 60px;
}
#loginSheet .loginForm {
  padding-bottom: 60px;
}
#loginSheet .loginForm .row > .col-xs-12,
#loginSheet .loginForm .row > .col-xs-11 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
#loginSheet .loginForm label {
  font-weight: 700;
}
#loginSheet .loginForm .checkbox input[type=checkbox] {
  margin-right: 10px;
}
#loginSheet .loginForm .checkbox label {
  font-weight: normal;
  display: inline;
}
#loginSheet .loginForm .button {
  margin-top: 30px;
}
#loginSheet .sso {
  padding-bottom: 0;
}

#navigation {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
  #navigation {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
}
#navigation .mark {
  width: 160px;
  height: 52px;
  background: url("/front/img/logo/dkp-logo.svg") top left no-repeat;
  background-size: contain;
  display: block;
}
#navigation .navLinks {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
#navigation .navLinks > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 30px;
  font-size: 13px;
  position: relative;
  display: block;
  line-height: 33px;
  text-transform: capitalize;
}
#navigation .navLinks > li:first-child {
  margin-left: 0;
}
#navigation .navLinks > li a {
  display: block;
  color: #5C529F;
  text-decoration: none;
  padding: 0;
  position: relative;
  cursor: pointer;
  border-bottom: 3px solid #FFFFFF;
}
#navigation .navLinks > li a.active {
  border-bottom: 3px solid #782B90;
  color: #782B90;
}
#navigation .navLinks > li a.active:hover {
  color: #782B90;
}
#navigation .navLinks > li a:hover {
  color: #782B90;
}
#navigation .navLinks > li a.login, #navigation .navLinks > li a.signup {
  color: #782B90;
}
#navigation .navLinks > li a.login.active, #navigation .navLinks > li a.signup.active {
  border-bottom: 3px solid #782B90;
}
#navigation .navLinks > li a.login.active:hover, #navigation .navLinks > li a.signup.active:hover {
  color: #782B90;
}
#navigation .navLinks > li a.login:hover, #navigation .navLinks > li a.signup:hover {
  color: #0089bc;
}
#navigation .navLinks > li a span.full {
  display: inline;
}
#navigation .navLinks > li a span.short {
  display: none;
}
@media (min-width: 1200px) {
  #navigation .navLinks > li a span.full {
    display: none;
  }
  #navigation .navLinks > li a span.short {
    display: inline;
  }
}
#navigation .responsiveNav {
  z-index: 1001;
}
#navigation .responsiveNav button {
  cursor: pointer;
  color: #00AEEF;
}
#navigation .responsiveNav button:hover {
  opacity: 1 !important;
}
@media (max-width: 1199.98px) {
  #navigation .responsiveNav button.hamburger {
    padding: 0;
  }
  #navigation .responsiveNav button .hamburger-inner {
    top: 6px;
    width: 36px;
    background-color: #782B90;
  }
  #navigation .responsiveNav button .hamburger-inner:after, #navigation .responsiveNav button .hamburger-inner:before {
    width: 36px;
    background-color: #782B90;
  }
  #navigation .responsiveNav button .hamburger-inner:before {
    width: 28px;
  }
}

.navMenuMobile {
  display: none;
}
@media (max-width: 1199.98px) {
  .navMenuMobile {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: #FFFFFF;
    z-index: 1030;
  }
  .navMenuMobile.active {
    display: block;
  }
  .navMenuMobile .interior,
  .navMenuMobile .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navMenuMobile .interior ul,
  .navMenuMobile .container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .navMenuMobile .interior ul > li,
  .navMenuMobile .container ul > li {
    margin: 0;
    padding: 0 0 20px 0;
  }
}
@media (max-width: 1199.98px) and (max-width: 767.98px) {
  .navMenuMobile .interior ul > li,
  .navMenuMobile .container ul > li {
    padding-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .navMenuMobile .interior ul > li > a,
  .navMenuMobile .container ul > li > a {
    display: block;
    padding: 10px 4px 10px 0;
    color: #782B90;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
  }
  .navMenuMobile .interior ul > li > a.login, .navMenuMobile .interior ul > li > a.signup,
  .navMenuMobile .container ul > li > a.login,
  .navMenuMobile .container ul > li > a.signup {
    color: #027cc2;
  }
}
#footer {
  background: linear-gradient(90deg, #161616 50%, #000000 50%);
  color: #FFFFFF;
  font-size: 12px;
}
@media (max-width: 991.98px) {
  #footer {
    background: linear-gradient(180deg, #161616 61%, #000000 39%);
  }
}
#footer a {
  color: #FFFFFF;
  font-weight: normal;
}
#footer .leftCol {
  background: #161616;
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 991.98px) {
  #footer .leftCol {
    padding-top: 40px;
  }
}
#footer .leftCol .inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 50px 0;
}
@media (max-width: 991.98px) {
  #footer .leftCol .inner ul {
    padding-bottom: 20px;
  }
}
#footer .leftCol .inner ul li {
  padding-bottom: 8px;
}
#footer .leftCol .inner ul li a {
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
#footer .leftCol .inner ul li.bordered div {
  width: 20px;
  height: 1px;
  background: #782B90;
}
#footer .leftCol .inner .copy a {
  font-weight: normal;
  color: #FFFFFF;
}
#footer .rightCol {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media (max-width: 991.98px) {
  #footer .rightCol {
    padding-top: 40px;
  }
}
#footer .rightCol .inner {
  padding-left: 10px;
}
#footer .rightCol .inner .mark {
  width: 160px;
  height: 32px;
  background: url("/front/img/logo/dkp-footer-logo.svg") top left no-repeat;
  background-size: contain;
}
#footer .rightCol .inner .block {
  padding-top: 40px;
  line-height: 21px;
}
@media (max-width: 991.98px) {
  #footer .rightCol .inner .block {
    padding-top: 30px;
  }
}

#privacy {
  padding-bottom: 80px;
}
#privacy h1 {
  padding-bottom: 30px;
}
#privacy.terms .checkbox {
  padding-top: 30px;
  position: relative;
}
#privacy.terms label {
  font-weight: bold;
  max-width: 90%;
  padding-left: 20px;
}
#privacy.terms input[type=checkbox] {
  position: absolute;
  top: 36px;
  left: 0;
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#home {
  overflow-x: hidden;
}
#home .wrapper-angle-bg {
  position: relative;
}
#home .angled-bg {
  padding-top: 40px;
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(177deg, #FFFFFF 50%, #F6F9FC 50%);
  height: 200px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  #home .angled-bg {
    display: none;
  }
}
#home .introCol {
  padding-top: 20px;
  padding-bottom: 200px;
}
@media (max-width: 1199.98px) {
  #home .introCol {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  #home .introCol {
    padding-top: 0;
  }
}
#home .introCol h1 {
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  #home .introCol h1 {
    padding-bottom: 20px;
  }
}
#home .introCol .links {
  padding-top: 40px;
}
@media (max-width: 991.98px) {
  #home .introCol .links {
    padding-top: 20px;
  }
}
#home .introCol .links .button {
  min-width: 160px;
}
#home .introCol .links .button:first-child {
  margin-right: 20px;
}
@media (max-width: 991.98px) {
  #home .introCol .links .button {
    min-width: 100%;
  }
  #home .introCol .links .button:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#home .pictureCol {
  height: 600px;
}
@media (max-width: 1199.98px) {
  #home .pictureCol {
    height: 430px;
  }
}
#home .pictureCol .picture {
  background: url("../img/home/Home_Main_C.jpg") top right no-repeat;
  background-size: 100%;
  height: 600px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #home .pictureCol .picture {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/home/Home_Main_C@2x.jpg");
    background-size: 100%;
  }
}
#home .pictureCol .picture .caption {
  position: absolute;
  bottom: -30px;
  right: 25px;
  z-index: 8;
}
@media (max-width: 1199.98px) {
  #home .pictureCol .picture {
    height: 400px;
    background-position: top 25% center;
  }
  #home .pictureCol .picture .caption {
    bottom: 0;
  }
}
#home .experts .leftCol {
  padding-top: 80px;
  padding-bottom: 240px;
}
@media (max-width: 1199.98px) {
  #home .experts .leftCol {
    padding-bottom: 60px;
    padding-top: 60px;
  }
}
#home .experts .rightCol {
  display: flex;
  flex-flow: column;
}
#home .experts .rightCol .quoteBox {
  margin: 60px -15px 0 -15px;
}
@media (max-width: 1199.98px) {
  #home .experts .rightCol .quoteBox {
    margin-top: 0;
  }
}
#home #carousel {
  margin-top: -140px;
}
@media (max-width: 1199.98px) {
  #home #carousel {
    margin-top: 60px;
  }
}
#home #carousel .splide {
  padding-top: 20px;
}
#home #carousel .splide .splide__track {
  padding-top: 20px;
}
#home #carousel .splide .splide__slide {
  transition: opacity 0.15s ease-in-out, background 0.25s ease-in-out;
  color: #FFFFFF;
  min-height: 200px;
  display: flex;
}
#home #carousel .splide .splide__slide > a,
#home #carousel .splide .splide__slide div {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  justify-content: flex-end;
  color: #FFFFFF;
  text-decoration: none;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  #home #carousel .splide .splide__slide > a,
  #home #carousel .splide .splide__slide div {
    font-size: 16px;
  }
}
#home #carousel .splide .splide__slide > a:hover,
#home #carousel .splide .splide__slide div:hover {
  color: #FFFFFF;
}
#home #carousel .splide .splide__slide > a:hover span,
#home #carousel .splide .splide__slide div:hover span {
  display: block;
}
#home #carousel .splide .splide__slide > a span,
#home #carousel .splide .splide__slide div span {
  display: none;
  padding-bottom: 16px;
  font-style: italic;
  font-size: 18px;
}
@media (max-width: 767.98px) {
  #home #carousel .splide .splide__slide > a span,
  #home #carousel .splide .splide__slide div span {
    font-size: 16px;
  }
}
#home #carousel .splide .splide__slide.blue {
  background: #782B90;
}
#home #carousel .splide .splide__slide.blue:hover {
  background: #571f69;
}
#home #carousel .splide .splide__slide.purple {
  background: #782B90;
}
#home #carousel .splide .splide__slide.purple:hover {
  background: #571f69;
}
#home #carousel .splide .splide__slide.darkPurple {
  background: #782B90;
}
#home #carousel .splide .splide__slide.darkPurple:hover {
  background: #571f69;
}
#home #carousel .splide .splide__slide:before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  top: -20px;
  left: 10px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
}
#home #carousel .splide .splide__slide.apes:before {
  background-image: url("../img/course_icons/APES.svg");
}
#home #carousel .splide .splide__slide.apgov:before {
  background-image: url("../img/course_icons/AP_GOV.svg");
}
#home #carousel .splide .splide__slide.ela:before {
  background-image: url("../img/course_icons/Grade_9_ELA.svg");
}
#home #carousel .splide .splide__slide.sci3:before {
  background-image: url("../img/course_icons/Grade_3_Science.svg");
}
#home #carousel .splide .splide__slide.sci4:before {
  background-image: url("../img/course_icons/Grade_4_Science.svg");
}
#home #carousel .splide .splide__slide.sci5:before {
  background-image: url("../img/course_icons/Grade_5_Science.svg");
}
#home #carousel .splide .splide__slide.sci6:before {
  background-image: url("../img/course_icons/Grade_6_Science.svg");
}
#home #carousel .splide .splide__slide.sci7:before {
  background-image: url("../img/course_icons/Grade_7_Science.svg");
}
#home #carousel .splide .splide__slide.sci8:before {
  background-image: url("../img/course_icons/Grade_8_Science.svg");
}
#home #carousel .splide .splide__slide.phys:before {
  background-image: url("../img/course_icons/AP_Physics.svg");
}
#home #carousel .splide .splide__arrows {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 10px);
  width: 100%;
  padding: 0 6%;
}
@media (min-width: 1200px) {
  #home #carousel .splide .splide__arrows {
    padding: 0 10%;
  }
}
@media (max-width: 991.98px) {
  #home #carousel .splide .splide__arrows {
    padding: 0 21%;
  }
}
@media (max-width: 767.98px) {
  #home #carousel .splide .splide__arrows {
    padding: 0 14%;
  }
}
#home #carousel .splide .splide__arrows .splide__arrow {
  width: 50px;
  height: 50px;
  background-color: #FFFFFF;
  border: 6px solid #FFFFFF;
  border-radius: 100px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  position: relative;
  z-index: 1;
}
#home #carousel .splide .splide__arrows .splide__arrow svg {
  display: none;
}
#home #carousel .splide .splide__arrows .splide__arrow:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: block;
  font-weight: 900;
  font-size: 30px;
  color: #782B90;
  position: absolute;
  top: 0;
  left: 13px;
}
#home #carousel .splide .splide__arrows .splide__arrow:hover:before {
  color: #371441;
}
#home #carousel .splide .splide__arrows .splide__arrow.splide__arrow--prev:before {
  content: "\f104";
  top: 0;
  left: 10px;
}
#home #carousel .splide .splide__pagination {
  margin: 0;
  padding: 20px 0 0 0;
  width: 100%;
}
#home #carousel .splide .splide__pagination li {
  margin: 0 10px;
}
#home #carousel .splide .splide__pagination li button {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.25);
  padding: 0;
  border: none;
}
#home #carousel .splide .splide__pagination li button.is-active {
  background: #00AEEF;
}
#home .edgePictureRow {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  #home .edgePictureRow {
    margin-left: -30px;
    margin-right: -30px;
  }
}
#home .edgePictureRow .edgeBlock .edgePic {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 400px;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  #home .edgePictureRow .edgeBlock .edgePic {
    position: relative;
  }
}
#home .edgePictureRow .edgeBlock .caption {
  position: absolute;
  top: 410px;
  left: 0;
}
@media (max-width: 1199.98px) {
  #home .edgePictureRow .edgeBlock .caption {
    position: relative;
    top: 10px;
  }
}
@media (max-width: 991.98px) {
  #home .edgePictureRow .edgeBlock .caption {
    left: 15px;
    padding-right: 15px;
  }
}
#home .edgePictureRow.pblPic {
  padding-top: 80px;
}
#home .edgePictureRow.pblPic .edgeBlock .edgePic {
  background: url("../img/home/Home_02_PBL_C.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #home .edgePictureRow.pblPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/home/Home_02_PBL_C@2x.jpg");
    background-size: cover;
  }
}
#home .edgePictureRow.platformPic {
  justify-content: flex-start;
  padding-top: 50px;
}
@media (max-width: 1199.98px) {
  #home .edgePictureRow.platformPic {
    padding-top: 80px;
    margin-bottom: -44px;
  }
}
#home .edgePictureRow.platformPic .edgeBlock .edgePic {
  margin-top: -50px;
  background: url("../img/home/Home_03_Platform_C.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #home .edgePictureRow.platformPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/home/Home_03_Platform_C@2x.jpg");
    background-size: cover;
  }
}
#home .edgePictureRow.platformPic .edgeBlock .caption {
  left: auto;
  right: 70px;
  top: 360px;
  text-align: right;
}
@media (max-width: 1199.98px) {
  #home .edgePictureRow.platformPic .edgeBlock .caption {
    top: 10px;
  }
}
@media (max-width: 991.98px) {
  #home .edgePictureRow.platformPic .edgeBlock .caption {
    right: 10px;
    left: auto;
    padding-right: 0;
  }
}
#home .pbl {
  padding-top: 0;
  padding-bottom: 0;
}
#home .pbl .leftCol {
  padding-top: 50px;
  padding-bottom: 140px;
}
@media (max-width: 1199.98px) {
  #home .pbl .leftCol {
    padding-bottom: 60px;
  }
}
#home .pbl .leftCol .links {
  padding-top: 34px;
}
#home .platform .rightCol {
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 1199.98px) {
  #home .platform .rightCol {
    padding-bottom: 60px;
  }
}
#home .platform .rightCol .links {
  padding-top: 34px;
}
#home .oer .leftCol {
  padding-top: 120px;
}
@media (max-width: 1199.98px) {
  #home .oer .leftCol {
    padding-top: 60px;
  }
}
#home .oer .rightCol {
  padding-top: 80px;
  padding-bottom: 40px;
  flex-flow: column;
}
@media (max-width: 1199.98px) {
  #home .oer .rightCol {
    padding-top: 40px;
  }
}
@media (max-width: 767.98px) {
  #home .oer .rightCol {
    padding-left: 0;
    padding-right: 0;
  }
}
#home .oer .rightCol .quoteBox {
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  #home .oer .rightCol .quoteBox {
    margin-bottom: 0;
  }
}
#home .oer .rightCol .oerImage {
  background: url("../img/home/Home_04_OER_C.jpg") top left no-repeat;
  background-size: cover;
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #home .oer .rightCol .oerImage {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/home/Home_04_OER_C@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 991.98px) {
  #home .oer .rightCol .oerImage {
    background-position: center;
  }
}
#home .oer .rightCol .caption {
  padding-top: 10px;
}
@media (max-width: 991.98px) {
  #home .oer .rightCol .caption {
    padding: 10px;
  }
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#pbl {
  overflow-x: hidden;
}
#pbl .topPic {
  background-size: cover;
  background: url("../img/pbl/PBL_Banner_C.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #pbl .topPic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/pbl/PBL_Banner_C@2x.jpg");
    background-size: cover;
  }
}
#pbl .underPic {
  padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
  #pbl .underPic {
    padding-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  #pbl .underPic {
    padding-bottom: 20px;
  }
}
#pbl .define {
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #pbl .define {
    padding-bottom: 60px;
  }
  #pbl .define h2 {
    padding-top: 10px;
  }
}
@media (max-width: 991.98px) {
  #pbl .define {
    padding-bottom: 40px;
  }
  #pbl .define h2 {
    padding-top: 20px;
  }
}
#pbl .define .definitions {
  padding-top: 30px;
}
@media (max-width: 1199.98px) {
  #pbl .define .definitions:last-child {
    padding-top: 0;
  }
}
#pbl .define .definitions .inner {
  padding-left: 90px;
  padding-right: 20px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 76px;
}
@media (max-width: 1199.98px) {
  #pbl .define .definitions .inner {
    padding-bottom: 20px;
  }
}
#pbl .define .definitions .inner.learn {
  background-image: url("../img/courses/Icons_Learn.svg");
}
#pbl .define .definitions .inner.understand {
  background-image: url("../img/courses/Icons_Understand.svg");
}
#pbl .define .definitions .inner.interact {
  background-image: url("../img/courses/Icons_Interact.svg");
}
#pbl .define .definitions .inner.invest {
  background-image: url("../img/courses/Icons_Invested.svg");
}
@media (max-width: 991.98px) {
  #pbl .define .definitions .inner {
    padding-left: 0;
    padding-right: 0;
    padding-top: 70px;
    background-size: 56px;
  }
  #pbl .define .definitions .inner h4 {
    font-size: 15px;
  }
}
#pbl .edgePictureRow {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  #pbl .edgePictureRow {
    margin-left: -30px;
    margin-right: -30px;
  }
}
#pbl .edgePictureRow .edgeBlock .edgePic {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 600px;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  #pbl .edgePictureRow .edgeBlock .edgePic {
    position: relative;
    height: 400px;
  }
}
#pbl .edgePictureRow.researchPic .edgeBlock .edgePic {
  margin-top: -50px;
  background: url("../img/pbl/PBL_02.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #pbl .edgePictureRow.researchPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/pbl/PBL_02@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 1199.98px) {
  #pbl .edgePictureRow.researchPic .edgeBlock .edgePic {
    margin-top: 0;
  }
}
#pbl .research .leftCol {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #pbl .research .leftCol {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#pbl .research .leftCol ul {
  margin: 0;
  padding: 0px 0 20px 20px;
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#curriculum {
  overflow-x: hidden;
}
#curriculum .topPic {
  background-size: cover;
  background: url("../img/curriculum/Courses_Banner.jpg") top left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #curriculum .topPic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/curriculum/Courses_Banner@2x.jpg");
    background-size: cover;
  }
}
#curriculum .courses {
  padding-bottom: 60px;
}
#curriculum .curriculumBrowser .browserTabs {
  padding-top: 30px;
  border-bottom: 1px solid #707070;
}
#curriculum .curriculumBrowser .browserTabs .tabLink {
  display: inline-block;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 35px;
  margin-right: 26px;
  font-weight: 500;
  cursor: pointer;
}
#curriculum .curriculumBrowser .browserTabs .tabLink:last-child {
  margin-right: 0;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.active {
  color: #782B90;
  border-bottom: 3px solid #782B90;
  margin-bottom: -2px;
}
#curriculum .curriculumBrowser .browserTabs .tabLink:hover {
  color: #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.elementary.active {
  color: #782B90;
  border-bottom: 3px solid #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.elementary:hover {
  color: #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.middle.active {
  color: #782B90;
  border-bottom: 3px solid #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.middle:hover {
  color: #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.high.active {
  color: #782B90;
  border-bottom: 3px solid #782B90;
}
#curriculum .curriculumBrowser .browserTabs .tabLink.high:hover {
  color: #782B90;
}
@media (max-width: 1199.98px) {
  #curriculum .curriculumBrowser .browserTabs {
    border: 1px solid #999;
    padding: 6px 10px;
    margin-top: 20px;
    background: #FFFFFF;
  }
  #curriculum .curriculumBrowser .browserTabs:after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    display: block;
    font-weight: 900;
    position: absolute;
    font-size: 30px;
    right: 26px;
    top: 30px;
    color: #00AEEF;
  }
  #curriculum .curriculumBrowser .browserTabs .tabLink {
    display: none;
    margin: 0;
  }
  #curriculum .curriculumBrowser .browserTabs .tabLink.active {
    border-bottom: none !important;
    margin-bottom: 0;
  }
  #curriculum .curriculumBrowser .browserTabs .tabLink.active {
    display: block;
  }
  #curriculum .curriculumBrowser .browserTabs.open .tabLink {
    display: block;
  }
  #curriculum .curriculumBrowser .browserTabs.open:after {
    content: "\f0d8";
  }
}
#curriculum .curriculumBrowser #courseBoxes {
  padding-top: 80px;
}
@media (max-width: 1199.98px) {
  #curriculum .curriculumBrowser #courseBoxes {
    padding-top: 60px;
  }
}
#curriculum .curriculumBrowser #courseBoxes > div {
  display: flex;
  margin-bottom: 40px;
}
#curriculum .curriculumBrowser #courseBoxes > div.hidden {
  display: none;
}
#curriculum .curriculumBrowser #courseBoxes .inner {
  background: #FFFFFF;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0.5px 0.5px 1px 1px rgba(0, 0, 0, 0.1);
}
#curriculum .curriculumBrowser #courseBoxes .inner.darkPurple {
  border-top: 10px solid #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner.darkPurple .grade {
  color: #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner.purple {
  border-top: 10px solid #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner.purple .grade {
  color: #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner.blue {
  border-top: 10px solid #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner.blue .grade {
  color: #782B90;
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon {
  width: 90px;
  height: 90px;
  margin-top: -46px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.apes {
  background-image: url("../img/course_icons/APES.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.apgov {
  background-image: url("../img/course_icons/AP_GOV.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.ela {
  background-image: url("../img/course_icons/Grade_9_ELA.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.sci3 {
  background-image: url("../img/course_icons/Grade_3_Science.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.sci4 {
  background-image: url("../img/course_icons/Grade_4_Science.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.sci6 {
  background-image: url("../img/course_icons/Grade_6_Science.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.sci7 {
  background-image: url("../img/course_icons/Grade_7_Science.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.sci8 {
  background-image: url("../img/course_icons/Grade_8_Science.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .icon.phys {
  background-image: url("../img/course_icons/AP_Physics.svg");
}
#curriculum .curriculumBrowser #courseBoxes .inner .grade {
  padding: 20px 0 0 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}
#curriculum .curriculumBrowser #courseBoxes .inner .title {
  padding-bottom: 10px;
}
#curriculum .curriculumBrowser #courseBoxes .inner .desc {
  padding-bottom: 20px;
  flex-grow: 1;
}
#curriculum .curriculumBrowser #courseBoxes .inner .links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#curriculum .curriculumBrowser #courseBoxes .inner .links .comingSoon {
  font-size: 15px;
  color: #00AEEF;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  #curriculum .curriculumBrowser #courseBoxes .inner .links .comingSoon {
    font-size: 12px;
  }
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#platform {
  overflow-x: hidden;
}
#platform .topPic {
  background-size: cover;
  background: url("../img/platform/Platform_Banner.jpg") top left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #platform .topPic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/platform/Platform_Banner@2x.jpg");
    background-size: cover;
  }
}
#platform .platform {
  padding-bottom: 60px;
}
#platform .platform .platformLevels {
  margin: 40px 0;
  height: 400px;
  background: url("../img/platform/Platform-Levels.svg") top left no-repeat;
  background-size: contain;
}
@media (min-width: 1200px) {
  #platform .platform .platformLevels {
    margin-bottom: 0;
  }
}
@media (max-width: 1199.98px) {
  #platform .platform .platformLevels {
    background-position: center;
  }
}
@media (max-width: 991.98px) {
  #platform .platform .platformLevels {
    height: 250px;
  }
}
#platform .platform .rightCol,
#platform .platform .leftCol {
  padding-top: 50px;
}
@media (max-width: 1199.98px) {
  #platform .platform .rightCol,
  #platform .platform .leftCol {
    padding-top: 30px;
  }
}
@media (max-width: 1199.98px) {
  #platform .platform .leftCol {
    padding-bottom: 30px;
  }
}
#platform .platform .rightCol {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #platform .platform .rightCol {
    padding-top: 20px;
  }
}
#platform .platform .rightCol ul {
  padding: 0;
  margin: 0;
}
#platform .platform .rightCol ul li {
  padding-bottom: 20px;
  list-style-type: none;
}
#platform .platform .rightCol ul li:last-child {
  padding-bottom: 0;
}
@media (max-width: 1199.98px) {
  #platform .platform .lastRow {
    padding-top: 50px;
  }
}
#platform .video .embedContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
#platform .video .embedContainer iframe,
#platform .video .embedContainer object,
#platform .video .embedContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#platform .video .leftCol {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #platform .video .leftCol {
    padding-top: 60px;
    padding-bottom: 30px;
  }
}
#platform .video .rightCol {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 1199.98px) {
  #platform .video .rightCol {
    padding-bottom: 60px;
  }
}
#platform .edgePictureRow {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  #platform .edgePictureRow {
    margin-left: -30px;
    margin-right: -30px;
  }
}
#platform .edgePictureRow .edgeBlock .edgePic {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 600px;
  background-size: cover;
}
#platform .edgePictureRow.teacherPic .edgeBlock .edgePic {
  margin-top: -50px;
  background: url("../img/platform/Platform_02.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #platform .edgePictureRow.teacherPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/platform/Platform_02@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 1199.98px) {
  #platform .edgePictureRow.teacherPic .edgeBlock .edgePic {
    position: relative;
    height: 400px;
    margin-top: 0;
  }
}
#platform .teacherResources .leftCol {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #platform .teacherResources .leftCol {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#platform .teacherResources .leftCol ul {
  margin: 0;
  padding: 0px 0 0 20px;
}
#platform .teacherResources .leftCol ul ul {
  padding: 20px 0 20px 40px;
}
@media (max-width: 991.98px) {
  #platform .teacherResources .leftCol ul ul {
    padding: 20px 0 20px 20px;
  }
}
#platform .teacherInteractions .leftCol {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #platform .teacherInteractions .leftCol {
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
#platform .teacherInteractions .rightCol {
  background: url("../img/platform/About_Box_Shadow.svg") center no-repeat;
  background-size: 86%;
}
@media (max-width: 1199.98px) {
  #platform .teacherInteractions .rightCol {
    margin-top: 20px;
    padding-bottom: 0;
    background-size: contain;
    overflow: hidden;
    padding-top: 63.0936227951%;
    height: 0;
  }
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#supports {
  overflow-x: hidden;
}
#supports .topPic {
  background-size: cover;
  background: url("../img/supports/TeacherSupports_Banner_C.jpg") top left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #supports .topPic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/supports/TeacherSupports_Banner_C@2x.jpg");
    background-size: cover;
  }
}
#supports .caption {
  padding-bottom: 30px;
}
@media (max-width: 1199.98px) {
  #supports .caption {
    padding-bottom: 0;
  }
}
#supports .adapt {
  padding-bottom: 0px;
}
#supports .adapt .leftCol,
#supports .adapt .rightCol {
  padding-top: 80px;
  padding-bottom: 40px;
}
@media (max-width: 1199.98px) {
  #supports .adapt .leftCol {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
#supports .adapt .rightCol {
  background: url("../img/supports/Supports_Box1_Shadow.svg") center no-repeat;
  background-size: 86%;
}
@media (max-width: 1199.98px) {
  #supports .adapt .rightCol {
    margin-top: 20px;
    padding-bottom: 0;
    background-size: contain;
    overflow: hidden;
    padding-top: 66.1538461538%;
    height: 0;
  }
}
#supports .adapt2 {
  padding-bottom: 60px;
}
#supports .adapt2 .leftCol,
#supports .adapt2 .rightCol {
  padding-top: 80px;
  padding-bottom: 40px;
}
@media (max-width: 1199.98px) {
  #supports .adapt2 .rightCol {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
#supports .adapt2 .leftCol {
  background: url("../img/supports/Supports_Box2_Shadow.svg") center no-repeat;
  background-size: 86%;
}
@media (max-width: 1199.98px) {
  #supports .adapt2 .leftCol {
    padding-bottom: 0;
    background-size: contain;
    overflow: hidden;
    padding-top: 75.3644314869%;
    height: 0;
  }
}
#supports .edgePictureRow {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  #supports .edgePictureRow {
    margin-left: -30px;
    margin-right: -30px;
  }
}
#supports .edgePictureRow .edgeBlock .edgePic {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 600px;
  background-size: cover;
}
#supports .edgePictureRow.professionalPic .edgeBlock {
  margin-top: -50px;
}
@media (max-width: 1199.98px) {
  #supports .edgePictureRow.professionalPic .edgeBlock {
    margin-top: 60px;
  }
}
@media (max-width: 767.98px) {
  #supports .edgePictureRow.professionalPic .edgeBlock {
    margin-top: 0;
  }
}
#supports .edgePictureRow.professionalPic .edgeBlock .banner {
  background: #782B90;
  color: #FFFFFF;
  position: absolute;
  right: 0;
  width: 100%;
  height: 150px;
  padding: 30px 50px 30px 30px;
}
#supports .edgePictureRow.professionalPic .edgeBlock .banner a {
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  #supports .edgePictureRow.professionalPic .edgeBlock .banner {
    position: relative;
    height: auto;
    margin-top: 0;
  }
}
#supports .edgePictureRow.professionalPic .edgeBlock .edgePic {
  top: 170px;
  background: url("../img/supports/TeacherSupports_02.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #supports .edgePictureRow.professionalPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/supports/TeacherSupports_02@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 1199.98px) {
  #supports .edgePictureRow.professionalPic .edgeBlock .edgePic {
    position: relative;
    height: 400px;
    top: 0;
  }
}
#supports .professional .leftCol {
  padding-top: 80px;
  padding-bottom: 240px;
}
@media (max-width: 1199.98px) {
  #supports .professional .leftCol {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#signup .signup-layout {
  gap: 50px;
}
#signup .signup-bg-image {
  background-color: #109fe3;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 1000px;
  background-position: left -210px top -300px;
  background-image: url("/img/signups/dkp_signup_background.jpg");
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
#signup .leftCol .signupForm {
  padding-top: 30px;
  padding-bottom: 80px;
}
#signup .leftCol .signupForm .row > .col-xs-12,
#signup .leftCol .signupForm .row > .col-xs-11 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
#signup .leftCol .signupForm label {
  font-weight: 700;
}
#signup .leftCol .signupForm .checkbox {
  padding-left: 5px;
}
#signup .leftCol .signupForm .checkbox input[type=checkbox] {
  margin-right: 10px;
}
#signup .leftCol .signupForm .checkbox label {
  font-weight: normal;
  display: inline;
  padding-left: 10px;
}
#signup .leftCol .signupForm .padBlock {
  padding-top: 30px;
}
#signup .leftCol .signupForm .formLabel {
  font-weight: 700;
}
#signup .leftCol .signupForm .radio {
  margin-bottom: 0;
}
#signup .leftCol .signupForm .radio label {
  padding: 0 50px 0 6px;
  font-weight: normal;
}
#signup .leftCol .signupForm .error-message {
  color: #D42F59;
}
#signup .leftCol .signupForm .error-message.active {
  display: block;
}
#signup .leftCol .signupForm .header {
  font-family: "Lato", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 27px;
  font-weight: 700;
  padding-bottom: 30px;
  padding-top: 60px;
}
#signup .leftCol .signupForm .header.top {
  padding-top: 0;
}
#signup .rightCol {
  flex-direction: column;
  padding-bottom: 80px;
}
#signup .rightCol .signupPic {
  width: 100%;
  height: 600px;
  background-size: cover;
  background: url("../img/signup/DKP_SignUp_C.jpg") top left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #signup .rightCol .signupPic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/signup/DKP_SignUp_C@2x.jpg");
    background-size: cover;
  }
}
#signup .rightCol .caption {
  padding-top: 10px;
  text-align: right;
}
#signup .rightCol .infoBox {
  margin-top: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  padding: 30px;
}
#signup .rightCol .infoBox h4 {
  color: #782B90;
}
#signup .signup-header {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
#signup .signup-logo-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#signup .signup-bottom-logo {
  position: sticky;
  bottom: 0px;
  z-index: 100;
  padding-bottom: 2rem;
  border-bottom: 5px solid #ED1B31;
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#login .login-layout {
  gap: 50px;
}
#login .login-bg-image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("/img/login/dkp_login_background_2400h.jpg");
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
#login .topCol {
  padding-bottom: 30px;
  padding-top: 60px;
}
@media (max-width: 991.98px) {
  #login .topCol {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767.98px) {
  #login .topCol {
    padding-top: 10px;
  }
}
#login.forgot .forgotCallout {
  padding: 30px 40px;
  background: #f6f9fc;
  margin-bottom: 80px;
}
#login.forgot .forgotCallout p {
  font-size: 14px;
}
#login.forgot .forgotCallout p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
#login .loginForm {
  padding-bottom: 60px;
}
#login .loginForm .row > .col-xs-12,
#login .loginForm .row > .col-xs-11 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
#login .loginForm label {
  font-weight: 700;
}
#login .loginForm .checkbox {
  padding-left: 5px;
}
#login .loginForm .checkbox input[type=checkbox] {
  margin-right: 10px;
}
#login .loginForm .checkbox label {
  font-weight: normal;
  display: inline;
}
#login .loginForm .button {
  margin-top: 30px;
}
#login .login-header {
  font-family: "Lato", sans-serif, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 48px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
#login .logo-layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#login .signup-bottom-logo {
  position: sticky;
  bottom: 0px;
  z-index: 100;
  padding-bottom: 2rem;
  border-bottom: 5px solid #ED1B31;
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

#course {
  overflow-x: hidden;
  /***
  	Science 3 / ML-PBL
  ***/
}
#course .topArea .introText {
  padding-bottom: 40px;
  min-height: auto;
}
#course .topArea .button {
  min-width: 180px;
}
#course .topArea .iconRow {
  padding-top: 100px;
  padding-bottom: 40px;
}
#course .topArea .iconRow.mobile {
  display: none;
}
#course .topArea .iconRow .icon {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin-right: 10px;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
#course .topArea .iconRow .icon:last-child {
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  #course .topArea .iconRow {
    display: none;
  }
  #course .topArea .iconRow.mobile {
    display: block;
    padding-top: 40px;
  }
}
@media (max-width: 991.98px) {
  #course .topArea .iconRow .icon {
    width: 50px;
    height: 50px;
  }
}
#course .topArea .poster {
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: 100%;
  height: 500px;
}
@media (max-width: 1199.98px) {
  #course .topArea .poster {
    margin-top: 40px;
  }
}
#course .topArea .poster.sci3 {
  background-image: url("../img/courses/Science3_Poster.png");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.sci3 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/Science3_Poster@2x.png");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.sci3 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 77.2329246935%;
    height: 0;
  }
}
#course .topArea .poster.sci4 {
  background-image: url("../img/courses/Science4_Poster.png");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.sci4 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/Science4_Poster@2x.png");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.sci4 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 77.2329246935%;
    height: 0;
  }
}
#course .topArea .poster.sci6 {
  background-image: url("../img/courses/6SciencePoster.png");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.sci6 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/6SciencePoster@2x.png");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.sci6 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 77.2329246935%;
    height: 0;
  }
}
#course .topArea .poster.sci7 {
  background-image: url("../img/courses/7SciencePoster.png");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.sci7 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/7SciencePoster@2x.png");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.sci7 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 77.2329246935%;
    height: 0;
  }
}
#course .topArea .poster.sci8 {
  background-image: url("../img/courses/8SciencePoster.png");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.sci8 {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/8SciencePoster@2x.png");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.sci8 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 77.2329246935%;
    height: 0;
  }
}
#course .topArea .poster.ela9 {
  background-image: url("../img/courses/9_ELA.png");
  height: 450px;
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.ela9 {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 89.5333333333%;
    height: 0;
  }
}
#course .topArea .poster.apes {
  background-image: url("../img/courses/APESV2_Poster.png");
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.apes {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 116.375%;
    height: 0;
  }
}
#course .topArea .poster.apgov {
  background-image: url("../img/courses/APGOV_Poster_Full.jpg");
  height: 400px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .topArea .poster.apgov {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/APGOV_Poster_Full@2x.jpg");
    background-size: contain;
  }
}
@media (max-width: 1199.98px) {
  #course .topArea .poster.apgov {
    padding-bottom: 0;
    overflow: hidden;
    padding-top: 86.9421487603%;
    height: 0;
  }
}
#course .pblBand {
  padding-top: 80px;
  padding-bottom: 100px;
}
@media (max-width: 1199.98px) {
  #course .pblBand {
    padding-top: 60px;
  }
}
#course .pblBand h3 {
  padding-bottom: 20px;
}
#course .infoBox {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  padding: 30px;
  background: #FFFFFF;
}
#course .infoBox h4 {
  color: #782B90;
}
#course .infoBox.overlap {
  margin-top: -60px;
}
@media (max-width: 1199.98px) {
  #course .infoBox.overlap {
    margin-bottom: 50px;
  }
}
#course .units {
  padding-bottom: 20px;
}
#course .units h2 {
  padding-bottom: 30px;
}
@media (max-width: 1199.98px) {
  #course .units h2 {
    padding-bottom: 10px;
  }
}
#course .units .row.boxes {
  padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
  #course .units .row.boxes {
    padding-bottom: 0;
  }
  #course .units .row.boxes > div {
    padding-bottom: 40px;
  }
}
#course .units .icon {
  width: 90px;
  height: 90px;
  margin-bottom: 30px;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
#course .units h4 {
  padding-bottom: 10px;
}
#course .units .calloutCol {
  display: flex;
  align-items: center;
}
#course .units .calloutCol .callout {
  padding: 40px;
  background: #f6f9fc;
}
#course .research {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #course .research {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#course .research .statBox {
  margin-top: 30px;
}
#course .research .statBox.left {
  padding-right: 30px;
  border-right: 1px solid #c4c4c4;
}
@media (max-width: 1199.98px) {
  #course .research .statBox.left {
    border-right: none;
    padding-right: 15px;
  }
}
#course .research .statBox.middle {
  border-right: 1px solid #c4c4c4;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1199.98px) {
  #course .research .statBox.middle {
    border-right: none;
    padding-right: 15px;
    padding-left: 15px;
  }
}
#course .research .statBox.right {
  padding-left: 30px;
}
@media (max-width: 1199.98px) {
  #course .research .statBox.right {
    padding-left: 15px;
  }
}
#course .research .statBox .percent {
  font-weight: 700;
  font-size: 72px;
  line-height: 100px;
}
#course .research .statBox .percent.purple {
  color: #00AEEF;
}
#course .research .statBox .percent.darkPurple {
  color: #782B90;
}
#course .research .statBox .percent.blue {
  color: #009fd3;
}
#course .research .statBox p {
  font-weight: 700;
}
#course .edgePictureRow {
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  #course .edgePictureRow {
    margin-left: -30px;
    margin-right: -30px;
  }
}
#course .edgePictureRow .edgeBlock .edgePic {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 500px;
  background-size: cover;
}
@media (max-width: 1199.98px) {
  #course .edgePictureRow .edgeBlock .edgePic {
    position: relative;
    height: 400px;
  }
}
#course .edgePictureRow.researchPic {
  padding-top: 80px;
}
@media (max-width: 1199.98px) {
  #course .edgePictureRow.researchPic {
    padding-top: 0;
  }
}
#course .edgePictureRow.researchPic .edgeBlock .edgePic {
  margin-top: -50px;
  background: url("../img/courses/Image2Science3.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .edgePictureRow.researchPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/Image2Science3@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 991.98px) {
  #course .edgePictureRow.researchPic .edgeBlock .edgePic {
    margin-top: 0;
  }
}
#course .edgePictureRow.sixthEighthPic {
  padding-top: 80px;
}
@media (max-width: 1199.98px) {
  #course .edgePictureRow.sixthEighthPic {
    padding-top: 0;
  }
}
#course .edgePictureRow.sixthEighthPic .edgeBlock .edgePic {
  margin-top: -50px;
  background: url("../img/courses/6-8Science.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .edgePictureRow.sixthEighthPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/6-8Science@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 991.98px) {
  #course .edgePictureRow.sixthEighthPic .edgeBlock .edgePic {
    margin-top: 0;
  }
}
#course .edgePictureRow.apesPic .edgeBlock .edgePic {
  margin-top: -30px;
  background: url("../img/courses/Students_Outside.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .edgePictureRow.apesPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/Students_Outside@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 991.98px) {
  #course .edgePictureRow.apesPic .edgeBlock .edgePic {
    margin-top: 0;
  }
}
#course .edgePictureRow.apgovPic .edgeBlock .edgePic {
  margin-top: -30px;
  background: url("../img/courses/Image1.jpg") center left no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #course .edgePictureRow.apgovPic .edgeBlock .edgePic {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../img/courses/Image1@2x.jpg");
    background-size: cover;
  }
}
@media (max-width: 991.98px) {
  #course .edgePictureRow.apgovPic .edgeBlock .edgePic {
    margin-top: 0;
  }
}
#course .quotes {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #course .quotes {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#course .quotes h2 {
  padding-bottom: 30px;
}
#course .quotes .quoteBox {
  margin-bottom: 20px;
}
#course .signup {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #course .signup {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
#course .signup .button {
  min-width: 180px;
  margin-top: 30px;
}
#course .video {
  padding-top: 80px;
  padding-bottom: 120px;
}
@media (max-width: 1199.98px) {
  #course .video {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
#course .video .rightCol {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #course .video .rightCol {
    padding-top: 30px;
  }
}
#course .video .vjs-big-play-button {
  width: 2em;
  height: 2em;
  border-radius: 4em;
  top: calc(50% - 1em);
  left: calc(50% - 1em);
  background-color: rgba(43, 51, 63, 0.6);
}
#course .video .vjs-big-play-button .vjs-icon-placeholder:before {
  top: 5px;
}
#course .video .video-js .vjs-big-play-button:focus,
#course .video .video-js:hover .vjs-big-play-button {
  background-color: rgba(43, 51, 63, 0.4);
}
#course.sci3 .squirrels {
  background-image: url("../img/courses/Science3_Icons_1_Squirrels.svg");
}
#course.sci3 .toys {
  background-image: url("../img/courses/Science3_Icons_2_Toys.svg");
}
#course.sci3 .birds {
  background-image: url("../img/courses/Science3_Icons_3_Birds.svg");
}
#course.sci3 .plants {
  background-image: url("../img/courses/Science3_Icons_4_Plants.svg");
}
#course.sci3 .iconRow {
  padding-bottom: 20px;
}
#course.sci4 .earth {
  background-image: url("../img/courses/Science4_Icons_1_Dynamic_Earth.svg");
}
#course.sci4 .energy {
  background-image: url("../img/courses/Science4_Icons_2_Energy.svg");
}
#course.sci4 .waves {
  background-image: url("../img/courses/Science4_Icons_3_Waves.svg");
}
#course.sci4 .fire {
  background-image: url("../img/courses/Science4_Icons_4_Fire_Ecology.svg");
}
#course.sci4 .iconRow {
  padding-bottom: 20px;
}
#course.sci6 .six-zero {
  background-image: url("../img/courses/6-0.svg");
}
#course.sci6 .six-one {
  background-image: url("../img/courses/6-1.svg");
}
#course.sci6 .six-two {
  background-image: url("../img/courses/6-2.svg");
}
#course.sci6 .six-three {
  background-image: url("../img/courses/6-3.svg");
}
#course.sci6 .six-four {
  background-image: url("../img/courses/6-4.svg");
}
#course.sci7 .seven-zero {
  background-image: url("../img/courses/7-0.svg");
}
#course.sci7 .seven-one {
  background-image: url("../img/courses/7-1.svg");
}
#course.sci7 .seven-two {
  background-image: url("../img/courses/7-2.svg");
}
#course.sci7 .seven-three {
  background-image: url("../img/courses/7-3.svg");
}
#course.sci7 .seven-four {
  background-image: url("../img/courses/7-4.svg");
}
#course.sci8 .eight-zero {
  background-image: url("../img/courses/8-0.svg");
}
#course.sci8 .eight-one {
  background-image: url("../img/courses/8-1.svg");
}
#course.sci8 .eight-two {
  background-image: url("../img/courses/8-2.svg");
}
#course.sci8 .eight-three {
  background-image: url("../img/courses/8-3.svg");
}
#course.sci8 .eight-four {
  background-image: url("../img/courses/8-4.svg");
}
#course.sci6 .iconRow, #course.sci7 .iconRow, #course.sci8 .iconRow {
  padding-bottom: 20px;
}
#course.sci6 .mid-header, #course.sci7 .mid-header, #course.sci8 .mid-header {
  padding-top: 20px;
}
#course.sci6 .units, #course.sci7 .units, #course.sci8 .units {
  padding-top: 40px;
}
#course.sci6 .quotes, #course.sci7 .quotes, #course.sci8 .quotes {
  padding-top: 20px;
}
#course.sci6 .research, #course.sci7 .research, #course.sci8 .research {
  padding-bottom: 20px;
}
#course.ela9 .remix {
  background-image: url("../img/courses/COW_Icons_1_Remix.svg");
}
#course.ela9 .whathappened {
  background-image: url("../img/courses/COW_Icons_2_WhatHappened.svg");
}
#course.ela9 .unearthing {
  background-image: url("../img/courses/COW_Icons_3_Unearthing.svg");
}
#course.ela9 .conversation {
  background-image: url("../img/courses/COW_Icons_4_Changing.svg");
}
#course.ela9 .research .infoBox {
  margin-top: 0;
}
@media (max-width: 1199.98px) {
  #course.ela9 .research .infoBox {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
#course.ela9 .iconRow {
  padding-bottom: 20px;
}
#course.apes .intro {
  background-image: url("../img/courses/APES_Icons_1_Course_Intro.svg");
}
#course.apes .footprint {
  background-image: url("../img/courses/APES_Icons_2_EF.svg");
}
#course.apes .mce {
  background-image: url("../img/courses/APES_Icons_3_MCE.svg");
}
#course.apes .food {
  background-image: url("../img/courses/APES_Icons_4_FS.svg");
}
#course.apes .oceans {
  background-image: url("../img/courses/APES_Icons_5_OIA.svg");
}
#course.apes .summit {
  background-image: url("../img/courses/APES_Icons_6_GCS.svg");
}
#course.apes .closure {
  background-image: url("../img/courses/APES_Icons_7_Close.svg");
}
#course.apes .iconRow {
  padding-top: 190px;
}
#course.apes .topArea {
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #course.apes .topArea {
    padding-bottom: 60px;
  }
}
#course.apes .units h2 {
  padding-bottom: 20px;
  margin-bottom: 0;
}
#course.apes .units .unitIntro {
  padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
  #course.apes .units .unitIntro {
    padding-bottom: 40px;
  }
}
#course.apgov .founders {
  background-image: url("../img/courses/Icons_Founders.svg");
}
#course.apgov .elections {
  background-image: url("../img/courses/Icons_Elections.svg");
}
#course.apgov .supreme {
  background-image: url("../img/courses/Icons_Supreme.svg");
}
#course.apgov .congress {
  background-image: url("../img/courses/Icons_Congress.svg");
}
#course.apgov .gia {
  background-image: url("../img/courses/Icons_GIA.svg");
}
#course.apgov .topArea {
  padding-bottom: 80px;
}
@media (max-width: 1199.98px) {
  #course.apgov .topArea {
    padding-bottom: 60px;
  }
}
#course.apgov .units h2 {
  padding-bottom: 20px;
  margin-bottom: 0;
}
#course.apgov .units .unitIntro {
  padding-bottom: 60px;
}
@media (max-width: 1199.98px) {
  #course.apgov .units .unitIntro {
    padding-bottom: 40px;
  }
}

/*
@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Thin.ttf") format('truetype');
	font-weight: 100;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-ThinItalic.ttf") format('truetype');
	font-weight: 100;
    font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-Light.ttf") format('truetype');
	font-weight: 300;
    font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url("/fonts/Lato/Lato-LightItalic.ttf") format('truetype');
	font-weight: 300;
    font-style: italic;
}
*/
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/fonts/Lato/Lato-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
.text-primary {
  color: #00AEEF !important;
}

.background-primary {
  background-color: #00AEEF !important;
}

.stroke-primary {
  stroke: #00AEEF !important;
}

.fill-primary {
  fill: #00AEEF !important;
}

.text-primary-two {
  color: #000000 !important;
}

.background-primary-two {
  background-color: #000000 !important;
}

.stroke-primary-two {
  stroke: #000000 !important;
}

.fill-primary-two {
  fill: #000000 !important;
}

.text-secondary {
  color: #00AEEF !important;
}

.background-secondary {
  background-color: #00AEEF !important;
}

.stroke-secondary {
  stroke: #00AEEF !important;
}

.fill-secondary {
  fill: #00AEEF !important;
}

.text-secondary-three {
  color: #782B90 !important;
}

.background-secondary-three {
  background-color: #782B90 !important;
}

.stroke-secondary-three {
  stroke: #782B90 !important;
}

.fill-secondary-three {
  fill: #782B90 !important;
}

.text-white {
  color: #FFFFFF !important;
}

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

.stroke-white {
  stroke: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF !important;
}

.text-black {
  color: #000000 !important;
}

.background-black {
  background-color: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.text-blue {
  color: #009fd3 !important;
}

.background-blue {
  background-color: #009fd3 !important;
}

.stroke-blue {
  stroke: #009fd3 !important;
}

.fill-blue {
  fill: #009fd3 !important;
}

.sso a {
  width: 200px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url("../img/sso/sso@2x.png") -10px -10px;
  background-size: 640px 209px;
}
.sso a:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.sso a#linkedin-button {
  background-position: -10px 49px;
}
.sso a#linkedin-button:hover {
  background-position: -220px 49px;
}
.sso a#facebook-button {
  background-position: -10px -60px;
}
.sso a#facebook-button:hover {
  background-position: -220px -60px;
}
.sso a#twitter-button {
  background-position: -10px 99px;
}
.sso a#twitter-button:hover {
  background-position: -220px 99px;
}
.sso a#google-button {
  background-position: -10px -10px;
}
.sso a#google-button:hover {
  background-position: -220px -10px;
}

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