<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html, body {
    text-rendering: optimizeLegibility;
    height: fit-content;
    margin: 0 auto;
    font-family: 'Open Sans', sans-serif;
    scroll-behavior: smooth;
    padding-right: 0 !important;
}

h1, h2, h3, h4 {
    text-wrap:balance;
}
.modal-open {
    padding-right: 15px !important;
}

.anchor {
    padding-top: 47px;
}

/* ===========   Navbar stuff  ================  */

.navbar-brand {
    padding: 12px 25px 0 0;
}

.navbar-brand .logo {
    max-width: 290px;
}

.navbar-nav&gt;li:hover {
    background-color: #eeeeee;
}

.navbar-default .navbar-nav&gt;li.login&gt;a:hover, .navbar-default .navbar-nav&gt;li.login&gt;a:focus {
    color: #fff;
    background-color: #cf2127 !important;
}

.navbar-nav .active {
    background-color: #e9e9e9;
}

.standard {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #1c1c1c;
    line-height: 1.6;
    width: 90%;
    margin: 2vw 0 0 0;
}

.standard a {
    color: black;
    text-decoration: underline;
}

.sidePic {
    margin-top: 4.5vw;
    text-align: center;
    font-size: 22px;
    font-family: 'Karla', sans-serif;
    line-height: normal;
}

.sidePic a {
    color: black;
    font-size: 22px;
}

.littleHeadline {
    font-size: 22px;
    text-align: center;
    font-family: 'Karla', sans-serif;
    color: #5b5555;
}

.sideQuote img {
    width: 40%;
    max-width: 80px;
    margin: auto;
    padding: 1vw 0;
}

.sideQuote p {
    font-family: 'Karla', sans-serif;
    color: rgb(146, 146, 146);
    font-size: 2rem;
    line-height: 2.2rem;
}

.staffBio {
    text-align: center;
    display: inline-block;
    margin-top: .7vw;
    background-color: rgb(241, 241, 241);
}

.staffBio img {
    width: 40%;
    float: left;
    padding-right: 5px;
}

.staffBio a p {
    padding-top: 1.5vw;
    color: rgb(73, 73, 73);
    line-height: 1.5rem;
}

.custserv {
    color: black;
}

/* -------  dropdown buttons -----------  */

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #eeeeee;
    color: black;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #777;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 14px;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* ================= HEROS section ========================== */

/* ------- this makes the fixed aspect ratio box for the heros to be in ------- */

.heroWrapper {
    width: 100%;
    padding-top: 45%;
    /* 16:9 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
    margin: auto;
}

/* -------- this is the box that holds the slides of the carousel -------------*/

#heros {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

#heros img {
    max-width: 100%;
    display: inline;
}

.carousel-control.left, .carousel-control.right {
    background: transparent;
    height: 6vw;
    width: 6vw;
    margin: 19vw .8vw;
}

.glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left {
    color: #ffffff;
    opacity: 100;
    mix-blend-mode: normal;
}

#heros .carousel-caption {
    text-align: left;
    width: 41vw;
    position: fixed;
    top: 1vw;
    left: 11vw;
}

#heros .carousel-caption h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4.7vw;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#heros .carousel-caption.sm_h3 h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.8vw;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#heros hr {
    height: 3px;
    border-width: 0;
    color: #cf2127;
    background-color: #cf2127;
    width: 14vw;
    text-align: left;
    margin: 15px 0;
}

#heros .carousel-caption p {
    font-family: 'Karla', sans-serif;
    font-size: 2.2vw;
    line-height: 2.5vw;
    font-weight: 800;
}

#heros .carousel-caption p a {
    color: white;
    text-decoration: underline;
}

#heros&gt;.carousel-inner&gt;.item&gt;.carousel-caption h3, #heros&gt;.carousel-inner&gt;.item&gt;.carousel-caption hr, #heros&gt;.carousel-inner&gt;.item&gt;.carousel-caption p, #heros&gt;.carousel-inner&gt;.item&gt;.carousel-caption p a, #heros&gt;.carousel-inner&gt;.item&gt;.carousel-caption .btn {
    opacity: 0;
}

#heros .carousel-inner .item.active .carousel-caption h3 {
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption hr {
    transition: 1s ease;
    -moz-transition: 1s ease;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption p, #heros .carousel-inner .item.active .carousel-caption p a {
    transition: 1.5s;
    -moz-transition: 1.5s ease;
    -webkit-transition: 1.5s ease;
    -o-transition: 1.5s ease;
    opacity: 1;
}

#heros .carousel-inner .item.active .carousel-caption .btn {
    transition: .3s;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    opacity: 1;
}

.btnHolder {
    white-space: nowrap;
}

/* ================= NEWS section ========================== */

#news {
    color: #fff;
    background-color: #5b5555;
    padding: 10px;
    width: 70vw;
    max-width: 750px;
    margin: auto;
    position: relative;
    top: -4vw;
}

