@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-variant-ligatures: none;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
  font-family: "TWK Everett";
  src: url("../fonts/TWKEverett-Bold.woff2") format("woff2"), url("../fonts/TWKEverett-Bold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TWK Everett";
  src: url("../fonts/TWKEverett-Medium.woff2") format("woff2"), url("../fonts/TWKEverett-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TWK Everett";
  src: url("../fonts/TWKEverett-Regular.woff2") format("woff2"), url("../fonts/TWKEverett-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TWK Everett";
  src: url("../fonts/TWKEverett-Light.woff2") format("woff2"), url("../fonts/TWKEverett-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Buttons */
@font-face {
  font-family: "Pitch Sans";
  src: url("../fonts/pitch-sans-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Pitch Sans";
  src: url("../fonts/pitch-sans-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*  Getting Organized // Base Structure & Styles
---------------------------------------------------------- */
html, body {
  height: 100%;
}

body {
  background: #FFF;
  font-size: 18px;
  line-height: 32px;
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 168px;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

#upenn {
  background: #FFF url("../img/bg-inner-pages.jpg");
  background-repeat: no-repeat;
  background-size: 100% 1000px;
  background-position: top center;
  background-attachment: fixed;
  box-sizing: border-box;
}

p, p.has-background {
  padding: 0 0 20px 0;
}

a {
  color: #085494;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
  cursor: pointer;
}
a:hover {
  color: #82afd3;
}

.wrap, .wp-block-group.content-block {
  max-width: 1244px;
  margin: 0 auto;
  padding: 20px 30px;
  position: relative;
}
.wrap.sm, .wp-block-group.content-block.sm {
  max-width: 1040px;
}
.wrap:after, .wp-block-group.content-block:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

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

sup {
  font-size: 80%;
  position: relative;
  top: -3px;
  display: inline-block;
  margin-right: 1px;
}

.main p span sup {
  top: -6px;
  font-size: 68%;
  left: 3px;
}

strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

/* Headings
----------------------------------------------------- */
h1 {
  font-size: 60px;
  line-height: 70px;
  color: #FFF;
}

h2 {
  font-size: 44px;
  line-height: 110%;
  color: #011F5B;
  font-weight: 600;
  margin-bottom: 10px;
}
h2.mb20 {
  margin-bottom: 30px;
}
h2.nopad {
  margin: 0;
}

h3 {
  font-size: 38px;
  line-height: 45px;
  padding: 0 0 20px;
}

h4 {
  font-weight: 700;
  font-size: 28px;
  line-height: normal;
  padding-bottom: 10px;
}

h5 {
  font-weight: 900;
  font-size: 20px;
  line-height: normal;
  padding-bottom: 10px;
  margin-top: 20px;
}

/* Colors
----------------------------------------------------- */
.has-navy-color {
  color: #011F5B;
}

.has-blue-color {
  color: #085494;
}

.has-lightblue-color {
  color: #82afd3;
}

.has-red-color {
  color: #990201;
}

.has-maroon-color {
  color: #570411;
}

.has-purple-color {
  color: #4A0042;
}

.has-pearl-color {
  color: #f7f7f7;
}

/* Columns
----------------------------------------------------- */
.two-col, .three-col, .four-col {
  display: flex;
  flex-wrap: wrap;
}

.columns {
  display: flex;
  margin: 0 -15px;
  justify-content: center;
}
.columns .col {
  padding: 15px;
  max-width: 500px;
  min-width: 33.33333%;
}
@media only screen and (max-width: 960px) {
  .columns .col {
    padding: 8px;
  }
}
@media only screen and (max-width: 800px) {
  .columns {
    flex-wrap: wrap;
  }
  .columns .col {
    width: 100%;
  }
}

.two-col .col {
  width: 50%;
  padding: 0 20px 0 0;
}
.two-col .col:last-child {
  padding: 0 0 0 20px;
}
.two-col .col.w60 {
  width: 60%;
}
.two-col .col.w40 {
  width: 40%;
}
.two-col .col.w45 {
  width: 45%;
}
.two-col .col.w55 {
  width: 55%;
}

.three-col {
  margin: 0 -15px;
}
.three-col .col {
  width: 33.33333333%;
  padding: 15px;
}

.four-col {
  margin: 0 -10px;
}
.four-col .col {
  width: 25%;
  padding: 10px;
}

/* Sections
----------------------------------------------------- */
section.nopad {
  padding: 0;
}

section {
  padding: 30px 0;
}

section.p40 {
  padding: 40px 0;
}

section.p60 {
  padding: 60px 0;
}

section.pb60 {
  padding: 0 0 60px 0;
}

section.pb100 {
  padding: 0 0 100px 0;
}

section.p120 {
  padding: 120px 0 80px;
}

.desc {
  font-size: 16px;
}

/* Images */
.wp-block-image img {
  height: auto;
}

.size-full {
  max-width: 100%;
  height: auto;
}

/* Buttons
----------------------------------------------------- */
.wp-block-buttons > .wp-block-button {
  margin: 0 0 12px;
}

.wp-block-cover .wp-block-button .wp-block-button__link:before, .wp-block-cover .wp-block-button .wp-block-button__link:after {
  border-color: #FFF;
}
.wp-block-cover h2 {
  font-size: 50px !important;
}

.btn, .wp-block-button .wp-block-button__link, .form_button_submit, .program-cta a {
  color: #FFF;
  padding: 14px 24px;
  border-radius: 0px;
  display: inline-block;
  text-decoration: none;
  transition: ease 0.3s all;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  border: 0;
  font-family: "Pitch Sans", sans-serif;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: -0.48px;
  color: #990201;
  background: linear-gradient(to left, #FFF 0%, #FFF 50%, #990201 50%);
  background-size: 201% 100%;
  background-position: right bottom;
}
.btn:hover, .wp-block-button .wp-block-button__link:hover, .form_button_submit:hover, .program-cta a:hover {
  color: #FFF;
  background-position: left bottom;
  transition: background 0.5s ease, color 0.5s ease;
}
.btn:before, .btn:after, .wp-block-button .wp-block-button__link:before, .wp-block-button .wp-block-button__link:after, .form_button_submit:before, .form_button_submit:after, .program-cta a:before, .program-cta a:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 10px);
  height: calc(50% - 5px);
  border-color: #990201;
  border-style: solid;
  border-width: 0;
  pointer-events: none;
  z-index: 1;
  background: none;
}
.btn:before, .wp-block-button .wp-block-button__link:before, .form_button_submit:before, .program-cta a:before {
  top: -5px;
  left: -5px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.btn:after, .wp-block-button .wp-block-button__link:after, .form_button_submit:after, .program-cta a:after {
  bottom: -5px;
  left: -5px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.btn.red, .btn.apply, .wp-block-button .wp-block-button__link.red, .wp-block-button .wp-block-button__link.apply, .form_button_submit.red, .form_button_submit.apply, .program-cta a.red, .program-cta a.apply {
  color: #FFF;
  background-image: linear-gradient(to left, #990201 0%, #990201 50%, #570411 50%);
}
.btn.navy, .wp-block-button .wp-block-button__link.navy, .form_button_submit.navy, .program-cta a.navy {
  color: #011F5B;
  background-image: linear-gradient(to left, transparent 0%, transparent 50%, #FFF 50%);
}
.btn.navy:before, .btn.navy:after, .wp-block-button .wp-block-button__link.navy:before, .wp-block-button .wp-block-button__link.navy:after, .form_button_submit.navy:before, .form_button_submit.navy:after, .program-cta a.navy:before, .program-cta a.navy:after {
  border-color: #011F5B;
}
.btn.navy:hover, .wp-block-button .wp-block-button__link.navy:hover, .form_button_submit.navy:hover, .program-cta a.navy:hover {
  color: #990201;
}
.btn.sm, .wp-block-button .wp-block-button__link.sm, .form_button_submit.sm, .program-cta a.sm {
  font-size: 15px;
  margin: 20px 0 20px;
}
.btn.has-red-background-color, .wp-block-button .wp-block-button__link.has-red-background-color, .form_button_submit.has-red-background-color, .program-cta a.has-red-background-color {
  background: #990201;
  color: #FFF !important;
}
.btn.has-red-background-color:hover, .wp-block-button .wp-block-button__link.has-red-background-color:hover, .form_button_submit.has-red-background-color:hover, .program-cta a.has-red-background-color:hover {
  background: #570411;
}
.btn.arrow, .wp-block-button .wp-block-button__link.arrow, .form_button_submit.arrow, .program-cta a.arrow {
  border: 0;
  padding: 0px;
  background: transparent;
  border-radius: 0;
  color: #63C7FF;
}
.btn.arrow:before, .wp-block-button .wp-block-button__link.arrow:before, .form_button_submit.arrow:before, .program-cta a.arrow:before {
  display: none;
}
.btn.arrow:after, .wp-block-button .wp-block-button__link.arrow:after, .form_button_submit.arrow:after, .program-cta a.arrow:after {
  display: inline-block;
  height: 12px;
  width: 24px;
  background: transparent url("../img/btn-arrow-blue.svg") no-repeat right center;
  background-size: auto 12px;
  content: "";
  margin-left: 0;
  transition: ease 0.3s all;
  position: relative;
  top: 1px;
  border: 0;
  bottom: auto;
}
.btn.arrow:hover, .wp-block-button .wp-block-button__link.arrow:hover, .form_button_submit.arrow:hover, .program-cta a.arrow:hover {
  color: #FFF;
  background: transparent;
}
.btn.arrow:hover:after, .wp-block-button .wp-block-button__link.arrow:hover:after, .form_button_submit.arrow:hover:after, .program-cta a.arrow:hover:after {
  width: 32px;
}
.btn.arrow.navy, .wp-block-button .wp-block-button__link.arrow.navy, .form_button_submit.arrow.navy, .program-cta a.arrow.navy {
  color: #011F5B;
}
.btn.arrow.navy:after, .wp-block-button .wp-block-button__link.arrow.navy:after, .form_button_submit.arrow.navy:after, .program-cta a.arrow.navy:after {
  background: transparent url("../img/btn-arrow-navy.svg") no-repeat right center;
  background-size: auto 100%;
}
.btn.arrow.blue, .wp-block-button .wp-block-button__link.arrow.blue, .form_button_submit.arrow.blue, .program-cta a.arrow.blue {
  color: #085494;
}
.btn.arrow.blue:after, .wp-block-button .wp-block-button__link.arrow.blue:after, .form_button_submit.arrow.blue:after, .program-cta a.arrow.blue:after {
  background: transparent url("../img/btn-arrow-blue.svg") no-repeat right center;
  background-size: auto 100%;
}
.btn.arrow.red, .wp-block-button .wp-block-button__link.arrow.red, .form_button_submit.arrow.red, .program-cta a.arrow.red {
  color: #990201;
}
.btn.arrow.red:after, .wp-block-button .wp-block-button__link.arrow.red:after, .form_button_submit.arrow.red:after, .program-cta a.arrow.red:after {
  background: transparent url("../img/btn-arrow-red.svg") no-repeat right center;
  background-size: auto 100%;
}
.btn.arrow.red:hover, .wp-block-button .wp-block-button__link.arrow.red:hover, .form_button_submit.arrow.red:hover, .program-cta a.arrow.red:hover {
  color: #333;
}

.wp-block-button.red .wp-block-button__link {
  color: #FFF;
  background-image: linear-gradient(to left, #990201 0%, #990201 50%, #570411 50%);
}

.profile {
  width: 200px;
}

.title {
  margin-top: -20px;
  padding-bottom: 30px;
}

/* Responsive Video
----------------------------------------------------- */
.wp-block-embed .wp-block-embed__wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.wp-block-embed .wp-block-embed__wrapper iframe,
.wp-block-embed .wp-block-embed__wrapper object,
.wp-block-embed .wp-block-embed__wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.schedule {
  padding: 0 0 20px !important;
  list-style: none !important;
}
.schedule li {
  padding: 8px 0 !important;
  border-bottom: 1px solid #e1e1e1;
  font-size: 18px;
}
.schedule li strong {
  display: inline-block;
  width: 200px;
}
@media only screen and (max-width: 700px) {
  .schedule {
    padding: 0 0 10px;
  }
  .schedule li {
    font-size: 15px;
  }
  .schedule li strong {
    display: block;
    width: auto;
  }
}

/* Sections
----------------------------------------------------- */
.overlayBG {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: none;
  overflow-y: scroll;
}
.overlayBG .overlay {
  position: absolute;
  top: 40px;
  max-width: 960px;
  width: calc(100% - 40px);
  left: 50%;
  transform: translateX(-50%);
  background: #FFF;
  padding: 40px;
}
@media only screen and (max-width: 700px) {
  .overlayBG .overlay {
    top: 20px;
    font-size: 15px;
    line-height: 24px;
    padding: 40px 20px 0;
  }
  .overlayBG .overlay h4 {
    font-size: 22px;
    line-height: normal;
    padding-bottom: 20px;
  }
  .overlayBG .overlay h5 {
    font-size: 16px;
    padding-bottom: 5px;
    margin: 0;
  }
  .overlayBG .overlay .close {
    top: 10px;
    right: 10px;
  }
}

.openOverlay {
  overflow-y: hidden;
}

/* Content Block
----------------------------------------------------- */
.wp-block-group.content-block ul, .wp-block-group.content-block ol {
  padding: 0 0 20px 30px;
}
.wp-block-group.content-block ul li, .wp-block-group.content-block ol li {
  padding-bottom: 10px;
}
.wp-block-group.content-block ul li:last-child, .wp-block-group.content-block ol li:last-child {
  padding: 0;
}
.wp-block-group.content-block ul {
  list-style: disc;
}
.wp-block-group.content-block ol {
  list-style: decimal;
}

/* Category Dropdown
------------------------------------------------------ */
.filter {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 100;
  display: flex;
}
@media only screen and (max-width: 860px) {
  .filter {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
}

.cat-dropdown {
  position: relative;
  padding: 0;
  border: 1px solid #d1d1d1;
  background-color: rgba(255, 255, 255, 0.3);
  transition: ease 0.3s all;
  width: 180px;
  cursor: pointer;
}
.cat-dropdown.program {
  margin-left: 10px;
  width: 145px;
}
.cat-dropdown.program ul {
  width: 145px;
}
.cat-dropdown strong {
  background-image: url("../img/arrow-down-blue.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  background-size: 15px;
  padding: 4px 36px 4px 16px;
  display: block;
  font-size: 15px;
  color: #085494;
}
.cat-dropdown ul {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  position: absolute;
  border: 1px solid #d1d1d1;
  background-color: #FFF;
  left: -1px;
  width: 180px;
}
.cat-dropdown ul li {
  position: relative;
}
.cat-dropdown ul li a {
  display: block;
  color: #085494;
  padding: 7px 18px;
  font-size: 15px;
  line-height: normal;
}
.cat-dropdown ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.cat-dropdown ul li a:after {
  display: none;
}
.cat-dropdown ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url("../img/circles-navy.svg") repeat-x center center;
  background-size: auto 100%;
  opacity: 0.3;
}
.cat-dropdown ul li:first-child:after {
  display: none;
}
.cat-dropdown:hover {
  background: #FFF;
}
.cat-dropdown:hover ul {
  opacity: 1;
  height: auto;
  visibility: visible;
}
@media only screen and (max-width: 860px) {
  .cat-dropdown {
    width: 60%;
  }
  .cat-dropdown.program {
    width: 40%;
  }
  .cat-dropdown strong {
    padding: 4px 30px 4px 10px;
  }
  .cat-dropdown ul {
    width: calc(100% + 4px) !important;
  }
  .cat-dropdown ul li a {
    padding: 6px 10px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0 5px;
  display: none;
}
.slick-slide figure {
  display: block;
  padding-bottom: 46.45%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.slick-slide figure img {
  display: none !important;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-initialized .slick-track {
  display: flex;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
  opacity: 1;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 48px;
  height: 48px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  outline: none;
  z-index: 80;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-image: url("../img/arrow-right-blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 12px;
  transition: ease 0.3s background, ease 0.4s opacity;
  opacity: 0;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background-color: #F2F2F2;
}

.slick-prev {
  left: 20px;
  background-image: url("../img/arrow-left-blue.svg");
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 10px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 20px;
}
[dir=rtl] .slick-next {
  left: 10px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 40px;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 8px;
  width: 8px;
  text-indent: -99999em;
  outline: none;
  color: transparent;
  cursor: pointer;
  opacity: 0.25;
  background: #011F5B;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-indent: -99999em;
  padding: 0;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li.slick-active button {
  color: #011F5B;
  opacity: 0.75;
}

header {
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: ease 0.4s all;
  /* Scrolling Bar
  ---------------------------------------------------------- */
  /* Search Bar
  ---------------------------------------------------------- */
}
header .wrap {
  padding: 20px 20px 16px;
  transition: ease 0.4s all;
}
header #logo {
  width: 200px;
  height: 70px;
  display: block;
  overflow: hidden;
  transition: ease 0.4s all;
  position: relative;
}
header #logo:before {
  content: "";
  display: block;
  transition: ease 0.4s all;
  background: transparent url("../img/PennEngOnlineMain-mobile.png") no-repeat 50%;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  height: 50px;
  opacity: 0;
  visibility: hidden;
}
header #logo img {
  width: 100%;
  display: block;
  transition: ease 0.3s all;
  transition-delay: 0.2s;
}
header .meta {
  position: absolute;
  top: 40px;
  right: 25px;
  transition: ease 0.3s all;
  display: flex;
  z-index: 100;
}
header .meta .website-title {
  font-size: 30px;
  font-family: "EB Garamond", serif;
  color: #212121;
  display: inline-block;
  margin: 0 30px 0 0;
}
header .meta .website-title:hover {
  opacity: 0.5;
}
header .meta a.dd {
  color: #212121;
  padding: 3px 18px;
  font-size: 15px;
  display: block;
  transition: ease 0.3s opacity;
}
header .meta a.dd.active {
  color: #011F5B;
  display: inline-block;
}
header .meta a.dd.active span {
  position: relative;
  font-weight: 600;
  padding-bottom: 4px;
  padding: 0 3px;
  display: inline-block;
}
header .meta a.dd.active span:after {
  content: "";
  height: 2px;
  background: #990201;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
header .meta a.dd.external span {
  background: transparent url("../img/icon-external.svg") no-repeat top 50% right 0;
  background-size: 16px;
  display: inline-block;
  padding-right: 25px;
}
header .meta a.dd:hover {
  color: #990201;
}
header .meta .btn {
  margin-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
header .meta .btn.btnNav {
  position: relative;
  z-index: 100;
  padding: 8px 40px 8px 20px;
  background: #990201 url("../img/arrow-down-white.svg") no-repeat right 12px top 50%;
  background-size: 15px;
  transition: ease 0.3s background-color;
}
header .meta .btn.btnNav strong {
  font-weight: 800;
  font-size: 15px;
  display: block;
}
header .meta .btn.btnNav ul {
  position: absolute;
  width: 275px;
  background: #FFF;
  text-transform: none;
  font-weight: 300;
  right: 0;
  top: 100%;
  z-index: 100;
  height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  opacity: 0;
  visibility: hidden;
}
header .meta .btn.btnNav ul li {
  position: relative;
  transition: all 0.3s linear;
}
header .meta .btn.btnNav ul li a {
  display: block;
  color: #011F5B;
  font-size: 15px;
  padding: 8px 15px;
  line-height: 20px;
  position: relative;
}
header .meta .btn.btnNav ul li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: url("../img/circles-blue.svg") repeat-x center center;
  background-size: auto 100%;
}
header .meta .btn.btnNav ul li:last-child > a:before {
  display: none;
}
header .meta .btn.btnNav ul li:hover {
  background: rgba(130, 175, 211, 0.2);
}
header .meta .btn.btnNav:hover {
  background-color: #82afd3;
}
header .meta .btn.btnNav:hover ul {
  opacity: 1;
  visibility: visible;
  height: auto;
}
header #main-nav {
  transition: ease 0.4s all;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}
header nav {
  max-width: 1244px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
header nav ul {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 240px);
}
header nav ul.additional {
  width: auto;
  position: relative;
}
header nav ul.additional:before {
  content: "";
  position: absolute;
  top: 8px;
  left: -12px;
  width: 1px;
  bottom: 8px;
  background: #e1e1e1;
}
@media only screen and (max-width: 960px) {
  header nav ul.additional {
    position: absolute;
    bottom: 78px;
    border-top: 1px solid #e1e1e1;
    width: 100%;
  }
}
header nav li {
  display: inline-block;
  /* SubNav
  ------------------------------------------- */
}
header nav li.main-menu-item {
  position: relative;
}
header nav li a {
  display: block;
  color: #011F5B;
  padding: 20px 12px;
  transition: none;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 1024px) {
  header nav li a {
    font-size: 14px;
  }
}
header nav li a span {
  display: block;
  transition: ease 0.3s all;
  position: relative;
}
header nav li a span:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #990201;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  opacity: 1;
  transform: scale(0);
  transform-origin: center;
}
header nav li.subnav-small .subnav {
  width: 195px;
}
header nav li .subnav .subnav-tall .level-three {
  min-height: 146px;
}
header nav li .subnav .subnav-tallest .level-three {
  min-height: 205px;
}
header nav li .subnav .subnav-students .level-three {
  min-height: 290px;
}
header nav li .subnav .subnav-students:hover .level-three {
  width: 255px;
}
header nav li .subnav .subnav-students:hover .level-three li {
  width: 255px;
}
header nav li .subnav .subnav-five .level-three {
  min-height: 185px;
}
header nav li.subnav-right .subnav {
  right: -6px;
  left: auto;
}
header nav li .subnav {
  position: absolute;
  display: block;
  background: #FFF;
  z-index: 20;
  top: 60px;
  left: -6px;
  width: 300px;
  transition: ease 0.3s opacity;
  opacity: 0;
  visibility: hidden;
  z-index: 200;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  transform: translateZ(0) scale(1, 1);
  border: 1px solid #82afd3;
}
header nav li .subnav li {
  display: block;
  transition: ease 0.3s all;
}
header nav li .subnav li a {
  display: block;
  color: #011F5B;
  font-size: 15px;
  padding: 8px 15px;
  line-height: 20px;
  position: relative;
  text-transform: none;
  font-weight: 400;
}
header nav li .subnav li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}
header nav li .subnav li.padlock > a:after {
  content: "";
  background: #000;
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-left: 10px;
  background: url("../img/icon-lock.svg") no-repeat center center;
  background-size: auto 12px;
}
header nav li .subnav li:last-child > a:before {
  display: none;
}
header nav li .subnav li.divide > a:before {
  background: #82afd3;
}
header nav li .subnav li .level-three {
  position: absolute;
  background: transparent;
  top: -1px;
  left: 100%;
  bottom: -1px;
  overflow: hidden;
  width: 0;
  transition: ease 0.5s all;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  border: 1px solid transparent;
  box-sizing: border-box;
}
header nav li .subnav li .level-three li {
  width: 235px;
}
header nav li .subnav li:hover {
  background: rgba(130, 175, 211, 0.2);
}
header nav li .subnav li:hover .level-three {
  width: 235px;
  border: 1px solid #82afd3;
  background: #dbe8f3;
}
header nav li:hover a span {
  color: #990201;
}
header nav li:hover a span:after {
  transform: scale(1);
}
header nav li:hover .subnav, header nav li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}
header nav li.current_page_parent a span, header nav li.current_page_item a span {
  color: #990201;
}
header nav .external {
  background: transparent url("../img/icon-external.svg") no-repeat top 50% right 0;
  background-size: 16px;
  display: block;
  padding-right: 25px;
  font-weight: normal;
  color: #333;
  font-size: 14px;
  text-transform: uppercase;
}
@media only screen and (max-width: 960px) {
  header nav .external {
    background-position: top 50% right 20px;
    font-size: 16px;
  }
}
header.scroll .wrap {
  padding: 10px 20px;
}
header.scroll #logo {
  height: 50px;
  width: 360px;
}
header.scroll #logo:before {
  opacity: 1;
  visibility: visible;
}
header.scroll #logo img {
  opacity: 0;
  transition-delay: -0.5s;
}
header.scroll .meta {
  top: 15px;
  transition: ease 0.4s all;
}
header.scroll .meta a.dd {
  opacity: 0;
  transform: translateY(-100px);
}
header.scroll nav li a {
  padding-bottom: 18px;
}
header.scroll nav li .subnav, header.scroll nav li .sub-menu {
  top: 55px;
}
header.scroll .search-li a.search-btn {
  padding-bottom: 18px;
}
header .search-li {
  position: relative;
  transition: ease 0.5s all;
}
header .search-li a.search-btn {
  text-indent: -999999em;
  background: transparent url("../img/icon-search-navy.svg") no-repeat center;
  background-size: 18px;
  position: relative;
  z-index: 1;
  width: 60px;
  display: block;
  transition: none;
  transition: ease 0.5s all;
  height: 100%;
}
header .search-li a.search-btn:hover {
  opacity: 0.5;
}
header #searchform {
  background: #e3eaf4;
  color: #011F5B;
  position: fixed;
  top: auto;
  left: 0;
  right: 0;
  padding: 0;
  box-sizing: border-box;
  transition: ease 0.4s all;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
header #searchform .wrap {
  padding-top: 60px;
  padding-bottom: 60px;
}
header #searchform .closeSearch {
  height: 30px;
  width: 30px;
  background-size: 20px;
}
header #searchform .search-form-container {
  max-width: 750px;
  margin: 0 auto;
}
header #searchform .search-form-container p {
  text-transform: uppercase;
  padding: 0 0 10px;
}
header #searchform .search-form-container form {
  margin: 0 0 40px;
  max-width: none;
}
header #searchform .search-form-container form input[type=text] {
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 22px;
  line-height: 30px;
  padding: 12px 8px;
  box-sizing: border-box;
  width: calc(100% - 110px);
  margin: 0;
}
header #searchform .search-form-container form input[type=text]::placeholder {
  color: #9aa4c8;
}
header #searchform .search-form-container ol {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 700px;
  margin: 0 auto;
}
header #searchform .search-form-container ol li {
  padding: 6px;
}
header #searchform .search-form-container ol li a {
  border-radius: 6px;
  display: block;
  padding: 8px 16px;
  background: #4a6aa3;
  color: #FFF;
  transition: ease 0.4s all;
  line-height: 28px;
}
header #searchform .search-form-container ol li a:hover {
  background: #011F5B;
}