#news h3 {
    font-family: 'Montserrat', sans-serif;
    color: white;
    font-size: 3.7vw;
    margin: 0;
    opacity: 1;
}

#news hr {
    height: 3px;
    border-width: 0;
    color: #cf2127;
    background-color: #cf2127;
    width: 80%;
    margin: 5px auto;
    opacity: 1;
}

#news h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 19px;
}

#news p {
    font-weight: 400;
    text-align: left;
    line-height: 2.3rem;
    font-size: 16px;
    padding: 0 0 0 20px;
    opacity: 1;
}

#news img {
   float: right;
    margin: 16px;
}

#news a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

/* ================= MISSION section ========================== */

.container-wrapper.missionPanel {
    background-color: #7d1417;
    color: rgb(187, 187, 187);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0 !important;
}

.mission1 {
    width: 60rem;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
    margin: auto;
    line-height: 2.7rem;
    position: relative;
    bottom: 20px;
    opacity: 1;
}

.mission2 {
    width: 85%;
    font-family: 'Montserrat', sans-serif;
    color: white;
    text-align: justify;
    padding: 2vw 0;
    font-size: 20px;
    font-weight: 400;
    margin: auto;
    opacity: 1;
}

/* ================= SPOTLIGHT section ========================== */

.container-wrapper.spotlightPanel {
    background-color: #fff;
    text-align: center;
    margin-top: 0 !important;
}

#spotlight h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.7vw;
    color: #7d1417;
    opacity: 1;
}

#spotlight hr {
    height: 3px;
    border-width: 0;
    color: #999;
    background-color: #999;
    width: 15%;
    margin: auto;
    opacity: 1;
}

#spotlight img {
    margin: 1.35vw 0 0 0;
    padding: 0;
}

.sl_img {
    position: relative;
}

.slThing {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    backface-visibility: hidden;
}

.hoverMessage {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    text-align: center;
}

.hoverMessageText {
    background-color: #7d1417;
    color: white;
    font-size: 26px;
    letter-spacing: .1vw;
    padding: 16px 32px;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.2rem;
    font-style: italic;
    white-space: nowrap;
}

.sl_picTitle {
    letter-spacing: .3rem;
    position: absolute;
    top: .5vw;
    left: 5px;
    background-color: #7d1417;
    color: white;
    padding-left: 7px;
    padding-right: 7px;
}

.sl_picTitle2 {
    position: absolute;
    bottom: 0;
    left: 5px;
    background-color: transparent;
    font-size: 1.6rem;
    text-shadow: rgba(0, 0, 0, 0.80) 2px 2px 3px;
    color: white;
    padding: 0 6px;
    text-align: left;
}

.sl_picTitle2 p {
    line-height: 1.5rem;
}

.sl_picTitle p {
    margin: 0;
    opacity: 1;
}

.sl_img:hover .sl_picTitle, .sl_img:hover .sl_picTitle2, .sl_img:hover .slThing {
    opacity: 0.7;
}

.sl_img:hover .hoverMessage {
    opacity: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.foundersM {
    background-color: #5b5555;
    padding: 2vw;
}

.foundersM img {
    padding: 0 1.5vw .5vw 0;
}

.foundersM h2 {
    color: white;
    font-weight: bold;
}

.foundersM p {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.6;
    width: 100%;
    margin: 0 0 1.5vw 0;
}

/*  =============== fastFact section ===============  */

.ff_parallax {
    background-image: url('../images/fastFactsBack.jpg');
    height: 100%;
    /* Create the ff_parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.fastFactsPanel {
    height: auto;
    text-align: center;
}

.ffLogo {
    width: 30vw;
    padding-top: 2vw;
}

#fastFacts a {
    text-decoration: none;
}

#fastFacts h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.2vw;
    color: #ffffff;
    margin-top: 1.2vw
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: .6rem;
    padding: 10px;
    margin: auto;
    column-gap: 2.5vw;
}

.ffBox {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-bottom: 3.5vw;
}

.ffBox img {
    width: 9vw;
    margin-bottom: .5vw
}

.ffBox h4 {
    font-size: 3vw;
    font-family: 'Karla', sans-serif;
    color: white;
    margin: 1vw 0 0 0;
}

.ffBox h5 {
    font-size: 1.3vw;
    font-family: 'Open Sans', san-serif;
    color: white;
}

/*  =============== Changemakers section  ===============  */

/* ---------- this is the whole panel where the chage makers section is ---------------  */

.cm_parallax {
    background-image: url('../images/cmBack.jpg');
    height: 100%;
    /* Create the cm_parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.changeMakersPanel {
    height: auto;
    text-align: center;
}

/* -------- this is the writing at the top ------------- */

.cmtitle h2 {
    font-family: 'Montserrat', sans-serif;
    color: #7d1417;
    font-size: 4.7rem;
}

.cmtitle hr {
    width: 17%;
    border: 1px solid rgb(133, 133, 133);
    opacity: 1;
}

.cmtitle p {
    font-family: 'Open Sans', sans-serif;
    color: #7d1417;
    font-size: 1.8rem;
    width: 80%;
    margin: auto;
    margin-bottom: 3.5vh;
    text-align: justify;
    opacity: 1;
}

/* ------- this makes the fixed aspect ratio box for the changeMakers carousel to be in ------------- */

.changeMakerWrapper {
    width: 80%;
    padding-top: 45%;
    /* 16:9 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
    margin: auto;
}

/* -------- this is the box that holds the slides of changeMmaker the carousel ---------------------*/

#changeMakers {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    margin-bottom: 40px;
    max-width: 1000px;
}

#changeMakers img {
    max-width: 49%;
    display: inline;
}

.changeMakersPanel .carousel-control.left {
    background: none !important;
    position: relative;
    top: -300px;
    left: -42vw;
    mix-blend-mode: normal;
}

.changeMakersPanel .carousel-control.right {
    background: none !important;
    position: relative;
    top: -300px;
    left: 42vw;
    mix-blend-mode: normal;
}

.changeMakersPanel .glyphicon.glyphicon-chevron-right, .changeMakersPanel .glyphicon.glyphicon-chevron-left {
    color: #7d1417;
    opacity: 100;
}

.carousel-indicators li {
    background-color: #7d1417;
    background-color: rgba(119, 28, 28. 0.50);
    border: 1 solid #7d1417;
}

.carousel-indicators .active {
    background-color: rgb(189, 23, 23);
    border: 1 solid rgb(189, 23, 23);
}

.cmtext {
    float: right;
    max-width: 51%;
    padding: 4vw 0 0 20px;
    ;
    text-align: left;
    color: rgb(53, 53, 53);
    padding-right: 20px;
    opacity: 1;
}

.cmtext h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3rem;
    opacity: 1;
}

.cmtext p {
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}

.moreLink {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    background-color: #7d1417;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4rem;
    font-style: italic;
    padding: .5rem 3rem .5rem 3rem;
    display: inline-block;
    margin-bottom: 3vw;
    opacity: 1;
}

.moreLink:hover {
    cursor: pointer;
    background-color: rgb(189, 23, 23);
    font-size: 2.6rem;
    padding: .5rem 2rem .5rem 2rem;
}

.moreLink2 {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    background-color: #7d1417;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4rem;
    font-style: italic;
    padding: .5rem 3rem .5rem 3rem;
    display: inline-block;
    margin-bottom: 3vw;
    opacity: 1;
}

.moreLink2:hover {
    cursor: pointer;
    background-color: rgb(189, 23, 23);
    font-size: 2.6rem;
    padding: .37rem 1.2rem .37rem 1.2rem;
}

/*  ========= milestone slider code  ========== */

/* ---------- this is the whole panel where the chage makers section is ---------------  */

.msPanel {
    background-image: url(../images/prodSliderBack2.png);
    background-size: cover;
    height: auto;
    text-align: center;
}

/* ------- this makes the fixed aspect ratio box for the ms to be in ------------- */

.msWrapper {
    width: 80%;
    padding-top: 45%;
    /* 16:9 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
    margin: auto;
}

/* -------- this is the box that holds the slides of the carousel ---------------------*/

#ms {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    margin-bottom: 40px;
    max-width: 1000px;
}

#ms img {
    max-width: 60%;
    display: inline;
}

.mstext {
    float: right;
    max-width: 40%;
    padding: 4vw 0 0 20px;
    text-align: left;
    color: rgb(53, 53, 53);
    padding-right: 20px;
    display: inline;
}

.mstext h3 {
    font-family: 'playfair-display', serif;
    font-size: 3rem;
}

.mstext p {
    font-family: 'open-sans', sans-serif;
    line-height: inherit;
    font-size: 1.7rem;
}

.msPanel .carousel-control.left, .msPanel .carousel-control.right {
    background: none !important;
    position: absolute;
    top: 28%;
    mix-blend-mode: normal;
}

.msPanel .glyphicon.glyphicon-chevron-right, .msPanel .glyphicon.glyphicon-chevron-left {
    color: #7d1417;
    opacity: 100;
}

#ms a  {
    color:#7d1417;
}

/* ========== next steps section  ============  */

#nextSteps {
    text-align: center;
}

#nextSteps h6 {
    color: rgb(189, 23, 23);
    font-size: 1.8vw;
    font-weight: 400;
    letter-spacing: .2vw;
    margin: 4vw;
}

.ctaBox {
    padding: 0;
    margin: auto;
    text-align: left;
    height: 20vw;
    width: 100%;
    margin-bottom: 2vw;
}

.ctaBox p {
    text-align: center;
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: 'Karla', sans-serif;
    font-weight: bold;
    color: #6d6a6a;
    opacity: 1;
}