.openSearch header .search-li {
  background-color: #e3eaf4;
}
.openSearch header .search-li a.search-btn:hover {
  opacity: 1;
}
.openSearch header #searchform {
  opacity: 1;
  visibility: visible;
  height: 425px;
}

.closeSearch, .close {
  position: absolute;
  top: 20px;
  right: 35px;
  z-index: 300;
  height: 30px;
  width: 30px;
  background: url("../img/icon-close.svg") no-repeat center center;
  background-size: 20px;
  text-indent: -99999em;
  cursor: pointer;
  border: 0;
  transition: linear 0.2s all;
}
.closeSearch:hover, .close:hover {
  opacity: 0.5;
}

/* Alert Bar
---------------------------------------------------------- */
#alert {
  background: #f2c100;
}
#alert .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #570411;
  padding: 10px 20px;
}
#alert .wrap p {
  padding: 0;
  font-weight: 500;
  font-size: 20px;
}
#alert .wrap a {
  display: inline-block;
  font-weight: 600;
  color: #011F5B;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: normal;
  border-bottom: 2px dotted #085494;
}
#alert .wrap a:hover {
  color: #085494;
  border-bottom: 2px solid #085494;
}

body.alert {
  padding-top: 195px;
}

.callout.bgblue {
  background: #011F5B;
  color: #FFF;
}
.callout.bgwhite h4 {
  color: #990201;
}
.callout .wrap {
  display: flex;
  max-width: 900px;
  align-items: center;
}
.callout .wrap img {
  width: 130px;
}
.callout .wrap .content {
  margin-left: 60px;
  font-size: 20px;
  line-height: 26px;
}
.callout p.cta {
  padding-bottom: 0;
}
.callout .btn {
  font-size: 18px;
  margin: 8px 0;
}
.callout ul li {
  padding: 8px 0;
}
@media only screen and (max-width: 800px) {
  .callout .wrap img {
    width: 80px;
  }
}

.bgPhoto {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  position: relative;
  background-color: #e1e1e1;
}
.bgPhoto.textRight:before {
  content: "";
  background: rgba(29, 39, 88, 0.8);
  mix-blend-mode: multiply;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.bgPhoto.textRight .content {
  margin-left: 50%;
  padding: 40px 60px;
  color: #FFF;
  font-size: 20px;
  line-height: 26px;
  position: relative;
  z-index: 2;
}
.bgPhoto.textRight .content p {
  max-width: 350px;
}

.intro {
  background: #cadaea url("../img/bg-pattern-right.jpg") no-repeat top right -100px;
  background-size: auto 100%;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .intro:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(202, 218, 234, 0.85);
  }
}
.intro a {
  color: #085494;
  position: relative;
  font-weight: bold;
}
.intro a:hover {
  color: #990201;
}

.bg-cyan {
  background: #63C7FF;
}

.bgLightBlueTexture {
  background: #000 url("../img/bg-pattern-01.png") no-repeat center;
  background-size: cover;
}
.bgLightBlueTexture.pattern02 {
  background-image: url("../img/bg-pattern-02.png");
}
.bgLightBlueTexture a:not(.btn) {
  color: #085494;
  position: relative;
  font-weight: 500;
}
.bgLightBlueTexture a:not(.btn):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: url("../img/circles-navy.svg") repeat-x center center;
  background-size: auto 100%;
}
.bgLightBlueTexture a:not(.btn):hover {
  color: #990201;
}
.bgLightBlueTexture a:not(.btn):hover:after {
  background: #990201;
}

.bgTan {
  background: #e8e7e5;
}

.card {
  background: #011F5B;
  padding: 40px;
  display: block;
  text-align: center;
  color: #FFF;
  position: relative;
  top: 0;
  transition: ease 0.5s all;
  height: 100%;
}
.card h4 {
  color: #FFF;
}
.card p {
  color: rgba(255, 255, 255, 0.75);
  transition: ease 0.5s all;
}
.card img {
  height: 110px;
  display: block;
  margin: 0 auto 30px;
}
.card:after {
  display: none;
}
.card:hover {
  color: #FFF;
  background: rgba(29, 39, 88, 0.9);
  top: 8px;
}
.card:hover h4, .card:hover p {
  color: #FFF;
}
@media only screen and (max-width: 800px) {
  .card {
    padding: 30px;
    font-size: 18px;
    line-height: normal;
  }
  .card h4 {
    font-size: 22px;
  }
}

.heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
.heading h2 {
  margin: 0;
}
.heading .btn {
  padding-top: 16px;
  padding-bottom: 16px;
}

.posts.three-col {
  margin: 0 -10px;
}
.posts.three-col .col {
  padding: 10px;
}
.posts .post {
  border: 1px solid #e1e1e1;
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background: #FFF;
  color: #212121;
}
.posts .post h3 {
  margin: 16px 24px;
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 0;
  font-weight: 500;
}
.posts .post p {
  font-size: 16px;
  line-height: 24px;
  padding: 0 24px 24px;
}
.posts .post .arrow {
  margin: 0 24px 24px;
  margin-top: auto;
  display: block;
  margin-top: auto;
  color: #990201;
  font-weight: 500;
  background: url("../img/icon-arrow.svg") no-repeat top 50% right;
  background-size: 20px;
  transition: ease 0.3s all;
}
.posts .post .arrow:after {
  height: 12px;
  width: 20px;
  background: url("../img/icon-arrow.svg") no-repeat top 50% right;
}
.posts .post:hover {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.08);
  transform: scale(1.02);
}
.posts .post:hover .arrow {
  margin-right: 20px;
}
.posts .post:hover .arrow:after {
  width: 25px;
}
.posts .post:hover .arrow.red {
  color: #570411;
}
.posts .post_thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
}
.posts .post_thumbnail:before {
  content: "";
  padding-top: 57%;
  display: block;
}

.actions {
  padding-top: 30px;
}

.attend {
  padding: 32px;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
}
.attend h2 {
  font-size: 36px;
  margin-bottom: 16px;
}
.attend a.btn {
  margin-top: auto;
  width: 100%;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.bg-navy {
  background: #011F5B url("../img/bg-navy-lines.jpg") no-repeat top center;
  background-size: cover;
  color: #FFF;
}
.bg-navy h2 {
  color: #FFF;
}

.events {
  display: flex;
  justify-content: flex-start;
  margin: 0 -16px;
  height: 100%;
}
.events .col {
  width: 28%;
  padding: 16px;
}
.events .eventCol {
  width: 24%;
  padding: 16px;
}
.events .eventCol .event {
  display: inline-flex;
  flex-direction: column;
  padding: 32px;
  height: 100%;
  width: 100%;
  color: #212121;
  background: #f1f1f1;
  position: relative;
}
.events .eventCol .event .type {
  position: absolute;
  top: 0;
  right: 0;
  background: #011F5B;
  color: #FFF;
  font-size: 12px;
  line-height: normal;
  padding: 4px 8px;
  border-bottom-left-radius: 4px;
  display: none;
}
.events .eventCol .event h5 {
  padding-top: 48px;
  background: #f1f1f1 url("../img/icon-cal.svg") no-repeat top left;
  background-size: 32px;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  color: #000;
}
.events .eventCol .event p {
  color: #787878;
  font-size: 16px;
}
.events .eventCol .event .arrow {
  display: block;
  margin-top: auto;
  color: #990201;
  font-weight: 500;
  background: url("../img/icon-arrow.svg") no-repeat top 50% right;
  background-size: 20px;
  transition: ease 0.3s all;
}
.events .eventCol .event:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.03);
}
.events .eventCol .event:hover .arrow {
  margin-right: -4px;
}
.events .eventCol .event.doctoral .type {
  background: #085494;
}
.events .eventCol .event.deadline .type {
  background: #990201;
}
.events .eventCol .event.deadline h5 {
  background-image: url("../img/icon-event-deadline.svg");
}

.events.four-col .eventCol {
  width: 25%;
}
@media only screen and (max-width: 968px) {
  .events.four-col .eventCol {
    width: 50%;
  }
}
@media only screen and (max-width: 640px) {
  .events.four-col .eventCol {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .events.four-col {
    margin: 0 -8px;
  }
}

#events {
  padding-bottom: 100px;
}
@media only screen and (max-width: 860px) {
  #events h2 {
    margin-bottom: 8px !important;
  }
}

/* Category Dropdown
------------------------------------------------------ */
.filter {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 100;
  display: flex;
}
@media only screen and (max-width: 860px) {
  .filter {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    margin-left: -8px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .filter {
    margin-left: 0;
  }
}

.cat-dropdown.program {
  margin-left: 10px;
  width: 145px;
}
.cat-dropdown.program ul {
  width: 145px;
}
.cat-dropdown strong {
  background-image: url("../img/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  background-size: 15px;
  padding: 8px 36px 8px 16px;
  display: block;
  font-size: 15px;
  color: #000;
}
.cat-dropdown ul {
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  position: absolute;
  background-color: #f1f1f1;
  width: 180px;
  list-style: none;
  padding: 0 0 8px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.cat-dropdown ul li {
  position: relative;
}
.cat-dropdown ul li a {
  display: block;
  color: #000;
  padding: 7px 18px;
  font-size: 15px;
  line-height: normal;
}
.cat-dropdown ul li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.cat-dropdown:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.cat-dropdown:hover ul {
  opacity: 1;
  height: auto;
  visibility: visible;
}
@media only screen and (max-width: 860px) {
  .cat-dropdown {
    width: 50%;
  }
  .cat-dropdown.program {
    width: 40%;
  }
  .cat-dropdown strong {
    padding: 4px 30px 4px 10px;
  }
  .cat-dropdown ul {
    width: 100%;
  }
  .cat-dropdown ul li a {
    padding: 6px 10px;
  }
}
@media only screen and (max-width: 640px) {
  .cat-dropdown {
    width: 100%;
    margin-left: 0;
  }
}

#fixed-cta {
  position: fixed;
  bottom: 20px;
  right: 0;
  background: #FFF;
  border: 1px solid #d1d1d1;
  border-right: 0;
  padding: 15px;
  z-index: 100;
}

.divider {
  position: relative;
  border-top: 1px solid #63C7FF;
}
.divider:after, .divider:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: -3px;
  border-width: 3px 0 3px 8px;
  border-color: transparent transparent transparent #63C7FF;
}
.divider:after {
  right: 0;
  transform: rotate(180deg);
}

.gradient-bg {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  transition: 0.3s;
}

footer {
  background: #011F5B;
  color: #FFF;
  padding: 100px 0;
  position: relative;
}
footer .container {
  display: flex;
  justify-content: space-between;
}
footer .container:after {
  display: none;
}
footer .upenn {
  font-family: "TWK Everett", sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-right: 80px;
}
footer .upenn img.logo {
  width: 100%;
  max-width: 185px;
  display: block;
  margin-bottom: 38px;
}
footer .upenn p {
  padding-bottom: 35px;
  display: flex;
  gap: 10px;
}
footer .upenn p:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18" fill="none"><path d="M14.0909 7.54545C14.0909 12.6364 7.54545 17 7.54545 17C7.54545 17 1 12.6364 1 7.54545C1 5.80949 1.68961 4.14463 2.91712 2.91712C4.14463 1.68961 5.80949 1 7.54545 1C9.28142 1 10.9463 1.68961 12.1738 2.91712C13.4013 4.14463 14.0909 5.80949 14.0909 7.54545Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.5451 9.72716C8.75008 9.72716 9.72692 8.75033 9.72692 7.54534C9.72692 6.34036 8.75008 5.36353 7.5451 5.36353C6.34011 5.36353 5.36328 6.34036 5.36328 7.54534C5.36328 8.75033 6.34011 9.72716 7.5451 9.72716Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: inline-block;
}
footer .upenn p.phone:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="18" viewBox="0 0 13 18" fill="none"><path d="M10.6 1H2.6C1.71634 1 1 1.71634 1 2.6V15.4C1 16.2837 1.71634 17 2.6 17H10.6C11.4837 17 12.2 16.2837 12.2 15.4V2.6C12.2 1.71634 11.4837 1 10.6 1Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.59961 13.8H6.60761" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
footer .upenn p.copyright:before {
  background-image: url('data:image/svg+xml,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.256 12.616L4.224 12.648C3.216 12.056 2.416 11.256 1.824 10.248C1.232 9.24 0.944 8.136 0.944 6.936C0.944 5.736 1.248 4.632 1.84 3.624C2.432 2.616 3.232 1.816 4.24 1.224C5.248 0.631999 6.352 0.327999 7.552 0.327999C8.752 0.327999 9.856 0.615999 10.864 1.208C11.872 1.8 12.672 2.6 13.264 3.608C13.856 4.616 14.16 5.72 14.16 6.92C14.16 8.12 13.872 9.224 13.28 10.232C12.688 11.24 11.888 12.04 10.88 12.632C9.872 13.224 8.768 13.512 7.568 13.512C6.368 13.512 5.264 13.208 4.256 12.616ZM10.384 11.912V11.928C11.264 11.416 11.952 10.728 12.464 9.848C12.976 8.968 13.232 8.008 13.232 6.968C13.232 5.928 12.976 4.968 12.464 4.088C11.952 3.208 11.264 2.504 10.384 1.992C9.504 1.48 8.544 1.224 7.504 1.224C6.464 1.224 5.504 1.48 4.624 1.992C3.744 2.504 3.056 3.192 2.544 4.072C2.032 4.952 1.776 5.912 1.776 6.952C1.776 7.992 2.032 8.952 2.544 9.832C3.056 10.712 3.744 11.4 4.624 11.912C5.504 12.424 6.464 12.68 7.504 12.68C8.544 12.68 9.504 12.424 10.384 11.912ZM5.728 10.408L5.696 10.376C5.152 10.04 4.72 9.576 4.4 8.984C4.08 8.392 3.92 7.72 3.92 6.968C3.92 6.216 4.08 5.544 4.4 4.952C4.72 4.36 5.152 3.896 5.696 3.56C6.24 3.224 6.848 3.064 7.536 3.064C8.096 3.064 8.608 3.176 9.072 3.4C9.536 3.624 9.936 3.928 10.256 4.312C10.576 4.696 10.8 5.144 10.912 5.64H9.984C9.776 5.08 9.472 4.632 9.056 4.312C8.64 3.992 8.144 3.832 7.552 3.832C7.056 3.832 6.608 3.96 6.208 4.216C5.808 4.472 5.488 4.84 5.248 5.32C5.008 5.8 4.896 6.36 4.896 7C4.896 7.64 5.024 8.2 5.264 8.68C5.504 9.16 5.824 9.528 6.224 9.784C6.624 10.04 7.056 10.168 7.52 10.168C8.144 10.168 8.672 10.008 9.104 9.704C9.536 9.4 9.84 8.952 10.016 8.36H10.96C10.816 8.888 10.592 9.336 10.272 9.72C9.952 10.104 9.552 10.392 9.088 10.6C8.624 10.808 8.112 10.904 7.552 10.904C6.88 10.904 6.272 10.744 5.728 10.408Z" fill="white"/></svg>');
}
footer .upenn p.penn:before {
  background-image: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.40234 3.32773C4.40234 3.42857 4.52335 3.4689 4.56369 3.47563C4.57041 3.47563 4.57041 3.47563 4.57713 3.48235C4.77209 3.50252 5.04772 3.47563 5.28974 3.22689C5.30318 3.21344 5.33007 3.20672 5.35024 3.22689C5.36369 3.24033 5.37041 3.26722 5.35024 3.28739C5.16873 3.47563 4.93344 3.57647 4.67797 3.57647C4.65108 3.57647 4.62419 3.57647 4.5973 3.56974C4.5973 3.57647 4.60402 3.58319 4.60402 3.58991C4.61075 3.61008 4.62419 3.63025 4.63764 3.64369C4.66453 3.67731 4.69814 3.7042 4.73848 3.71764C4.76537 3.73109 4.79898 3.73109 4.83932 3.73109C5.11495 3.73109 5.3368 3.59663 5.51831 3.4689C5.62587 3.39495 5.76033 3.25378 5.80066 3.15294C5.81411 3.12605 5.81411 3.09916 5.82083 3.06554L5.6326 3.03193H5.62587C5.6057 3.02521 5.59226 3.01176 5.59226 2.99159C5.58554 2.95126 5.61915 2.93109 5.68638 2.88403C5.70655 2.87058 5.72671 2.85714 5.74688 2.84369C5.84772 2.76974 5.92839 2.70924 5.97545 2.67563C5.92167 2.61512 5.87461 2.54789 5.841 2.49411C5.81411 2.45378 5.78722 2.42016 5.76705 2.39327C5.76705 2.39327 5.76705 2.39327 5.76033 2.38655C5.66621 2.28571 5.49814 2.22521 5.36369 2.30588C5.30991 2.33949 5.26285 2.37983 5.20907 2.42689C5.16873 2.4605 5.12839 2.50084 5.08134 2.53445C5.06117 2.54789 5.041 2.54117 5.02755 2.52773C5.01411 2.50756 5.01411 2.48739 5.02755 2.46722C5.03428 2.4605 5.041 2.45378 5.04772 2.44705C5.10823 2.38655 5.25613 2.2521 5.25613 2.15798C5.25613 1.93613 5.041 1.56638 4.96705 1.44537C4.81915 1.58655 4.70486 1.79495 4.61747 1.97647C4.54352 2.12437 4.48974 2.25882 4.45613 2.39327L4.4494 2.40672C4.42251 2.50084 4.36873 2.70252 4.44268 2.78319C4.4494 2.79663 4.46285 2.80336 4.47629 2.81008C4.48974 2.8168 4.50318 2.83025 4.51663 2.84369C4.66453 2.98487 4.56369 3.09916 4.48974 3.18655C4.4494 3.23361 4.40234 3.28739 4.40234 3.32773ZM4.81915 2.88403C4.79898 2.79663 4.88638 2.7563 4.9536 2.7563C5.00066 2.7563 5.04772 2.76974 5.08806 2.80336C5.1015 2.8168 5.11495 2.83025 5.12839 2.83697C5.16201 2.86386 5.15528 2.91764 5.12167 2.94453C5.08806 2.97142 5.04772 2.99831 5.02755 3.01176C4.97377 3.0521 4.87965 3.11932 4.81243 3.06554C4.78554 3.03865 4.84604 2.99831 4.81915 2.88403Z" fill="white"/><path d="M2.77581 3.01177C2.81615 3.02522 2.85649 3.03866 2.90355 3.05211C3.02455 3.09245 3.15228 3.09245 3.28002 3.09245C3.36069 3.09245 3.44136 3.09245 3.50859 3.10589V1.37144C3.46153 1.36471 3.42119 1.35127 3.38086 1.33782C3.3338 1.31766 3.28674 1.29076 3.2464 1.26387C3.15901 1.21009 3.07161 1.15631 2.93716 1.15631C2.8296 1.15631 2.72203 1.19665 2.62791 1.23698C2.56069 1.26387 2.50691 1.28404 2.45312 1.29749V2.93782H2.45985C2.5338 2.93782 2.64808 2.97144 2.77581 3.01177Z" fill="white"/><path d="M5.97533 1.41179C6.25096 1.39834 6.6476 1.4454 6.99045 1.70759C7.19886 1.86893 7.37365 2.07061 7.54171 2.26557C7.58877 2.31935 7.62911 2.36641 7.67617 2.42019C7.81062 2.57482 7.93835 2.70927 8.07281 2.82355C8.0997 2.74961 8.0997 2.68238 8.07281 2.6286C8.03247 2.5412 7.92491 2.51431 7.92491 2.51431C7.91146 2.51431 7.90474 2.50759 7.89802 2.49414C7.89129 2.48742 7.89129 2.47398 7.89802 2.46053C7.91146 2.42019 7.94508 2.30591 7.92491 2.2454C7.90474 2.19835 7.81062 2.17145 7.78373 2.17145C7.77029 2.17145 7.75684 2.16473 7.75684 2.15129C7.75012 2.13784 7.75012 2.1244 7.75684 2.11767C7.77029 2.08406 7.79718 1.98994 7.76356 1.94288C7.70306 1.84877 7.53499 1.89582 7.53499 1.89582C7.52155 1.90255 7.5081 1.89582 7.49466 1.88238C7.48121 1.86893 7.48121 1.85549 7.48793 1.84204C7.48793 1.84204 7.53499 1.69414 7.44087 1.60003C7.33331 1.49246 7.09802 1.55297 7.09802 1.55297C7.08457 1.55969 7.07113 1.55297 7.05768 1.53952C7.04424 1.52608 7.04424 1.51263 7.05096 1.49919C7.05096 1.49246 7.0913 1.37145 7.01062 1.31767C6.87617 1.237 6.72827 1.33784 6.72827 1.34456C6.71482 1.35129 6.70138 1.35129 6.68793 1.35129C6.67449 1.34456 6.66777 1.33112 6.66777 1.31767C6.66777 1.31095 6.6476 1.14961 6.50642 1.12944C6.3518 1.10927 6.19045 1.26389 6.19045 1.27061C6.18373 1.27734 6.17029 1.28406 6.15684 1.28406C6.1434 1.28406 6.13667 1.27734 6.12995 1.27061C6.12995 1.27061 6.02239 1.12944 5.88121 1.13616C5.74676 1.14288 5.6997 1.27734 5.6997 1.27734C5.69298 1.29078 5.68625 1.2975 5.67281 1.30423C5.65936 1.30423 5.64592 1.30423 5.63919 1.29078C5.63919 1.29078 5.50474 1.16305 5.37701 1.21683C5.22239 1.27734 5.16861 1.45885 5.14844 1.5328C5.16188 1.55969 5.18205 1.58658 5.1955 1.62019C5.48457 1.43196 5.92827 1.41179 5.97533 1.41179Z" fill="white"/><path d="M9.16302 3.23368C8.93444 3.42192 8.59831 3.34124 8.38318 3.18662C8.13444 3.00511 7.87898 2.76982 7.6168 2.47402C7.56974 2.42024 7.52268 2.36645 7.48234 2.3194C7.31428 2.12444 7.14621 1.92948 6.94453 1.77486C6.62856 1.52612 6.24537 1.48578 5.98991 1.49923C5.81512 1.50595 5.45881 1.55301 5.2168 1.70091C5.29075 1.85553 5.35797 2.03032 5.35797 2.16477C5.35797 2.19166 5.35125 2.21183 5.34453 2.23872C5.49915 2.14461 5.68739 2.19839 5.80167 2.29923C5.85545 2.21856 5.92268 2.15805 5.99663 2.14461C6.07058 2.12444 6.15125 2.14461 6.2252 2.19166C6.3731 2.29251 6.40671 2.29251 6.54789 2.21183C6.63528 2.16477 6.74285 2.1715 6.83024 2.232C6.91764 2.28578 6.97142 2.3799 6.97814 2.48746C7.05209 2.48074 7.18654 2.47402 7.27394 2.54797C7.36133 2.62192 7.37478 2.7362 7.37478 2.80343C7.44201 2.78998 7.54957 2.78326 7.62352 2.87066C7.68402 2.93788 7.69075 3.02528 7.69075 3.09251C7.69075 3.11267 7.69075 3.14629 7.69747 3.15301C7.70419 3.15973 7.71764 3.15973 7.73108 3.16645C7.80503 3.18662 7.95965 3.2404 7.93276 3.45553C7.93276 3.4757 7.9126 3.48914 7.89243 3.48914C7.89243 3.48914 7.89243 3.48914 7.8857 3.48914C7.86554 3.48914 7.84537 3.46898 7.85209 3.44208C7.87226 3.28746 7.77814 3.26057 7.70419 3.2404C7.68402 3.23368 7.66386 3.22696 7.65041 3.22024C7.61007 3.19335 7.61007 3.14629 7.60335 3.09251C7.60335 3.03872 7.59663 2.9715 7.55629 2.92444C7.48234 2.84377 7.33444 2.89755 7.33444 2.89755C7.321 2.90427 7.30755 2.89755 7.29411 2.89082C7.28066 2.8841 7.28066 2.87066 7.28066 2.85721C7.28066 2.85721 7.30083 2.69587 7.21344 2.61519C7.13276 2.54797 6.98486 2.56141 6.93781 2.57486C6.92436 2.57486 6.91091 2.57486 6.90419 2.56814C6.89747 2.56141 6.89075 2.54797 6.89075 2.53452C6.89747 2.43368 6.85713 2.35301 6.78318 2.29923C6.71596 2.25889 6.64201 2.25217 6.5815 2.28578C6.41344 2.37318 6.35293 2.3799 6.17814 2.25889C6.12436 2.21856 6.07058 2.20511 6.0168 2.21856C5.95629 2.232 5.90251 2.28578 5.86217 2.35973C5.88234 2.38662 5.90251 2.42024 5.9294 2.45385C5.97646 2.52108 6.02352 2.60175 6.09075 2.66225C6.09747 2.66898 6.10419 2.68242 6.10419 2.69587C6.10419 2.70931 6.09747 2.72276 6.08402 2.72948C6.08402 2.72948 5.97646 2.81015 5.81512 2.92444C5.79495 2.93788 5.77478 2.95805 5.75461 2.9715C5.74789 2.9715 5.74789 2.97822 5.74117 2.97822L5.87562 2.99839C5.96974 2.94461 6.07058 2.92444 6.17814 2.92444C6.51428 2.92444 6.89075 3.13284 7.18655 3.29419C7.24033 3.3278 7.29411 3.35469 7.34789 3.38158C7.85209 3.64377 8.34957 3.87234 8.88739 3.77822C8.89411 3.77822 9.31764 3.69082 9.53276 3.34797C9.66722 3.13956 9.68739 2.87066 9.60671 2.56141C9.59999 2.5278 9.58655 2.49419 9.57982 2.4673C9.49243 2.14461 9.43865 1.95637 9.59999 1.55301C9.41848 1.53956 9.30419 1.60007 9.24369 1.66057C9.12268 1.76814 9.0689 1.95637 9.07562 2.22528C9.07562 2.24545 9.06217 2.26561 9.03528 2.26561C8.86722 2.28578 8.73276 2.35973 8.66554 2.47402C8.59831 2.58158 8.59831 2.72276 8.65209 2.89755C8.73276 2.78326 8.87394 2.63536 9.04873 2.6757C9.15629 2.70259 9.24369 2.78326 9.27058 2.90427C9.29747 3.01183 9.25713 3.15301 9.16302 3.23368Z" fill="white"/><path d="M11.1539 3.05212C11.1942 3.03867 11.2413 3.02523 11.2816 3.01178C11.4093 2.97145 11.5236 2.93783 11.6043 2.93111H11.611V1.29077C11.5572 1.28405 11.4967 1.25716 11.4295 1.23027C11.3354 1.18993 11.2278 1.1496 11.1203 1.1496C10.9858 1.1496 10.8984 1.20338 10.811 1.25716C10.7707 1.28405 10.7236 1.31094 10.6766 1.33111C10.6362 1.34456 10.5959 1.358 10.5488 1.36472V3.09245C10.6228 3.07901 10.6967 3.07901 10.7774 3.07901C10.9051 3.09245 11.0329 3.09245 11.1539 3.05212Z" fill="white"/><path d="M10.1098 3.11934C10.1166 3.13279 10.1367 3.14623 10.1569 3.15968C10.1972 3.18657 10.2376 3.2269 10.2376 3.29413V3.47564H11.6561H13.0745V3.29413C13.0745 3.2269 13.1216 3.18657 13.1552 3.15968C13.1754 3.14623 13.1888 3.13279 13.2023 3.11934C13.209 3.1059 13.2157 3.08573 13.2157 3.07228C13.2157 3.05211 13.209 3.03867 13.2023 3.02522C13.1955 3.01178 13.1754 2.99833 13.1552 2.98489C13.1149 2.958 13.0745 2.91766 13.0745 2.85043V2.03027C13.0745 1.96304 13.1216 1.9227 13.1552 1.89581C13.1754 1.88237 13.1888 1.86892 13.2023 1.85548C13.209 1.84203 13.2157 1.82186 13.2157 1.80842C13.2157 1.78825 13.209 1.7748 13.2023 1.76136C13.1955 1.74791 13.1754 1.73447 13.1552 1.72102C13.1149 1.69413 13.0745 1.6538 13.0745 1.58657V1.39833H13.0678C12.9939 1.39833 12.9199 1.39833 12.8527 1.39161V3.26724H11.8241C11.804 3.34119 11.7367 3.39497 11.6561 3.39497C11.5754 3.39497 11.5082 3.34119 11.488 3.26724H10.4594V1.38489C10.3922 1.39161 10.3182 1.39161 10.2443 1.39161H10.2376V1.57985C10.2376 1.64707 10.1905 1.68741 10.1569 1.7143C10.1367 1.72774 10.1233 1.74119 10.1098 1.75464C10.1031 1.76808 10.0964 1.78825 10.0964 1.80169C10.0964 1.82186 10.1031 1.83531 10.1098 1.84875C10.1166 1.8622 10.1367 1.87564 10.1569 1.88909C10.1972 1.91598 10.2376 1.95632 10.2376 2.02354V2.83699C10.2376 2.90422 10.1905 2.94455 10.1569 2.97144C10.1367 2.98489 10.1233 2.99833 10.1098 3.01178C10.1031 3.02522 10.0964 3.04539 10.0964 3.05884C10.0897 3.08573 10.0964 3.1059 10.1098 3.11934Z" fill="white"/><path d="M1.90387 3.05212C1.94421 3.03867 1.99127 3.02523 2.0316 3.01178C2.15933 2.97145 2.27362 2.93783 2.35429 2.93111H2.36101V1.29077C2.30723 1.28405 2.24673 1.25716 2.1795 1.23027C2.08538 1.18993 1.97782 1.1496 1.87026 1.1496C1.7358 1.1496 1.64841 1.20338 1.56101 1.25716C1.52068 1.28405 1.47362 1.31094 1.42656 1.33111C1.38622 1.34456 1.34589 1.358 1.29883 1.36472V3.09245C1.37278 3.07901 1.44673 3.07901 1.5274 3.07901C1.64841 3.09245 1.77614 3.09245 1.90387 3.05212Z" fill="white"/><path d="M12.0258 3.01177C12.0661 3.02522 12.1065 3.03866 12.1535 3.05211C12.2746 3.09245 12.409 3.09245 12.53 3.09245C12.6107 3.09245 12.6914 3.09245 12.7586 3.10589V1.37144C12.7115 1.36471 12.6712 1.35127 12.6309 1.33782C12.5838 1.31766 12.5367 1.29076 12.4964 1.26387C12.409 1.21009 12.3216 1.15631 12.1872 1.15631C12.0796 1.15631 11.972 1.19665 11.8779 1.23698C11.8107 1.26387 11.7569 1.28404 11.7031 1.29749V2.93782H11.7098C11.7838 2.93782 11.8981 2.97144 12.0258 3.01177Z" fill="white"/><path d="M7.02349 8.36302C7.6621 8.36302 8.17979 7.84533 8.17979 7.20672C8.17979 6.56811 7.6621 6.05042 7.02349 6.05042C6.38488 6.05042 5.86719 6.56811 5.86719 7.20672C5.86719 7.84533 6.38488 8.36302 7.02349 8.36302Z" fill="white"/><path d="M0.855242 3.11934C0.861965 3.13279 0.882133 3.14623 0.902301 3.15968C0.942637 3.18657 0.982973 3.2269 0.982973 3.29413V3.47564H2.40146H3.81995V3.29413C3.81995 3.2269 3.86701 3.18657 3.90062 3.15968C3.92079 3.14623 3.93423 3.13279 3.94768 3.11934C3.9544 3.1059 3.96112 3.08573 3.96112 3.07228C3.96112 3.05211 3.9544 3.03867 3.94768 3.02522C3.94096 3.01178 3.92079 2.99833 3.90062 2.98489C3.86028 2.958 3.81995 2.91766 3.81995 2.85043V2.03027C3.81995 1.96304 3.86701 1.9227 3.90062 1.89581C3.92079 1.88237 3.93423 1.86892 3.94768 1.85548C3.9544 1.84203 3.96112 1.82186 3.96112 1.80842C3.96112 1.78825 3.9544 1.7748 3.94768 1.76136C3.94096 1.74791 3.92079 1.73447 3.90062 1.72102C3.86028 1.69413 3.81995 1.6538 3.81995 1.58657V1.39833H3.81323C3.73928 1.39833 3.66533 1.39833 3.5981 1.39161V3.26724H2.56953C2.54936 3.34119 2.48213 3.39497 2.40146 3.39497C2.32079 3.39497 2.25356 3.34119 2.23339 3.26724H1.20482V1.38489C1.1376 1.39161 1.06365 1.39161 0.989696 1.39161H0.982973V1.57985C0.982973 1.64707 0.935914 1.68741 0.902301 1.7143C0.882133 1.72774 0.868688 1.74119 0.855242 1.75464C0.84852 1.76808 0.841797 1.78825 0.841797 1.80169C0.841797 1.82186 0.84852 1.83531 0.855242 1.84875C0.861965 1.8622 0.882133 1.87564 0.902301 1.88909C0.942637 1.91598 0.982973 1.95632 0.982973 2.02354V2.83699C0.982973 2.90422 0.935914 2.94455 0.902301 2.97144C0.882133 2.98489 0.868688 2.99833 0.855242 3.01178C0.84852 3.02522 0.841797 3.04539 0.841797 3.05884C0.841797 3.08573 0.84852 3.1059 0.855242 3.11934Z" fill="white"/><path d="M13.6 4.51764H0.457141C0.457141 5.83529 0.457141 6.97142 0.457141 7.01176C0.450418 8.26218 0.752939 9.3647 1.20336 10.3193L7.02521 4.69915L12.8471 10.3193C13.2975 9.37142 13.6 8.26218 13.5933 7.01176C13.6 6.97142 13.6 5.83529 13.6 4.51764Z" fill="white"/><path d="M14.0572 0H2.00234e-05C2.00234e-05 0 2.00234e-05 6.97143 2.00234e-05 7.00504C-0.00670267 10.0571 1.68069 12.2622 3.09918 13.5798C4.65884 15.0252 6.37985 15.8588 6.958 15.9866L7.02523 16L7.09246 15.9866C7.66389 15.8588 9.38489 15.0252 10.9513 13.5798C12.3698 12.2622 14.0639 10.0571 14.0504 7.00504C14.0572 6.91765 14.0572 0 14.0572 0ZM13.7883 7.00504C13.795 9.9563 12.1546 12.1008 10.7765 13.3849C9.27061 14.7832 7.57649 15.6101 7.0454 15.7244H7.03195H7.01851C6.48742 15.6101 4.7933 14.7765 3.28742 13.3849C1.90926 12.1076 0.262205 9.96303 0.27565 7.00504C0.268928 6.91765 0.268928 0.268908 0.268928 0.268908H13.7883C13.7883 0.268908 13.7883 6.91765 13.7883 7.00504Z" fill="white"/><path d="M10.1719 11.2337C10.8105 11.2337 11.3282 10.716 11.3282 10.0774C11.3282 9.43878 10.8105 8.92108 10.1719 8.92108C9.53332 8.92108 9.01562 9.43878 9.01562 10.0774C9.01562 10.716 9.53332 11.2337 10.1719 11.2337Z" fill="white"/><path d="M3.87896 11.2337C4.51757 11.2337 5.03526 10.716 5.03526 10.0774C5.03526 9.43878 4.51757 8.92108 3.87896 8.92108C3.24035 8.92108 2.72266 9.43878 2.72266 10.0774C2.72266 10.716 3.24035 11.2337 3.87896 11.2337Z" fill="white"/><path d="M3.29492 13.1362C3.33526 13.1698 3.36887 13.2101 3.40921 13.2438C4.97559 14.6959 6.59576 15.4219 7.02601 15.5362C7.46299 15.4286 9.08316 14.6959 10.6428 13.2438C10.6832 13.2101 10.7168 13.1698 10.7571 13.1362L7.02601 9.1698L3.29492 13.1362Z" fill="white"/></svg>');
}
footer ul {
  width: 17%;
  padding: 0 10px;
}
footer ul li ul {
  width: 100%;
  padding-left: 20px;
}
footer a {
  color: #FFF;
  display: inline-block;
  font-family: TWK Everett, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
  padding-bottom: 2px;
}
footer a:hover {
  color: #63C7FF;
  border-bottom-color: #63C7FF;
}
footer .story {
  width: 400px;
  margin-right: 0;
  position: relative;
}
footer .story a {
  margin-top: -170px;
  border: 0;
  display: block;
  position: relative;
}
footer .story a:hover {
  margin-top: -180px;
}
footer .story a:after {
  content: "";
  position: absolute;
  top: -22px;
  left: -22px;
  width: 44px;
  height: 44px;
  background-image: url("data:image/svg+xml,%3csvg%20width='1408'%20height='1408'%20viewBox='0%200%201408%201408'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M700.411%20111C680.411%20111.13%20660.431%20112.26%20640.551%20114.39L651.221%20311.96C669.941%20309.27%20688.801%20307.94%20707.621%20307.94C708.761%20307.94%20709.901%20307.94%20711.041%20307.96L700.411%20111ZM279.46%20289.83C270.88%20298.64%20262.51%20307.77%20254.38%20317.22C249.4%20323.02%20244.55%20328.89%20239.83%20334.82L389.65%20467.74C401.47%20451.88%20414.6%20436.75%20429.02%20422.52L279.46%20289.83ZM111%20709.74L311.41%20696.6C311.01%20716.56%20312.1%20736.58%20314.71%20756.47L114.63%20769.59C112.41%20749.72%20111.2%20729.74%20111%20709.74ZM286.75%201125.26L419.02%20976.17C432.9%20990.96%20447.7%201004.47%20463.24%201016.67L331.46%201165.21C326.66%201161.34%20321.9%201157.38%20317.19%201153.33C306.64%201144.25%20296.5%201134.89%20286.75%201125.26ZM708.12%201101.02C725.12%201101.02%20742.13%201099.94%20759.05%201097.75L769.6%201293.09C749.73%201295.3%20729.75%201296.5%20709.75%201296.71L699.17%201100.92C702.15%201100.99%20705.14%201101.02%20708.12%201101.02ZM947.059%20388.11L1076.21%20242.53C1081.01%20246.41%201085.77%20250.37%201090.48%20254.42C1101.02%20263.49%201111.16%20272.86%201120.91%20282.49L991.969%20427.83C977.839%20413.29%20962.819%20400.04%20947.059%20388.11ZM1293%20637.59L1100.72%20650.2C1103.45%20670.07%201104.66%20690.08%201104.37%20710.05L1296.68%20697.44C1296.45%20677.44%201295.23%20657.47%201293%20637.6V637.59ZM983.52%20989.54C998.11%20975.46%201011.41%20960.49%201023.4%20944.77L1167.85%201072.92C1163.12%201078.85%201158.27%201084.71%201153.28%201090.51C1145.16%201099.96%201136.79%201109.09%201128.21%201117.9L983.52%20989.54ZM531.209%20806.43L381.199%20929.2C386.889%20937.32%20392.919%20945.29%20399.299%20953.1C405.689%20960.91%20412.319%20968.41%20419.169%20975.6L569.179%20852.83C561.849%20846.18%20554.909%20838.92%20548.449%20831.03C542.009%20823.15%20536.259%20814.93%20531.199%20806.44L531.209%20806.43ZM852.426%20838.916L852.431%20838.91H852.421L852.426%20838.916ZM830.991%20859.24C838.739%20852.902%20845.878%20846.094%20852.426%20838.916L975.161%20988.89C968.091%20995.6%20960.721%201002.11%20953.051%201008.39C945.111%201014.89%20937.001%201021.03%20928.721%201026.8L805.941%20876.77C814.591%20871.65%20822.971%20865.81%20830.991%20859.24ZM655.591%20898.77L636.191%201091.53C655.911%201094.96%20675.861%201096.89%20695.871%201097.3L715.291%20904.31C711.501%20904.52%20707.711%20904.63%20703.911%20904.63C687.641%20904.63%20671.401%20902.67%20655.581%20898.76L655.591%20898.77ZM310.439%20694.4C310.919%20674.39%20312.929%20654.44%20316.439%20634.74L509.389%20653.86C504.399%20673.32%20502.339%20693.44%20503.289%20713.51L310.439%20694.4ZM714.109%20310.49L694.699%20503.3C697.699%20503.17%20700.689%20503.1%20703.689%20503.1C720.759%20503.1%20737.779%20505.27%20754.329%20509.56L773.749%20316.63C754.059%20313.08%20734.109%20311.03%20714.109%20310.5V310.49ZM898.42%20753.36C903.35%20733.89%20905.35%20713.77%20904.35%20693.7L1097.24%20712.82C1096.78%20732.82%201094.8%20752.77%201091.32%20772.48L898.42%20753.36ZM478.95%20380.93C470.68%20386.7%20462.56%20392.84%20454.62%20399.34C446.95%20405.62%20439.58%20412.13%20432.51%20418.85L555.25%20568.83C561.8%20561.64%20568.94%20554.84%20576.69%20548.49C584.71%20541.93%20593.09%20536.09%20601.74%20530.96L478.95%20380.92V380.93ZM838.48%20554.91L988.49%20432.14L988.5%20432.13C995.35%20439.32%201001.98%20446.82%201008.37%20454.63C1014.75%20462.44%201020.78%20470.41%201026.47%20478.53L876.461%20601.3C871.401%20592.82%20865.661%20584.59%20859.211%20576.71C852.75%20568.82%20845.81%20561.55%20838.48%20554.91Z'%20fill='%2370C3ED'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: rotate 15s linear infinite;
  z-index: 1;
  pointer-events: none;
}
footer .story img {
  display: block;
  width: 100%;
  margin-bottom: 0;
  border: 1px solid #63C7FF;
}
footer .story .story-body {
  padding: 20px;
}
footer .story .story-body h3 {
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 27px !important;
  text-align: left !important;
  font-family: "TWK Everett" !important;
}
footer .story .story-body .story-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 21px;
  color: #FFF !important;
}
footer .social {
  display: flex;
  flex-wrap: wrap;
  padding-top: 60px;
}
footer .social span {
  font-size: 15px;
  font-weight: 600;
}
footer .social a {
  display: block;
  text-indent: -99999em;
  height: 40px;
  width: 35px;
  margin-left: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}