.cta_button {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    background-color: #5b5555;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2.3vw;
    padding: 3.5vw 0;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.cta_button:hover {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    cursor: pointer;
    background-color: #7c7c7c;
    font-size: 2.7vw;
    padding: 3.22vw 0;
}

.cta_buttonSM {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    background-color: #5b5555;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 2vw;
    padding: .9vw 0;
    display: flex;
    justify-content: center;
}

.cta_buttonSM:hover {
    transition: .7s ease;
    -moz-transition: .7s ease;
    -webkit-transition: .7s ease;
    -o-transition: .7s ease;
    cursor: pointer;
    background-color: #7c7c7c;
    font-size: 2.3vw;
    padding: .7vw 0;
    overflow: hidden;
}

.ctaLink:hover a {
    text-decoration: none;
}

.ctaLink {
    text-decoration: none !important;
}

.margin-responsive-bottom {
    margin-bottom: 1vw;
}

.subhead {
    font-family: 'Karla', sans-serif;
    color: #7d1417;
    padding-bottom: 0;
}

.subhead2 {
    width: 60vw;
    margin: auto;
    font-family: 'Karla', sans-serif;
    color: #5b5555;
    margin-bottom: 2vw;
}

/* ========== footer section  ============  */

.footer {
    background-color: #5b5555;
    color: white;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}

.footer h6 {
    font-size: 2.2vw;
    font-family: 'Montserrat', sans-serif;
    margin: 1.5vw 0 0 0;
}

.footer ul {
    list-style: none;
    list-style-position: inside;
    margin: .1vw 0 0 0;
    padding: 2vw 0 0 0;
    font-size: 1.4vw;
}

.footer ul li a {
    text-align: left;
    padding: .7vw 0 .5vw 0;
}

.footer a, .footer a:active, .footer a:visited {
    text-decoration: none;
    background-color: inherit;
    color: white;
}

.footer ul a:hover {
    background-color: inherit;
    color: white;
    text-decoration: underline;
}

/*  =======  video background stuff  =========   */

.abox {
    background-color: black;
    position: relative;
    padding: 56.25vw 0 0 0;
    /*padding-top: 56.25%;*/
    /* 16:9 Aspect Ratio */
    margin: 0;
}

#myVideo {
    position: absolute;
    left: 0;
    top: 1vw;
    width: 100%;
    height: 100%;
    margin: 0;
}

#heroPic {
    position: absolute;
    left: 0;
    top: 1vw;
    width: 100%;
    height: 100%;
    margin: 0;
}

.videoOverlay {
    position: absolute;
    top: 7vw;
    left: 4vw;
    color: #f1f1f1;
    height: 50vw;
    width: 45%;
    padding: 20px;
    margin: 0;
}

.videoOverlay2 {
    position: absolute;
    color: #f1f1f1;
    bottom: 10px;
    right: 8vw;
}

.videoOverlay-univ h1 {
    text-align: center;
    position: absolute;
    top: 41vw;
    left: 13vw;
    color: #f1f1f1;
    font-family: 'Karla', sans-serif;
    font-weight: bold !important;
    font-size: 4.8vw;
    padding: .1vw 1vw 1vw 1vw;
    text-shadow: 3px 3px 1px black;
}

.videoOverlay-k12 h1 {
    position: absolute;
    top: 29vw;
    left: 27vw;
    color: #f1f1f1;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold !important;
    font-size: 9vw;
    text-shadow: 3px 3px 1px black;
}

.videoOverlay-k12 p {
    position: absolute;
    top: 42vw;
    left: 15vw;
    font-size: 2.8vw;
    line-height: 3.3vw;
    color: white;
    text-shadow: 2px 2px 0px black;
    font-family: 'Karla', sans-serif;
    width: 66vw;
    text-align: center;
    margin: auto;
}

#myBtn {
    width: 100px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
}

#myBtn:hover {
    background: rgba(2, 2, 2, 0.5);
}

.wideHeading {
    background-color: #a41821;
    text-align: center;
    color: white;
}