footer .social a.fb {
  background-image: url("../img/social/icon-facebook-blue.svg");
}
footer .social a.tw {
  background-image: url("../img/social/icon-twitter-blue.svg");
}
footer .social a.yt {
  background-image: url("../img/social/icon-youtube-blue.svg");
}
footer .social a.in {
  background-image: url("../img/social/icon-linkedin-blue.svg");
}
footer .social a.ig {
  background-image: url("../img/social/icon-instagram-blue.svg");
}
footer .social a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 1024px) {
  footer {
    padding: 20px 0;
  }
  footer .wrap {
    flex-wrap: wrap;
  }
  footer ul {
    width: 30%;
  }
  footer .story {
    width: 100%;
  }
  footer .story a {
    margin-top: 20px !important;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer .story a img {
    width: 40%;
    max-width: 300px;
    height: auto;
  }
}
@media only screen and (max-width: 800px) {
  footer .upenn, footer .story {
    width: 100%;
    border-bottom: 1px solid #63C7FF;
    position: relative;
    margin-bottom: 30px;
  }
  footer .upenn:after, footer .upenn:before, footer .story:after, footer .story:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    bottom: -3px;
    border-width: 3px 0 3px 8px;
    border-color: transparent transparent transparent #63C7FF;
  }
  footer .upenn:after, footer .story:after {
    right: 0;
    transform: rotate(180deg);
  }
  footer .story {
    padding: 30px 0 0;
    margin: 30px 0 0;
    border-bottom: 0;
    border-top: 1px solid #63C7FF;
  }
  footer .story:after, footer .story:before {
    bottom: auto;
    top: -3px;
  }
  footer ul {
    width: 50%;
  }
}
@media only screen and (max-width: 550px) {
  footer .story a {
    flex-wrap: wrap;
  }
  footer .story a img {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
  footer .story a .story-body {
    width: 100%;
  }
  footer ul {
    width: 100%;
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#catalog-container {
  display: flex;
}

.catalog-sidebar {
  background: #e3eaf4;
  width: 200px;
  position: relative;
}
.catalog-sidebar:before {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -100vw;
  right: 0;
  background: #e3eaf4;
}
.catalog-sidebar ul {
  position: relative;
  z-index: 10;
  margin-left: -12px;
}
.catalog-sidebar ul li {
  font-size: 18px;
  line-height: normal;
}
.catalog-sidebar ul li .children, .catalog-sidebar ul li.sub-cat {
  position: static;
  margin: 0;
  padding-left: 20px;
}
.catalog-sidebar ul li .children a, .catalog-sidebar ul li.sub-cat a {
  font-size: 16px;
  padding: 6px 10px;
}
.catalog-sidebar ul li a {
  padding: 8px 12px;
  display: block;
  color: #011F5B;
}
.catalog-sidebar ul li.current-cat > a {
  font-weight: bold;
  background: #FFF;
}

.catalog-main {
  padding-left: 40px;
  width: calc(100% - 200px);
}
.catalog-main ul {
  list-style: disc;
  padding: 0 0 30px 30px;
}

@media only screen and (max-width: 800px) {
  #catalog {
    padding-top: 0;
  }
  #catalog-container {
    flex-wrap: wrap;
  }
  #catalog-container .catalog-main {
    order: 2;
    width: 100%;
    padding: 0;
  }
  #catalog-container .catalog-sidebar {
    order: 1;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    background: #e3eaf4;
  }
  #catalog-container .catalog-sidebar:before {
    display: none;
  }
  #catalog-container .catalog-sidebar ul {
    margin: 0;
  }
}
#faq-container {
  display: flex;
}

.faq-sidebar {
  background: #e3eaf4;
  width: 300px;
  position: relative;
}
.faq-sidebar:before {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -100vw;
  right: 0;
  background: #e3eaf4;
}
.faq-sidebar ul {
  position: relative;
  z-index: 10;
  margin-left: -12px;
}
.faq-sidebar ul li {
  font-size: 18px;
  line-height: normal;
}
.faq-sidebar ul li .children {
  position: static;
  margin: 0;
  padding-left: 20px;
}
.faq-sidebar ul li .children a {
  font-size: 16px;
  padding: 6px 10px;
}
.faq-sidebar ul li a {
  padding: 8px 12px;
  display: block;
  color: #011F5B;
}
.faq-sidebar ul li.current-cat > a {
  font-weight: bold;
  background: #FFF;
}

.faq-main {
  padding-left: 40px;
  width: calc(100% - 300px);
}
.faq-main ul {
  list-style: disc;
  padding: 0 0 30px 30px;
}

@media only screen and (max-width: 800px) {
  #faq-container {
    flex-wrap: wrap;
  }
  #faq-container .faq-main {
    order: 1;
    width: 100%;
    padding: 0;
  }
  #faq-container .faq-sidebar {
    order: 2;
    width: 100%;
    padding: 20px;
    margin-top: 30px;
    background: #e3eaf4;
  }
  #faq-container .faq-sidebar:before {
    display: none;
  }
}
#five-year {
  padding-top: 55px;
  transition: ease 0.4s padding;
}
#five-year #outcomes-slider, #five-year #quotes-slider {
  height: 0;
  overflow: hidden;
}
#five-year #outcomes-slider.slick-initialized, #five-year #quotes-slider.slick-initialized {
  height: auto;
  overflow: visible;
}
#five-year h1, #five-year h2 {
  font-family: "Outfit", sans-serif;
  font-weight: 900;
}
#five-year.openMenu {
  padding-top: 110px;
}
#five-year.openMenu header nav {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  height: 47px;
}
#five-year.openMenu header .meta a.dd {
  opacity: 1;
  visibility: visible;
}
#five-year.openMenu section.jump-link-bar.locked {
  top: 110px;
}
#five-year header {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
#five-year header .wrap {
  padding: 10px 20px;
  max-width: 100%;
  background: #FFF;
  z-index: 1000;
}
#five-year header .meta, #five-year header #menu {
  opacity: 0;
}
#five-year header .meta a.dd {
  opacity: 0;
  visibility: hidden;
}
#five-year header ul {
  justify-content: flex-end;
}
#five-year header nav {
  position: static;
  justify-content: flex-end !important;
  display: flex;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  padding: 0;
  transition: ease 0.4s all;
  max-width: none;
}
#five-year header nav li.main-menu-item > a {
  font-size: 15px;
}
#five-year header nav li a .subnav {
  top: 40px;
}
#five-year header nav li a .subnav .level-three {
  top: 0;
}
#five-year header .meta {
  top: 15px;
  right: 100px;
}
#five-year header .btn.btnNav {
  border-radius: 6px;
  line-height: 20px;
}
#five-year header #logo {
  height: 50px;
  width: 271px;
}
#five-year header #logo.five-year:before {
  background: transparent url("../img/5-year/PennEng5Year.svg") no-repeat 50%;
}
#five-year header.init .header-box {
  transition: none;
}
#five-year header .header-box {
  position: absolute;
  background-color: #FFF;
  border-radius: 0 0 8px 0;
  transform: translateX(-100%);
  padding: 15px 30px 15px 25px;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
#five-year header .header-box img {
  display: block;
  width: 200px;
}
#five-year header.scroll .header-box {
  transform: translateX(-100%) !important;
}
#five-year header.scroll .meta {
  transform: none;
  opacity: 1;
}
#five-year header.scroll .meta, #five-year header.scroll #menu {
  opacity: 1;
}
#five-year header.scroll nav li > .subnav {
  top: 56px;
}
#five-year header.scroll nav li > .subnav.level-three {
  top: -1px;
}
#five-year #menu {
  display: block;
  padding: 34px 30px;
}
#five-year h3 {
  color: #FFFFFF;
  font-size: 48px;
  line-height: 98px;
  font-weight: 700;
  text-align: center;
}
#five-year .box h3 {
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 25px;
  text-align: left;
  font-weight: normal;
}
#five-year .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
#five-year .embed-container iframe, #five-year .embed-container object, #five-year .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#five-year section.bannerBlock {
  padding: 150px 0 145px;
  background: #085494;
  background-color: #23306b;
}
#five-year section.bannerBlock h2 {
  display: block;
  text-align: center;
  opacity: 0;
  transform: translateY(-30px);
}
#five-year section.bannerBlock h2 img {
  max-width: 460px;
  display: inline-block;
}
#five-year section.bannerBlock h1 {
  font-size: 108px;
  line-height: 100px;
  font-weight: 800;
}
#five-year section.bannerBlock h1 strong {
  display: block;
  opacity: 0;
  transform: translateY(30px);
}
#five-year section.bannerBlock h1 span.sub {
  font-size: 58px;
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
#five-year section.bannerBlock h1 span.sub span {
  display: inline-block;
  padding: 0 8px;
  font-weight: 500;
  opacity: 0;
  font-style: italic;
  transform: translateY(30px);
}
#five-year section.bannerBlock .btn {
  opacity: 0;
  transform: translateY(30px);
}
#five-year section.bannerBlock.upgrade h1 {
  font-size: 66px;
  line-height: 110%;
  color: #FFF;
  margin-bottom: 30px;
}
#five-year section.bannerBlock.upgrade h1 .name {
  font-size: 40px;
  line-height: 52px;
}
#five-year section.bannerBlock.upgrade h1 span.sub span {
  font-style: normal;
  font-weight: bold;
}
#five-year section.bannerBlock.upgrade h4 {
  font-weight: 500;
  max-width: 1000px;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(-30px);
}
#five-year section.bannerBlock canvas {
  display: block;
  vertical-align: bottom;
}
#five-year section.bannerBlock #particles-js {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 10;
}
#five-year section.jump-link-bar {
  padding: 0;
  background-color: #82afd3;
  transition: ease 0.4s top;
  overflow: hidden;
}
#five-year section.jump-link-bar.upgrade .wrap a {
  width: 130px;
}
#five-year section.jump-link-bar.upgrade .wrap a.lg {
  width: 25%;
}
#five-year section.jump-link-bar .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px;
}
#five-year section.jump-link-bar .wrap:after {
  content: none;
}
#five-year section.jump-link-bar .wrap a {
  display: inline-block;
  width: 100px;
  color: #1D2758;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  opacity: 0;
  transform: translateY(-15px);
}
#five-year section.jump-link-bar.locked {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 100;
}
#five-year section.jump-link-bar.locked a {
  opacity: 1;
  transform: translateY(0);
}
#five-year .jump-link-bar.locked + section#showcase-in-motion {
  padding-top: 90px;
}
#five-year #anniversary-messages {
  padding: 0;
}
#five-year .message-author {
  padding: 8px 0 8px 32px;
  border-left: 4px solid #990000;
  font-family: "Roboto";
  color: #333333;
  margin-bottom: 30px;
}
#five-year .message-author h5 {
  font-size: 25px;
  line-height: normal;
  font-weight: 600;
  padding: 0;
  margin: 0;
}
#five-year .message-author em {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  font-style: italic;
  display: block;
  padding-top: 4px;
}
#five-year #quotes-slider {
  margin: 0;
}
#five-year #quotes-slider .slick-dots {
  bottom: 10px;
}
#five-year #quotes-slider .slide {
  padding: 0;
  display: flex;
  margin: 0;
}
#five-year #quotes-slider .slide .message-container {
  width: 58%;
  padding-top: 80px;
  padding-bottom: 40px;
  display: flex;
  justify-content: flex-end;
}
#five-year #quotes-slider .slide .message-content {
  max-width: 710px;
  position: relative;
}
#five-year #quotes-slider .slide .message-content .message-expanded {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  background: #FFF;
  border-radius: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  padding: 30px;
  color: #000000;
  font-size: 22px;
  line-height: 125%;
  font-weight: 500;
  z-index: 1000;
}
#five-year #quotes-slider .slide .message-content .message-expanded.open {
  display: block;
}
#five-year #quotes-slider .slide .message-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 146px;
  height: 105px;
  background-image: url("../img/5-year/quote-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#five-year #quotes-slider .slide .message-content .message {
  position: relative;
  padding: 40px 60px 80px 40px;
}
#five-year #quotes-slider .slide .message-content .message blockquote {
  margin-bottom: 32px;
  font-family: "EB Garamond";
  color: #000000;
  font-size: 30px;
  line-height: 140%;
  font-weight: 500;
}
#five-year #quotes-slider .slide .message-content .message blockquote.message-intro {
  font-size: 40px;
}
#five-year #quotes-slider .slide .message-content .message .message-expand {
  margin: 33px 0 35px;
  color: #990000;
  font-weight: 600;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
#five-year #quotes-slider .slide .message-content .message .message-expand:hover {
  opacity: 0.75;
  color: #000;
}
#five-year #quotes-slider .slide .message-content .message .message-expand:hover:after {
  margin-left: 15px;
}
#five-year #quotes-slider .slide .message-content .message .message-expand:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("../img/5-year/circle-arrow-right-red.png") no-repeat center center;
  background-size: contain;
  transition: margin 0.4s ease;
  margin-left: 10px;
}
#five-year #quotes-slider .slide .message-content .message .message-expand.open:after {
  transform: rotate(-90deg);
}
#five-year #quotes-slider .slide .message-photo {
  width: 42%;
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
#five-year #quotes-slider .slide .message-photo.left {
  background-position: bottom left;
}
#five-year #quotes-slider .slide .message-photo.top {
  background-position: top center;
}
#five-year #quotes-slider .slide .message-photo.open {
  background-size: 100%;
}
#five-year section#over-the-years {
  background-color: #1d2758;
  background-image: url("../img/5-year/bg-slider-blue.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#five-year section#over-the-years .wrap {
  min-height: 1000px;
}
#five-year section#over-the-years .timeline-controls {
  color: #FFFFFF;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
}
#five-year section#over-the-years .timeline-controls .prev:before,
#five-year section#over-the-years .timeline-controls .next:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("../img/5-year/circle-arrow-right-solid.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: -10%;
  cursor: pointer;
}
#five-year section#over-the-years .timeline-controls .prev:before {
  margin-right: 16px;
  transform: rotate(-180deg);
}
#five-year section#over-the-years .timeline-controls .next:after {
  margin-left: 16px;
}
#five-year section#over-the-years .timeline-sidebar {
  position: absolute;
  top: -30px;
  bottom: -30px;
  left: 0;
  width: 300px;
}
#five-year section#over-the-years .timeline-sidebar .right-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 22px;
  background-color: rgba(242, 242, 242, 0.2);
}
#five-year section#over-the-years .timeline-sidebar .left-border {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  margin-bottom: 30px;
  border-left: 1px solid #FFFFFF;
}
#five-year section#over-the-years .timeline-sidebar .years {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 70px;
  height: 100%;
}
#five-year section#over-the-years .timeline-sidebar .years .year {
  margin-right: 15px;
  font-family: "Arvo";
  color: rgba(255, 255, 255, 0.8);
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  text-align: right;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
#five-year section#over-the-years .timeline-sidebar .years .year:hover {
  color: rgba(255, 255, 255, 0.99);
}
#five-year section#over-the-years .timeline-sidebar .years .year:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  vertical-align: 5%;
  transition: all 0.2s ease-in-out;
}
#five-year section#over-the-years .timeline-sidebar .years .year.active {
  margin-right: 7px;
  color: #EFC104;
  font-size: 60px;
  line-height: 72px;
  text-align: right;
}
#five-year section#over-the-years .timeline-sidebar .years .year.active:after {
  width: 30px;
  height: 30px;
  margin-left: 50px;
  background-color: #EFC104;
}
#five-year section#over-the-years .timeline-sidebar .years .year.n5 {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
}
#five-year section#over-the-years .timeline-sidebar .years .year.n5.active {
  color: #EFC104;
}
#five-year section#over-the-years .timeline-content-container {
  min-height: 710px;
  margin-top: 20px;
  margin-bottom: 90px;
  margin-left: 330px;
  position: relative;
}
#five-year section#over-the-years .timeline-content-container .timeline-content {
  display: none;
  position: absolute;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  width: 100%;
}
#five-year section#over-the-years .timeline-content-container .timeline-content .content-text {
  max-width: 660px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content .content-images {
  display: flex;
  align-items: flex-end;
  margin-top: 20px;
  max-width: 660px;
  width: 100%;
}
#five-year section#over-the-years .timeline-content-container .timeline-content .content-images div {
  border-radius: 16px;
  background-color: #1d2758;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#five-year section#over-the-years .timeline-content-container .timeline-content .content-images div:nth-child(1) {
  width: 510px;
  height: 300px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content .content-images div:nth-child(2) {
  width: 384px;
  height: 254px;
  z-index: 1;
}
#five-year section#over-the-years .timeline-content-container .timeline-content.active {
  display: flex;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2018 .content-images div:nth-child(1) {
  width: 525px;
  height: 325px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2018 .content-images div:nth-child(2) {
  margin: 0 0 -30px -60px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2019 .content-images div:nth-child(1) {
  width: 230px;
  height: 200px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2020 .content-images {
  top: 0;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2020 .content-images div:nth-child(1) {
  height: 300px;
  width: 300px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2021 .content-text {
  top: 338px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2021 .content-images {
  top: 0;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2021 .content-images div:nth-child(1) {
  width: 300px;
  height: 300px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2023 .content-images div:nth-child(1) {
  height: 300px;
}
#five-year section#over-the-years .timeline-content-container .timeline-content#year-2023 .content-images div:nth-child(2) {
  margin: 0 0 -25px -60px;
}
#five-year section#over-the-years .timeline-social {
  position: absolute;
  bottom: 14px;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
#five-year section#over-the-years .timeline-social strong {
  margin-right: 3px;
  margin-left: 0;
  color: #FFF;
}
#five-year section#over-the-years .timeline-social a {
  display: block;
  text-indent: -99999em;
  width: 43px;
  height: 43px;
  margin-left: 17px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
#five-year section#over-the-years .timeline-social a.fb {
  background-image: url("../img/5-year/social/icn-fb-blue-white-bg.svg");
}
#five-year section#over-the-years .timeline-social a.tw {
  background-image: url("../img/5-year/social/icn-x-blue-white-bg.svg");
}
#five-year section#over-the-years .timeline-social a.yt {
  background-image: url("../img/5-year/social/icn-yt-blue-white-bg.svg");
}
#five-year section#over-the-years .timeline-social a.ln {
  background-image: url("../img/5-year/social/icn-linkedin-blue-white-bg.svg");
}
#five-year section#over-the-years .timeline-social a.in {
  background-image: url("../img/5-year/social/icn-insta-blue-white-bg.svg");
}
#five-year section#over-the-years .timeline-social a:hover {
  opacity: 0.5;
}
#five-year section#showcase-in-motion {
  background-color: #b2cbe2;
}
#five-year section#showcase-in-motion h3 {
  color: #011F5B;
}
#five-year section#showcase-in-motion .wrap {
  padding-bottom: 0;
}
#five-year section#showcase-in-motion .video-player-container {
  padding: 60px;
  background-color: rgba(242, 242, 242, 0.2);
}
#five-year section#showcase-in-motion .video-info-container {
  display: flex;
  justify-content: space-between;
  padding: 28px 0;
}
#five-year section#showcase-in-motion .video-info-container .video-title {
  color: #011F5B;
  font-weight: 800;
  font-size: 26px;
  line-height: 22px;
}
#five-year section#showcase-in-motion .video-info-container .transcript-expand {
  color: #990000;
  font-weight: 600;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: none;
}
#five-year section#showcase-in-motion .video-info-container .transcript-expand:hover {
  opacity: 0.75;
  color: #000;
}
#five-year section#showcase-in-motion .video-info-container .transcript-expand:hover:after {
  margin-left: 15px;
}
#five-year section#showcase-in-motion .video-info-container .transcript-expand:after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url("../img/5-year/circle-arrow-right-red.png") no-repeat center center;
  background-size: contain;
  transition: margin 0.4s ease;
  margin-left: 10px;
}
#five-year section#showcase-in-motion .video-info-container .transcript-expand.open:after {
  transform: rotate(-90deg);
}
#five-year section#showcase-in-motion .transcript-container {
  background-color: #FFFFFF;
}
#five-year section#showcase-in-motion .transcript-container .transcript {
  padding: 40px 20px 40px 40px;
  display: none;
}
#five-year section#showcase-in-motion .transcript-container .transcript div {
  max-height: 250px;
  overflow-y: scroll;
  padding-right: 30px;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  scrollbar-width: thin;
  scrollbar-color: #D9D9D9 #F2C100;
}
#five-year section#showcase-in-motion .transcript-container .transcript div::-webkit-scrollbar {
  width: 12px;
}
#five-year section#showcase-in-motion .transcript-container .transcript div::-webkit-scrollbar-track {
  background: #D9D9D9;
  border-radius: 5px;
}
#five-year section#showcase-in-motion .transcript-container .transcript div::-webkit-scrollbar-thumb {
  background-color: #F2C100;
  border-radius: 5px;
  border: 3px solid #D9D9D9;
}
#five-year section#showcase-in-motion .video-select-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  min-height: 272px;
  padding: 30px 0 15px;
  margin-bottom: 0;
  background-color: #1D2758;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 18px;
  font-weight: 800;
  text-align: center;
}
#five-year section#showcase-in-motion .video-select-container .video-select {
  display: flex;
  flex-direction: column;
  width: 322px;
  cursor: pointer;
}
#five-year section#showcase-in-motion .video-select-container .video-select .video-image {
  width: 100%;
  height: 179px;
  margin-bottom: 16px;
  border: 4px solid #FFFFFF;
  background-color: #b2cbe2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.3s ease-in-out;
}
#five-year section#showcase-in-motion .video-select-container .video-select.active .video-image {
  border-color: #EFC104;
}
#five-year section#showcase-in-motion .video-select-container .video-select .video-title {
  padding: 0 40px;
}
#five-year section#showcase-in-motion .video-select-container .video-select .video-transcript,
#five-year section#showcase-in-motion .video-select-container .video-select .video-embed-url {
  display: none;
}
#five-year section#noteworthy-numbers {
  background-color: #E8E7E5;
}
#five-year section#noteworthy-numbers h3 {
  color: #08093C;
  line-height: normal;
}
#five-year section#noteworthy-numbers h3 span {
  display: block;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  color: #333;
}
#five-year section#noteworthy-numbers .numbers-container {
  padding: 50px 50px 65px 50px;
  background-color: #FFFFFF;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  text-align: center;
  border-bottom: 4px solid #e1e1e1;
  padding-bottom: 30px;
  margin-bottom: 60px;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row.last {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .bar-graph-container {
  margin-left: 40px;
  opacity: 0;
  transform: translateX(-40px);
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .bar-graph-container .bar-graph-heading {
  margin-bottom: 30px;
  color: #000000;
  font-size: 28px;
  line-height: 26px;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat {
  color: #000000;
  transform: translateY(-20px);
  opacity: 0;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg {
  width: 100%;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading {
  font-size: 60px;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading span {
  font-size: 60px;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading {
  font-size: 48px;
  line-height: 110%;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading span {
  color: #910001;
  font-family: "Arvo";
  font-size: 48px;
  font-weight: 700;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-sub {
  font-size: 22px;
  line-height: 33px;
  font-style: italic;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stats-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container {
  color: #000000;
  opacity: 0;
  transform: translateY(40px);
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat {
  margin-bottom: 18px;
  font-family: "Arvo";
  color: #990000;
  font-size: 96px;
  line-height: 72px;
  font-weight: 700;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat-heading {
  font-size: 35px;
  line-height: 53px;
}
#five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat-sub {
  font-size: 18px;
  line-height: 27px;
  font-style: italic;
}
#five-year section#noteworthy-numbers .outcomes-container {
  display: flex;
  margin-top: 30px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container {
  padding: 40px;
  background-color: #1D2758;
  color: #FFFFFF;
  width: calc(40% - 10px);
  margin-right: 10px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container h4 {
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  font-family: "EB Garamond";
  font-size: 39px;
  line-height: 47px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container.lp h4 {
  font-family: "TWK Everett", serif;
  font-size: 35px;
  line-height: 45px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container.lp a {
  background: #085494;
  width: auto;
  padding: 10px 30px;
  font-size: 15px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container.lp a:hover {
  background: #000;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container p {
  margin-bottom: 28px;
  padding: 0;
  color: #F7F7F7;
  font-family: "Roboto";
  font-size: 18px;
  line-height: 25px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container ul {
  padding: 0 0 30px 30px;
  list-style: disc;
  font-size: 18px;
  line-height: 25px;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container a {
  width: 100%;
  padding: 14px 40px;
  border-radius: 6px;
  background-color: #990000;
  font-family: "Roboto";
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: ease 0.3s all;
}
#five-year section#noteworthy-numbers .outcomes-container .cta-container a:hover {
  background: #085494;
  color: #FFF;
}
#five-year section#noteworthy-numbers .outcomes-container #outcomes {
  width: calc(60% - 10px);
  margin-left: 10px;
  background: #FFF;
}
#five-year section#noteworthy-numbers .outcomes-container #outcomes img {
  width: 100%;
  display: block;
}
#five-year section#alumni-impressions {
  background-color: #1d2758;
  background-image: url("../img/5-year/bg-slider-blue.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#five-year section#alumni-impressions .alumni-testimonials.testimonials-slider {
  padding: 0 100px;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial {
  position: relative;
  color: #FFFFFF;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial blockquote {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding: 20px 30px 0;
  font-size: 24px;
  line-height: 32px;
  font-style: normal;
  z-index: 10;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial blockquote strong {
  color: #F2C100;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial .author {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 30px;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial .author .titles {
  list-style: none;
  font-size: 16px;
  padding: 0;
  line-height: normal;
}
#five-year section#alumni-impressions .alumni-testimonials .testimonial h5 {
  padding-bottom: 0;
  color: #F2C100;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-dots {
  width: unset;
  right: 0;
  left: 0;
  padding: 0;
  list-style: none;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-dots li {
  width: 25px;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-dots li button {
  height: 12px;
  width: 12px;
  background-color: #F2C100;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-dots li:only-child {
  display: none;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-next, #five-year section#alumni-impressions .alumni-testimonials .slick-prev {
  top: 40%;
  opacity: 1;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-next:hover, #five-year section#alumni-impressions .alumni-testimonials .slick-prev:hover {
  background-color: #534D51;
}
#five-year section#alumni-impressions .alumni-testimonials .slick-next {
  right: 30px;
  background-image: url(../img/arrow-right.svg);
}
#five-year section#alumni-impressions .alumni-testimonials .slick-prev {
  left: 30px;
  background-image: url(../img/arrow-left.svg);
}
#five-year section#alumni-impressions .photos {
  display: flex;
  align-items: flex-end;
  padding: 50px 0;
}
#five-year section#alumni-impressions .photos div {
  border-radius: 16px;
  background-color: #1d2758;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#five-year section#alumni-impressions .photos div:before {
  content: "";
  padding-top: 56%;
  display: block;
}
#five-year section#alumni-impressions .photos div:nth-child(1) {
  width: 450px;
  margin-bottom: 10px;
}
#five-year section#alumni-impressions .photos div:nth-child(2) {
  width: 400px;
  margin-right: -30px;
  margin-left: -20px;
  z-index: 1;
  background-position: top center;
}
#five-year section#alumni-impressions .photos div:nth-child(3) {
  width: 435px;
  margin-bottom: 20px;
}
#five-year section#alumni-impressions .white-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
#five-year section#alumni-impressions .white-box div {
  display: flex;
  flex-wrap: wrap;
}
#five-year section#alumni-impressions .white-box h4 {
  font-family: "EB Garamond";
  color: #011F5B;
  font-size: 32px;
  line-height: 36px;
  font-weight: 600;
  padding-right: 20px;
  padding-bottom: 0;
}
#five-year section#alumni-impressions .white-box p {
  font-family: "Roboto";
  color: #333333;
  font-size: 18px;
  line-height: 24px;
  padding-top: 10px;
  font-weight: 400;
  padding-bottom: 0;
}
#five-year section#alumni-impressions .white-box a {
  padding: 14px 40px;
  border-radius: 6px;
  background-color: #990000;
  font-family: "Roboto";
  color: #FFFFFF;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  transition: ease 0.3s all;
  white-space: nowrap;
}
#five-year section#alumni-impressions .white-box a:hover {
  background: #085494;
  color: #FFF;
}
#five-year .overlay {
  border-radius: 20px;
  padding-top: 30px;
  max-width: 800px;
}
#five-year .overlay .message-author {
  margin-top: 10px;
  font-size: 15px;
  padding-left: 20px;
  line-height: 24px;
}
#five-year .overlay .message-author div:nth-child(1) {
  font-size: 20px;
}
#five-year .people {
  background: #b2cbe2;
  padding: 60px 0;
}
#five-year .people h3 {
  color: #011F5B;
  line-height: normal;
}
#five-year .people .group-photos {
  display: flex;
  align-items: flex-end;
  padding: 40px 0 0;
}
#five-year .people .group-photos div {
  border-radius: 16px;
  background-color: #1d2758;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#five-year .people .group-photos div:before {
  content: "";
  padding-top: 50%;
  display: block;
}
#five-year .people .group-photos div.board {
  width: 390px;
  z-index: 1;
}
#five-year .people .group-photos div.board:before {
  padding-top: 72%;
}
#five-year .people .group-photos div.faculty {
  width: 375px;
  margin-left: -10px;
  margin-bottom: 70px;
  background-position: top center;
}
#five-year .people .group-photos div.faculty:before {
  padding-top: 65%;
}
#five-year .people .group-photos div.staff {
  width: 500px;
  margin-left: -10px;
  margin-bottom: 30px;
  z-index: 1;
}
@media only screen and (max-width: 1100px) {
  #five-year #quotes-slider .slide .message-content .message blockquote {
    font-size: 25px !important;
    line-height: 130% !important;
  }
  #five-year #quotes-slider .slide .message-content .message .message-expand {
    margin: 30px 0;
    font-size: 17px;
  }
  #five-year .message-author {
    padding-left: 25px;
  }
  #five-year .message-author h5 {
    font-size: 20px;
  }
  #five-year .message-author em {
    font-size: 14px;
  }
  #five-year section#showcase-in-motion .video-player-container {
    padding: 30px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading {
    font-size: 50px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading span {
    font-size: 50px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1024px) {
  #five-year header .header-box img {
    width: 275px;
  }
  #five-year section.bannerBlock {
    padding: 110px 0 100px;
  }
  #five-year section.bannerBlock h1 {
    font-size: 85px;
    line-height: 80px;
  }
  #five-year section.bannerBlock h1 span.sub {
    font-size: 45px;
  }
  #five-year section.bannerBlock h2 img {
    max-width: 300px;
  }
  #five-year section.jump-link-bar .wrap a {
    width: 80px;
    font-size: 16px;
    line-height: 18px;
  }
  #five-year h3 {
    font-size: 40px;
    line-height: 72px;
  }
  #five-year section#showcase-in-motion .video-info-container .transcript-expand {
    font-size: 18px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .bar-graph-container {
    margin-left: 0;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .bar-graph-container .bar-graph-heading {
    font-size: 24px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading {
    font-size: 45px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading span {
    font-size: 45px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading {
    font-size: 28px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading span {
    font-size: 35px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat-heading {
    font-size: 22px;
    line-height: normal;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat {
    font-size: 60px;
    line-height: normal;
    margin: 0;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container .number-stat-sub {
    font-size: 16px;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container {
    padding: 30px;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container h4 {
    font-size: 30px;
    line-height: 130%;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container a {
    font-size: 16px;
    padding: 14px 0;
  }
  #five-year .white-box a {
    padding: 12px 36px;
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 960px) {
  #five-year {
    padding-top: 78px;
  }
  #five-year #menu {
    padding: 38px 30px;
  }
  #five-year header .wrap {
    padding: 19px 20px;
  }
  #five-year header .header-box {
    padding: 10px 20px;
  }
  #five-year header .header-box img {
    width: 250px;
  }
  #five-year header nav {
    background: #085494;
    position: fixed;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 2000;
    text-align: left;
    color: #FFF;
    transition: ease 0.5s all;
  }
  #five-year.openMenu {
    padding-top: 78px;
  }
  #five-year.openMenu header nav {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    top: 78px;
    height: inherit;
  }
  #five-year.openMenu section.jump-link-bar.locked {
    top: 78px;
  }
  #five-year section.jump-link-bar.locked {
    top: 78px;
  }
  #five-year section#showcase-in-motion .video-player-container {
    padding: 20px;
  }
  #five-year section#showcase-in-motion .video-select-container {
    padding: 20px;
    min-height: auto;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select {
    width: 50%;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select .video-image {
    margin-bottom: 8px;
    height: auto;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select .video-image:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat.lg .grad-stat-heading {
    font-size: 35px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-heading span {
    font-size: 35px;
    display: block;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .grad-stat .grad-stat-sub {
    font-size: 18px;
    font-style: italic;
  }
  #five-year section#over-the-years .timeline-social a {
    width: 30px;
    height: 30px;
  }
  #five-year section#over-the-years .wrap {
    min-height: 810px;
  }
  #five-year section#over-the-years .timeline-sidebar {
    width: 160px;
  }
  #five-year section#over-the-years .timeline-sidebar .years {
    gap: 50px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year {
    font-size: 18px;
    line-height: 18px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year:after {
    margin-left: 10px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year.active {
    font-size: 25px;
    line-height: 25px;
    margin-right: 12px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year.active:after {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
  #five-year section#over-the-years .timeline-content-container {
    margin-left: 175px;
    position: relative;
    width: calc(100% - 175px);
    min-height: 500px;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content {
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    width: 100%;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-text {
    font-size: 18px;
    position: static;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images {
    position: static;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images div {
    height: auto !important;
    max-width: 75% !important;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images div:before {
    content: "";
    display: block;
    padding-top: 70%;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images div.square {
    width: 50% !important;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images div.square:before {
    padding-top: 100%;
  }
}
@media only screen and (max-width: 825px) {
  #five-year section.bannerBlock {
    padding: 60px 0;
    min-height: 0;
  }
  #five-year section.bannerBlock h2 img {
    width: 240px;
  }
  #five-year section.bannerBlock h1 {
    font-size: 60px;
    line-height: 50px;
  }
  #five-year section.bannerBlock h1 span.sub {
    font-size: 35px;
  }
  #five-year #quotes-slider .slide {
    flex-wrap: wrap;
  }
  #five-year #quotes-slider .slide .message-container {
    width: 100%;
    order: 2;
    padding-top: 20px;
    padding-bottom: 0;
  }
  #five-year #quotes-slider .slide .message-content:before {
    width: 86px;
    height: 65px;
    left: 20px;
  }
  #five-year #quotes-slider .slide .message-photo {
    width: 100%;
    order: 1;
  }
  #five-year #quotes-slider .slide .message-photo:before {
    content: "";
    display: block;
    padding-top: 80%;
  }
}
@media only screen and (max-width: 740px) {
  #five-year section.bannerBlock.upgrade h1 {
    font-size: 35px;
    line-height: 150%;
  }
  #five-year section.bannerBlock.upgrade h1 .name {
    font-size: 28px;
    line-height: 150%;
  }
  #five-year section.bannerBlock.upgrade h4 {
    font-size: 22px;
  }
  #five-year .jump-link-bar {
    display: none;
  }
  #five-year .jump-link-bar.locked + section#showcase-in-motion {
    padding-top: 20px;
  }
  #five-year section {
    padding: 20px 0;
  }
  #five-year h3 {
    font-size: 30px;
    line-height: 140%;
  }
  #five-year section#showcase-in-motion .video-info-container {
    padding: 20px 0 10px;
  }
  #five-year section#showcase-in-motion .video-info-container .video-title {
    font-size: 18px;
    line-height: normal;
  }
  #five-year section#showcase-in-motion .video-info-container .transcript-expand {
    font-size: 16px;
  }
  #five-year section#showcase-in-motion .video-info-container .transcript-expand:after {
    width: 18px;
    height: 18px;
  }
  #five-year section#noteworthy-numbers .numbers-container {
    padding: 35px 25px;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row {
    padding-bottom: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }
  #five-year section#noteworthy-numbers .numbers-container .numbers-row .number-stats-container {
    width: 100%;
  }
  #five-year section#noteworthy-numbers .outcomes-container {
    flex-wrap: wrap;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container {
    width: 100%;
    padding: 25px;
    margin: 0 0 20px;
  }
  #five-year section#noteworthy-numbers .outcomes-container #outcomes {
    width: 100%;
    margin: 0;
  }
  #five-year .bar-graph img {
    max-width: 100%;
  }
  #five-year section#alumni-impressions .alumni-testimonials .slick-next {
    right: -20px;
  }
  #five-year section#alumni-impressions .alumni-testimonials .slick-prev {
    left: -20px;
  }
  #five-year section#alumni-impressions .alumni-testimonials.testimonials-slider {
    padding: 0 10px;
  }
  #five-year section#alumni-impressions .photos {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #five-year section#alumni-impressions .photos div {
    width: 85% !important;
    height: auto !important;
    margin: 0 0 15px !important;
  }
  #five-year section#alumni-impressions .photos div:before {
    content: "";
    padding-top: 50%;
    display: block;
  }
  #five-year section#alumni-impressions .photos div:nth-child(2) {
    margin-left: auto !important;
  }
  #five-year section#alumni-impressions .white-box {
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
  }
  #five-year section#alumni-impressions .white-box div {
    text-align: center;
    width: 100%;
    justify-content: center;
  }
  #five-year section#alumni-impressions .white-box h4 {
    padding-right: 0;
    font-size: 28px;
    line-height: 34px;
  }
  #five-year section#alumni-impressions .white-box a {
    max-width: 180px;
    margin: 20px auto 0;
    width: 100%;
    font-size: 16px;
    line-height: normal;
  }
  #five-year .people {
    padding: 30px 0;
  }
  #five-year .people .group-photos {
    padding-top: 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #five-year .people .group-photos div {
    width: 85% !important;
    height: auto !important;
    margin: 0 0 15px !important;
  }
  #five-year .people .group-photos div:nth-child(2) {
    margin-left: auto !important;
  }
}
@media only screen and (max-width: 600px) {
  #five-year section.bannerBlock {
    padding: 30px 0 40px;
  }
  #five-year section.bannerBlock.upgrade h1 .name {
    font-size: 22px;
  }
  #five-year section.bannerBlock.upgrade h1 span.sup {
    font-size: 32px;
    line-height: 40px;
  }
  #five-year section.bannerBlock h2 img {
    width: 200px;
    display: block;
    margin: 0 auto;
  }
  #five-year section.bannerBlock h1 {
    font-size: 34px;
    line-height: 38px;
  }
  #five-year section.bannerBlock h1 span.sub {
    font-size: 28px;
    line-height: 28px;
    padding-top: 10px;
  }
  #five-year section.bannerBlock h4 br {
    display: none;
  }
  #five-year h3 {
    font-size: 28px;
    line-height: 130%;
  }
  #five-year .people h3 {
    font-size: 32px;
  }
  #five-year section#showcase-in-motion .video-info-container {
    display: block;
  }
  #five-year section#showcase-in-motion .video-select-container {
    gap: 10px;
    flex-wrap: wrap;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select .video-image {
    width: 30%;
    border-width: 2px;
    margin: 0;
  }
  #five-year section#showcase-in-motion .video-select-container .video-select .video-title {
    text-align: left;
    padding: 0 0 0 10px;
    width: 70%;
  }
  #five-year section#showcase-in-motion .transcript-container .transcript {
    padding: 20px 10px 20px 20px;
  }
  #five-year section#showcase-in-motion .transcript-container .transcript div {
    font-size: 14px;
    line-height: 20px;
  }
  #five-year #quotes-slider .slide .message-content .message {
    padding: 20px;
  }
  #five-year #quotes-slider .slide .message-content .message blockquote {
    font-size: 21px !important;
    margin-bottom: 15px;
  }
  #five-year #quotes-slider .slide .message-content .message .message-expand {
    font-size: 15px;
    margin: 0 0 20px 0;
  }
  #five-year .message-author {
    padding-left: 20px;
  }
  #five-year .message-author h5 {
    font-size: 18px;
    margin: 0;
  }
  #five-year section#alumni-impressions .alumni-testimonials .testimonial blockquote {
    padding: 0;
    font-size: 16px;
    line-height: 140%;
  }
  #five-year section#alumni-impressions .alumni-testimonials .testimonial h5 {
    font-size: 16px;
    margin-top: 10px;
  }
  #five-year section#alumni-impressions .alumni-testimonials .testimonial .author {
    padding: 0 30px 50px;
  }
  #five-year section#alumni-impressions .white-box {
    padding: 20px;
  }
  #five-year section#over-the-years .timeline-social strong {
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
    font-size: 18px;
  }
  #five-year section#over-the-years .timeline-social a {
    margin: 0 8px;
  }
  #five-year section#over-the-years .wrap {
    min-height: 775px;
  }
  #five-year section#over-the-years .timeline-sidebar {
    width: 60px;
  }
  #five-year section#over-the-years .timeline-sidebar .right-border {
    width: 0;
  }
  #five-year section#over-the-years .timeline-sidebar .left-border {
    width: 0;
    margin: 0;
    border-color: rgba(255, 255, 255, 0.3);
  }
  #five-year section#over-the-years .timeline-sidebar .years {
    gap: 40px;
    justify-content: flex-start;
    padding-top: 170px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year {
    font-size: 13px;
    line-height: 13px;
    margin-right: -4px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year:after {
    margin-left: 8px;
    width: 8px;
    height: 8px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year.active {
    font-size: 16px;
    line-height: 16px;
    margin-right: -4px;
  }
  #five-year section#over-the-years .timeline-sidebar .years .year.active:after {
    margin-left: 8px;
    width: 8px;
    height: 8px;
  }
  #five-year section#over-the-years .timeline-content-container {
    margin-left: 75px;
    position: relative;
    width: calc(100% - 75px);
    min-height: 500px;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-text {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
  }
  #five-year section#over-the-years .timeline-content-container .timeline-content .content-images {
    margin-top: 0;
  }
}
@media only screen and (max-width: 500px) {
  #five-year header .header-box img {
    width: 225px;
    padding-top: 4px;
  }
  #five-year header #logo {
    width: 225px;
    padding-top: 40px;
  }
  #five-year header #logo:before {
    display: block;
  }
  #five-year #menu {
    padding: 18px;
    padding-top: 38px;
    padding-bottom: 38px;
  }
  #five-year section.bannerBlock.upgrade h1 {
    font-size: 30px;
  }
  #five-year section.bannerBlock.upgrade h4 {
    font-size: 20px;
  }
}
#five-year section.bannerBlock.upgrade.apply-now {
  padding: 100px 0 55px;
  background: url("../img/bg-apply-now.jpg") no-repeat top center;
  background-size: cover;
}
#five-year section.bannerBlock.upgrade.apply-now:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
}
#five-year section.bannerBlock.upgrade.apply-now p {
  max-width: 860px;
  margin: 0 auto;
}
#five-year section.bannerBlock.upgrade.apply-now #particles-js {
  display: none !important;
}
@media only screen and (max-width: 850px) {
  #five-year section.bannerBlock.upgrade.apply-now {
    padding: 40px 0;
    min-height: 0;
  }
  #five-year section.bannerBlock.upgrade.apply-now h1 {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 20px;
  }
  #five-year section.bannerBlock.upgrade.apply-now p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 750px) {
  #five-year section.bannerBlock.upgrade.apply-now h1 {
    font-size: 33px;
    line-height: 43px;
  }
  #five-year section.bannerBlock.upgrade.apply-now p {
    font-size: 18px;
    line-height: 26px;
    max-width: 550px;
  }
}
@media only screen and (max-width: 750px) {
  #five-year section.bannerBlock.upgrade.apply-now {
    padding: 20px 0 0;
  }
  #five-year section.bannerBlock.upgrade.apply-now h1 {
    font-size: 25px;
    line-height: 150%;
  }
  #five-year section.bannerBlock.upgrade.apply-now h1 br {
    display: none;
  }
}
#five-year section.bannerBlock.upgrade.quickfacts {
  padding: 100px 0 95px;
}
#five-year section.bannerBlock.upgrade.quickfacts .wrap {
  display: flex;
  text-align: left;
  align-items: center;
}
#five-year section.bannerBlock.upgrade.quickfacts .introduction {
  max-width: calc(100% - 340px);
  padding-right: 30px;
}
#five-year section.bannerBlock.upgrade.quickfacts h1 {
  text-align: left;
  font-size: 52px;
}
#five-year section.bannerBlock.upgrade.quickfacts .btn {
  font-size: 16px;
  padding: 12px 48px 12px 32px;
  margin: 24px 0 0;
  border-radius: 8px;
  background-image: url("../img/arrow-right.svg");
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: 10px;
  transition: none;
  transition: ease 0.4s background-color, ease 0.4s padding;
}
#five-year section.bannerBlock.upgrade.quickfacts .btn:hover {
  padding-right: 54px;
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts {
  text-align: left;
  background: #FFF;
  border-bottom-right-radius: 16px;
  width: 340px;
  font-size: 16px;
  padding: 5px;
  opacity: 0;
  transform: translateY(-30px);
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts .heading {
  background: #085494;
  color: #FFF;
  padding: 16px 16px;
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts h3 {
  font-size: 34px;
  line-height: normal;
  text-align: left;
  font-family: "TWK Everett", serif;
  padding: 0;
  margin: 0;
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts .date {
  display: block;
  background: url("../img/icon-calendar.svg") no-repeat top 4px left;
  background-size: 20px;
  padding-left: 32px;
  margin-top: 8px;
  line-height: 24px;
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts ul {
  background: #e8e7e5;
  color: #000;
  padding: 16px 16px;
  border-bottom-right-radius: 12px;
}
#five-year section.bannerBlock.upgrade.quickfacts #quickfacts ul li {
  background: url("../img/icon-check.svg") no-repeat top 2px left;
  background-size: 18px;
  padding-left: 32px;
  margin-bottom: 12px;
  line-height: normal;
}
@media only screen and (max-width: 960px) {
  #five-year section.bannerBlock.upgrade.quickfacts {
    padding: 50px 0 45px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts .wrap {
    flex-wrap: wrap;
  }
  #five-year section.bannerBlock.upgrade.quickfacts .wrap .introduction {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-bottom: 50px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts .wrap h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 600px) {
  #five-year section.bannerBlock.upgrade.quickfacts {
    padding: 30px 0 25px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts .wrap h1 {
    font-size: 32px;
    line-height: 41px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts .wrap .introduction {
    padding-bottom: 30px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts #quickfacts {
    font-size: 14px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts #quickfacts h3 {
    font-size: 24px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts #quickfacts .date {
    background-size: 18px;
    line-height: 25px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts #quickfacts ul li {
    background-size: 15px;
  }
  #five-year section.bannerBlock.upgrade.quickfacts #quickfacts ul li:last-child {
    margin: 0;
  }
}
@media only screen and (max-width: 960px) {
  #five-year .ctaBlock .container .content {
    padding: 0;
  }
  #five-year .ctaBlock .container .content h2 {
    padding: 0;
  }
  #five-year .columns {
    flex-wrap: wrap;
  }
  #five-year .columns .col {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #five-year .ctaBlock .container {
    justify-content: center;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container.lp h4 {
    font-size: 25px;
    line-height: 33px;
  }
  #five-year section#noteworthy-numbers .outcomes-container .cta-container.lp ul {
    padding-left: 20px;
  }
}
#five-year .benefits .applyNow {
  padding: 16px 48px;
  font-size: 16px;
  background: #990201;
  color: #FFF;
}
#five-year .benefits .applyNow:after {
  display: none;
}
#five-year .benefits .applyNow:hover {
  background: #570411;
}
#five-year .benefits .columns .col .container {
  background: #FFF;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#five-year .benefits .columns .col .container img {
  width: 100%;
  display: block;
}
#five-year .benefits .columns .col .container .program {
  display: block;
}
#five-year .benefits .columns .col .container .program:after {
  display: none;
}
#five-year .benefits .columns .col .container .program:hover h4 {
  background: #011F5B;
}
#five-year .benefits .columns .col .container .program:hover figure h5 {
  padding-bottom: 20px;
}
#five-year .benefits .columns .col .container .program:hover figure:before {
  background: rgba(0, 0, 0, 0.4);
}
#five-year .benefits .columns .col .container figure {
  position: relative;
}
#five-year .benefits .columns .col .container figure:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  transition: ease 0.3s all;
}
#five-year .benefits .columns .col .container figure h5 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  padding: 16px;
  color: #011F5B;
  transition: ease 0.3s all;
}
#five-year .benefits .columns .col .container div {
  padding: 18px;
  font-size: 16px;
  padding-bottom: 30px;
  line-height: normal;
}
#five-year .benefits .columns .col .container div ul {
  list-style: disc;
  padding-left: 20px;
}
#five-year .benefits .columns .col .container div ul li {
  padding-bottom: 20px;
}
#five-year .benefits .columns .col .container div ul li:last-child {
  padding: 0;
}
#five-year .benefits .columns .col .container .actions {
  margin-top: auto;
}
#five-year .benefits .columns .col .container .btn {
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
  display: block;
  margin: 8px 0 0;
}
#five-year .benefits .columns .col .container .btn.alt {
  background: #f1f1f1;
  color: #011F5B;
  padding: 10px 0 !important;
  border: 1px solid #d1d1d1;
}
#five-year .benefits .columns .col .container .btn.alt:hover {
  background: #e1e1e1;
}
#five-year .benefits .columns .col h4 {
  text-align: center;
  font-weight: normal;
  background: #085494;
  color: #FFF;
  padding: 12px 0;
  transition: ease 0.4s all;
}
#five-year .benefits .columns .col.current {
  width: 33%;
}
@media only screen and (max-width: 960px) {
  #five-year .benefits .columns .col.current {
    width: 100%;
    order: 2;
  }
}
#five-year .benefits .columns .rfi {
  padding: 15px 0;
  width: 67%;
}
@media only screen and (max-width: 960px) {
  #five-year .benefits .columns .rfi {
    width: 100%;
    order: 1;
    padding: 15px;
  }
}
#five-year .benefits .columns .rfi .container {
  background: #FFF;
  padding: 25px 18px;
}
#five-year .benefits .columns .rfi .container h2 {
  font-size: 32px;
}
@media only screen and (max-width: 520px) {
  #five-year .benefits .columns .rfi .container h2 {
    font-size: 26px;
  }
}
#five-year .benefits .columns .rfi .container h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
#five-year .benefits .columns .rfi .container .form-desc {
  max-width: 700px;
  margin: 0 auto;
}
#five-year .skills {
  background: transparent url("../img/lp-bg-skills.jpg") no-repeat top center;
  background-size: cover;
}
#five-year .skills .wrap {
  display: flex;
  flex-wrap: wrap;
  padding-top: 350px;
}
#five-year .skills h2 {
  background: #085494;
  color: #FFF;
  padding: 15px 20px;
  border-top-left-radius: 20px;
  margin-bottom: 8px;
  margin-left: auto;
}
#five-year .skills .container {
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  width: 100%;
  font-size: 18px;
  line-height: 150%;
  border-bottom-right-radius: 20px;
}
#five-year .skills .container .aside {
  width: 32%;
  padding: 20px;
  background: #FFF;
  font-size: 20px;
}
#five-year .skills .container .aside p:last-child {
  padding: 0;
}
#five-year .skills .container .content {
  color: #000;
  width: 68%;
  padding: 0 40px;
}
#five-year .skills .container .content ul {
  color: #000;
  padding: 16px 0;
  border-bottom-right-radius: 12px;
}
#five-year .skills .container .content ul li {
  background: url("../img/icon-check.svg") no-repeat top 2px left;
  background-size: 18px;
  padding-left: 32px;
  margin-bottom: 12px;
  line-height: normal;
}
@media only screen and (max-width: 700px) {
  #five-year .skills .wrap {
    padding-top: 60px;
    padding-left: 30%;
  }
  #five-year .skills .wrap:after {
    display: none;
  }
  #five-year .skills h2 {
    width: 100%;
  }
  #five-year .skills .container {
    flex-wrap: wrap;
  }
  #five-year .skills .container .aside {
    width: 100%;
  }
  #five-year .skills .container .content {
    width: 100%;
    padding: 20px;
  }
  #five-year .skills .container ul {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  #five-year .skills {
    padding: 0;
  }
  #five-year .skills .wrap {
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgba(0, 0, 0, 0.4);
  }
}
#five-year .experience {
  background: #63C7FF;
  background-size: cover;
  padding: 60px 0;
}
#five-year .experience .wrap {
  display: flex;
  flex-wrap: wrap;
}
#five-year .experience .wrap:after {
  display: none;
}
#five-year .experience h2 {
  background: #085494;
  color: #FFF;
  padding: 15px 20px;
  border-top-right-radius: 20px;
  margin-bottom: 20px;
}
#five-year .experience figure {
  width: 45%;
  padding-right: 30px;
}
#five-year .experience figure img {
  width: 100%;
  display: block;
  border-bottom-left-radius: 20px;
}
#five-year .experience .content {
  width: 55%;
  padding-left: 30px;
}
#five-year .experience .content ul {
  list-style: disc;
  padding: 0 0 0 30px;
}
#five-year .experience .content ul li {
  color: #085494;
}
#five-year .experience .content ul li span {
  color: #000;
}
@media only screen and (max-width: 700px) {
  #five-year .experience {
    padding: 20px 0;
  }
  #five-year .experience figure {
    width: 100%;
    padding: 0;
    order: 2;
  }
  #five-year .experience .content {
    width: 100%;
    padding: 0 0 10px;
    font-size: 17px;
    line-height: normal;
  }
}
#five-year .experience.evaluate h2 {
  color: #011F5B;
  background: none;
  padding: 0;
}