.wideHeading h1 {
    margin-top: 0;
    padding: 1.2vw 0 1.5vw 0;
    font-size: 2.8vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/*   ========   END of video background stuff   ==========   */

.returnBtn {
    color: #7d1417;
    position: relative;
    left: 10px;
    transition: 0.7s;
}

.returnBtn:hover {
    color: #a41821;
    position: relative;
    left: 0px;
    transition: 0.7s;
}

/*   ========   k-12 and university page stuff   ==========   */

.univBox {
    padding: 2vw .4vw 2.4vw .4vw;
    margin: 0;
    position: relative;
}

.boxText {
    margin: 0;
    background-color: #a41821;
    color: #fff;
    padding: 1vw .3vw;
    height: auto;
    min-height: 20vw;
    text-align: center;
}

.boxText h5 {
    margin: 0;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
}

.boxText p {
    margin: 1vw;
    font-size: 1.6rem;
}

.boxText a {
    color: white;
    text-decoration: underline;
    position: absolute;
    top: 91%;
    left: 35%;
    font-weight: bold;
}

.univ_parallax {
    background-image: url('../images/universities-banner-two.jpg');
    height: 100%;
    /* Create the cm_parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.weMakeItEasy {
    min-height: 50vw !important;
    text-align: center;
    padding-top: 20vw;
}

.weMakeItEasy h2 {
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 4.2vw;
    padding: 10px;
    display: inline-block;
    background-color: rgba(179, 2, 2, 0.548);
}

.syllabusPanel {
    padding-top: 1.5vw;
}

.syllabusPanel h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.8vw;
}

.syllabusPanel p {
    font-family: 'Karla', sans-serif;
    font-size: 1.7vw;
}

.buffer {
    min-height: 900px;
}

.buffer_small {
    min-height: 4vw;
}

.mailIcons {
    margin: auto;
    text-align: center;
    padding: .3vw;
}

.mailIcons .icon {
    width: 62%;
    margin: .3vw auto .6vw auto;
}

.testimonial {
    padding: 5vw 0;
}

.quote {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 2vw;
}

.right {
    text-align: right;
}

.courseDesign p {
    font-size: 1.4vw;
    line-height: 1.9vw;
    margin-bottom: 3vw;
    font-family: 'Open Sans', sans-serif;
}

.sdpi-spacer {
    background: url("../images/k12-sdpi-vertical-spacer_grey.gif") no-repeat 50% center;
}

.vidAlign {
    text-align: center;
    min-height: 300px;
}

.vidAlign {
    color: black;
}

.vidAlign:hover {
    cursor: pointer;
}

.vidAlign p {
    font-family: 'Karla', sans-serif;
    font-size: 1.6vw;
    line-height: 2vw;
    padding: 1vw 0;
}

.vidAlign img {
    max-width: 200px;
    margin: auto;
}

.tooltip-ei {
    --balloon-color: rgba(179, 2, 2, 0.8);
    --balloon-font-size: 15px;
    --balloon-move: 30px;
}

.priceLink {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    background-color: #7d1417;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 4.0rem;
    font-style: italic;
    width: 100%;
    height: 100%;
    padding: 4vw 0;
    display: inline-block;
    margin-bottom: 3vw;
    opacity: 1;
}

.priceLink:hover {
    cursor: pointer;
    background-color: rgb(189, 23, 23);
    font-size: 4.34rem;
    padding: 3.73vw 0;
}

.priceLink {
    color: white !important;
}

/* ---------- our production process section ---------------  */

.prodProPanel {
    background-image: url('../images/prodSliderBack2.png');
    background-size: cover;
    height: auto;
    text-align: center;
}

/* ------- the fixed aspect ratio box for the prodPro carousel ------------- */

.prodProWrapper {
    width: 80%;
    padding-top: 35%;
    /* 1:1 Aspect Ratio */
    position: relative;
    /* If you want text inside of it */
    margin: auto;
}

/* -------- this holds the slides of the prodpro carousel ---------------------*/

#prodPro {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    margin-bottom: 40px;
    max-width: 1000px;
}

#prodPro .carousel-indicators {
    margin-bottom: -6px;
    margin-left: 4vw;
}

#prodPro img {
    max-width: 75%;
    display: inline;
}

.redcontrol .glyphicon.glyphicon-chevron-left, .redcontrol .glyphicon.glyphicon-chevron-right {
    color: #cf2127;
}

.prodtext {
    float: right;
    width: 25%;
    padding: 0vw 0 0 12px;
    text-align: left;
    color: rgb(53, 53, 53);
    padding-right: 20px;
    display: inline;
}

.prodProPanel .carousel-control.left, .msPanel .carousel-control.left {
    position: relative;
    top: -290px;
    left: -465px;
}

.prodProPanel .carousel-control.right, .msPanel .carousel-control.right {
    position: relative;
    top: -290px;
    left: 465px;
}

.prodtext h3 {
    font-family: 'playfair-display', serif;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 1vw;
}

.prodtext p {
    font-family: 'open-sans', sans-serif;
    line-height: inherit;
}

/*  ====  partners   ============  */

.partners {
    padding: 490px 0 10px;
    background: url("../images/partners_banner.jpg") no-repeat scroll 0px 0%/cover transparent;
}

.mt_prtnrs {
    font-family: 'Montserrat', sans-serif;
    font-size: 4.2vw;
    color: white;
    background-color: rgba(179, 2, 2, 0.548);
    padding: 1.5vw;
    padding-top: .7vw;
}

.sideOffer {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    font-family: 'Karla', sans-serif;
    font-size: 4.2vw;
    color: white;
    background-color: #7d1417;
    padding: 2vw;
}

.sideOffer:hover, .sideOffer a:hover {
    transition: .4s ease;
    -moz-transition: .4s ease;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    background-color: rgb(189, 23, 23);
}