.help-cta {
  padding: 30px 0 !important;
  background: #FFF !important;
  color: #000 !important;
}
.help-cta p {
  padding: 0;
}
.help-cta p a {
  color: #990201;
  display: block;
  text-decoration: underline;
}
@media only screen and (max-width: 750px) {
  .help-cta .container {
    justify-content: center !important;
  }
  .help-cta .container .btn {
    font-size: 16px;
  }
  .help-cta h2 {
    text-align: center;
  }
  .help-cta p {
    padding-bottom: 30px;
    text-align: center;
    font-size: 18px;
    line-height: normal;
  }
  .help-cta p a {
    display: inline-block;
  }
}

.requirements h2 {
  text-align: center;
}
.requirements .subhead {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.requirements .container {
  display: flex;
}
.requirements .tabs {
  width: 25%;
  background: #011F5B;
  margin: 0;
}
.requirements .tabs ul li.heading {
  color: rgba(255, 255, 255, 0.4);
  padding: 8px 19px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
}
.requirements .tabs ul li.heading.last {
  margin-top: 40px;
}
.requirements .tabs ul li a {
  display: block;
  padding: 16px 20px;
  color: #FFF;
  background: #085494;
  font-weight: bold;
  position: relative;
}
.requirements .tabs ul li a:hover {
  color: #FFF;
  background: #82afd3;
}
.requirements .tabs ul li a:hover:after {
  background: #085494;
}
.requirements .tabs ul li a.active {
  background: #FFF;
  color: #990201;
}
.requirements .tabs ul li a.active:after {
  display: none;
}
.requirements .tabs ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: url(../img/circles-navy.svg) repeat-x center center;
  background-size: auto 100%;
}
.requirements .programs {
  width: 75%;
  background: #FFF;
  padding: 30px 40px;
}
.requirements .programs .program {
  display: none;
  font-size: 16px;
  line-height: 24px;
}
.requirements .programs .program#mcit {
  display: block;
}
.requirements .programs .program h5 {
  font-size: 28px;
  line-height: normal;
  padding-bottom: 16px;
  margin-top: 10px;
}
.requirements .programs .program .lists {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.requirements .programs .program .lists h6 {
  display: block;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e1e1e1;
}
.requirements .programs .program .lists .checklist {
  padding-right: 40px;
  padding-top: 20px;
  width: 65%;
}
.requirements .programs .program .lists .checklist h4 {
  font-size: 18px;
  padding-top: 10px;
  color: #085494;
}
.requirements .programs .program .lists .checklist.two {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.requirements .programs .program .lists .checklist.two h6 {
  width: 100%;
}
.requirements .programs .program .lists .checklist.two .col {
  width: 50%;
  padding: 0 25px 0 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.requirements .programs .program .lists .checklist.two .col.last {
  padding: 0 0 0 25px;
}
.requirements .programs .program .lists .checklist.two .col ul {
  width: 100%;
}
.requirements .programs .program .lists .checklist.two .btn.apply {
  margin: auto 0 0;
  padding: 12px 24px;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: normal;
}
@media only screen and (max-width: 750px) {
  .requirements .programs .program .lists .checklist.two {
    padding: 0 !important;
  }
  .requirements .programs .program .lists .checklist.two .col {
    width: 100%;
    padding: 10px 0 !important;
  }
}
.requirements .programs .program .lists .checklist ul {
  padding: 0 0 20px;
}
.requirements .programs .program .lists .checklist ul li {
  padding-bottom: 10px;
  background: url("../img/icon-check.svg") no-repeat top 2px left;
  background-size: 16px;
  padding-left: 32px;
  line-height: normal;
}
.requirements .programs .program .lists .dates {
  width: 35%;
  padding: 20px 25px;
  background: rgba(232, 231, 229, 0.4);
  border-radius: 8px;
}
.requirements .programs .program .lists .dates li {
  padding-bottom: 20px;
}
.requirements .programs .program .lists .dates li:last-child {
  padding-bottom: 0;
}
.requirements .programs .program .lists .dates li.red {
  color: #990201;
}
.requirements .programs .program .lists .dates li.red span {
  font-weight: 900;
}
.requirements .programs .program .lists .dates li strong {
  display: block;
  font-size: 14px;
  line-height: normal;
}
.requirements .programs .program .lists .dates li span {
  display: block;
  font-size: 16px;
}
@media only screen and (max-width: 850px) {
  .requirements .programs .program .lists {
    flex-wrap: wrap;
  }
  .requirements .programs .program .lists .checklist, .requirements .programs .program .lists .dates {
    width: 100%;
  }
}
.requirements .programs .program .actions {
  padding: 24px;
  background: rgba(130, 175, 211, 0.2);
  border-radius: 8px;
  text-align: center;
}
.requirements .programs .program .actions p {
  padding: 0;
  max-width: 600px;
  margin: 0 auto;
}
.requirements .programs .program .actions p em {
  display: block;
}
.requirements .programs .program .actions .apply {
  margin: 20px 0 0;
}
.requirements .programs .program .desc {
  font-size: 14px;
  line-height: 150%;
  margin-top: 18px;
  padding: 0 8px;
}
@media only screen and (max-width: 850px) {
  .requirements h2 {
    font-size: 36px;
    line-height: 45px;
  }
  .requirements .programs {
    padding: 10px 20px;
    width: calc(100% - 165px);
  }
  .requirements .programs .program h5 {
    font-size: 22px;
  }
  .requirements .programs .program .actions {
    padding: 16px;
  }
  .requirements .programs .program .actions p em {
    display: inline-block;
  }
  .requirements .programs .program .actions .apply {
    padding: 12px 18px;
    font-size: 14px;
  }
  .requirements .tabs {
    width: 165px;
  }
  .requirements .tabs ul li.heading {
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  .requirements .tabs ul li a {
    padding: 8px 16px;
    font-size: 17px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 750px) {
  .requirements h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 550px) {
  .requirements .container {
    flex-wrap: wrap;
  }
  .requirements h2 {
    font-size: 22px;
    line-height: 150%;
  }
  .requirements p {
    font-size: 18px;
    line-height: 150%;
  }
  .requirements .tabs {
    width: 100%;
    margin-bottom: 8px;
  }
  .requirements .tabs ul li.heading.last {
    margin-top: 20px;
  }
  .requirements .programs {
    width: 100%;
  }
}

.application-tips {
  background: rgba(232, 231, 229, 0.75);
  background-size: cover;
}
.application-tips p {
  font-style: italic;
  margin-bottom: 20px;
}
.application-tips ul {
  display: flex;
  flex-wrap: wrap;
}
.application-tips ul li {
  width: 50%;
  padding-bottom: 10px;
  background: url("../img/icon-check.svg") no-repeat top 2px left;
  background-size: 18px;
  font-size: 18px;
  padding-left: 32px;
  padding-right: 40px;
  margin-bottom: 16px;
  line-height: normal;
  color: #000;
}
@media only screen and (max-width: 750px) {
  .application-tips ul li {
    width: 100%;
    padding-right: 0;
    font-size: 16px;
    padding-bottom: 0;
  }
}

.tt {
  display: inline-block;
  position: relative;
}
.tt:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 4px;
  background: url("../img/icon-info.svg") no-repeat center center;
  background-size: 100%;
}
.tt span {
  font-weight: normal;
  position: absolute;
  width: 200px;
  background: #FFF;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  line-height: 18px;
  top: 30px;
  transform: translateX(-45%);
  opacity: 0;
  z-index: 100;
  visibility: hidden;
  transition: ease 0.4s all;
}
.tt span:before, .tt span:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  content: "";
  border-color: rgba(136, 183, 213, 0);
}
.tt span:after {
  border-bottom-color: #FFF;
  border-width: 12px;
  margin-left: -12px;
}
.tt span:before {
  border-bottom-color: #d1d1d1;
  border-width: 14px;
  margin-left: -14px;
}
.tt:hover span {
  opacity: 1;
  visibility: visible;
}

.form-desc {
  font-size: 14px;
  line-height: normal;
  color: #555;
}

div[id*=form_] {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 520px) {
  div[id*=form_] {
    display: block;
  }
}
div[id*=form_] div.form_header .form_label {
  font-weight: bold;
  background: transparent;
  padding: 5px 0;
  color: #990201;
  border-bottom: 1px solid #011F5B;
  font-size: 16px;
  text-transform: uppercase;
}
div[id*=form_] div.form_header:last-child {
  background-color: #000;
}
div[id*=form_] .form_label {
  font-size: 18px;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  font-weight: bold;
}
div[id*=form_] div.form_question {
  margin-bottom: 20px !important;
  display: block !important;
  width: 100%;
}
div[id*=form_] div.form_question.form_p {
  margin-bottom: 40px !important;
}
div[id*=form_] div.form_question.hidden {
  display: none !important;
}
div[id*=form_] div.form_question[data-export="sys:first"], div[id*=form_] div.form_question[data-export="sys:preferred"], div[id*=form_] div.form_question[data-export="sys:last"], div[id*=form_] div.form_question[data-export="sys:email"], div[id*=form_] div.form_question[data-export="sys:mobile"] {
  width: 50% !important;
}
div[id*=form_] div.form_question[data-export="sys:field:text_opt_in"] .form_responses {
  display: flex !important;
}
div[id*=form_] div.form_question[data-export="sys:field:text_opt_in"] .form_responses .form_response {
  padding-left: 10px;
}
div[id*=form_] div.form_question[data-export="sys:field:text_opt_in"] .form_responses .form_response input + label {
  margin-left: 0;
  margin-right: 18px;
  font-weight: 600;
  font-size: 18px;
}
div[id*=form_] div.form_question[data-export="sys:field:online_program_interest"], div[id*=form_] div.form_question[data-export="sys:field:online_dd_program_interest"] {
  width: 60% !important;
}
div[id*=form_] div.form_question[data-export="sys:field:entry_term"] {
  width: 40% !important;
}
div[id*=form_] div.form_question[data-export="sys:first"], div[id*=form_] div.form_question[data-export="sys:last"], div[id*=form_] div.form_question[data-export="sys:field:online_program_interest"], div[id*=form_] div.form_question[data-export="sys:field:online_dd_program_interest"] {
  padding-right: 10px !important;
}
div[id*=form_] div.form_question[data-export="sys:preferred"], div[id*=form_] div.form_question[data-export="sys:field:entry_term"], div[id*=form_] div.form_question[data-export="sys:mobile"], div[id*=form_] div.form_question[data-export="sys:email"] {
  padding-left: 10px !important;
}
@media only screen and (max-width: 520px) {
  div[id*=form_] div.form_question[data-export="sys:first"], div[id*=form_] div.form_question[data-export="sys:last"], div[id*=form_] div.form_question[data-export="sys:preferred"], div[id*=form_] div.form_question[data-export="sys:email"], div[id*=form_] div.form_question[data-export="sys:mobile"], div[id*=form_] div.form_question[data-export="sys:field:online_program_interest"], div[id*=form_] div.form_question[data-export="sys:field:entry_term"] {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 520px) {
  div[id*=form_] .form_button_submit {
    display: block;
    width: 100%;
  }
}
div[id*=form_] input[type=text],
div[id*=form_] input[type=email],
div[id*=form_] input[type=tel],
div[id*=form_] textarea,
div[id*=form_] select {
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  color: #000;
  border: 1px solid #CDCCCB;
  height: 45px;
  resize: none;
}
div[id*=form_] textarea {
  width: 100%;
}
div[id*=form_] select {
  background-image: url("../img/arrow-down-blue.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 8px top 50%;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 30px;
}
div[id*=form_] .form_responses {
  padding: 0 !important;
  display: block !important;
}
div[id*=form_] div.form_question[data-type=birthdate] {
  margin-bottom: 30px;
}
div[id*=form_] div.form_question[data-type=birthdate] .form_responses {
  display: flex !important;
}
div[id*=form_] div.form_question[data-type=birthdate] select[aria-label=Day] {
  width: 125px;
}
div[id*=form_] div.form_question[data-type=birthdate] select[aria-label=Year] {
  width: 175px;
}
div[id*=form_] div.form_question.form_p .form_label {
  padding-top: 10px;
}
div[id*=form_] div.form_question.form_p .form_label span {
  display: block;
  line-height: normal;
}
div[id*=form_] div.form_question[data-export="sys:address"] fieldset {
  display: flex !important;
  margin: 25px -5px;
  flex-wrap: wrap;
}
div[id*=form_] div.form_question[data-export="sys:address"] fieldset > legend {
  display: block !important;
  padding: 0 5px 10px;
}
div[id*=form_] div.form_question[data-export="sys:address"] fieldset > .form_label {
  display: none;
}
div[id*=form_] div.form_question[data-export="sys:address"] fieldset > div {
  padding: 0 5px;
  width: 50%;
}
@media only screen and (max-width: 520px) {
  div[id*=form_] div.form_question[data-export="sys:address"] fieldset {
    margin: 0 0;
    flex-wrap: wrap;
  }
  div[id*=form_] div.form_question[data-export="sys:address"] fieldset > div {
    padding: 0 0 10px;
    width: 100%;
  }
  div[id*=form_] div.form_question[data-export="sys:address"] fieldset > legend {
    display: block !important;
    padding: 15px 0 5px;
  }
}
div[id*=form_] div.form_question.required {
  background: transparent;
}
div[id*=form_] div.form_question.required input[type=text],
div[id*=form_] div.form_question.required input[type=email],
div[id*=form_] div.form_question.required input[type=tel],
div[id*=form_] div.form_question.required select {
  border-color: #C00;
  background-color: rgba(204, 0, 0, 0.03);
}
div[id*=form_] button {
  padding: 14px 60px;
  font-family: "Outfit", sans-serif;
  margin: 20px 10px;
  display: inline-block;
  color: #FFF;
  background-image: linear-gradient(to left, #990201 0%, #990201 50%, #570411 50%);
}

#banner {
  background: #011F5B url("../img/bg-banner.jpg") repeat-x center center;
  background-size: cover;
  position: relative;
}
#banner.program {
  padding: 80px 0 30px;
}
#banner.program h4 {
  color: #63C7FF;
  font-size: 24px;
  position: absolute;
  padding: 0;
  top: -24px;
}
@media only screen and (max-width: 750px) {
  #banner.program {
    padding: 50px 0 0;
  }
  #banner.program h4 {
    top: -15px;
  }
}
#banner.faq .wrap {
  padding-top: 0;
}
#banner.program, #banner.faq {
  overflow: hidden;
}
#banner.program h1, #banner.faq h1 {
  font-size: 60px;
  line-height: 70px;
}
#banner.homepage h1 {
  font-size: 100px;
  line-height: 115px;
}
#banner.homepage h1 span {
  display: block;
  overflow: hidden;
  opacity: 0;
}
#banner ul.ctas {
  float: right;
  padding-right: 20px;
  width: 400px;
  position: relative;
  z-index: 20;
}
#banner ul.ctas li {
  padding: 10px 0;
}
#banner canvas {
  display: block;
  vertical-align: bottom;
}
#banner #particles-js {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 10;
}

@media only screen and (max-width: 960px) {
  #banner.homepage h1 {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 40px;
  }
  #banner.program h4, #banner.faq h4 {
    margin: 0;
  }
}
@media only screen and (max-width: 800px) {
  .bgPhoto.textRight:before {
    left: 0;
  }
  .bgPhoto.textRight .content {
    margin: 0;
    padding: 0;
  }
  #banner ul.ctas {
    float: none;
    padding: 0;
    width: auto;
  }
  .two-col, .three-col {
    margin: 0;
  }
  .two-col .col, .three-col .col {
    width: 100% !important;
    padding: 10px 0 !important;
  }
  .two-col .col a:hover, .three-col .col a:hover {
    top: auto;
  }
  section.p60 {
    padding: 30px 0;
  }
  h2 {
    font-size: 34px;
    line-height: 40px;
  }
  h2.mb20 {
    margin-bottom: 10px;
  }
  .wrap {
    padding: 20px;
  }
}
@media only screen and (max-width: 650px) {
  #banner.homepage h1 {
    font-size: 45px;
    line-height: 54px;
    margin-bottom: 30px;
  }
  #banner.homepage ul.ctas li {
    padding: 5px 0;
  }
  #banner.homepage ul.ctas a {
    font-size: 16px;
  }
  .callout .wrap {
    flex-wrap: wrap;
  }
  .callout .wrap img {
    display: block;
    margin: 0 auto 40px;
  }
  .callout .wrap .content {
    margin: 0 auto;
    width: 100%;
    max-width: none;
  }
}
#program #banner {
  background: #011F5B url("../img/bg-program-banner.jpg") no-repeat center center;
  background-size: cover;
}
#program h1 {
  font-size: 60px;
  line-height: 70px;
}

.program-nav {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 0;
  align-items: center;
}
.program-nav li {
  line-height: normal;
}
.program-nav li:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #011F5B;
  border-radius: 100%;
  margin: 0 12px;
  position: relative;
  top: -3px;
}
.program-nav li:last-child:after {
  display: none;
}
.program-nav li a {
  color: #82afd3;
  display: inline-block;
  text-transform: uppercase;
}
.program-nav li a:hover {
  color: rgb(255, 255, 255);
}
.program-nav li.active a, .program-nav li.current-menu-item a {
  color: #FFF;
  position: relative;
}
.program-nav li.active a:before, .program-nav li.current-menu-item a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: url("../img/circles-blue.svg") repeat-x center center;
  background-size: auto 100%;
}
.program-nav li.program-cta {
  padding-left: 10px;
}
.program-nav li.program-cta a {
  color: #FFF;
  background-image: linear-gradient(to left, #990201 0%, #990201 50%, #570411 50%);
}
.program-nav li.program-cta a:before {
  display: none;
}
.program-nav li.program-cta a:after {
  display: inline-block;
  height: 13px;
  width: 15px;
  background: transparent url("../img/btn-arrow-white.svg") no-repeat right center;
  background-size: auto 100%;
  content: "";
  margin-left: 10px;
  transition: ease 0.3s all;
  position: relative;
  left: 0;
  bottom: auto;
  top: 2px;
  border: 0;
}
.program-nav li.program-cta a:hover:after {
  width: 20px;
}

#breadcrumb .wrap {
  padding-top: 10px;
  padding-bottom: 12px;
  position: relative;
}
#breadcrumb .wrap:before {
  content: "";
  background: #BDBDBD;
  height: 1px;
  left: 24px;
  right: 24px;
  bottom: 0;
  position: absolute;
  display: block;
}
#breadcrumb ul {
  display: flex;
  align-items: center;
}
#breadcrumb ul li:after {
  content: "/";
  display: inline-block;
  margin: 0 12px 0 15px;
  color: rgba(33, 37, 41, 0.75);
}
#breadcrumb ul li:last-child:after {
  display: none;
}
#breadcrumb ul a, #breadcrumb ul span {
  color: #000;
  font-size: 16px;
  display: inline-block;
  line-height: normal;
}
#breadcrumb ul a.home, #breadcrumb ul span.home {
  text-indent: -999999em;
  background: url("../img/icon-home-dark.svg") no-repeat center center;
  height: 100%;
  width: 20px;
  margin-left: 8px;
}
#breadcrumb ul a:hover {
  opacity: 0.5;
}

.sidebar {
  position: relative;
  background: #FFF;
  overflow: hidden;
}
.sidebar .wrap {
  display: flex;
  flex-wrap: wrap;
}
.sidebar img.alignright {
  float: right;
  width: 210px;
  margin: 10px 0 25px 25px;
  display: block;
}
@media only screen and (max-width: 500px) {
  .sidebar img.alignright {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
}

.main {
  width: 60%;
  padding-right: 40px;
  padding-top: 30px;
  box-sizing: border-box;
}
.main h4 {
  text-transform: uppercase;
}
@media only screen and (max-width: 960px) {
  .main {
    width: 100%;
    padding: 0 0 20px;
  }
}

aside {
  padding-left: 40px;
  box-sizing: border-box;
  position: relative;
  width: 40%;
  padding-top: 30px;
  border-left: 2px solid #CDCCCB;
}
aside h2 {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 960px) {
  aside {
    width: 100%;
    padding: 20px;
    background: #e3eaf4;
  }
  aside:before {
    display: none;
  }
}

.mw850 {
  max-width: 850px;
}
.mw850 h4 {
  padding-bottom: 20px;
  line-height: 42px;
}

.map {
  max-width: 100%;
  display: block;
  margin-top: 30px;
}

.stats {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.stats li {
  width: 33.33333%;
  padding: 20px;
  box-sizing: border-box;
}
.stats li strong {
  font-family: "TWK Everett", serif;
  font-size: 75px;
  display: block;
  font-weight: 500;
  line-height: 75px;
  color: #011F5B;
  padding-bottom: 5px;
}
.stats li span {
  font-weight: 600;
  font-size: 15px;
  line-height: normal;
  display: block;
}
@media only screen and (max-width: 960px) {
  .stats li {
    width: 50%;
  }
}
@media only screen and (max-width: 500px) {
  .stats li {
    width: 100%;
    text-align: center;
    padding: 10px;
  }
  .stats li strong {
    font-size: 50px;
    line-height: 50px;
  }
}

.cover {
  min-height: 650px;
  position: relative;
}
.cover:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.cover .two-col {
  color: #FFF;
}
.cover h2 {
  color: #FFF;
}
@media only screen and (max-width: 800px) {
  .cover {
    min-height: 400px;
  }
}

.box {
  padding: 20px 30px;
  color: #FFF;
  background: #011F5B;
  margin-left: 50%;
  margin-bottom: 20px;
}
.box h3 {
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 25px;
}
@media only screen and (max-width: 800px) {
  .box {
    margin-left: 0;
  }
  .box h3 {
    font-size: 24px;
    line-height: 28px;
  }
  .box .btn {
    font-size: 18px;
  }
}

.two-col .box {
  margin-left: 0;
}

@media only screen and (max-width: 960px) {
  #banner.program, #banner.faq {
    height: auto;
    /*
        .wrap {
          padding-top:0;
          padding-bottom:0;
        }
    */
  }
  #banner.program h1, #banner.faq h1 {
    font-size: 40px;
    line-height: 60px;
  }
  .program-nav {
    padding: 20px 0 0;
    flex-wrap: wrap;
  }
  .program-nav li {
    padding: 6px 0;
    /*
          display: block;
          width: 100%;
          padding: 6px 0;
          &:after {
            display: none;
          }
    */
  }
  .program-nav li a {
    font-size: 16px;
  }
  .program-nav li a.btn {
    font-size: 15px;
  }
  #breadcrumb {
    padding: 0;
  }
  #breadcrumb .back {
    height: 50px;
    width: 50px;
    background: url("../img/btn-arrow-back.svg") no-repeat left 8px center;
    background-size: 10px;
    display: block;
    text-indent: -99999em;
  }
}
.search h1 {
  text-align: center;
}
.search h4 {
  padding: 0 0 40px;
}

#banner.faq h1 {
  font-size: 45px;
}
#banner.faq .instructions {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  padding: 0;
}
@media only screen and (max-width: 500px) {
  #banner.faq h1 {
    font-size: 30px;
    line-height: 42px;
  }
  #banner.faq .instructions {
    font-size: 16px;
    line-height: normal;
  }
}

.searchform {
  background: #FFF;
  border: 1px solid #cadaea;
  border-radius: 6px;
  padding: 6px;
  display: flex;
  margin: 16px 0;
  width: 100%;
  max-width: 700px;
  justify-content: space-between;
}
.searchform input[type=text] {
  padding: 8px 12px;
  font-size: 16px;
  outline: none;
  width: calc(100% - 140px);
  box-sizing: border-box;
  border: 0;
  font-family: "Outfit", sans-serif;
}
.searchform .btn {
  font-size: 14px;
  letter-spacing: 0;
  padding: 12px 18px;
  border: 0;
  border-radius: 6px;
  background: #085494;
  color: #FFF;
}
.searchform .btn:hover {
  background: #011F5B;
}

.screen-reader-text {
  display: none;
}

.search-list {
  border-top: 1px solid #82afd3;
  margin-top: -20px;
}
.search-list li a {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #82afd3;
  padding: 12px;
  align-items: center;
}
.search-list li a p {
  padding: 0;
  width: calc(100% - 255px);
}
.search-list li a em {
  width: 100px;
  text-transform: capitalize;
}
.search-list li a .btn {
  font-size: 16px;
  width: 95px;
}
.search-list li a .btn:after {
  height: 14px;
  width: 24px;
}
.search-list li a:hover {
  background: #dbe8f3;
  color: #011F5B;
}
.search-list li a:hover .btn:after {
  width: 34px;
}

.pagination {
  text-align: center;
  padding-bottom: 80px;
  overflow: hidden;
  margin-top: 30px;
  display: flex;
}
.pagination.sing .page-numbers.next, .pagination.sing .page-numbers.prev {
  margin: 0 2px;
}
.pagination .page-numbers {
  display: block;
  text-align: center;
  margin: 0 2px;
  height: 40px;
  min-width: 40px;
  padding: 0 8px;
  display: inline-block;
  color: #990201;
  font-weight: 600;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #d1d1d1;
  background-color: #FFF;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 16px;
  text-indent: -99999em;
  margin: 0 5px;
}
.pagination .page-numbers.next {
  background-image: url("../img/arrow-right-blue.svg");
}
.pagination .page-numbers.prev {
  background-image: url("../img/arrow-left-blue.svg");
}
.pagination .page-numbers:hover {
  background-color: #f1f1f1;
}
.pagination .page-numbers.dots {
  border-color: transparent;
  background: transparent;
  color: #999;
}
.pagination .page-numbers.dots:hover {
  background-color: transparent;
}
.pagination .page-numbers.current {
  background: #011F5B;
  color: #FFF;
  font-weight: bold;
}

.single p a, .single ul a, .single ol a, .tab-container p a, .tab-container ul a, .tab-container ol a, .faq-main p a, .faq-main ul a, .faq-main ol a, .wp-block-columns p a, .wp-block-columns ul a, .wp-block-columns ol a {
  color: #085494;
  position: relative;
  display: inline;
  border-bottom: 2px solid #085494;
  /*
        &:after {
          display: none;
        }
  */
}
.single p a:hover, .single ul a:hover, .single ol a:hover, .tab-container p a:hover, .tab-container ul a:hover, .tab-container ol a:hover, .faq-main p a:hover, .faq-main ul a:hover, .faq-main ol a:hover, .wp-block-columns p a:hover, .wp-block-columns ul a:hover, .wp-block-columns ol a:hover {
  color: #990201;
  border-bottom-color: #990201;
  border-bottom-style: solid;
}

.wp-block-columns {
  padding: 20px 0;
  margin: 0;
}

.wp-block-quote {
  border-left: 5px solid #83b0d4;
  padding-left: 25px;
  font-size: 20px;
  font-style: italic;
  margin-bottom: 30px;
}

.single.the-event {
  padding-bottom: 100px;
}
.single.the-event .back {
  background: url("../img/arrow-left-solid.svg") no-repeat top 50% left 0;
  display: inline-block;
  margin-bottom: 40px;
  padding-left: 30px;
  background-size: 16px;
  color: #990201;
}
.single.the-event .wp-block-heading {
  padding-top: 30px;
}
.single.the-event h1 {
  font-size: 44px;
  line-height: 110%;
  padding-bottom: 30px;
}
.single.the-event h1 em {
  display: inline-block;
  text-indent: -9999em;
  overflow: hidden;
  height: 32px;
  width: 32px;
  margin-left: 20px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.single.the-event h1 em.Deadline {
  background-image: url("../img/icon-event-deadline.svg");
}
@media only screen and (max-width: 800px) {
  .single.the-event h1 {
    font-size: 40px;
  }
}
.single h1 {
  color: #011F5B;
  font-size: 40px;
  line-height: 45px;
  padding: 10px 0 20px;
}
.single .has-medium-font-size {
  font-size: 1.1em;
}
.single ul, .single ol {
  list-style: disc;
  padding: 0 0 20px 30px;
}
.single ul li, .single ol li {
  padding: 0 0 15px;
}
.single ul li:last-child, .single ol li:last-child {
  padding-bottom: 0;
}
.single ul li ul, .single ul li ol, .single ol li ul, .single ol li ol {
  padding-top: 10px;
  padding-bottom: 0;
}
.single ol {
  list-style: decimal;
}
.single .wp-block-image figcaption {
  font-size: 13px;
  color: #999;
}
.single .content {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.single .content .date {
  color: #999;
  font-weight: bold;
  font-size: 13px;
}
.single .register {
  margin: 30px 0 0;
  font-size: 18px;
  padding: 16px ​34px;
}
.single .meta.divide {
  margin: 60px 0 0;
  padding-top: 30px;
  border-top: 1px solid #e1e1e1;
}
.single .social {
  font-size: 16px;
  color: #6B737B;
  padding: 30px 0 0;
  display: flex;
  align-items: center;
  list-style: none !important;
  padding: 0 !important;
}
.single .social li {
  padding: 0 4px 0 0 !important;
}
.single .social li strong {
  display: block;
  position: relative;
  padding-right: 5px;
}
.single .social li a {
  display: block;
  text-indent: -999999em;
  background-size: auto 18px;
  height: 32px;
  width: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #333;
  border: 0;
}
.single .social li a.fb {
  background-image: url("../img/social/icon-facebook-white.svg");
  background-color: #3b5998;
}
.single .social li a.tw {
  background-image: url("../img/social/icon-twitter-white.svg");
  background-color: #1da1f2;
}
.single .social li a.ln {
  background-image: url("../img/social/icon-linkedin-white.svg");
  background-color: #0077b5;
}
.single .social li a.em {
  background-image: url("../img/social/icon-mail-white.svg");
  background-color: #ea4335;
}
.single .social li a:hover {
  opacity: 0.5;
}
.single .social li a:after {
  display: none;
}
.single .post--single {
  display: flex;
  flex-wrap: wrap;
}
.single .post--single main {
  width: calc(70% - 20px);
  margin-right: 20px;
  box-sizing: border-box;
  font-size: 18px;
}
.single .post--single aside {
  width: calc(30% - 20px);
  margin-left: 20px;
  position: relative;
  padding-left: 30px;
  font-size: 16px;
}
.single .post--single aside:before {
  content: "";
  display: block;
  position: absolute;
  top: -60px;
  bottom: -60px;
  right: -100vw;
  left: 0;
  background: #e3eaf4;
}
.single .post--single aside h4 {
  border-bottom: 1px solid #085494;
  padding: 10px;
  position: relative;
  font-size: 20px;
}
.single .post--single aside ul {
  list-style: none;
  padding: 0;
  position: relative;
}
.single .post--single aside ul li {
  padding: 0;
}
.single .post--single aside a {
  display: block;
  padding: 5px 10px;
  font-size: 17px;
}
.single .post--single aside a:hover {
  background: #011F5B;
  text-decoration: none;
  color: #FFF;
}
.single .post--single aside a:hover:after {
  background: #085494;
}
@media only screen and (max-width: 800px) {
  .single .post--single main, .single .post--single aside {
    width: 100%;
    margin: 0;
  }
  .single .post--single aside {
    margin: 40px -20px -20px;
    padding: 20px 20px 40px;
    width: calc(100% + 40px);
  }
  .single .post--single aside:before {
    display: none;
  }
  .single .post--single aside h4 {
    border: 0;
  }
  .single .post--single aside a:after {
    display: none;
  }
}

.upenn-columns {
  padding: 50px 0;
  margin: 0;
}
.upenn-columns h3 {
  color: #011F5B;
  font-family: "TWK Everett", serif;
  font-weight: 700;
  padding-bottom: 15px;
}
.upenn-columns.divider {
  border-top: 2px solid #011F5B;
}
.upenn-columns .wp-block-button__link {
  font-size: 18px;
}
@media only screen and (max-width: 780px) {
  .upenn-columns h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 600px) {
  .upenn-columns {
    padding: 20px 0;
  }
  .upenn-columns h3 {
    font-size: 28px;
    line-height: 32px;
  }
  .upenn-columns .wp-block-button__link {
    font-size: 16px;
  }
}

@media only screen and (max-width: 800px) {
  .single.p40 {
    padding: 0;
  }
}
@media only screen and (max-width: 600px) {
  .single h1 {
    font-size: 26px;
    line-height: 35px;
  }
  .single .content {
    padding-bottom: 10px;
  }
}
.penn-tabs {
  border-bottom: 1px solid #c1c1c1;
  background: #f1f1f1;
  background: linear-gradient(0deg, rgb(241, 241, 241) 0%, rgb(255, 255, 255) 50%);
  align-items: baseline !important;
  padding-top: 30px;
}
.penn-tabs.lg .wp-block-button .wp-block-button__link {
  padding: 20px 30px;
  font-size: 17px;
  max-width: 300px;
}
.penn-tabs.lg .wp-block-button.current .wp-block-button__link {
  padding-bottom: 21px;
  color: #990201;
}
.penn-tabs .wp-block-button {
  margin: 0;
}
.penn-tabs .wp-block-button .wp-block-button__link {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  text-transform: none;
  font-style: normal;
  padding: 10px 20px;
  letter-spacing: 0;
  font-size: 15px;
  line-height: 18px;
  display: block;
  background: #085494;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
}
.penn-tabs .wp-block-button .wp-block-button__link:before, .penn-tabs .wp-block-button .wp-block-button__link:after {
  display: none;
}
.penn-tabs .wp-block-button.current {
  margin-bottom: -1px;
}
.penn-tabs .wp-block-button.current .wp-block-button__link {
  background: #FFF;
  color: #000;
  padding-bottom: 11px;
  border: 1px solid #c1c1c1;
  border-bottom: 0;
  color: #990201;
}
@media only screen and (max-width: 650px) {
  .penn-tabs {
    padding: 16px 16px 0;
  }
  .penn-tabs .wp-block-button .wp-block-button__link {
    font-size: 15px;
    padding: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .penn-tabs {
    flex-wrap: wrap !important;
    background: #f1f1f1;
    padding: 16px;
    border-top: 1px solid #c1c1c1;
    margin-top: 20px;
  }
  .penn-tabs.sm br {
    display: none;
  }
  .penn-tabs .wp-block-button {
    width: 100%;
  }
  .penn-tabs .wp-block-button .wp-block-button__link {
    font-size: 15px;
    padding: 16px;
    border-radius: 6px;
  }
  .penn-tabs .wp-block-button.current .wp-block-button__link {
    border: 1px solid #c1c1c1;
  }
}

.single.shb {
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  .single.shb {
    padding: 0;
  }
}

#student-handbook {
  display: flex;
  outline: none;
}
#student-handbook .top {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: block;
  width: 50px;
  height: 50px;
  background: #990201 url("../img/arrow-up-white.svg") no-repeat center center;
  background-size: 20px;
  position: fixed;
  opacity: 0;
  text-indent: -99999em;
}
#student-handbook .section {
  padding: 30px 0;
  border-bottom: 1px solid #e1e1e1;
  outline: none;
}
#student-handbook h2 {
  padding-top: 60px;
}
#student-handbook h2:first-child {
  padding-top: 0;
}
#student-handbook h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
  color: #085494;
  padding-top: 30px;
  padding-bottom: 10px;
}
#student-handbook.stick .shb-sidebar {
  position: fixed;
  top: 130px;
  bottom: 0;
}
#student-handbook.stick .shb-sidebar:before {
  bottom: 0;
}
#student-handbook.stick .shb-main {
  margin-left: 300px;
}
#student-handbook.stick .top {
  opacity: 1;
}
#student-handbook .shb-sidebar {
  background: #f1f1f1;
  width: 300px;
  position: relative;
}
#student-handbook .shb-sidebar:before {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -100vw;
  right: 0;
  background: #f1f1f1;
}
#student-handbook .shb-sidebar ul {
  position: absolute;
  z-index: 10;
  margin: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  padding: 30px 12px 30px 0;
  list-style: none;
}
#student-handbook .shb-sidebar ul li {
  font-size: 15px;
  padding: 0;
  line-height: normal;
  position: relative;
}
#student-handbook .shb-sidebar ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #CDCCCB;
}
#student-handbook .shb-sidebar ul li a {
  padding: 8px 35px 8px 8px;
  display: block;
  color: #011F5B;
  font-weight: 600;
  position: relative;
  border: 0;
}
#student-handbook .shb-sidebar ul li a:hover {
  color: #570411;
}
#student-handbook .shb-sidebar ul li a:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 12px;
  height: 12px;
  background: url("../img/arrow-down-blue.svg") no-repeat center center;
  background-size: 12px;
  margin-top: -8px;
  left: auto;
}
#student-handbook .shb-sidebar ul li a.noarrow:after {
  display: none;
}
#student-handbook .shb-sidebar ul li a.active {
  color: #990201;
}
#student-handbook .shb-sidebar ul li a.active:after {
  transform: rotate(180deg);
}
#student-handbook .shb-sidebar ul li ul {
  padding: 4px 12px 12px;
  display: none;
  position: relative;
  overflow: hidden;
}
#student-handbook .shb-sidebar ul li ul li {
  font-size: 14px;
  padding-bottom: 6px;
}
#student-handbook .shb-sidebar ul li ul li:after {
  display: none;
}
#student-handbook .shb-sidebar ul li ul li a {
  padding: 0;
  font-weight: normal;
}
#student-handbook .shb-sidebar ul li ul li a:after {
  display: none;
}
#student-handbook .shb-sidebar ul li ul li a:hover {
  text-decoration: underline;
}
#student-handbook .shb-sidebar ul li ul li a:before {
  display: none;
}
#student-handbook .shb-main {
  padding-left: 40px;
  width: calc(100% - 300px);
}
@media only screen and (max-width: 800px) {
  #student-handbook {
    flex-wrap: wrap;
    margin-top: -20px;
  }
  #student-handbook .shb-sidebar {
    position: relative;
    width: calc(100% + 40px);
    margin: 0 -20px 0;
  }
  #student-handbook .shb-sidebar:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #student-handbook .shb-sidebar ul {
    padding: 20px;
  }
  #student-handbook .shb-main {
    width: 100%;
    padding: 10px 0 0;
  }
  #student-handbook.stick .shb-sidebar {
    position: relative;
    top: auto;
    bottom: auto;
  }
  #student-handbook.stick .shb-main {
    margin-left: 0;
  }
}

#banner.student {
  background: #990201 url("../img/bg-line-texture-white.png");
  background-repeat: no-repeat;
  background-size: 100% 160%;
  background-position: top center;
  height: 315px;
}
#banner.student .wrap {
  padding-top: 10px;
}
#banner.student strong {
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
  padding: 10px 0 0 8px;
  display: block;
}
@media only screen and (max-width: 600px) {
  #banner.student {
    padding: 20px 0;
    height: auto !important;
  }
  #banner.student .wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
  #banner.student h1 br {
    display: none;
  }
  #banner.student strong {
    font-size: 15px;
    padding: 10px 0 0;
  }
}

.alternating-content {
  position: relative;
}
.alternating-content .photo {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  top: 30px;
  bottom: 30px;
  z-index: 1;
  position: absolute;
}
.alternating-content .content {
  width: 50%;
  padding: 40px 60px;
  color: #000;
  font-size: 20px;
  line-height: 26px;
  position: relative;
  z-index: 2;
}
.alternating-content .content p {
  max-width: 350px;
}
.alternating-content .icon {
  height: 90px;
  display: block;
  margin: 0 0 30px;
}
.alternating-content.textRight .photo {
  left: 0;
  width: 50%;
}
.alternating-content.textRight .content {
  margin-left: 50%;
}
.alternating-content.textLeft .photo {
  right: 0;
  left: 50%;
}
.alternating-content.textLeft .content {
  padding: 40px 60px 40px 0;
}
@media only screen and (max-width: 960px) {
  .alternating-content {
    padding: 0 !important;
  }
  .alternating-content .photo {
    position: static;
    width: 100% !important;
  }
  .alternating-content .photo:before {
    content: "";
    display: block;
    padding-top: 54%;
  }
  .alternating-content .content {
    width: 100%;
  }
  .alternating-content .content p {
    max-width: none;
  }
  .alternating-content.textRight .content, .alternating-content.textLeft .content {
    margin: 0;
    padding: 20px 0;
  }
}

.bgLightBlueTexture {
  background: #b2cbe2;
  background-size: cover;
}
.bgLightBlueTexture.pattern02 {
  background-image: url("../img/bg-pattern-02.png");
}

.bgTan {
  background: #e8e7e5;
}

/*
.card {
  background: $navy;
  padding: 40px;
  display: block;
  text-align: center;
  color:#FFF;
  position: relative;
  top:0;
  transition: ease 0.5s all;  

  img {
    height: 110px;
    display: block;
    margin: 0 auto 30px;
  }

  &:hover {
    color:#FFF;
    background: rgba(29, 39, 88, 0.9);
    top:8px;
  }
}
*/
/* Benefits */
.benefits.bgGrey .card {
  background: #F2F2F2;
}
.benefits.bgGrey .card h4 {
  color: #011F5B;
}
.benefits.bgGrey .card p {
  color: #000;
}