.prtnrBox {
    border: rgb(185, 185, 185) 1px solid;
    padding: 5px;
    margin: 5px;
}

.prtnrBox p {
    padding: 20px;
    margin-bottom: 0px;
    text-align: justify;
    font-size: 16px;
}

.prtnrBox img {
    width: 40%;
    float: left;
    padding: 2px 15px 0px 2px;
}

.prtnrBox a {
    color: #7d1417;
    text-decoration: underline;
}

.prtnrBox a:hover {
    color: #7d1417;
    text-decoration: none;
}

.becomeprtnr {
    padding: 490px 0 10px;
    background: url("../images/becomeprtnr_banner.jpg") no-repeat scroll 0px 0%/cover transparent;
}

.prtnrWay {
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 10px 0 0 0;
}

.bbold {
    font-weight: bold;
    font-size: 42px;
}

.cmtitle h3 {
    text-align: center;
    font-family: 'Karla', sans-serif;
    font-size: 33px;
    color: #5b5555;
}

.ways2prtnr {
    text-align: center;
    padding: 1.5vw;
}

.ways2prtnr img {
    width: 52%;
}

.ways2prtnr h4 {
    font-family: 'Karla', sans-serif;
    font-size: 31px;
    text-align: center;
}

.ways2prtnr p {
    text-align: left;
    padding: 0 0 2vw 0;
}

/*  =====  modal stuff  =============  */

/* ===== amazing footer sticker code  ==========  */

#page-container {
    position: relative;
    min-height: 67vh;
}

#content-wrap {
    height: 67vh;
}

.buffer {
    min-height: 50vw !important;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    /* Footer height */
}

/*   ========   bootstrap overrides   ==========   */

body p {
    line-height: 1.4;
}

.navbar {
    margin-bottom: 0px;
}

.navbar li a {
    padding: 15px 9px;
}

.navbar-default {
    background-color: #fff;
    border: none;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}

.navbar-nav&gt;li&gt;.dropdown-menu {
    margin-top: -1px;
}

.btn-default {
    transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    background-color: #7d1417;
    border: none;
    color: #fff;
    margin: 3vw 3.8vw 0 0;
    padding: .1vw 1vw;
    font-size: 2.6vw;
    letter-spacing: .15vw;
}

.btn-default:hover {
    transition: .3s ease;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    background-color: #fff;
    border: none;
    color: rgb(78, 78, 78);
}

.img-responsive {
    width: 100%;
}

.btn-lg {
    font-size: 2vw;
}

.btn-success {
    color: #fff;
    background-color: #7d1417;
    border-color: #7d1417;
}

.btn-success:hover {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open&gt;.dropdown-toggle.btn-success.focus, .open&gt;.dropdown-toggle.btn-success:focus, .open&gt;.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #cf2127;
    border-color: #cf2127;
}

/*   ==============   END of bootstrap overrides   ==========   */

/*  ----------   Content helpers from Nick -------  */

.nobr {
    white-space: nowrap;
}

.container-wrapper {
    margin-top: 50px;
    height: 100%;
    width: 100% auto;
}

.block {
    width: 100%;
}

.push {
    height: auto;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Margin */

.margin-add-top {
    margin-top: 15px !important;
}

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

.margin-add-bottom {
    margin-bottom: 15px !important;
}

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

.jp-flat-video .jp-control {
    background-color: rgba(179, 2, 2, 1);
}

.jp-flat-video .jp-play-bar {
    background-color: rgba(179, 2, 2, 0.8);
}

.modalLink {
    cursor: pointer;
}

.sidePic p {
    line-height: normal;
    padding-top: .5rem;
}

#return-to-top-button {
    color: rgba(179, 2, 2, 1);
}

.banner.thankyou-one {
    padding: 200px 0 100px;
    background: url("../images/thankyou-banner-one.jpg") no-repeat scroll 0px 0%/cover transparent;
}

.bg-primary {
    color: #fff;
    background-color: #7d1417;
}

/* ===============  media queries ==================== */

/* Small devices */

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-default {
        font-size: 14px;
    }
    .navbar li a {
        padding: 15px 5px;
    }
    .navbar-brand {
        padding: 13px 5px 0 0;
        margin: 0px;
    }
    .navbar-brand .logo {
        max-width: 250px;
        margin: 0;
    }
}

@media screen and (max-width: 1200px) {
    .prodProPanel .carousel-control.left {
        position: relative;
        top: -230px;
        left: -400px;
    }
    .prodProPanel .carousel-control.right {
        position: relative;
        top: -230px;
        left: 400px;
    }
}

@media screen and (max-width:1024px) {
    .univ_parallax {
        background-size: contain;
        background-attachment: scroll;
    }
    .prodProPanel .carousel-control.left, .msPanel .carousel-control.left {
        position: relative;
        top: -26vw;
        left: -38vw;
    }

    .prodProPanel .carousel-control.right, .msPanel .carousel-control.right {
        position: relative;
        top: -26vw;
        left: 38vw;
    }
}