.tabs {
  margin-bottom: 60px;
}
.tabs .tab {
  border-bottom: 1px solid #011F5B;
}
.tabs .tab.active {
  border-bottom: 3px solid #570411;
}
.tabs .tab.active .accordion-heading {
  color: #570411;
}
.tabs .tab.active .accordion-heading:after, .tabs .tab.active .accordion-heading:before {
  background: #570411;
}
.tabs .tab.active .accordion-heading:after {
  transform: rotate(-225deg);
}
.tabs .tab.active .accordion-heading:before {
  transform: rotate(-135deg);
}
.tabs .accordion-heading {
  display: block;
  padding: 12px 75px 12px 0;
  color: #011F5B;
  text-decoration: none;
  position: relative;
}
.tabs .accordion-heading h4 {
  padding: 0;
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
}
.tabs .accordion-heading:hover {
  color: #82afd3;
}
.tabs .accordion-heading:before, .tabs .accordion-heading:after {
  content: "";
  height: 2px;
  width: 20px;
  background: #82afd3;
  display: block;
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -1px;
  transition: ease 0.5s all;
}
.tabs .accordion-heading:after {
  transform: rotate(-90deg);
}
.tabs .tab-container {
  display: none;
  background: #FFF;
}
.tabs .tab-content {
  display: block;
  padding: 5px 75px 30px 0;
  font-size: 18px;
  line-height: 24px;
  overflow: hidden;
}
.tabs .tab-content img {
  max-width: 100%;
  height: auto;
}
.tabs .tab-content .btn {
  font-size: 15px;
}
.tabs .tab-content .btn:after {
  height: 12px;
  width: 20px;
}
.tabs .tab-content .btn:hover:after {
  width: 26px;
}
.tabs .tab-content ul {
  list-style: disc;
  padding: 0 0 30px 30px;
}
.tabs .tab-content ul:last-child {
  padding-bottom: 0;
}
.tabs .tab-content ol {
  list-style: decimal;
  padding: 10px 0 30px 30px;
}
.tabs .tab-content p:last-child {
  padding-bottom: 0;
}

.portfolio {
  color: #085494;
  display: block;
  padding-left: 32px;
  margin-bottom: 15px;
  background: url(../img/icon-portfolio.svg) no-repeat left center;
  background-size: 22px;
  font-size: 16px;
  font-weight: 900;
}

/* CTA Block
----------------------------------------------------- */
.ctaBlock {
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.ctaBlock.light {
  background-color: #63C7FF;
  color: #011F5B;
}
.ctaBlock.dark {
  color: #FFF;
  background-color: #011F5B;
}
.ctaBlock.dark h2 {
  color: #FFF;
}
.ctaBlock .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ctaBlock .container .content {
  padding-right: 60px;
  max-width: 800px;
}
@media only screen and (max-width: 960px) {
  .ctaBlock .container {
    flex-wrap: wrap;
  }
  .ctaBlock .container .content {
    padding-right: 0;
    padding-bottom: 20px;
  }
}
.ctaBlock h2 {
  padding-bottom: 0;
}
.ctaBlock .content {
  position: relative;
  z-index: 1;
}
.ctaBlock.photo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ctaBlock.photo.dark:before {
  background: rgba(0, 0, 0, 0.55);
}
.ctaBlock.photo.light:before {
  background: rgba(255, 255, 255, 0.55);
}

.members.contact h2 {
  margin-bottom: 20px;
}
.members.contact .member {
  padding: 0;
}
.members.divider {
  border-top: 2px solid #011F5B;
  padding-top: 50px;
}
.members.divider h3 {
  border: 0;
  margin-bottom: 0;
}
.members h3 {
  font-size: 40px;
  border-bottom: 2px solid #82afd3;
  padding-bottom: 15px;
}
.members .member {
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 0;
  display: flex;
}
.members .member:last-child {
  border: 0;
  margin-bottom: 30px;
}
.members .member figure {
  padding-right: 30px;
}
.members .member figure img {
  width: 225px;
  display: block;
}
.members .member h4 {
  font-weight: bold;
  padding-top: 10px;
}
.members .member h4 a {
  font-weight: bold;
  border-bottom: 2px solid transparent;
}
.members .member h4 a:hover {
  border-bottom: 2px solid #82afd3;
}
.members .member ul {
  list-style: none;
  padding: 0 0 20px;
  font-weight: 500;
  font-style: italic;
}
.members .member ul li {
  padding: 0 0 4px;
  font-size: 16px;
  line-height: normal;
}
.members .member p {
  font-size: 17px;
  line-height: normal;
}
@media only screen and (max-width: 600px) {
  .members h3 {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 10px;
  }
  .members .member figure img {
    width: 150px;
  }
  .members .member h4 {
    padding-top: 0;
    font-size: 22px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 450px) {
  .members h3 {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 10px;
  }
  .members .member {
    flex-wrap: wrap;
  }
  .members .member figure {
    padding: 0 0 10px;
    width: 100%;
  }
  .members .member figure img {
    width: 100%;
  }
  .members .member h4 {
    padding-top: 0;
    font-size: 20px;
    padding-bottom: 5px;
  }
  .members .member ul, .members .member p {
    padding-bottom: 15px;
  }
  .members .member ul li, .members .member p {
    font-size: 15px;
  }
}

.testimonialBlock {
  background: rgba(178, 203, 226, 0.5);
}
.testimonialBlock.white {
  background: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.testimonialBlock.tan {
  background: #e8e7e5 url("../img/bg-slider-tan.jpg") no-repeat center center;
  background-size: cover;
}
.testimonialBlock .testimonials-slider {
  padding: 0 60px;
}
@media only screen and (max-width: 768px) {
  .testimonialBlock .testimonials-slider {
    padding: 0;
  }
}
.testimonialBlock .testimonial {
  position: relative;
}
.testimonialBlock .testimonial .photo {
  width: 30%;
  overflow: hidden;
  position: absolute;
  order: 1;
  top: 0;
  left: 0;
}
.testimonialBlock .testimonial .photo img {
  width: 100%;
  display: block;
}
.testimonialBlock .testimonial blockquote {
  margin-left: 30%;
  width: 70%;
  padding: 20px 30px 0;
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  color: #011F5B;
  font-size: 24px;
  line-height: normal;
  position: relative;
  z-index: 10;
}
.testimonialBlock .testimonial .author {
  margin-left: 30%;
  padding: 0 30px;
  margin-left: 30%;
}
.testimonialBlock .testimonial ul {
  list-style: none;
  padding: 0 0 20px;
}
.testimonialBlock .testimonial ul li {
  padding: 0;
  font-size: 16px;
  line-height: normal;
}
.testimonialBlock .testimonial h5 {
  color: #000;
}
@media only screen and (max-width: 768px) {
  .testimonialBlock .testimonial .photo {
    position: static;
    float: left;
    width: 25%;
  }
  .testimonialBlock .testimonial blockquote {
    margin: 0;
    font-size: 20px;
    width: 100%;
    padding: 0 0 20px;
  }
  .testimonialBlock .testimonial .author {
    margin-left: 25%;
    padding: 0 20px;
  }
  .testimonialBlock .testimonial .author h5 {
    margin-top: 5px;
    font-size: 18px;
  }
  .testimonialBlock .testimonial .author ul li {
    font-size: 14px;
  }
  .testimonialBlock .testimonial .btn {
    font-size: 14px;
  }
  .testimonialBlock .testimonial .btn:after {
    height: 10px;
    width: 16px;
  }
  .testimonialBlock .testimonial .btn:hover {
    color: #570411;
  }
  .testimonialBlock .testimonial .btn:hover:after {
    width: 20px;
  }
}
@media only screen and (max-width: 500px) {
  .testimonialBlock .testimonial .photo {
    float: none;
    width: 100%;
  }
  .testimonialBlock .testimonial .author {
    margin: 10px 0 0;
    width: 100%;
    padding: 0 0 20px;
  }
}
.testimonialBlock .slick-dots {
  padding: 0;
  list-style: none;
}
.testimonialBlock .slick-dots li {
  width: 25px;
}
.testimonialBlock .slick-dots li button {
  height: 12px;
  width: 12px;
}
.testimonialBlock .slick-dots li:only-child {
  display: none;
}
@media only screen and (max-width: 768px) {
  .testimonialBlock .slick-dots {
    width: 100%;
    padding: 0 15px;
    bottom: -40px;
  }
}
.testimonialBlock .slick-next, .testimonialBlock .slick-prev {
  opacity: 1;
}
.testimonialBlock .slick-next {
  right: 0;
}
.testimonialBlock .slick-prev {
  left: 0;
}

.days-remaining {
  color: #FFF;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.days-remaining strong {
  font-size: 60px;
  line-height: 70px;
  display: block;
}
.days-remaining span {
  display: block;
  line-height: normal;
}

.knowledgebase {
  padding: 20px 0;
  border-bottom: 1px solid #e1e1e1;
}
.knowledgebase h2 {
  color: #990201;
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 38px;
}
.knowledgebase.tan {
  background: rgba(232, 231, 229, 0.6);
}
.knowledgebase:last-child {
  border: 0;
}
.knowledgebase .kb {
  display: flex;
}
.knowledgebase .kb.right .photo {
  order: 1;
}
.knowledgebase .kb.right .links {
  padding-left: 0;
  padding-right: 30px;
}
.knowledgebase .kb.two .photo {
  width: 50%;
}
.knowledgebase .kb.two .links {
  width: 50%;
  padding: 30px 0;
}
.knowledgebase .kb.two .links ul {
  display: flex;
  flex-wrap: wrap;
}
.knowledgebase .kb.two .links ul li {
  width: calc(50% - 30px);
  margin-right: 30px;
}
.knowledgebase .kb.two.left .links ul li {
  margin-right: 0;
  margin-left: 30px;
}
.knowledgebase .kb .photo {
  min-height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 70%;
}
.knowledgebase .kb .links {
  padding: 30px;
  padding-right: 0;
  width: 30%;
  box-sizing: border-box;
}
.knowledgebase .kb .links ul li {
  position: relative;
}
.knowledgebase .kb .links ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: url("../img/circles-blue.svg") repeat-x center center;
  background-size: auto 100%;
}
.knowledgebase .kb .links ul li a {
  display: block;
  padding: 10px 0;
}
.knowledgebase .kb .links ul li a:after {
  display: inline-block;
  height: 13px;
  width: 20px;
  background: transparent url("../img/btn-arrow-navy.svg") no-repeat right center;
  background-size: auto 100%;
  content: "";
  margin-left: 10px;
  transition: ease 0.3s all;
  position: relative;
  left: 0;
}
.knowledgebase .kb .links ul li a:hover {
  color: #990201;
}
.knowledgebase .kb .links ul li a:hover:after {
  width: 30px;
}

.course-row {
  border-bottom: 1px solid #000;
}
.course-row .course {
  display: flex;
  font-weight: 600;
  padding: 8px 0;
  background: url("../img/arrow-right-blue.svg") no-repeat top 50% right 8px;
  background-size: 8px;
}

.course-overlay {
  max-width: 1024px;
}
.course-overlay h3 {
  font-size: 30px;
  font-weight: 900;
  color: #999;
  padding: 0;
}
.course-overlay h2 {
  font-size: 38px;
}
.course-overlay .course-content {
  display: flex;
  padding-top: 20px;
  font-size: 18px;
  line-height: 145%;
}
.course-overlay .course-content main {
  width: 68%;
  padding-right: 40px;
}
.course-overlay .course-content aside {
  width: 32%;
  padding: 20px;
  background: #e3eaf4;
  display: flex;
  flex-direction: column;
}
.course-overlay .course-content aside:before {
  display: none;
}
.course-overlay .course-content aside h6 {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  color: #011F5B;
}
.course-overlay .course-content aside .portfolio {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-position: top 4px left;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.course-overlay .course-content aside .unit {
  display: flex;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.course-overlay .course-content aside .syllabus {
  margin-top: auto;
  margin-bottom: 0;
  border-bottom-right-radius: 14px;
  text-align: center;
}
.course-overlay .course-content aside ul {
  list-style: none;
  padding: 0;
}
.course-overlay .course-content aside ul li {
  padding: 0;
}

.bannerBlock {
  position: relative;
  padding: 150px 0;
  min-height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.bannerBlock.a10:before, .bannerBlock.a25:before, .bannerBlock.a50:before, .bannerBlock.a75:before, .bannerBlock.a85:before {
  content: "";
  mix-blend-mode: multiply;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  position: absolute;
}
.bannerBlock.a10:before {
  background: rgba(29, 39, 88, 0.1);
}
.bannerBlock.a25:before {
  background: rgba(29, 39, 88, 0.25);
}
.bannerBlock.a50:before {
  background: rgba(29, 39, 88, 0.5);
}
.bannerBlock.a75:before {
  background: rgba(29, 39, 88, 0.75);
}
.bannerBlock.a85:before {
  background: rgba(29, 39, 88, 0.85);
}
.bannerBlock .wrap {
  position: relative;
  text-align: center;
  z-index: 10;
  color: #FFF;
  font-size: 24px;
}
.bannerBlock .wrap h2 {
  color: #FFF;
}
.bannerBlock .wrap .btn {
  font-size: 15px;
  letter-spacing: 0;
  background: #990201;
  padding-top: 12px;
  padding-bottom: 12px;
}
.bannerBlock .wrap .btn:hover {
  background-color: #82afd3;
}
.bannerBlock .vimeo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.bannerBlock .vimeo iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.penn-columns {
  display: flex;
  margin: 30px 0;
  flex-wrap: wrap;
}
.penn-columns .col {
  width: 50%;
  padding: 30px;
  text-align: center;
  background-color: #333;
  color: #FFF;
  border: 1px solid #FFF;
}
.penn-columns .col.grey {
  color: #000;
  background: #e1e1e1;
}
.penn-columns .col.lightblue {
  background: #085494;
}
.penn-columns .col.navy {
  background: #011F5B;
}
.penn-columns .col.red {
  background: #990201;
}
.penn-columns .col h4 {
  font-size: 20px;
  margin-bottom: 10px;
}
.penn-columns .col h4 strong {
  display: block;
  font-size: 16px;
}
.penn-columns .col ul {
  text-align: left;
  font-size: 16px;
  padding-bottom: 0;
}
.penn-columns .col ul li {
  padding: 0;
  line-height: normal;
}
.penn-columns.num3 .col {
  width: 33.333333%;
}
.penn-columns.num4 .col {
  width: 25%;
}
@media only screen and (max-width: 680px) {
  .penn-columns {
    margin: 30px -20px;
  }
  .penn-columns .col {
    width: 100% !important;
    padding: 30px 20px;
    border: 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }
  .penn-columns .col ul {
    padding: 0;
    text-align: center;
    list-style: none;
  }
  .penn-columns .col ul li:before {
    display: inline-block;
    content: "•";
    margin-right: 8px;
  }
}

.shield-mask {
  -webkit-mask-image: url("../img/shield-mask.png");
  mask-image: url("../img/shield-mask.png");
  -webkit-mask-size: 100% auto;
  mask-size: 100% auto;
  mask-position: center;
  mask-repeat: no-repeat;
}

.fifty-fifty.bg-cyan {
  background: #63C7FF;
}
.fifty-fifty .row {
  display: flex;
  align-items: center;
}
.fifty-fifty .col.w50 {
  width: 50%;
}
.fifty-fifty .col.w40 {
  width: 40%;
}
.fifty-fifty .col.w60 {
  width: 60%;
}
.fifty-fifty .col.image-col {
  width: 40%;
}
.fifty-fifty .col.content-col {
  padding-left: 100px;
}
.fifty-fifty .image-wrapper {
  position: relative;
}
.fifty-fifty .image-item {
  position: relative;
  width: auto;
  margin: 0;
  z-index: 1;
  height: 600px;
}
.fifty-fifty .image-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.fifty-fifty .image-item img.shield-mask {
  min-height: 280px;
}
.fifty-fifty.text-left .content-col {
  order: 1 !important;
}
.fifty-fifty.text-left .image-col {
  order: 2 !important;
}
@media only screen and (max-width: 960px) {
  .fifty-fifty .row {
    flex-wrap: wrap;
  }
  .fifty-fifty .row .col {
    width: 100% !important;
  }
  .fifty-fifty .row .col .image-item {
    width: 240px;
    height: auto;
    margin: 0 auto 30px;
  }
  .fifty-fifty .row .col.image-col {
    order: 1;
  }
  .fifty-fifty .row .col.content-col {
    order: 2;
    padding: 0;
    max-width: 650px;
    margin: 0 auto;
  }
}

/*
@import 'introduction';
@import 'features';
@import 'progressbar';
*/
/* Tablet and Mobile 
----------------------------------------------- */
#menu {
  position: absolute;
  top: 0;
  padding: 30px;
  padding-top: 38px;
  padding-bottom: 38px;
  right: 0;
  display: none;
  z-index: 3000;
  transition: none;
}
#menu:hover:after {
  display: none;
}
#menu span, #menu span:after, #menu span:before {
  display: block;
  width: 35px;
  height: 2px;
  background: #011F5B;
  transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#menu span:before, #menu span:after {
  content: "";
  position: absolute;
}
#menu span:before {
  margin-top: -10px;
}
#menu span:after {
  margin-top: 10px;
}

.openMenu #menu span {
  background: transparent;
}
.openMenu #menu span:before {
  margin: 0;
  transform: rotate(45deg);
}
.openMenu #menu span:after {
  margin: 0;
  transform: rotate(-45deg);
}

.mobile {
  display: none !important;
}

.desktop {
  display: block !important;
}

@media only screen and (max-width: 960px) {
  body {
    padding-top: 78px;
  }
  .mobile, #menu {
    display: block !important;
  }
  .desktop {
    display: none !important;
  }
  .wp-block-cover.banner {
    min-height: auto;
  }
  .wp-block-cover.banner:before {
    content: "";
    padding-top: 40%;
  }
  header .meta {
    top: 20px !important;
    right: 150px;
  }
  header .meta .website-title {
    margin: 0;
  }
  header .meta .btn, header .meta .external {
    display: none !important;
  }
  header .meta a.dd {
    transform: none !important;
    opacity: 1 !important;
  }
  header #logo {
    width: 150px !important;
    padding-top: 4px;
    height: 58px !important;
  }
  header #logo:before {
    display: none;
  }
  header.scroll #logo img {
    opacity: 1;
    visibility: visible;
  }
  header .wrap {
    padding: 10px 20px;
  }
  header nav {
    background: #FFF;
    border-top: 1px solid #CDCCCB;
    position: fixed;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 2000;
    text-align: left;
    color: #FFF;
    transition: ease 0.5s all;
    padding: 0;
  }
  header nav .search-li {
    position: fixed;
    top: 0;
    right: 95px;
    height: 78px;
    background-size: 22px;
    margin: 0;
    border: 0;
    padding: 0 !important;
  }
  header nav .search-li:before {
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  header nav .search-li a.search-btn {
    padding: 0 !important;
    margin: 0;
    width: 40px;
    border: 0;
    height: 100%;
    background-position: center center !important;
  }
  header nav .search-li #searchform {
    top: 78px;
  }
  header nav .search-li #searchform p {
    font-size: 17px;
  }
  header nav .search-li #searchform .search-form-container form input[type=text] {
    font-size: 16px;
    padding: 8px;
  }
  header nav .search-li #searchform .search-form-container ol li {
    padding: 2px;
  }
  header nav .search-li #searchform .search-form-container ol li a {
    padding: 6px 10px !important;
    font-size: 16px;
    line-height: normal;
  }
  header nav ul {
    display: block;
    width: 100%;
  }
  header nav ul li {
    display: block;
  }
  header nav ul li.main-menu-item {
    position: static;
  }
  header nav ul li a {
    padding: 15px 80px 15px 20px !important;
    font-size: 18px;
    line-height: normal;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
  header nav ul li a span:after {
    display: none;
  }
  header nav ul li a.closeSubNav, header nav ul li a.closeThirdNav {
    background: #990201;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
  header nav ul li a.closeSubNav:before, header nav ul li a.closeThirdNav:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 10px;
    background: url("../img/btn-arrow-white.svg") no-repeat right center;
    background-size: 8px;
    transform: rotate(180deg);
    margin-right: 10px;
    position: relative;
    top: 4px;
  }
  header nav ul li a.closeSubNav:after, header nav ul li a.closeThirdNav:after {
    display: none;
  }
  header nav ul li.menu-item-has-children.openSubNav .menu-depth-1 {
    left: 0;
  }
  header nav ul li.menu-item-has-children > a {
    background: url("../img/btn-arrow-navy.svg") no-repeat top 50% right 20px;
    background-size: 10px;
  }
  header nav ul li.subnav-right .subnav, header nav ul li.subnav-small .subnav {
    top: 0;
    left: 100%;
    right: 0;
  }
  header nav ul li .subnav {
    position: absolute;
    display: block;
    background: #FFF;
    z-index: 20;
    transition: ease 0.3s all;
    z-index: 200;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    border: 0;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    width: 100% !important;
    opacity: 1;
    visibility: visible;
  }
  header nav ul li .subnav li a {
    border: 0;
  }
  header nav ul li .subnav li:last-child > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: url("../img/circles-blue.svg") repeat-x center center;
    background-size: auto 100%;
  }
  header nav ul li .subnav li .level-three {
    border: 0;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 100%;
    height: 100%;
    background: #dbe8f3;
    border: 0 !important;
  }
  header nav ul li .subnav li .level-three li {
    width: 100%;
  }
  header nav ul li .subnav li:hover .level-three {
    width: 100%;
  }
  header nav ul li .subnav li.menu-item-has-children.openThirdNav .level-three {
    left: 0;
    z-index: 100;
  }
  .openMenu {
    overflow-y: hidden;
  }
  .openMenu nav {
    top: 78px;
  }
  /* Alert Bar Styling 
   	----------------------------------------- 
  */
  body.alert {
    padding-top: 122px;
  }
  body.alert header nav .search-li {
    top: 44px;
  }
  body.alert header nav .search-li #searchform {
    top: 122px;
  }
  body.alert.openMenu nav {
    top: 122px;
  }
  #alert .wrap p {
    font-size: 17px;
    line-height: normal;
  }
  #alert .wrap a {
    font-size: 14px;
  }
  #banner {
    padding: 30px 0;
  }
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 28px;
    line-height: 34px;
  }
  #alert .wrap p {
    font-size: 14px;
    line-height: normal;
  }
  #alert .wrap a {
    font-size: 11px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 500px) {
  header .meta {
    right: 78px;
    top: 18px !important;
  }
  header .meta.with-search {
    right: 108px;
  }
  header .meta .website-title {
    font-size: 20px;
    margin: 0;
    max-width: 80px;
    text-align: center;
    line-height: 20px;
  }
  header .meta a.dd.active {
    padding: 0;
    width: 80px;
    text-align: center;
    line-height: normal;
    border: 0;
  }
  header .meta a.dd.active span:after {
    display: none;
  }
  header nav .search-li {
    top: 0;
    right: 66px;
  }
  header nav .search-li a.search-btn {
    height: 78px;
    background-position: center center;
  }
  .openSearch header nav .search-li #searchform {
    height: calc(100% - 78px);
  }
  #menu {
    padding: 18px;
    padding-top: 38px;
    padding-bottom: 38px;
  }
  #menu span {
    width: 30px;
  }
  #menu span:before, #menu span:after {
    width: 30px;
  }
  h1 {
    font-size: 30px;
    line-height: 40px;
  }
}

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