@media screen and (max-width: 992px) {
    .btn-default {
        margin: 3vw 3.4vw 0 0;
        padding: .1vw 1vw;
        font-size: 3.4vw;
    }
    .sl_picTitle2 {
        font-size: 1.4rem;
    }
    .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .ffBox img {
        width: 11vw;
    }
    .ffLogo {
        width: 50vw;
    }
    .ffBox h4 {
        font-size: 35px;
        margin: 2vw 0 0 0;
    }
    .ffBox h5 {
        font-size: 20px;
    }
    .cmtext {
        padding: 2.7vw 0 0 10px;
        padding-right: 10px;
    }
    .cmtext h3 {
        font-size: 2.2rem;
        margin-top: 0;
    }
    .cmtext p {
        font-size: 14px;
        line-height: 2rem;
    }
    .mstext {
        padding: .5vw 8px 0 15px;
        margin: 0;
    }
    .mstext h3 {
        font-family: 'playfair-display', serif;
        font-size: 2.4rem;
    }
    .mstext p {
        font-family: 'open-sans', sans-serif;
        line-height: 1.6rem;
        font-size: 1.4rem;
    }
    .footer h6 {
        font-size: 24px;
    }
    .footer ul {
        font-size: 16px;
    }
    .syllabusPanel h3 {
        font-size: 29px;
    }
    .syllabusPanel p {
        font-size: 20px;
    }
    .syllabusPanel .row {
        width: 98%;
    }
    .courseDesign p {
        font-size: 16px;
    }
    .btn-lg {
        font-size: 2.3vw;
    }
    .boxText {
        min-height: 36vw;
    }
    .ff_parallax, .cm_parallax {
        background-attachment: scroll;
    }
    .prodProPanel .carousel-control {
        display: none;
    }
    #prodPro .carousel-indicators {
        display: none;
    }
    .prodtext {
        padding: 6vw 0 0 5px;
        width: 25%;
    }
    .prodtext h3 {
        font-size: 2rem;
        font-weight: bold;
    }
    .prodtext p {
        display: none;
    }
    .vidAlign {
        min-height: 350px;
    }
    .vidAlign p {
        font-size: 18px;
        line-height: 25px;
        padding: 2vw 0;
    }
    .buffer {
        min-height: 30vw !important;
    }
    .quote {
        font-size: 16px;
    }
    .boxText {
        min-height: 22vw;
    }

}

@media screen and (max-width: 768px) {
    .navbar-default .navbar-nav&gt;li.login&gt;a {
        color: #fff;
        background-color: #7d1417;
    }
    .navbar-default .navbar-nav&gt;li.login&gt;a:hover, .navbar-default .navbar-nav&gt;li.login&gt;a:focus {
        background: #cf2127;
    }
    #news h3 {
        font-size: 30px;
    }
    #spotlight h3 {
        font-size: 30px;
    }
    .mission1 {
        width: 38rem;
        font-size: 16px;
        margin: auto;
        padding-top: 3vw;
    }
    .sl_picTitle2 {
        font-size: 2.2rem;
    }
    .grid-container {
        display: grid;
        grid-template-columns: 1fr;
    }
    .ffBox img {
        width: 32vw;
    }
    .ffLogo {
        width: 400px;
    }
    #fastFacts h3 {
        font-size: 45px;
    }
    .cmtext {
        padding: 1vw 0 0 10px;
        padding-right: 10px;
    }
    .cmtext h3 {
        font-size: 2.2rem;
        margin-top: 0;
    }
    .cmtext p {
        font-size: 13px;
        line-height: 1.8rem;
    }
    .mstext {
        padding: .2vw 0 0 10px;
        margin: 0;
    }
    .mstext h3 {
        font-family: 'playfair-display', serif;
        font-size: 2rem;
        margin: 5px 3px 8px 0;
    }
    .mstext p {
        font-family: 'open-sans', sans-serif;
        font-size: 1.2rem;
    }
    .ctaBox {
        width: 70%;
        margin-bottom: 9vw;
    }
    .cta_button {
        font-size: 5vw;
        padding: 3vw 0;
    }
    .cta_button:hover {
        font-size: 6vw;
        padding: 2.3vw 0;
    }
    .wideHeading h1 {
        font-size: 22px;
    }
    .syllabusPanel .img-responsive {
        max-width: 40%;
        margin: auto;
    }
    .syllabusPanel .testimonial .img-responsive {
        max-width: 100%;
        margin: auto;
    }
    .univBox {
        padding: 1vw;
    }
    .videoOverlay2 {
        display: none;
    }
    .boxText {
        padding: 1.4vw;
        min-height: 32vw;
    }
    .vidAlign img {
        max-width: 50%;
        margin: auto;
    }
    .buffer {
        min-height: 480px!important;
    }
}

@media screen and (max-width: 767px) {
    .navbar-brand {
        padding: 12px 0 0 15px;
    }
}

@media screen and (max-width: 648px) {
    .carousel-control.left, .carousel-control.right, .glyphicon.glyphicon-chevron-right, .glyphicon.glyphicon-chevron-left, .carousel-indicators li, #heros .carousel-caption p, .cmtext p, .mstext p {
        display: none;
    }
    #heros .btn-default {
        margin: 3vw 6vw 0 0;
        padding: 2vw 3vw;
        font-size: 4vw;
    }
    #heros .carousel-caption {
        width: 53vw;
    }
    #heros .carousel-caption h3 {
        font-size: 5.7vw;
    }
    #heros .carousel-caption.sm_h3 h3 {
        font-size: 4.9vw;
    }
    #changeMakers img {
        max-width: 70%;
        position: relative;
        top: -3vw;
    }
    .cmtext {
        max-width: 30%;
    }
    .cmtext h3 {
        padding-top: 33%;
    }
    .mstext {
        width: 40%;
        padding-top: 13%;
    }
    .mstext h3 {
        font-family: 'playfair-display', serif;
        font-size: 35px;
    }
    .moreLink {
        margin-top: 10px
    }
    .btn-lg {
        font-size: inherit;
    }
    .boxText {
        min-height: 320px;
        padding: 8px;
    }
}

@media screen and (max-width: 529px) {
    .ffLogo {
        width: 330px;
    }
    .cmtext {
        padding: .1vw 0 0 5px;
        padding-right: 5px;
    }
    .cmtext h3 {
        font-size: 1.5rem;
        margin-top: 0;
    }
    .ffBox img {
        margin-bottom: 4vw
    }
    #nextSteps h6 {
        font-size: 16px;
    }
    .cmtitle h2 {
        font-size: 35px;
    }
    .mission1 {
        width: 32rem;
        margin: auto;
    }
}

@media screen and (min-width: 768px) {
    .navbar-default .navbar-nav&gt;li.login&gt;a {
        color: #fff;
        background-color: #7d1417;
    }
    .navbar-default .navbar-nav&gt;li.login&gt;a:hover, .navbar-default .navbar-nav&gt;li.login&gt;a:focus {
        background: #cf2127;
    }
}

@media screen and (min-width: 992px) {
    .container-wrapper.missionPanel {
        font-size: 22px;
    }
    .mission1 {
        width: 60rem;
        margin: auto;
    }
    .sl_picTitle2 {
        font-size: 2rem;
    }
    .ffBox img {
        width: 9vw;
    }
    .buffer {
        min-height: 22vw !important;
    }
    .boxText {
        height: 260px;
    }
    .vidAlign p {
        font-size: 22px;
    }
}

@media screen and (min-width: 1300px) {
    #heros .carousel-caption {
        position: fixed;
        top: 4vw;
        left: 13vw;
    }
    #heros .carousel-caption h3 {
        font-size: 60px;
    }
    #heros .carousel-caption.sm_h3 h3 {
        font-size: 50px;
    }
    #heros .carousel-caption p {
        font-size: 28px;
    }
    .btn-default {
        font-size: 32px;
    }
    #news h3 {
        font-size: 48px;
    }
    .ffBox {
        margin-bottom: 50px;
    }
    .ffBox img {
        width: 130px;
    }
    .ffBox h4 {
        font-size: 51px;
        line-height: 5.2rem;
    }
    .ffBox h5 {
        font-size: 25px;
    }
    .cta_button {
        font-size: 29px;
        padding: 50px 0;
        white-space: nowrap;
    }
    .cta_button:hover {
        font-size: 35px;
        padding: 46px 0;
        white-space: nowrap;
    }
    .cta_buttonSM {
        font-size: 25px;
        padding: 15px 0;
        white-space: nowrap;
    }
    .cta_buttonSM:hover {
        font-size: 27px;
        padding: 14px 0;
    }
    .margin-responsive-bottom {
        margin-bottom: 10px;
    }
    .syllabusPanel h3 {
        font-size: 36px;
    }
    .quote {
        font-size: 20px !important;
    }
    .footer h6 {
        font-size: 29px;
    }
    .footer ul {
        font-size: 19px;
    }
    .prodtext h3 {
        margin-top: 2.5vw;
    }
    .mt_prtnrs {
        font-size: 60px;
    }
    .sideOffer {
        padding:30px;
        margin-top: 20px
    }
}

::selection {
    background-color: #cf2127;
    color: white;
    mix-blend-mode: multiply;
}

/* ===============  END of  media queries ==================== */

/* Remove aHref &amp; IMG URLs from displaying in Print */

@media only print {
    a[href]:after {
        content: none;
    }
    body * {
        color: black !important;
        margin: 0;
        padding: 0;
    }
    #changeMaker .changeMakerWrapper, .left, .right {
        display: none;
    }
    .footer {
        margin-top: 50px;
    }
}</pre></body></html>