.message-box {
    display: flex;
    margin: 5px 0;
    padding: 10px;
    align-content: center;
    border: 1px none #343638;
    border-radius: 3px;
    background-color: rgba(100, 164, 67, .27);
    box-shadow: 0 1px 1px 1px #aaa;
}
.message-box-internal {
    width: 75%;
}

.tabbed {
    margin-left: 25px;
}
.tabbed-children > * {
    margin-left: 25px;
}

body {
    height: 100%;
    background-color: #d8d8d8;
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
}

h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 1.25em;
    line-height: 1.25em;
    font-weight: 700;
    text-align: center;
}

h2 {
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #12253d;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
}

h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    color: #12253d;
    font-size: 1em;
    line-height: 1;
    font-weight: 700;
}

h4 {
    margin-top: 0px;
    font-family: Montserrat, sans-serif;
    color: #5d95d0;
    font-size: 1em;
    line-height: 18px;
    font-weight: 700;
}

h5 {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.9em;
    line-height: 100%;
    font-weight: 700;
}

h6 {
    position: static;
    left: 203px;
    top: -16px;
    right: 203px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    color: #08254d;
    font-size: 1.75em;
    line-height: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
}

p {
    max-width: 800px;
    font-family: Oxygen, sans-serif;
    color: #26292c;
    font-size: 1em;
    line-height: 2;
    font-weight: 400;
    text-align: left;
}

ul a {
    display: inline;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #343638;
    font-size: 0.9em;
    line-height: 2em;
    font-weight: 600;
    text-decoration: none;
}

ul a:hover {
    color: #64a443;
    font-weight: 700;
}

ul a.w--current {
    font-size: 0.9em;
}

ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 40px;
    color: #343638;
}

li {
    background-color: transparent;
    direction: ltr;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.9em;
    line-height: 2em;
    text-align: left;
    text-indent: 5px;
    list-style-type: none;
}

li:hover {
    background-color: transparent;
    /* color: #dadada; */
}

li:active {
    -webkit-filter: hue-rotate(60deg);
    filter: hue-rotate(60deg);
}

img {
    float: none;
}

label {
    display: block;
    margin-bottom: 5px;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 1em;
    font-weight: 400;
}

strong {
    color: #343638;
    font-weight: 700;
}

blockquote {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-left: 5px solid #e2e2e2;
    font-size: 18px;
    line-height: 22px;
}

.generic-button {
    border-radius: 3px;
    background-color: #64a443;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
}

.generic-button:hover {
    background-color: #5d95d0;
    color: #fff;
}

.section {
    position: relative;
    padding-bottom: 63px;
    background-color: #fff;
}

.me {
    background-color: #29a0a4;
}

.me:hover {
    background-color: #e4f4f5;
}

.me-text {
    padding: 15px;
    color: #29a0a4;
    font-size: 1em;
    line-height: 1.5em;
}

.mission {
    background-color: #8bd5e2;
}

.lifestyle-text {
    padding: 15px;
    border-color: transparent;
    background-color: #70c1a1;
    color: #70c1a1;
    font-size: 1em;
    line-height: 1.5em;
}

.lifestyle-text:hover {
    background-color: #fff;
}

.budget {
    padding: 15px;
    background-color: #64a443;
    color: #64a443;
    font-size: 1em;
    line-height: 1.5em;
}

.budget:hover {
    background-color: #fff;
}

.work-conditions {
    padding: 15px;
    background-color: #a3cd39;
    color: #a3cd39;
    font-size: 1em;
    line-height: 1.5em;
}

.work-conditions:hover {
    background-color: #fff;
    color: #a3cd39;
    font-size: 1em;
}

.goals {
    background-color: #d5e394;
}

.research {
    background-color: #aac7e9;
    color: #aac7e9;
}

.career-choice {
    padding: 15px;
    background-color: #5d95d0;
    color: #5d95d0;
    font-size: 1em;
    line-height: 1.5em;
}

.career-choice:hover {
    background-color: #fff;
    font-size: 1em;
}

.education-plan {
    background-color: #3a70b8;
}

.color-row-1 {
    padding: 10px;
}

.color-row-2 {
    padding: 10px;
}

.success-text {
    padding: 15px;
    background-color: #4ac3cb;
    color: #4ac3cb;
    font-size: 1em;
    line-height: 1.5em;
}

.success-text:hover {
    background-color: #fff;
}

.mission-text {
    padding: 15px;
    color: #8bd5e2;
    font-size: 1em;
    line-height: 1.5em;
}

.mission-text:hover {
    background-color: #fff;
}

.goal-text {
    padding: 15px;
    background-color: #d5e394;
    color: #d5e394;
    font-size: 1em;
    line-height: 1.5em;
}

.goal-text:hover {
    background-color: #fff;
    color: #d5e394;
}

.research-text {
    margin-top: -13px;
    padding-top: 0px;
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-size: 1em;
    line-height: 1.25em;
}

.research-text:hover {
    background-color: #fff;
    color: #343638;
}

.education {
    padding: 15px;
    background-color: #3a70b8;
    color: #3a70b8;
    font-size: 1em;
    line-height: 1.5em;
}

.education:hover {
    background-color: #fff;
}

.paragraph {
    display: inline-block;
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-size: 1em;
    line-height: 1.5em;
    text-transform: none;
}

.heading-1 {
    margin-bottom: 0px;
    padding: 15px;
    font-family: Verdana, Geneva, sans-serif;
    color: #000;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
}

.primary-color {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}

.hero-slider {
    overflow: hidden;
    height: 650px;
}

.slide-2 {
    position: static;
    background-image: -webkit-linear-gradient(270deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/kids-5.jpg');
    background-image: linear-gradient(180deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/kids-5.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
}

.section-1 {
    display: block;
    overflow: visible;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: none;
    border-width: 0px;
    border-color: transparent #fff #fff;
    background-color: #fff;
    background-image: -webkit-radial-gradient(circle farthest-corner at 100% 50%, hsla(0, 0%, 100%, .92), hsla(0, 0%, 100%, .31) 71%, #fff), url('/img/Gradient.svg');
    background-image: radial-gradient(circle farthest-corner at 100% 50%, hsla(0, 0%, 100%, .92), hsla(0, 0%, 100%, .31) 71%, #fff), url('/img/Gradient.svg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    font-family: Oxygen, sans-serif;
    color: #343638;
}

.nav-bar {
    position: fixed;
    z-index: 2500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border: 3px solid #7dcc54;
    background-color: #7dcc54;
    background-image: -webkit-linear-gradient(270deg, rgba(100, 164, 67, .64), rgba(100, 164, 67, .64)), url('/img/web-header-3.svg');
    background-image: linear-gradient(180deg, rgba(100, 164, 67, .64), rgba(100, 164, 67, .64)), url('/img/web-header-3.svg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, 2579px;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .22);
}

.hero-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.intro {
    position: relative;
    margin-left: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    background-color: transparent;
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-size: 1.25em;
    font-weight: 400;
}

.educator-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    margin-right: 5px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 5px solid #fff;
    border-radius: 3px;
    background-color: #000;
    background-image: url('/img/educator-home.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 1px #6d6a6a;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.educator-icon:hover {
    background-color: #0098ff;
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.student-icon {
    margin-right: 5px;
    border: 5px solid #fff;
    border-radius: 3px;
    background-color: #000;
    box-shadow: 0 1px 1px 1px #6d6a6a;
    opacity: 1;
}

.student-icon:hover {
    border-width: 0px;
}

.supporter-icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    margin-right: 5px;
    margin-bottom: 15px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border: 5px solid #fff;
    border-radius: 3px;
    background-color: #000;
    background-image: url('/img/supporter-home.svg');
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 1px #6d6a6a;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.supporter-icon:hover {
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.slide-3 {
    background-image: -webkit-linear-gradient(270deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/Teenagers.jpg');
    background-image: linear-gradient(180deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/Teenagers.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
}

.nav-link {
    position: static;
    left: 974px;
    top: 47px;
    right: 0px;
    display: inline-block;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 1.25em;
    font-weight: 700;
    text-shadow: none;
}

.nav-link:hover {
    color: #12253d;
    font-size: 1.25em;
}

.nav-link:active {
    color: #c8c8c8;
}

.nav-link.w--current {
    color: #fff;
    font-weight: 400;
}

.nav-link.w--current:hover {
    color: #aaa;
}

.login-button1 {
    display: block;
    width: 200px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 2px solid #fff;
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
    font-family: Montserrat, sans-serif;
    color: #64a443;
    font-size: 1.25em;
    line-height: 1.5em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

.login-button1:hover {
    z-index: 7777;
    background-color: transparent;
    color: #fff;
}

.section-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background-color: #fff;
    background-image: url('/img/home-graphic.jpg'), url('/img/Shadow.svg');
    background-position: 0px 100%, 50% -1px;
    background-size: 500px, 2000px;
    background-repeat: no-repeat, no-repeat;
    background-attachment: scroll, scroll;
    box-shadow: 0 1px 1px 1px #000;
    font-family: Oxygen, sans-serif;
}

.student {
    display: block;
    opacity: 1;
}

.blue-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    background-color: #64a443;
    box-shadow: 0 -1px 3px 0 #000;
}

.chapter-sidebar-hidden {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    display: none;
    width: 400px;
    height: 100%;
    padding: 0px;
    border-right: 1px solid #6d6a6a;
    background-color: #aaa;
    box-shadow: 0 1px 1px 1px #6d6a6a;
    font-family: Oxygen, sans-serif;
}

.cta-heading {
    position: static;
    left: 136px;
    top: -67px;
    display: block;
    width: 50%;
    clear: none;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 2em;
    text-align: center;
}

.paper-background {
    position: static;
    overflow: hidden;
    min-height: 100vh;
    margin-bottom: 10px;
    padding: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px #aaa;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
}

.paper-background.instructor {
    margin-top: 10px;
}

.paper-background.transparent {
    position: fixed;
    display: block;
    overflow: visible;
    background-color: transparent;
    box-shadow: none;
}

.paper-background.small {
    position: static;
}

.paper-background.bullseye {
    display: block;
    min-height: 1000px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.paper-background.checkpoints {
    position: relative;
    height: 100vh;
}

.accent-line {
    position: static;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 400px;
    height: 50px;
    max-width: 400px;
    margin-top: -30px;
    margin-left: -3px;
    padding-top: 0px;
    float: none;
}

.hero-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 40px;
    margin-right: 9px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 3px solid #fff;
    border-radius: 5px;
    background-color: rgba(18, 37, 61, .8);
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    text-transform: uppercase;
}

.hero-button:hover {
    border-color: #fff;
    border-radius: 5px;
    background-color: #12253d;
    color: hsla(0, 0%, 100%, .72);
}

.hero-button._2 {
    width: 200px;
    height: 50px;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
}

.nav-container {
    position: static;
    left: 0px;
    top: -50px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
}

.help-icon {
    position: static;
    display: block;
    width: 30px;
    border-style: none;
    border-top-width: 3px;
    border-top-color: #6d6a6a;
    background-color: transparent;
}

.help-icon:hover {
    background-color: transparent;
    opacity: 1;
}

.next-button {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    background-color: #5d95d0;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

.next-button:hover {
    border-radius: 3px;
    background-color: #64a443;
    color: #fff;
}

.saved-button {
    position: relative;
    left: 0px;
    bottom: -17px;
    display: block;
    width: 100%;
    margin: 0px auto 100px;
    padding: 10px;
    border-radius: 3px;
    background-color: #64a443;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    font-family: Montserrat, sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.saved-button:hover {
    background-color: #5d95d0;
    color: #fff;
}

.page {
    max-width: 600px;
    margin-bottom: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Oxygen, sans-serif;
    color: #244a7c;
    font-size: 1em;
}

.answer {
    position: static;
    display: block;
    overflow: auto;
    height: 45px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 67%, .88);
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: background-color 200ms linear, box-shadow 200ms linear;
    transition: background-color 200ms linear, box-shadow 200ms linear;
    font-family: Oxygen, sans-serif;
    color: #6d6a6a;
    font-size: 1em;
    font-weight: 400;
    text-decoration: none;
}

.answer:hover {
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, rgba(100, 164, 67, .15), rgba(100, 164, 67, .15));
    background-image: linear-gradient(180deg, rgba(100, 164, 67, .15), rgba(100, 164, 67, .15));
    box-shadow: inset 0 1px 1px 1px rgba(100, 164, 67, .51);
    font-family: Oxygen, sans-serif;
    font-size: 1em;
    font-weight: 400;
}

.answer:active {
    background-color: hsla(0, 0%, 85%, .55);
}

.answer:focus {
    border: 0px none #64a443;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, rgba(100, 164, 67, .26), rgba(100, 164, 67, .26));
    background-image: linear-gradient(180deg, rgba(100, 164, 67, .26), rgba(100, 164, 67, .26));
    box-shadow: inset 0 1px 1px 1px #64a443;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
}

.answer.study-plan {
    margin-top: 35px;
}

.answer.study-plan1 {
    margin-top: 45px;
    font-size: 1.1em;
}

.answer.study-plan1.sm-txt {
    margin-top: 38px;
    background-image: none;
    font-size: 0.75em;
}

.answer.sm-txt {
    background-color: #dadada;
    background-image: none;
    font-size: 0.75em;
}

.answer.horizontal {
    position: static;
    width: 435px;
    height: auto;
    min-height: 100px;
}

.answer.text-area {
    min-height: 200px;
}

.answer.date {
    width: 150px;
}

.answer.number {
    max-width: 200px;
}

.answer.long-textbox {
    height: 100%;
    max-height: 700px;
}

.answer.in-text {
    width: 50%;
    margin-left: 5px;
    padding: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-style: none none solid;
    border-width: 0px 0px 1px;
    border-color: #aaa #aaa #64a443;
    border-radius: 0px;
    background-color: transparent;
    box-shadow: none;
}

.answer.in-text.two {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.answer.combined {
    width: 75%;
    padding-left: 30px;
}

.answer.combined.left-corners {
    width: 25%;
    height: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #5d95d0 transparent;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.answer.special-size {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.answer.special-size.margin {
    margin-right: 5px;
}

.answer.login {
    margin-top: 27px;
    background-color: #fff;
    color: #12253d;
}

.answer.transparent {
    display: block;
    height: 74px;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid transparent;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.answer.transparent:hover {
    border-color: #7dcc54;
    border-radius: 0px;
    background-color: rgba(100, 164, 67, .15);
    background-image: none;
    box-shadow: none;
}

.answer.transparent:active {
    background-color: transparent;
}

.answer.transparent:focus {
    border-color: #7dcc54;
    border-radius: 0px;
    background-color: rgba(100, 164, 67, .15);
    background-image: none;
    box-shadow: none;
}

.answer.long {
    height: 400px;
}

.answer.inline {
    display: block;
    width: 50px;
    padding-bottom: 5px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.answer.top-margin {
    margin-top: 10px;
}

.answer._95-percent {
    width: 95%;
    float: right;
}

.answer._100h {
    overflow: hidden;
    width: 300px;
    height: 100px;
}

.answer._100h.border {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 5%;
}

.answer._20-percent {
    display: block;
    width: 20%;
    float: left;
    border-style: none;
    background-color: #e8e8e8;
}

.answer.search-1 {
    padding-right: 45px;
}

.answer.float {
    width: 90%;
    margin-right: 5px;
    margin-left: 0px;
    float: left;
}

.answer._50 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.answer._1 {
    max-width: 75px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.answer.in-line {
    width: 75px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.answer.comment {
    margin-top: 10px;
}

.answer.message-input {
    position: relative;
    width: 360px;
    height: auto;
    max-height: 200px;
    max-width: 360px;
    min-height: 45px;
    padding-left: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 25px;
    background-color: #e8e8e8;
    font-size: 0.75em;
}

.likert-scale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: transparent;
}

.likert-scale:active {
    background-color: transparent;
}

.radio-button {
    width: 20px;
    height: 20px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    font-size: 1.5em;
    line-height: 1;
}

.radio-button:active {
    background-color: #64a443;
}

.defining-success-question-text {
    font-size: 1em;
    font-weight: 400;
}

.likert-field-text {
    position: relative;
    top: -3px;
    padding-top: 0px;
    padding-left: 10px;
    font-family: Montserrat, sans-serif;
    color: #000;
    font-size: 1em;
    font-weight: 400;
}

.likert-column-2 {
    padding: 10px;
    background-color: #eaf7e3;
}

.likert-column-2:hover {
    background-color: #e8e8e8;
}

.likert-row {
    padding-left: 9px;
    border: 1px solid #385e24;
}

.archive-text {
    color: #fff;
    font-weight: 700;
}

.archive-subheader {
    position: static;
    left: 306px;
    top: 0px;
    right: 0px;
    display: block;
    float: none;
    color: #fff;
    text-align: center;
}

.footer-heading {
    margin-top: 10px;
    color: #fff;
    text-align: left;
}

.footer-link {
    display: block;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #fff;
    line-height: 1.25em;
}

.footer-link:hover {
    font-family: Oxygen, sans-serif;
    color: #5d95d0;
    font-weight: 700;
}

.footer-link.w--current:hover {
    color: #5d95d0;
    font-weight: 400;
}

.social-icons {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5%;
    -ms-flex: 0 0 5%;
    flex: 0 0 5%;
    background-color: #64a443;
    text-align: left;
}

.social-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
    float: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.social-icon:hover {
    -webkit-filter: invert(80%);
    filter: invert(80%);
}

.social-icon.invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.social-icon.invert:hover {
    background-image: none;
    -webkit-filter: invert(80%);
    filter: invert(80%);
}

.social-icon._1 {
    -webkit-filter: none;
    filter: none;
}

.social-icon._1:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.top-of-page-button {
    position: fixed;
    left: 0px;
    top: -250px;
    right: 0px;
    bottom: 400px;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-bottom: 13px;
    margin-left: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border: 2px solid #fff;
    border-radius: 50px;
    background-color: #64a443;
    background-image: url('/img/social-34-white.svg'), -webkit-linear-gradient(270deg, #64a443, #569237);
    background-image: url('/img/social-34-white.svg'), linear-gradient(180deg, #64a443, #569237);
    background-position: 50% 50%, 0px 0px;
    background-size: 20px, auto;
    background-repeat: no-repeat, repeat;
}

.top-of-page-button:hover {
    border-color: #64a443;
}

.top-of-page-button.activities-page {
    position: static;
    left: 22px;
    top: 554px;
    bottom: -1px;
    z-index: auto;
    border-width: 2px;
    border-radius: 75px;
}

.top-of-page-button.instructor-side {
    background-color: #12253d;
    background-image: url('/img/social-34-white.svg'), -webkit-linear-gradient(270deg, #12253d, #12253d);
    background-image: url('/img/social-34-white.svg'), linear-gradient(180deg, #12253d, #12253d);
    background-position: 50% 50%, 0px 0px;
    background-size: 20px, auto;
    background-repeat: no-repeat, repeat;
}

.top-of-page-button.instructor-side:hover {
    border-color: #fff;
    background-image: url('/img/social-34-white.svg'), -webkit-linear-gradient(270deg, #183050, #183050);
    background-image: url('/img/social-34-white.svg'), linear-gradient(180deg, #183050, #183050);
    background-position: 50% 50%, 0px 0px;
    background-size: 20px, auto;
    background-repeat: no-repeat, repeat;
}

.top-of-page-button.instructor {
    border-color: #fff;
    background-color: #12253d;
    background-image: url('/img/social-34-white.svg');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.top-of-page-button.instructor:hover {
    border-color: #12253d;
}

.slide-1 {
    display: inline-block;
    overflow: hidden;
    background-image: -webkit-linear-gradient(270deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/slide-4.jpg');
    background-image: linear-gradient(180deg, rgba(20, 33, 49, .75), rgba(20, 33, 49, .75)), url('/img/slide-4.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}

.body-background {
    background-color: #d5d5d5;
    font-family: Oxygen, sans-serif;
}

.generic-h2 {
    border: 1px none transparent;
    border-radius: 3px;
    background-color: transparent;
    color: #64a443;
    font-size: 1em;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
}

.heading-float-left {
    padding: 17px;
    float: left;
    color: #fff;
}

.heading-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-right: -10px;
    margin-bottom: 5px;
    padding: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-bottom: 0px none #fff;
    border-radius: 3px;
    background-color: #64a443;
}

.heading-div.gray {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #5d95d0;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.heading-div.gray:hover {
    background-color: #64a443;
}

.work-value-button-4 {
    left: -15px;
    top: 12px;
    display: block;
    float: right;
}

.work-value-button-5 {
    left: -15px;
    top: 12px;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

.work-value-button-6 {
    left: -15px;
    top: 12px;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

.work-value-button-7 {
    left: -15px;
    top: 12px;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

.work-value-button-8 {
    left: -15px;
    top: 12px;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

.work-value-buttton-9 {
    left: -15px;
    top: 12px;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
}

.work-value-button-10 {
    left: -15px;
    top: 12px;
    margin-right: 15px;
    padding-top: 15px;
    float: right;
}

.accordian-cell1 {
    overflow: hidden;
}

.accordian-cell2 {
    overflow: hidden;
}

.wkv6 {
    overflow: hidden;
}

.wkv7 {
    overflow: hidden;
}

.wkv8 {
    overflow: hidden;
}

.wkv-9 {
    overflow: hidden;
}

.wkv-10 {
    overflow: hidden;
}

.login-button {
    margin-left: 10px;
    float: right;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border: 2px solid #fff;
    border-radius: 3px;
    background-color: #12253d;
}

.login-button:hover {
    background-color: #64a443;
}

.login-button.login2 {
    position: static;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.close-x {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -15px;
    float: none;
    clear: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Oxygen, sans-serif;
    color: #dadada;
    font-size: 1.25em;
    font-weight: 700;
}

.close-x:hover {
    color: #d5d5d5;
}

.loading-bar {
    width: 20%;
    height: 10%;
    margin-top: 2vh;
    margin-bottom: 2vh;
    border-radius: 3px;
    background-color: #5d95d0;
    box-shadow: 0 1px 1px 1px #aaa;
}

.loading-bar.b {
    width: 20%;
    background-color: #7dcc54;
}

.loading-bar.b._30 {
    width: 30%;
}

.loading-bar.b._40 {
    width: 40%;
}

.loading-bar.c {
    width: 40%;
    background-color: #8bd5e2;
}

.loading-bar.c._20 {
    width: 20%;
}

.loading-bar.c._0 {
    width: 50%;
    height: 10%;
    background-color: transparent;
    box-shadow: none;
}

.loading-bar.d {
    width: 50%;
    border-radius: 3px;
    background-color: #d5e394;
}

.loading-bar.d._4 {
    width: 40%;
    background-color: #d5e394;
}

.loading-bar.d._10 {
    width: 10%;
}

.loading-bar.a {
    width: 10%;
    height: 10%;
    background-color: #5d95d0;
}

.loading-bar.a._50 {
    width: 50%;
}

.strengths-labels {
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1em;
}

.strengths-labels:hover {
    color: #5d95d0;
}

.strengths-column {
    height: 400px;
}

.strength-numbers {
    position: relative;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.strength-number-text {
    position: static;
    top: 52px;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1em;
    text-align: center;
}

.module-steadiness {
    position: absolute;
    left: 625px;
    top: 20%;
    right: 550px;
    bottom: 50%;
    width: 300px;
    height: 600px;
    padding: 20px;
    border-radius: 3px;
    background-color: #414042;
    box-shadow: 1px 1px 1px 1px #6d6a6a;
    font-family: Oxygen, sans-serif;
}

.white-paragraph-text {
    margin-right: 10px;
    padding-bottom: 0px;
    background-color: transparent;
    color: #fff;
    font-size: 1em;
    text-align: left;
}

.header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 75px;
    padding: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #23a1a5;
}

.contemplation-body {
    background-color: #d5d5d5;
}

.guide-large-text {
    display: block;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #7dcc54;
    font-size: 1em;
    line-height: 1.3em;
    text-shadow: 0 0 0 #64a443, 1px 1px 1px #26292c;
}

.bullseye-body {
    background-color: #d5d5d5;
    background-image: url('/img/bullseye.svg');
    background-position: 81% 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bullseye-heading {
    position: static;
    margin-bottom: 0px;
    background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .72), hsla(0, 0%, 100%, .72));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .72), hsla(0, 0%, 100%, .72));
    text-align: center;
}

.bullseye-text {
    background-color: transparent;
    color: #3a70b8;
}

.hands {
    display: block;
    width: 960px;
    height: 550px;
    margin-top: -50px;
    background-image: url('/img/question-marks.svg');
    background-position: 50% -1%;
    background-size: 751px;
    background-repeat: no-repeat;
}

.research-heading {
    color: #7dcc54;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}

.research-labels {
    margin-top: 115px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: hsla(0, 0%, 100%, .73);
    box-shadow: 1px 1px 3px 0 #6d6a6a;
}

.research-subtitle {
    margin-top: -30px;
    text-align: center;
}

.pie-chart {
    background-color: #d5d5d5;
}

.guide-text {
    display: inline-block;
    color: #5d95d0;
    text-align: left;
    text-shadow: 1px 1px 0 #414042;
}

.strength-div {
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 0px;
}

.study-plan-span {
    color: #64a443;
}

.instructor-navbar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 5555555;
    display: block;
    height: 80px;
    margin-right: 25px;
    background-color: transparent;
    color: rgba(0, 0, 0, .7);
}

.dropdown-arrow {
    background-color: transparent;
    color: #fff;
}

.dropdown-arrow:hover {
    color: #343638;
}

.archive {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    display: none;
    overflow: auto;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #000;
    background-color: rgba(52, 54, 56, .85);
    box-shadow: 1px 1px 1px 1px #414042;
    color: #343638;
}

.archive-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.close-arrow {
    position: static;
    left: 432px;
    top: -1px;
    right: 0px;
    bottom: -37px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
    text-align: center;
}

.strengths-border {
    padding-top: 48px;
    padding-bottom: 0px;
    padding-left: 30px;
    border: 2px solid #3a70b8;
    border-radius: 3px;
    background-color: rgba(170, 199, 233, .45);
}

.instructor-dropdown-list.w--open {
    margin-top: 8px;
    background-color: #c8c8c8;
}

.instructor-dropdown-link {
    font-family: Montserrat, sans-serif;
    color: #343638;
}

.instructor-dropdown-link:hover {
    background-color: rgba(100, 164, 67, .47);
    color: #3b6326;
}

.checkbox {
    position: relative;
    left: 23px;
    top: 3px;
    right: 23px;
    bottom: 7px;
}

.checkbox-box {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
}

.checkbox-box.checkbox-list {
    background-color: transparent;
}

.form-label {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-label.work-styles-form {
    padding: 10px;
    text-align: left;
}

.form-label.on-dark {
    position: static;
    color: #e9e9e9;
    font-size: 100%;
    line-height: 100%;
}

.field-label {
    display: block;
    padding-left: 5px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
}

.field-label.bold-black {
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-weight: 700;
    text-transform: uppercase;
}

.radio-button-1 {
    display: block;
    width: 40px;
    height: 20px;
    min-width: 40px;
    margin-left: 5px;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
}

.radio-button-2 {
    width: 20px;
    height: 20px;
}

.field-label-2 {
    margin-left: 5px;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
}

.horizontal-form-div {
    padding: 0px;
}

.checkbox-vertical-label {
    padding: 0px;
    color: #fff;
}

.checkbox-vertical-div {
    display: block;
    margin-top: 0px;
    padding: 9px;
}

.faq-answer {
    display: block;
    margin-top: 10px;
    padding: 5%;
    background-color: #e8e8e8;
    line-height: 1.25;
    font-weight: 400;
}

.faq-answer._2 {
    padding: 1%;
    background-color: #e8e8e8;
    line-height: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.faq-answer._3 {
    line-height: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.bullets {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
}

.tabs-text {
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.9em;
    line-height: 1.25em;
    font-weight: 700;
    text-align: center;
}

.table-row {
    height: 60px;
    min-height: 0px;
    border-radius: 3px;
    background-color: #d5d5d5;
}

.edit-your-plan-module {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 50%;
    max-width: 400px;
    min-width: 200px;
    padding: 25px;
    border-radius: 3px;
    background-color: rgba(52, 54, 56, .85);
    box-shadow: 0 1px 1px 1px #6d6a6a;
    font-size: 100%;
}

.close-x-plan-module {
    left: 80px;
    top: -84px;
    float: right;
}

.plan-module-save {
    width: 40%;
    min-width: 40%;
    border-radius: 3px;
    background-color: #5d95d0;
    font-family: Montserrat, sans-serif;
    font-size: 100%;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}

.plan-module-save:hover {
    background-color: #64a443;
}

.plan-module-clear {
    width: 40%;
    min-height: 40%;
    min-width: 40%;
    margin-right: 20px;
    border-radius: 3px;
    background-color: #64a443;
    font-family: Montserrat, sans-serif;
    font-size: 100%;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
}

.plan-module-clear:hover {
    background-color: #5d95d0;
}

.powersearch-body {
    background-color: #dadada;
    background-image: url('/img/powersearch.svg');
    background-position: -494px -220px;
    background-size: 2155px;
    background-repeat: no-repeat;
}

.student-image {
    width: 32%;
    height: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.footer-parent {
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #12253d;
}

.address-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
}

.footer-icon {
    margin-right: 10px;
    float: left;
}

.email-icon {
    position: static;
    margin-right: 10px;
    float: left;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.phone-icon {
    position: static;
    left: -38px;
    top: 31px;
    bottom: 0px;
    margin-right: 10px;
    float: left;
    -webkit-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg);
}

.menu-button {
    position: static;
    width: 90%;
    float: none;
    color: #fff;
    font-size: 2em;
}

.menu-button.w--open {
    background-color: transparent;
}

.sign-in-div {
    margin-left: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.login-div0 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.head1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.dash-wrap {
    display: block;
    min-width: 600px;
    padding-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    border-radius: 3px;
    background-color: #fff;
}

.bold {
    color: #64a443;
    font-weight: 400;
}

.bold:hover {
    color: #5d95d0;
}

.tabs-gray {
    width: 24%;
    height: 60px;
    margin-left: 5px;
    padding: 20px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 3px 3px 0px 0px;
    background-color: hsla(0, 0%, 67%, .88);
    background-image: none;
    color: #4e5152;
}

.tabs-gray.w--current {
    background-color: #aed19d;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.white-form-label {
    color: #fff;
}

.add-students-icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 80px;
}

.add-students-icon:hover {
    background-image: -webkit-linear-gradient(270deg, #aaa, #aaa);
    background-image: linear-gradient(180deg, #aaa, #aaa);
}

.grades-icon {
    position: relative;
    width: 50px;
    height: 80px;
}

.grades-icon:hover {
    background-image: -webkit-linear-gradient(270deg, #aaa, #aaa);
    background-image: linear-gradient(180deg, #aaa, #aaa);
}

.view-students {
    position: relative;
    width: 50px;
    height: 80px;
}

.view-students:hover {
    background-image: -webkit-linear-gradient(270deg, #aaa, #aaa);
    background-image: linear-gradient(180deg, #aaa, #aaa);
}

.import-icon {
    position: relative;
    width: 50px;
    height: 80px;
}

.import-icon:hover {
    background-color: #858585;
}

.transferable-skills-heading {
    display: block;
    width: 57%;
    margin-left: -4px;
    padding-left: 10px;
    float: right;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: #64a443;
    color: #fff;
    text-align: left;
}

.skills-inventory-heading {
    display: block;
    width: 42%;
    padding-left: 10px;
    float: left;
    clear: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 3px;
    background-color: #5d95d0;
    color: #fff;
}

.skills-inventory-heading.edu {
    width: 42%;
    margin-bottom: 10px;
    background-color: #4ac3cb;
}

.hide-field-label {
    font-size: 0em;
}

.flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.footer-wrapper {
    background-color: #343638;
}

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

.sideblock {
    width: 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.main-content-section {
    position: static;
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.archive-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 3px;
    background-color: #858585;
    opacity: 1;
    color: #4e5152;
}

.archive-row:hover {
    background-color: #aaa;
}

.tab-div1 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #fff;
}

.dash2 {
    display: block;
    padding: 20px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.dash-wrap-1 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-style: solid;
    border-width: 15px 1px;
    border-color: #64a443;
    border-bottom-left-radius: 3px;
    background-color: #fff;
}

.range-slider {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: transparent;
}

.add-skill-button {
    position: static;
    padding: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.add-skill-button:hover {
    opacity: 1;
}

.trans-skills-cell {
    display: block;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.checkbox-skills {
    width: 20px;
    height: 20px;
}

.rubric-icon {
    display: block;
    width: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.last-left-off {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.my-college-plan-heading {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 3px;
    background-color: #3a70b8;
    color: #fff;
}

.form-label-text {
    display: block;
    padding-top: 16px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-family: Montserrat, sans-serif;
    font-size: 0.9em;
    text-align: left;
}

.form-label-text.inline {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 1.1em;
    text-align: left;
}

.form-label-text.inline2 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 1.1em;
}

.edit {
    display: block;
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-right: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.edit:hover {
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
}

.add-button-generic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    padding: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(100, 164, 67, .47);
    border-radius: 3px;
    background-color: rgba(100, 164, 67, .15);
}

.add-button-generic:hover {
    -webkit-filter: saturate(200%);
    filter: saturate(200%);
}

.add-button-text {
    margin-top: 10px;
    padding-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #64a443;
    font-size: 0.9em;
    text-align: center;
}

.add-icon {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.bc {
    font-size: 1em;
    line-height: 1em;
    text-decoration: underline;
}

.underline {
    text-decoration: underline;
}

.now-cell-div {
    display: block;
}

.row1 {
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
}

.row-1-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.delete-can {
    width: 30px;
    height: 30px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.delete-can:hover {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}

.work-styles-list {
    border: 1px none #64a443;
    border-radius: 3px;
    list-style-type: none;
}

.work-style-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    padding-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-style: none;
    border-color: #64a443;
    box-shadow: none;
    text-align: left;
}

.work-style-item:hover {
    background-color: transparent;
    color: #343638;
}

.green-dropdown {
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: hsla(0, 0%, 67%, .44);
    color: #64a443;
}

.green-dropdown._50 {
    width: 50%;
    min-width: 25%;
}

.work-style-dropdown-div {
    padding: 2px 1px;
}

.work-style-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.work-style-head2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.work-style-head1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.self-directed-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.generic-list-item {
    display: block;
    padding: 2px;
    border-style: none;
    border-width: 0px;
    box-shadow: none;
    line-height: 1.25em;
    text-align: left;
}

.generic-list-item:hover {
    background-color: transparent;
    color: #343638;
}

.generic-list-item.first-line {
    background-color: #e8e8e8;
}

.motivation-inline-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #64a443;
    border-radius: 3px;
}

.print-and-tape-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mirror-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    opacity: 1;
}

.mirror-1:hover {
    opacity: 0.65;
}

.faq-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 600px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.skill-inventory-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #64a443;
    border-radius: 3px;
}

.skill-inventory-row.career-labels {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: transparent transparent #64a443;
}

.skill-inventory-row.career-dropdown {
    margin-bottom: auto;
    padding: 0px;
    border-color: transparent;
}

.skill-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12%;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.skill-columns.col-8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 6.25%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.skill-columns.col-8.right-line {
    margin-top: -5px;
    margin-bottom: -5px;
    border-left: 1px solid #64a443;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.skill-columns.col-8.right-line {
    width: 9%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.skill-columns.col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 16%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.skill-columns.col-1 {
    overflow: hidden;
    width: 15%;
    margin-right: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.skill-columns.no-pad {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.skill-columns.no-pad.shade {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -10px;
    padding-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.skill-columns.shade {
    margin-top: -5px;
    margin-bottom: -5px;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(100, 164, 67, .22), rgba(100, 164, 67, .22));
    background-image: linear-gradient(180deg, rgba(100, 164, 67, .22), rgba(100, 164, 67, .22));
}

.skill-columns.shade.left-line {
    width: 12%;
    border-left: 1px solid #64a443;
}

.skill-columns.dash {
    margin-top: -5px;
    margin-bottom: -5px;
    border-right: 1px dashed #64a443;
    border-left: 1px dashed #64a443;
}

.skill-columns.rubric {
    width: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.career-text-1 {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #64a443;
    font-size: 0.75em;
    text-align: center;
}

.skill-head-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #5d95d0;
    font-size: 1em;
    line-height: 1em;
    text-align: left;
}

.skill-head-text.edu {
    padding: 0px;
    border-color: #4ac3cb;
    color: #4ac3cb;
    font-size: 1em;
    line-height: 1em;
    text-align: left;
}

.archive-cell4 {
    display: block;
}

.archive-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.parent-row {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border: 1px solid #64a443;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.parent-row.classes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    border-color: #5d95d0;
    box-shadow: 0 1px 1px 1px #aaa;
}

.cell-label {
    display: block;
    width: 15%;
    margin-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.search-cell-2 {
    width: 40%;
    margin-bottom: 0px;
    padding-left: 204px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.search-cell3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-classes-cell1 {
    display: block;
    margin-right: 5px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.filter-list-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.instructor-module-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 3px;
    background-color: #64a443;
    box-shadow: 0 1px 1px 1px #aaa;
}

.student-data-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.add-classes-cell3 {
    width: 40%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-classes-cell4 {
    width: 25%;
    margin-left: 5px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-classes-cell5 {
    display: block;
    margin-left: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.go-button {
    border-radius: 3px;
    background-color: #64a443;
}

.go-button:hover {
    background-color: rgba(100, 164, 67, .47);
}

.go-button.blue {
    background-color: #3a70b8;
    font-family: Montserrat, sans-serif;
}

.go-button.blue:hover {
    background-color: #5d95d0;
}

.go-button._2 {
    margin-left: 10px;
}

.students-accounts-cell {
    margin-right: 5px;
}

.welcome-instructors-text {
    margin-left: 10px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #052650;
    font-size: 2em;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #5d95d0;
}

.instructor-dashboard-icon {
    position: relative;
    display: block;
    width: 50px;
    height: 80px;
    margin-bottom: 1px;
    background-color: #64a443;
}

.instructor-sidebar {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 99999999;
    width: 50px;
    background-color: #858585;
    color: rgba(0, 0, 0, .75);
}

.student-accounts-button {
    margin-bottom: 10px;
    border: 1px none #64a443;
    border-radius: 3px;
    background-color: rgba(100, 164, 67, .15);
    font-family: Montserrat, sans-serif;
    color: #64a443;
    font-size: 0.75em;
}

.student-accounts-button:hover {
    border-color: #343638;
    font-family: Montserrat, sans-serif;
    color: #343638;
}

.table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px none #343638;
    border-radius: 3px;
    background-color: rgb(182, 212, 166);
    box-shadow: 0 1px 1px 1px #aaa;
}

.table-row.student-row-2 {
    min-height: 60px;
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
    color: #343638;
}

.table-row.student-row-2.head {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-color: hsla(0, 0%, 67%, .28);
    background-color: hsla(0, 0%, 67%, .44);
    box-shadow: none;
}

.table-cell-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12%;
    height: 60%;
    margin-top: 0px;
    margin-right: 20px;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.table-cell-head.checkbox {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5%;
    margin-top: 5px;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.student-accounts-icon {
    width: 20%;
    margin-top: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.instructor-view-link {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 1;
}

.student-data-delete-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.instructor-view-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-view-label-green.svg');
    background-position: 50% 50%;
    background-size: cover;
}

.instructor-view-image:hover {
    opacity: 1;
}

.instructor-view-image:active {
    opacity: 0.5;
}

.instructor-edit-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-edit-label-green.svg');
    background-position: 50% 50%;
    background-size: cover;
    opacity: 1;
}

.instructor-edit-image:hover {
    opacity: 1;
}

.instructor-edit-image:active {
    opacity: 0.55;
}
.instructor-edit-black-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-edit-label.svg');
    background-position: 50% 50%;
    background-size: cover;
    opacity: 1;
}

.instructor-edit-image:hover {
    opacity: 1;
}

.instructor-edit-image:active {
    opacity: 0.55;
}

.instructor-portfolio-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-portfolio-label-green.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.instructor-portfolio-image:hover {
    background-color: transparent;
    opacity: 1;
}

.instructor-portfolio-image:active {
    opacity: 0.5;
}

.instructor-history-image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-history-label.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.instructor-history-image:hover {
    opacity: 1;
}

.instructor-history-image:active {
    opacity: 0.51;
}

.instructor-email-image {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/instructor-email-label.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-attachment: scroll;
}

.instructor-email-image:hover {
    opacity: 1;
}

.instructor-email-image:active {
    opacity: 0.5;
}

.instructor-delete-image {
    /*  margin-top: 10px;*/
    padding-top: 0px;
    opacity: 1;
}

.instructor-delete-image:hover {
    opacity: 0.5;
}

.instructor-icons-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 44%;
    /*  margin-bottom: -11px;*/
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-style: none solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 67%, .25);
    background-color: hsla(0, 0%, 67%, .1);
}

.instructor-icons-div.head {
    margin-top: -12px;
    padding-top: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.classes-module {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 0px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #3a70b8;
    border-radius: 3px;
    background-color: #3a70b8;
    box-shadow: 0 1px 1px 1px #aaa;
}

.classes-module-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blue-dropdown {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-color: #5d95d0;
    border-radius: 3px;
    background-color: #fff;
    color: #5d95d0;
}

.instructor-classes-cell {
    display: block;
    width: 100%;
    padding: 10px;
}

.generic-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.instructor-survey-image {
    position: relative;
    background-image: url('/img/instructor-survey-label-green.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.instructor-survey-image:active {
    opacity: 0.5;
}

.add-div1 {
    display: block;
    padding: 25px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 1px solid #64a443;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.form-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 3px;
    background-color: #64a443;
    box-shadow: 0 1px 1px 1px #aaa;
}

.small-form-text {
    font-size: 0.75em;
    font-weight: 400;
}

.school-name-text {
    background-color: transparent;
    color: #5d95d0;
}

.form-generic {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: transparent;
    box-shadow: 0 1px 1px 1px #aaa;
}

.add-students-div4 {
    display: block;
    padding: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-students-div5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-students-div6 {
    display: block;
    padding: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-small-text {
    font-size: 0.6em;
    font-weight: 400;
}

.nav-menu {
    position: fixed;
    left: 0px;
    top: 72px;
    right: 0px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #64a443;
}

.gray-dropdown {
    height: 45px;
    margin-bottom: 0px;
    border-radius: 3px;
    background-color: #aaa;
    color: #343638;
}

.gray-dropdown:hover {
    border: 1px solid #343638;
}

.gray-dropdown:focus {
    color: #343638;
}

.gray-dropdown._50-percent {
    width: 48%;
}

.gray-dropdown.size {
    width: 100px;
}

.school-name {
    padding: 5px 5px 5px 0px;
    text-align: left;
}

.instructor-name {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
}

.submit-button {
    margin-right: 5px;
    margin-bottom: 1px;
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 2px none #64a443;
    border-radius: 3px;
    background-color: #64a443;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.submit-button:hover {
    background-color: #5d95d0;
    color: #fff;
}

.submit-button.clear {
    border: 2px solid #64a443;
    background-color: transparent;
    color: #64a443;
}

.import-div1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #5d95d0;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.import-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 3px;
    background-color: #5d95d0;
    box-shadow: 0 1px 1px 1px #aaa;
}

.import-div2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.pre-post-survey-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid none none;
    border-width: 1px;
    border-color: #3a70b8;
}

.import-div4-cell1 {
    display: block;
    margin-right: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.import-div4-cell2 {
    margin-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.import-div4-cell3 {
    margin-right: 20px;
    margin-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.import-div4-cell4 {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.import-div0 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 25px;
    border: 1px solid #5d95d0;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

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

.import-div5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px none transparent;
    border-radius: 3px;
    background-color: rgba(170, 199, 233, .34);
}

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

.import-div7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.import-div8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.field-label-blue {
    display: block;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 1px solid #aac7e9;
    color: #5d95d0;
}

.field-label-blue.timeline {
    margin-bottom: 0px;
    padding: 1%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom-style: none;
    background-color: rgba(170, 199, 233, .65);
    text-align: center;
}

.import-div9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid transparent;
    border-radius: 3px;
}

.import-button {
    border: 1px solid #5d95d0;
    border-radius: 3px;
    background-color: #5d95d0;
    box-shadow: 0 1px 1px 1px #aaa;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 400;
}

.import-div-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.small-link {
    font-size: 0.9em;
}

.back-and-next-div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.back-and-next-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.back-and-next-cell1:hover {
    opacity: 0.5;
}

.back-and-next-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.back-and-next-cell2:hover {
    opacity: 0.5;
}

.next-icon {
    margin-bottom: 5px;
    margin-left: 5px;
}

.back-icon {
    margin-right: 5px;
    margin-bottom: 5px;
}

.clear-submit-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.h2-green-1 {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #3b6326;
    font-size: 1em;
    line-height: 100%;
    text-align: left;
    text-transform: uppercase;
}

.h2-green-1.small {
    margin-left: 5px;
    color: #385e24;
    font-size: 1em;
}

.dashboard-div {
    position: relative;
    z-index: 999999999999999;
    display: block;
    height: 50px;
}

.dashboard-div._2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: inset -27px 0 0 -3px hsla(0, 0%, 67%, .23);
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.top-of-page-button {
    position: relative;
}

.top-of-page-div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 80px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.dashboard-instructor-div {
    width: 50px;
    height: 80px;
}

.add-students-div {
    position: relative;
    width: 50px;
    height: 80px;
}

.grade-div {
    position: relative;
    width: 50px;
    height: 80px;
}

.view-div {
    position: relative;
    width: 50px;
    height: 80px;
}

.import-div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.add-classes-cell2 {
    margin-right: 6px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.add-classes-cell6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.college-plan-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.field-label-white {
    position: relative;
    left: 53px;
    top: 30px;
    right: 111px;
    bottom: 20px;
    display: block;
    width: 300px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #e9e9e9;
    text-align: left;
}

.field-label-white._5margin {
    margin-left: 5px;
}

.field-label-white.two {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.9em;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}

.student-accounts-table {
    margin-top: 21px;
    padding-top: 0px;
    float: none;
}

.classes-accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    padding: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    border-width: 1px 1px 1px 0px;
    border-color: #3a70b8 #3a70b8 #3a70b8 transparent;
    border-radius: 3px;
    background-color: #12253d;
}

.classes-accordion:hover {
    background-color: #214675;
}

.classes-accordion.teachers {
    margin-left: 0px;
    padding-right: 0px;
    border-color: #4ac3cb;
    background-color: #8bd5e2;
}

.classes-accordion.teachers:hover {
    border-color: #4ac3cb;
    background-color: #8bd5e2;
    box-shadow: 0 1px 1px 1px #aaa, inset 0 -3px 50px 10px #4ac3cb;
}

.classes-accordion.classes {
    background-color: #64a443;
}

.classes-accordion.classes:hover {
    border-color: #3b6326;
    background-color: #64a443;
    box-shadow: 0 1px 1px 1px #aaa, inset 0 -3px 50px 10px #64a443;
}

.classes-accordion.classes.category-5 {
    background-color: #00577D;
}

.classes-accordion.classes.category-5:hover {
    background-color: #6a96a8;
    box-shadow: 0 1px 1px 1px #aaa, inset 0 -3px 50px 10px #00577D;
}

.white-h21 {
    margin: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: none;
    border-width: 1px;
    border-color: #000 #000 #fff;
    color: #fff;
    font-size: 0.9em;
    text-align: left;
    text-shadow: 0 1px 0 #6d6a6a;
}

.white-h21._30-percent {
    width: 45%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.white-h21._15-percent {
    width: 18%;
    margin-bottom: 6px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.dropdown-search {
    position: relative;
    left: 27px;
    z-index: 1000;
    width: 200px;
    margin-left: 0px;
    padding-left: 10px;
    border: 1px solid #64a443;
    border-radius: 3px 0px 0px 3px;
    background-color: #aaa;
}

.dropdown-search.blue-dropdown {
    left: 0px;
    z-index: 0;
    width: 100px;
    height: 40px;
    border-style: solid;
    border-color: #5d95d0;
    background-color: #fff;
}

.welcome-div2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.classes-accordion-div1 {
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.classes-accordion-div1.teachers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
}

.paper-background {
    position: static;
    display: block;
    margin-top: 10px;
}

.grade-sheet-div {
    display: block;
    margin-top: 10px;
    padding: 5px 25px;
    border-style: solid;
    border-width: 3px;
    border-color: hsla(0, 0%, 67%, .88);
    border-radius: 3px;
    background-color: #fff;
}

.parent-wrap {
    display: block;
    margin-bottom: 25px;
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.h2-green {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #385e24;
    font-size: 1em;
    text-align: left;
}

.h2-green.background {
    background-color: transparent;
    color: #64a443;
}

.ch-tabs {
    position: static;
    width: 35px;
    height: 35px;
    max-width: 50%;
    margin-right: 1px;
    margin-bottom: 5px;
    margin-left: 1px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
}

.ch-tabs:hover {
    background-color: hsla(0, 0%, 87%, .6);
}

.ch-tabs.w--current {
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #64a443;
    background-color: #64a443;
    font-size: 1em;
    line-height: 1em;
}

.ch-tabs.caption {
    width: 125px;
    margin-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1em;
}

.ch-tabs.caption.w--current {
    display: inline-block;
    margin-right: 2px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.instructor-grade-image {
    padding: 0px;
    background-image: url('/img/instructor-grade-label.svg');
    background-position: 54% 50%;
    background-size: cover;
    text-align: left;
}

.instructor-grade-image:active {
    opacity: 0.5;
}
.instructor-grade-work-image {
    padding: 0px;
    background-image: url('/img/instructor-grade-work.svg');
    background-position: 54% 50%;
    background-size: cover;
    text-align: left;
}

.instructor-grade-work-image:active {
    opacity: 0.5;
}
.instructor-grade-retired-image {
    padding: 0px;
    background-image: url('/img/instructor-grade-retired-label.svg');
    background-position: 54% 50%;
    background-size: cover;
    text-align: left;
}

.instructor-grade-retired-image:active {
    opacity: 0.5;
}

.field-label-5 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.field-label-5._50-percent {
    width: 50%;
    height: auto;
    padding: 1%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(100, 164, 67, .47);
    text-align: center;
}

.grade-sheet-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.grade-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 45px;
    margin-right: 3px;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.activities-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 35px;
    margin-right: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: rgba(100, 164, 67, .15);
}

.activities-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    max-width: 50px;
    margin-right: 1px;
    margin-left: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #cde4c1;
    font-size: 1em;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}

.grade-input {
    width: 35px;
    height: 35px;
    max-width: 35px;
    margin-right: 1px;
    margin-bottom: 5px;
    margin-left: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px dotted #343638;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.grade-input:hover {
    border: 3px solid #892397;
}

.grade-input.green-complete {
    display: block;
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: none;
    background-color: rgba(100, 164, 67, .28);
    background-image: url('/img/green-checkmark2.png');
    background-position: 50% 50%;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.grade-input.green-complete:hover {
    border: 3px solid #892397;
    background-color: #d4e6ca;
    background-position: 50% 50%;
}

.grade-input.green-complete._2 {
    margin-right: 5px;
}

.grade-input.green-complete._2:hover {
    border-style: none;
}

.grade-input.blue-inprocess {
    background-color: rgba(170, 199, 233, .65);
}

.grade-input.blue-inprocess._2 {
    margin-right: 5px;
    border-style: none;
}

.grade-input.scored {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #385e24;
    color: #fff;
    font-weight: 500;
}

.grade-input.scored._2 {
    margin-right: 5px;
    border-style: none;
}

.grade-input.incomplete {
    margin-right: 1px;
}

.grade-popup {
    position: relative;
    left: 224px;
    top: -380px;
    z-index: 99999999;
    display: block;
    width: 300px;
    margin-top: 283px;
    border-radius: 3px;
    background-image: url('/img/grade-popup_3.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.grade-popup-div1 {
    position: relative;
    display: block;
    padding: 25px 25px 50px 35px;
}

.grade-checked {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.view-student-work-button {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 1px;
    border-radius: 3px;
    background-color: #5d95d0;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    text-align: center;
}

.view-student-work-button:hover {
    background-color: #3a70b8;
    color: #fff;
}

.done-close-link {
    display: block;
    margin-top: 10px;
    text-align: right;
}

.gradesheet-key {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 175px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.gradesheet-key._2 {
    margin-bottom: 0%;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.email-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    padding-right: 100px;
    padding-bottom: 100px;
    padding-left: 100px;
    border-radius: 3px;
}

.send-button {
    width: 100%;
    background-color: #64a443;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.send-button:hover {
    background-color: #5d95d0;
}

.popup-div2 {
    position: fixed;
    left: 387px;
    top: 80px;
    right: 387px;
    z-index: 999999999;
    display: block;
    border: 3px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px #aaa;
}

.classes-headings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.instructor-slide-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, #041629 9%, transparent), url('/img/instructor-slide1c.svg'), url('/img/instructor-slide1.svg');
    background-image: linear-gradient(180deg, #041629 9%, transparent), url('/img/instructor-slide1c.svg'), url('/img/instructor-slide1.svg');
    background-position: 0px 0px, 50% 68%, 50% 50%;
    background-size: auto, cover, cover;
    background-repeat: repeat, no-repeat, repeat;
}

.icon-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.icon-head.gradesheet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.grade-div1 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.instructor-slide-text {
    display: block;
    max-width: 500px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    font-size: 1em;
    line-height: 1.5;
    font-weight: 400;
    text-align: center;
}

.instructor-table-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.table-cell {
    width: 14.5%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.table-cell.add-5-percent {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.table-cell._12-percent {
    width: 12%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.table-cell._35-percent {
    width: 42%;
}

.instructor-table-head {
    display: block;
    border-bottom: 1px solid #3a70b8;
    color: #12253d;
    font-size: 1em;
    line-height: 1em;
    text-align: left;
}

.done-close-email {
    padding-top: 15px;
    padding-right: 90px;
    padding-left: 0px;
}

.done-close-gradesheet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 50px 0px 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.popup-div3 {
    position: fixed;
    left: 387px;
    top: 80px;
    right: 387px;
    z-index: 9999999;
    display: none;
    border: 3px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #6d6a6a;
}

.h5-blue {
    margin-right: 137px;
    margin-left: 10px;
    color: #5d95d0;
}

.h5-blue.size {
    color: #12253d;
    font-size: 1em;
}

.final-score-text {
    display: inline;
    padding: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0.75em;
    line-height: 1em;
}

.final-score-text.underline {
    text-decoration: underline;
}

.classes-div {
    margin-left: 25px;
}

.add-button-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: none;
    border-width: 1px 5px 1px 1px;
    border-color: #fff;
    border-radius: 3px;
}

.add-button-div:hover {
    padding: 5px;
    border-radius: 3px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
    opacity: 1;
}

.add-button-div:active {
    opacity: 0.6;
}

.add-button-div.class {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.add-button-div.add-school {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #12253d;
    line-height: 1;
}

.add-button-div.add-school:hover {
    background-color: #2f5c99;
}

.white {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding-right: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff;
    font-size: 1em;
    line-height: 1em;
    font-weight: 700;
}

.add-school-div1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.info-message-div {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #000;
    border-radius: 3px;
    background-color: #e6aaac;
}

.info-message-div.aqua {
    background-color: #acdde0;
}

.info-message-div.green {
    background-color: #b0d19f;
}

.info-message-div.yellow {
    background-color: #e7e9dc;
}

.info-message-div.blue {
    margin-top: 30px;
    background-color: #a0bfdf;
}

.info-message {
    margin-bottom: 0px;
    padding-top: 10px;
    padding-left: 10px;
    font-family: Montserrat, sans-serif;
    color: #b1151b;
    font-size: 1.25em;
    font-weight: 700;
}

.info-message.red {
    color: #9a1217;
}

.info-message-text {
    display: block;
    margin-top: 0px;
    padding-left: 10px;
    color: #2c0f08;
    line-height: 1.25;
    text-align: left;
}

.instructor-faq-header {
    display: block;
}

.instructor-faq-cell2 {
    float: right;
}

.instructor-faq-paragraph {
    padding: 0px 34px 0px 0px;
}

.survey-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px;
    border-style: none none dotted;
    border-width: 1px;
    border-color: #000;
}

.survey-cell1and4 {
    width: 30%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.survey-cell-2and3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    margin-left: 10px;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px none #000;
    background-color: rgba(100, 164, 67, .15);
}

.survey-cell-2and3.blue {
    background-color: rgba(170, 199, 233, .34);
}

.survey-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 3px solid #5d95d0;
    border-radius: 3px;
}

.survey-head-cell1 {
    display: block;
    margin-right: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.survey-head-cell2 {
    padding: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.survey-save-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #5d95d0;
}

.survey-save-button:hover {
    background-color: #64a443;
}

.survey-h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 19px;
}

.survey-print {
    padding-right: 10px;
}

.add-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

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

.sort-icon-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    padding-bottom: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.sort-icon-bottom {
    margin-top: 3px;
}

.course-instructor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0px none #fff;
    background-color: rgba(100, 164, 67, .23);
}

.charcoal-text {
    display: block;
    padding: 0px;
    color: #343638;
    text-align: left;
}

.sidebar-small {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 5000;
    display: block;
    width: 50px;
    height: 100vh;
    margin-right: 50px;
    background-color: #4e5152;
    box-shadow: inset -27px 0 0 -3px hsla(0, 0%, 67%, .23);
    color: #e8e8e8;
}

.icon1 {
    display: inline-block;
    width: 60px;
    height: 75px;
    margin-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
}

.icon1:hover {
    background-color: transparent;
}

.icon2 {
    width: 75px;
    height: 75px;
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
}

.icon2:hover {
    background-color: transparent;
}

.ch-tab-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #6d6a6a;
    border-bottom: 1px solid #6d6a6a;
    background-color: #aaa;
}

.ch-tab-1.w--current {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    border-style: none none solid;
    border-width: 1px;
    border-color: #6d6a6a;
    background-color: #858585;
}

.tab2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px solid #6d6a6a;
    background-color: #aaa;
}

.tab2.w--current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-width: 1px;
    border-color: #6d6a6a;
    background-color: #858585;
}

.sidebar-tabs-menu {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.dashboard-small {
    position: absolute;
    z-index: 10000;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #64a443;
    background-image: url('/img/Dashboard-Icon.svg');
    background-position: 0px 50%;
    background-size: 50px;
    background-repeat: no-repeat;
}

.dashboard-small.instructor-side {
    background-color: #12253d;
}

.dashboard-small.instructor {
    background-color: #12253d;
}

.last-working-link {
    color: #64a443;
    font-size: 1em;
    line-height: 1.5em;
}

.student-slide1 {
    background-color: #fff;
    background-image: url('/img/coming-soon.svg'), -webkit-linear-gradient(270deg, #64a443, #64a443);
    background-image: url('/img/coming-soon.svg'), linear-gradient(180deg, #64a443, #64a443);
    background-position: 0px 23px, 0px 0px;
    background-size: 576px, auto;
    background-repeat: no-repeat, repeat;
}

.parent-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.sidebar-flex {
    display: block;
    overflow: visible;
    width: 380px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    color: #343638;
}

.sidebar-flex.instructor-sidebar {
    display: none;
    width: 110px;
}

.sidebar-flex.instructor {
    display: block;
}

.main-flex {
    display: block;
    margin-right: 5px;
    margin-left: 55px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Oxygen, sans-serif;
    font-weight: 700;
}

.main-flex.contemplation-body {
    background-image: url('/img/contemplation-wizard-2.svg');
    background-position: 120% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.main-flex.instructor-dashboard {
    margin-right: 5px;
    margin-left: 55px;
}

.main-flex.change-coach {
    background-image: url('/img/change-coach-background.svg');
    background-position: 50% 30%;
    background-size: cover;
    background-repeat: no-repeat;
}

.dashboard-head {
    display: block;
    width: 100%;
    height: 80px;
    margin-top: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: transparent;
    background-image: url('/img/right-header-graphic.svg');
    background-position: 100% 42%;
    background-size: auto 478px;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, .8);
}

.dashboard-head.student {
    position: static;
    height: 80px;
    background-image: -webkit-radial-gradient(circle farthest-corner at 53% 59%, transparent 4%, hsla(0, 0%, 43%, .09) 67%, hsla(0, 0%, 100%, .36)), -webkit-linear-gradient(270deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('/img/right-header-graphic.svg');
    background-image: radial-gradient(circle farthest-corner at 53% 59%, transparent 4%, hsla(0, 0%, 43%, .09) 67%, hsla(0, 0%, 100%, .36)), linear-gradient(180deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url('/img/right-header-graphic.svg');
    background-position: 0px 0px, 0px 0px, 100% 42%;
    background-size: auto, auto, auto 478px;
    background-repeat: repeat, repeat, no-repeat;
}

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

.settings-icon {
    cursor: pointer;
}

.menu-div {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 380px;
    height: 100vh;
    margin-left: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #4e5152;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.settings-div1 {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 380px;
    height: 100vh;
    margin-left: 50px;
    background-color: #4e5152;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.discussion-div {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    overflow: hidden;
    width: 380px;
    margin-left: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #4e5152;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.slide-overlay-student-dashboard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 1px 1px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: hsla(0, 0%, 100%, .29);
}

.logo-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-bottom: -10px;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-bottom-color: #858585;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
}

.logo-div.student {
    padding-left: 10px;
}

.student-dashboard-slide2 {
    padding-right: 0px;
    padding-bottom: 0px;
    background-image: url('/img/green-background.svg');
    background-position: 50% 50%;
    background-size: 666px;
    background-repeat: repeat;
}

.add-div {
    width: 100%;
    max-width: 1000px;
    min-width: 600px;
}

.update-profile-head {
    margin-bottom: 5px;
    border-radius: 3px;
    background-color: #64a443;
    box-shadow: 0 1px 1px 1px #aaa;
}

.cell2 {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cell2._10-percent {
    width: 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.cell1 {
    padding-right: 5px;
    padding-left: 5px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.cell1._50-percent {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.cell1._25-percent {
    width: 25%;
}

.cell1._10-percent {
    width: 10%;
}

.form-row-generic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.form-div-generic {
    margin-bottom: 10px;
    padding: 25px;
    border: 1px solid #64a443;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.form-div-generic.green-line {
    border-top: 1px solid #64a443;
}

.grading-period-span {
    font-size: 0.75em;
}

.instructor-navbar {
    position: static;
    display: block;
    margin-right: 0px;
    margin-bottom: -10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.instructor-menu-button {
    position: static;
    left: 181px;
    top: -15px;
    display: block;
}

.instructor-navmenu {
    position: relative;
    left: 0px;
    top: 4px;
    right: 0px;
    display: block;
    padding-top: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.student-navbar {
    position: static;
    display: block;
    background-color: transparent;
    text-shadow: 0 1px 1px #000;
}

.menu-nav-icon {
    color: #fff;
    font-size: 1.5em;
}

.small-sidebar-tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #4e5152;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.sm-sidebar-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.tab-link {
    z-index: 9000;
    width: 50px;
    height: 80px;
    padding: 0px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #4e5152;
}

.tab-link.w--current {
    position: relative;
    z-index: 9000;
    width: 50px;
    height: 80px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-right: 1px solid #6d6a6a;
    background-color: #858585;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.hide-sidebar {
    position: relative;
    top: 320px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
}

.hide-sidebar:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .26), rgba(0, 0, 0, .26));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .26), rgba(0, 0, 0, .26));
    box-shadow: inset 0 0 8px 0 rgba(52, 54, 56, .85);
}

.show-sidebar {
    position: relative;
    left: -14px;
    display: block;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: 1;
}

.show-sidebar:hover {
    color: #fff;
}

.show-sidebar.two {
    top: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
}

.show-sidebar.one {
    left: 10px;
}

.sidebar-tab-content {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    overflow: hidden;
    background-color: transparent;
    opacity: 1;
}

.tabs-scroll {
    position: fixed;
    top: 58px;
    display: block;
    overflow: auto;
    width: 380px;
    height: 80vh;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.tabs-scroll._2 {
    padding-left: 10px;
}

.tabs-scroll._3 {
    overflow: hidden;
}

.tab-pane1 {
    display: block;
    padding-left: 10px;
}

.tab-pane2 {
    display: block;
    margin-left: 10px;
}

.footer-1 {
    position: relative;
    border-radius: 3px;
    background-color: #aaa;
}

.footer-1-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: transparent;
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
}

.footer-1-text.home {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding-right: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #12253d;
}

.activity-tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.activity-tools.bottom {
    margin-bottom: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.button {
    width: 50px;
    margin-right: 6px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 3px;
    background-color: grey;
}

.button:hover {
    background-color: rgba(100, 164, 67, .83);
}

.button-image {
    background-color: transparent;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.video-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 67%, .88);
}

.video-labels {
    padding-top: 5%;
    padding-bottom: 5%;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
}

.footer-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
    background-color: #4e5152;
}

.discussion-icon {
    padding-top: 4px;
    padding-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-filter: contrast(500%);
    filter: contrast(500%);
}

.intro-icons {
    position: relative;
    top: -100px;
    z-index: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.media-icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    margin-right: 5px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 5px solid #fff;
    border-radius: 3px;
    background-color: #000;
    background-image: url('/img/media-home.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 1px 1px 1px #aaa;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.media-icon:hover {
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.email-sidebar-div {
    padding: 20px;
}

.messaging-div {
    display: block;
    overflow: visible;
    max-height: 600px;
    max-width: 360px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
}

.messaging-div._2 {
    position: relative;
    display: block;
    overflow: hidden;
    width: 360px;
    max-height: 750px;
    min-height: 0px;
    padding-right: 0%;
    padding-left: 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.h4-white {
    margin-top: 9px;
    padding: 9px;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
}

.message-head {
    display: block;
    width: 360px;
    height: 50px;
    padding: 3%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #343638;
    text-align: center;
    text-transform: uppercase;
}

.message-head.student {
    background-color: #8e8e8e;
}

.message-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.message-2 {
    display: block;
}

.message-balloon {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    min-height: 10%;
    min-width: 10%;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 25px;
    background-color: #e8e8e8;
}

.message-balloon._1 {
    position: relative;
    left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    max-width: 65%;
    min-height: 50px;
    min-width: 50px;
    margin-top: 7%;
    margin-bottom: 5%;
    margin-left: 0px;
    padding-right: 7%;
    padding-left: 7%;
    float: left;
    clear: both;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.message-balloon._1._2 {
    min-width: 50px;
    margin-right: 20px;
    margin-left: 0px;
    padding: 3% 8%;
    float: right;
    background-color: #e8b5f0;
}

.message-date {
    position: relative;
    display: block;
    height: 20px;
    margin-top: 1%;
    margin-bottom: 1%;
    clear: both;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.75em;
    text-align: center;
    text-transform: uppercase;
}

.trademark-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.paragraph-bullet-points {
    border-bottom-style: none;
    background-color: transparent;
    font-family: Oxygen, sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
    list-style-type: disc;
}

.paragraph-bullet-points:hover {
    background-color: #fff;
    color: #343638;
}

.portfolio-docs-div {
    padding: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.portfolio-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-left: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid grey;
    border-radius: 3px;
    background-color: hsla(0, 0%, 67%, .44);
}

.portfolio-cell1:hover {
    background-color: rgba(100, 164, 67, .47);
}

.portfolio-cell2 {
    min-width: 10%;
    padding: 5px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: none dotted none none;
    border-right-width: 1px;
    border-right-color: #7dcc54;
    background-image: url('/img/generic-document.svg');
    background-position: 50% 50%;
    background-size: 90px;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.portfolio-cell2.document {
    width: 150px;
    height: 150px;
    min-width: 0%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top: 1px none #000;
    background-image: url('/img/generic-document.svg');
    background-position: 50% 50%;
    background-size: 85px;
    background-repeat: no-repeat;
}

.interview-portfolio-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 3px;
    background-color: #4e5152;
}

.small-txt {
    display: block;
    width: 80px;
    height: 100px;
    padding-top: 25px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: transparent;
    color: #343638;
    font-size: 0.65em;
    line-height: 1.5em;
    font-weight: 400;
    text-align: center;
}

.document-description-div {
    display: block;
    margin-top: -5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75em;
    line-height: 2;
    font-weight: 700;
    text-align: center;
}

.portfolio-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-style: solid;
    border-width: 1px;
    border-color: transparent #64a443 #64a443 #6d6a6a;
    background-color: #fff;
}

.textbooks-div2 {
    display: block;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.textbooks-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 13px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.textbooks-cell1:hover {
    -webkit-filter: none;
    filter: none;
}

.textbook-div1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding: 25px;
}

.textbooks-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.currently-active-link {
    position: relative;
    display: block;
    width: 140px;
    border: 2px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
    color: #385e24;
    text-align: center;
}

.currently-active-link:hover {
    border-style: solid;
    color: #64a443;
}

.currently-active-link.inactive {
    position: relative;
    left: 0px;
    top: 32px;
    right: 0px;
    bottom: 32px;
    display: block;
    width: 200px;
    border-color: #343638;
    background-color: #fff;
    color: #343638;
}

.currently-active-link.inactive:hover {
    border-color: #385e24;
    opacity: 0;
    color: #385e24;
}

.portfolio-upload-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    padding: 6px 5px 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: #64a443 rgba(100, 164, 67, .79) #64a443 #64a443;
}

.hidden-div {
    display: block;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.generic-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-radius: 3px;
    background-color: #64a443;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.generic-heading.blue {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #3a70b8;
}

.generic-heading.blue.filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.generic-heading.light-green {
    background-color: #a3cd39;
}

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

.cell5 {
    width: 5%;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.cell35 {
    width: 35%;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.cell20 {
    overflow: hidden;
    width: 20%;
    margin-top: 10px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.evaluate-your-choice-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

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

._40-fill-div {
    width: 39%;
}

._20-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: rgba(100, 164, 67, .15);
}

.guide-div {
    display: block;
    width: 70%;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: 1px 1px 5px -2px #000;
    opacity: 0;
    -webkit-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
}

.guide-div.change-coach {
    width: 100%;
    margin-top: -108px;
}

.footer-col1 {
    display: block;
    padding: 1% 3%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.instruction {
    padding: 0px;
    font-size: 1em;
}

.question {
    direction: ltr;
    text-align: left;
}

.email-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 1.1;
}

.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.portfolio-text-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.getting-started-block-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 600px;
    padding: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    background-color: transparent;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 1em;
    font-style: normal;
}

.active-inactive-div {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.active-inactive-div1 {
    position: static;
}

.college-plan-cell1 {
    margin-right: 10px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.college-plan-cell1._15-percent {
    width: 20%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.college-plan-cell1._30-percent {
    width: 30%;
}

.college-plan-cell1.padding {
    margin-left: 0px;
    padding-right: 30px;
}

.college-plan-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.display-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
    cursor: move;
}

.display-row:hover {
    background-color: #fff;
}

.display-row.heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: rgba(170, 199, 233, .65);
    font-size: 0.75em;
    cursor: default;
}

.display-row.heading:hover {
    background-image: none;
}

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

.major-div2 {
    width: 100%;
    margin-left: 5px;
}

.display-cell {
    display: block;
    width: 15%;
    margin-left: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
}

.display-cell.full-width {
    width: 5%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.h5-small {
    display: block;
    margin-bottom: 0px;
    padding-top: 0px;
    font-size: 75%;
    text-align: left;
}

.h5-small.blue {
    margin-bottom: 0px;
}

.college-plan-sec1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.college-plan-sec2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 20px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px solid #64a443;
}

.comparison-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 1px 1px #aaa;
}

.save-button-generic {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: #64a443;
    text-align: center;
}

.save-button-generic:hover {
    background-color: #64a245;
    color: #fff;
}

.edit-delete-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: default;
}

.generic-save-button {
    margin-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: #64a443;
    text-align: center;
}

.generic-save-button:hover {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #5d95d0;
}

.generic-save-button.two {
    display: inline;
    margin-right: 0px;
    margin-left: 0px;
    padding: 7px;
}

.comparison-chart-button {
    width: 10%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-align: center;
}

.radio-button-label {
    margin-left: 3px;
}

.radio-button-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 5px;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.course-plan-total-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 1px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #c7daf0;
}

.course-plan-total-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.close-x-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.life-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.life-wrap.horizontal {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.life-wrap.horizontal._10-margin {
    margin-top: -10px;
}

.life-wrap.top-bottom-line {
    border-top: 1px solid #5d95d0;
    border-bottom: 1px solid #5d95d0;
}

.life-wrap._2 {
    margin-bottom: 0%;
}

.life-wrap._3 {
    max-width: 800px;
    margin-top: 3%;
    margin-bottom: 3%;
}

.m-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
}

.m-cell.vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-cell.vertical.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-cell.horizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.m-cell._25-percent {
    width: 25%;
}

.m-cell._25-percent.margin {
    margin: 5px;
}

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

.m-cell.align-center.left-margin {
    display: block;
    padding-left: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.m-cell.padding-10.fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-cell.fill {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-cell.right-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.m-cell.dont-shrink {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.m-cell.dont-shrink.no-right-left-pad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.small-text-block {
    font-size: 0.75em;
}

.big-text-block {
    font-size: 18px;
    color: #bf181e;
}

.skill-inventory-module {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px;
    border: 1px solid #64a443;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.education-plan-module {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 4px;
    border: 1px solid #64a443;
    border-radius: 3px;
    box-shadow: 0 1px 1px 1px #aaa;
}

.form-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-style: none;
    border-color: #000 #000 #64a443;
}

.form-wrapper.contact {
    margin-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.form-wrapper.login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form-wrapper.rating {
    display: block;
    padding: 10%;
}

.chapters-list {
    display: block;
    border: 1px solid #343638;
    background-color: #d5d5d5;
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.chapters-list:hover {
    background-color: #b1d1a1;
    color: #3b6326;
}

.chapters-list:active {
    background-color: #8bd5e2;
}

.chapters-list.assigned-item {
    background-color: #b0bdcc;
}

.chapters-list.assigned-item:hover {
    background-color: #b1d1a1;
    color: #3b6326;
}

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

.m-7-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.m-7-cell.right-align {
    margin-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.row2 {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: #fff;
}

.row-2-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.row-3-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
    opacity: 1;
}

.row-4-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.row-5-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.accordian-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #5d95d0;
}

.accordian-div:hover {
    background-color: #629ddb;
}

.self-mastery-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.self-mastery-text {
    position: relative;
    left: 181px;
    top: -1px;
    right: 181px;
    z-index: 5555555;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #4e5152;
    font-size: 1.75em;
    text-shadow: 0 1px 1px #fff, 0 1px 1px hsla(0, 0%, 100%, .25), 0 1px 1px #fff;
}

.guide-text-background {
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}

.main-bull-div {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}

.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.book-title-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 3px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
}

.book-title-div.gray {
    padding: 1%;
    border-color: #343638;
    color: #414042;
}

.small-white-link {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    font-size: 0.75em;
    line-height: 1.5em;
}

.small-white-link:hover {
    color: #64a443;
    line-height: 1.5em;
    font-style: normal;
}

.small-white-link.gray {
    color: #343638;
}

.small-white-link.gray:hover {
    color: #64a443;
}

.expand-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    float: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 0.9em;
    font-weight: 400;
    cursor: default;
}

.expand-cell {
    margin-right: 6px;
    opacity: 1;
}

.change-coach-heading {
    display: block;
    padding-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.update-graph {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 3px;
    background-color: #5d95d0;
}

.update-graph:hover {
    background-color: #64a443;
    color: #fff;
}

.badge-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}

.badge-div.grey-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.badge-cell {
    width: 150px;
    height: 150px;
    padding: 10px;
}

.badge-image {
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: transparent;
}

.badge-cell2 {
    margin-top: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.badge-header {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1em;
    text-transform: uppercase;
}

.badge-text {
    color: #3ca5ac;
}

.badge-main-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.col-2-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    background-image: url('/img/lock-message.svg');
    background-position: 0px 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.maslow-module {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 73px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.maslow-module.regular {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.maslow-module.align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.maslow-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    margin-left: 1.5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    background-image: url('/img/5-r.svg');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    margin-right: 1.5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    background-image: url('/img/5-l.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    margin-top: 3px;
    margin-right: 1.5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/4-l.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.maslow-cell4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    margin-top: 3px;
    margin-left: 1.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/4-r.svg');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 70px;
    margin-top: 3px;
    margin-right: 1.5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/3-l.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    margin-top: 3px;
    margin-left: 1.5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/3-r.svg');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 70px;
    margin-top: 3px;
    margin-right: 1.5px;
    margin-bottom: 1px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/2-l.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell8 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 70px;
    margin-top: 3px;
    margin-left: 1.5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/2-r.svg');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 70px;
    margin-top: 3px;
    margin-right: 1.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/1-l.svg');
    background-position: 100% 100%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell10 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 70px;
    margin-top: 3px;
    margin-left: 1.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/1-r.svg');
    background-position: 0px 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell9b {
    width: 225px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/1-l-n.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell10b {
    position: static;
    width: 250px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/1-r-n.svg');
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-label {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Montserrat, sans-serif;
    font-size: 0.8em;
    text-align: left;
}

.maslow-label.left {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.maslow-label.right {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.maslow-label.center {
    margin-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.masllow-cell7b {
    width: 200px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/2-l-n.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.maslow-cell8b {
    width: 200px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/2-r-n.svg');
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell6b {
    width: 150px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/3-r-n.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.maslow-cell5b {
    width: 150px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/3-l-n.svg');
    background-position: 100% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.maslow-cell3b {
    width: 100px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/4-l-n.svg');
    background-position: 100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.maslow-cell4b {
    width: 100px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/4-r-n.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.maslow-cell1b {
    width: 50px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/5-l-n.svg');
    background-position: 100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.maslow-cell2b {
    width: 50px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/5-r-n.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.maslow-bottom-text {
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.reg-maslow-cell5 {
    position: absolute;
    left: 600px;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-5.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-5b {
    position: absolute;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-5-n.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell4 {
    position: absolute;
    left: 600px;
    width: 450px;
    height: 70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/regular-4.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell4b {
    position: absolute;
    display: block;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-4-n.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell3 {
    position: absolute;
    left: 600px;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-3.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell3b {
    position: absolute;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-3-n.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell2b {
    position: absolute;
    display: block;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-2-n.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell2 {
    position: absolute;
    left: 600px;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-2.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.regular-maslow-cell1b {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 450px;
    height: 70px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url('/img/regular-1-n.svg');
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat;
}

.regular-maslow-cell1 {
    position: absolute;
    left: 600px;
    width: 450px;
    height: 70px;
    background-image: url('/img/regular-1.svg');
    background-position: 50% 50%;
    background-size: 87px;
    background-repeat: no-repeat;
}

.modal-wrapper {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    background-image: url('/img/stop-alert-box.svg');
    background-position: 50% 0px;
    background-size: 1131px;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.modal-wrapper.login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(52, 54, 56, .85);
    background-image: none;
    box-shadow: 1px 1px 3px 0 #000;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.stop-alert-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 40%;
    margin-top: 332px;
    margin-left: 430px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(100, 164, 67, .79);
    box-shadow: 11px 11px 14px -2px #a3cd39;
}

.h6-stop-alert {
    display: block;
    color: #a3cd39;
    font-size: 1.75em;
}

.stop-alert-box-text {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.stop-alert-text-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 83px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.okay-button {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 3px;
    background-color: #5d95d0;
}

.okay-button:hover {
    background-color: #7dcc54;
}

.m-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dash-tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.career-module {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    max-width: 825px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.career-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.career-cell3 {
    display: block;
    width: 33.33%;
    height: 125px;
    margin-right: 5px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border: 1px solid #64a443;
    border-radius: 3px;
    background-color: rgba(100, 164, 67, .15);
    -webkit-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}

.career-cell3.blue {
    width: 33.33%;
    height: auto;
    margin-bottom: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-color: #5d95d0;
    background-color: rgba(170, 199, 233, .34);
}

.career-cell3.blue._33-percent {
    width: 33.33%;
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.career-cell3.blue.large {
    width: 66.66%;
}

.green-text {
    color: #64a443;
    font-size: 1em;
}

.green-text.blue {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #3a70b8;
    font-size: 0.9em;
    text-transform: uppercase;
}

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

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

.green-text._2 {
    margin: 5%;
}

.career-text {
    padding-left: 5px;
    font-family: Montserrat, sans-serif;
}

.career-cell-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 825px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.career-cell5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.career-cell6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding-left: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    background-color: #edf2f8;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    cursor: pointer;
}

.career-cell6:hover {
    background-color: rgba(100, 164, 67, .15);
    opacity: 1;
}

.career-cell6.blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding: 0px 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #aac7e9;
    font-size: 0.85em;
}

.career-cell6.blue:hover {
    background-color: rgba(100, 164, 67, .15);
    -webkit-filter: none;
    filter: none;
}

.career-cell6.blue.chosen-career {
    background-color: #64a443;
    color: #fff;
}

.career-cell6.blue.chosen-career:hover {
    background-color: rgba(100, 164, 67, .15);
}

.career-module0 {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.timeline-module {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.timeline-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: transparent;
}

.timeline-textarea {
    width: 375px;
    height: 375px;
}

.timeline-textarea.answer {
    overflow: visible;
    width: auto;
    height: 75px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.timeline-captions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.change-coach-parachute {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.change-coach-image {
    position: relative;
    top: 41px;
    width: 400px;
    height: 400px;
}

.search-button {
    margin-left: 9px;
    border-radius: 3px;
    background-color: #5d95d0;
}

.search-button:hover {
    background-color: #64a443;
}

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

.login-div {
    width: 700px;
    margin-top: 50px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 3px;
    background-color: #12253d;
    background-image: -webkit-linear-gradient(270deg, #244e81, transparent), url('/img/section-2-graphic-01.svg');
    background-image: linear-gradient(180deg, #244e81, transparent), url('/img/section-2-graphic-01.svg');
    background-position: 0px 0px, 100% 50%;
    background-size: auto, 817px;
    box-shadow: 0 1px 1px 1px #343638;
}

.login-module1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
}

.login-cell1 {
    margin: 25px;
}

.h2-white {
    color: #fff;
    text-align: left;
}

.h2-white.blue-background {
    height: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
    background-color: #5d95d0;
}

.h2-white.center {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1em;
    text-align: center;
}

.h2-white.text-block-center {
    font-size: 1em;
    text-align: center;
}

.login-span {
    font-family: Oxygen, sans-serif;
    color: #a3cd39;
    font-weight: 700;
    text-decoration: underline;
}

.flex-parent-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-color: transparent;
}

.wrapper-why {
    display: flex;
    justify-content: space-evenly;
}


.why-display {
    width: 50%; 
    height: 700px;
}

.why-top {
    display: none;
}

.why-wrapper {
    text-align: center; 
    margin: auto;
    width: 65%;
    padding-top: 150px;
}

.bold-white-text {
    display: block;
    max-width: 700px;
    border-bottom-style: none;
    background-color: transparent;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 300;
    text-align: center;
}

.text-block-1 {
    margin-top: 10px;
    color: #fff;
    font-size: 0.75em;
}

.flex-item1 {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    border-color: rgba(163, 205, 57, .57);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #e9e9e9;
}

.flex-item1.back {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #fff;
}

.flex-item1.back.image5 {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    background-image: url('/img/students-public-4.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: saturate(48%);
    filter: saturate(48%);
}

.flex-item1.back.image5._9 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .23), rgba(0, 0, 0, .23)), url('/img/students-public-4.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .23), rgba(0, 0, 0, .23)), url('/img/students-public-4.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.flex-item1.back.image-5 {
    background-image: url('/img/students-public6.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.flex-item1.back.image-5._7 {
    background-image: url('/img/students-public6.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.flex-item1.back.full-width {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-image: url('/img/background-squares.svg');
    background-position: 100% 100%;
    background-size: contain;
    background-repeat: no-repeat;
}

.flex-item1.back.full-width._11 {
    min-height: 500px;
    padding: 5%;
    border-style: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    background-color: #64a443;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .72)), url('/img/left-decoration.svg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .72)), url('/img/left-decoration.svg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.flex-item1.back._8 {
    min-height: 500px;
}

.flex-item1.image {
    background-image: url('/img/funds1.jpeg');
    background-position: 0px 0px;
    background-size: contain;
}

.flex-item1.image2 {
    background-image: url('/img/students-public2-20.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.flex-item1.image3 {
    background-image: url('/img/students-public30.75x-20.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.flex-item1.image3._5 {
    background-image: url('/img/students-public30.75x-20.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.flex-item1._9 {
    padding: 0%;
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.flex-item1._5 {
    min-height: 500px;
}

.flex-item1._6 {
    min-height: 500px;
}

.flex-item1._10 {
    min-height: 600px;
}

.h2-align-right {
    display: block;
    padding-left: 0px;
    font-family: Montserrat, sans-serif;
    color: #343638;
    line-height: 2em;
    font-weight: 400;
    text-align: left;
}

.paragraph-bullet-text {
    margin-bottom: 5px;
    border-bottom-style: none;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
    line-height: 2em;
    list-style-type: disc;
}

.paragraph-bullet-text:hover {
    color: #343638;
}

.bullets-list {
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-style: none;
    font-family: Oxygen, sans-serif;
    color: #343638;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 400;
    list-style-type: disc;
}

.bullets-list:hover {
    color: #343638;
}

.bullets-list:active {
    -webkit-filter: none;
    filter: none;
}

.login-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-b2-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.gradient {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(100, 164, 67, .47);
    background-image: url('/img/left-decoration.svg'), -webkit-linear-gradient(166deg, transparent 15%, #5d95d0 62%, #12253d 99%);
    background-image: url('/img/left-decoration.svg'), linear-gradient(284deg, transparent 15%, #5d95d0 62%, #12253d 99%);
    background-position: 106% 167%, 0px 0px;
    background-size: 323px, auto;
    background-repeat: no-repeat, repeat;
    box-shadow: 0 1px 1px 1px #6d6a6a;
}

.section-b2-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.section-b2-cell2.parent {
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.in-text-link {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    color: #5d95d0;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 700;
    cursor: pointer;
}

.in-text-link:hover {
    color: #64a443;
    font-weight: 700;
}

.in-text-link._2 {
    padding: 10px 0px;
}

.h2-no-pad {
    margin-top: 0px;
}

.h2-no-pad.bottom-margin {
    display: block;
    padding-left: 0px;
    text-align: left;
}

.white-textblock {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 0.8em;
    font-weight: 400;
}

.white-textblock.left-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.white-textblock.center {
    font-size: 0.8em;
    text-align: center;
}

.parent-link {
    margin-top: 2%;
    margin-bottom: 2%;
    font-family: Montserrat, sans-serif;
    color: #aac7e9;
    line-height: 1.1em;
    text-decoration: none;
}

.parent-link:hover {
    color: #fff;
}

.title-span {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: Oxygen, sans-serif;
    color: #a3cd39;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    text-shadow: none;
}

.title-span.blue {
    color: #5d95d0;
    text-align: left;
}

.compare-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.compare-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 400px;
    margin: 1%;
    padding: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: rgba(170, 199, 233, .34);
}

.compare-cell.essentials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(100, 164, 67, .15);
}

.compare-cell.essentials.features1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-basis: 3%;
    -ms-flex-preferred-size: 3%;
    flex-basis: 3%;
    font-size: 0.75em;
}

.compare-cell.percent {
    width: 20%;
    margin: 1%;
    padding: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-bottom-style: none;
    background-color: #e9e9e9;
}

.compare-cell.percent.white {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-bottom-color: grey;
    background-color: transparent;
}

.compare-cell.percent.features {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    background-color: #e8e8e8;
    line-height: 1.25;
}

.compare-cell.features1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 3%;
    -ms-flex: 1 0 3%;
    flex: 1 0 3%;
    font-size: 0.75em;
}

.yellow-span {
    color: #a3cd39;
    font-weight: 700;
}

.tab-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tab-link1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    margin-top: 1%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #6d6a6a;
}

.tab-link1:hover {
    background-color: #aaa;
}

.tab-link1.w--current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #64a443;
}

.tab-link1.w--current:hover {
    background-color: #7dcc54;
}

.blue-span {
    color: #5d95d0;
    font-weight: 700;
    cursor: pointer;
}

.y-span {
    text-transform: lowercase;
}

.login-div4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    text-align: left;
}

.login-div3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.login-dropdown {
    position: fixed;
    left: -254px;
    top: 85px;
    right: 0px;
    z-index: 11111111;
    display: block;
    width: 800px;
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px none #aac7e9;
    border-radius: 1px;
    background-color: #12253d;
    box-shadow: 0 1px 1px 1px #000;
}

.login-div1 {
    width: 2%;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 2;
}

.sign-in-div1 {
    display: block;
}

.navbar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 2000;
    display: block;
    height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px none #12253d;
    background-color: #12253d;
    background-image: url('/img/header-background.svg'), -webkit-linear-gradient(180deg, transparent 2%, #254a79 80%);
    background-image: url('/img/header-background.svg'), linear-gradient(270deg, transparent 2%, #254a79 80%);
    background-position: 132% 50%, 0px 0px;
    background-size: contain, auto;
    background-repeat: no-repeat, repeat;
    box-shadow: 0 1px 1px 1px #0b1624;
    font-weight: 400;
}

.nav-link {
    display: inline-block;
    margin: 5px;
    padding: 0px 10px;
    color: #fff;
    cursor: pointer;
}

.nav-link:hover {
    color: #a3cd39;
}

.nav-link.w--current {
    font-size: 1.25em;
    font-weight: 700;
}

.nav-link.w--current:hover {
    color: #a3cd39;
    font-weight: 700;
}

.dropdown-list.w--open {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
}

.menu-button {
    position: relative;
    display: none;
    width: 50px;
    height: 50px;
    margin: 15px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: rgba(18, 37, 61, .79);
}

.logo {
    display: block;
    margin-left: 50px;
    padding-bottom: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.copyright {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.portfolio-upload-cell {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.portfolio-upload-html {
    width: 50%;
    background-color: #aaa;
}

.incomplete {
    display: block;
    width: 35px;
    height: 35px;
    max-width: 35px;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #eec8cc;
    background-image: url('/img/red-x2.png');
    background-position: 50% 50%;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.incomplete._2 {
    margin-right: 5px;
}

.gradesheet-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 1%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}

.gradesheet-wrap._100-percent {
    padding: 0%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background-color: #fcfdfd;
}

.gradesheet-wrap._100-percent._2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.gradesheet-wrap._2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.gradesheet-wrap._1 {
    padding-left: 0%;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.gradesheet-wrap._3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.grade-sheet-label {
    width: 200px;
    margin-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 0.75em;
    line-height: 1;
}

.gradesheet-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.grade-sheet-label2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 35px;
    margin-bottom: 0px;
    padding: 2%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75em;
}

.grade-sheet-label2.green {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    padding: 1%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #cde4c1;
    color: #000;
}

.arrow {
    position: relative;
    top: 5px;
    right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.arrow._1 {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #a3cd39;
    cursor: pointer;
}

.woman-cell0 {
    display: block;
    width: 90px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0.9em;
}

.woman-form-wrapper {
    display: block;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.login-div2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.progress-sheet-icon {
    width: 75px;
    height: 75px;
    margin-right: -5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.icon-head-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 69px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.progress-tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 600px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.progress-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 3px;
}

.grade-div3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px;
    padding: 2% 3%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 65%;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    background-color: #e8e8e8;
}

.career-module2 {
    display: block;
    overflow: visible;
    max-width: 825px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.career-hidden-module {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #dddada;
    box-shadow: inset 0 -3px 15px -7px #4e5152, inset 0 3px 15px -7px #4e5152;
    -webkit-transform: perspective(600px);
    transform: perspective(600px);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.career-hidden-cell1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.close-career-module {
    padding-top: 20px;
    color: #64a443;
    text-align: right;
    text-decoration: underline;
}

.alternative-cell1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 10.33%;
    height: 75px;
    padding: 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-right: 1px solid #aac7e9;
    border-bottom: 1px solid #aac7e9;
    background-color: #fff;
}

.alternative-cell1.education1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 75px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-right: 1px solid #aac7e9;
    border-bottom: 1px solid #aac7e9;
    border-left: 1px solid #aac7e9;
    background-color: transparent;
}

.alternative-cell1.education1.blue {
    border-style: solid none none;
    border-top-width: 1px;
    border-top-color: #aac7e9;
    background-color: rgba(170, 199, 233, .65);
}

.alternative-cell1.blue {
    background-color: rgba(170, 199, 233, .65);
}

.field-label-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #3a70b8;
    font-size: 0.75em;
    line-height: 1.25;
    text-align: center;
}

.alternative-career-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.alternative-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.alternative-column.job-title {
    width: 70%;
    margin-bottom: 1px;
}

.alternative-column.salary {
    display: block;
    width: 30%;
    margin-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.alternative-module1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 400px;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.alternative-module0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.text-block-center {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 0.9em;
    line-height: 2;
    text-align: left;
}

.text-block-center.top-margin {
    margin-bottom: 5px;
    text-align: left;
}

.alternative-delete-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 10%;
    height: 30px;
    margin-right: -5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.alternative-delete-box:hover {
    background-color: rgba(100, 164, 67, .15);
}

.career-cell6-textblock {
    color: #343638;
    font-size: 0.85em;
    line-height: 1;
}

.instructor-comment {
    display: block;
    width: 100%;
    margin: 1%;
    padding: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px dotted #64a443;
    border-radius: 3px;
    background-color: #e8e8e8;
    line-height: 1.5;
}

.instructor-version-dropdown-list {
    z-index: 1e+44;
}

.instructor-version-dropdown-list.w--open {
    position: absolute;
    left: 5px;
    top: 5px;
    right: -15px;
    width: 200px;
    background-color: #6d6a6a;
}

.version-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #6d6a6a;
    border-radius: 3px;
    background-color: #4e5152;
    font-family: Montserrat, sans-serif;
    color: #aaa;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
}

.version-link:hover {
    color: #fff;
    font-weight: 400;
}

.version-link.w--current {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 0.75em;
}

.version-link.w--current:hover {
    color: #aaa;
}

.alternative-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.alternative-cell3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 74px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #204f8a;
}

.alternative-cell3:hover {
    background-color: #1152a8;
}

.alternative-cell-filler {
    width: 100%;
    height: 74px;
}

.alternative-cell4 {
    display: block;
    width: 90%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.alternative-edit {
    width: 40px;
    height: 35px;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/pencil-white.svg');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.alternative-edit:hover {
    background-color: rgba(170, 199, 233, .65);
}

.alternative-edit:active {
    opacity: 0.5;
}

.alternative-edit-functions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-left: 1px solid #fff;
}

.invisible-input {
    margin-bottom: 0px;
    padding: 0px 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid #204f8a;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: border 200ms ease;
    transition: border 200ms ease;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.invisible-input:hover {
    border-color: #fff;
    border-radius: 3px;
    background-color: transparent;
    color: #fff;
}

.invisible-input:active {
    border-style: solid;
    border-width: 1px;
    background-color: rgba(170, 199, 233, .34);
}

.invisible-input:focus {
    border: 1px solid #fff;
    background-color: rgba(170, 199, 233, .34);
}

.alternative-delete {
    width: 40px;
    height: 35px;
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/trash-white.svg');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
}

.alternative-delete:hover {
    background-color: rgba(170, 199, 233, .65);
}

.career-cluster-text {
    height: 25px;
    color: #fff;
    text-align: center;
}

.alternative-scroll-div {
    overflow: scroll;
    max-width: 900px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.alternative-main-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.alternative-add-new {
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #fff;
}

.plus-span {
    position: absolute;
    left: 411px;
    top: -19px;
    right: 411px;
    bottom: -19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 50%;
    background-color: #a8ce94;
    box-shadow: 0 1px 1px 1px #858585;
    color: #fff;
    font-size: 2.5em;
    line-height: 1;
    font-weight: 300;
}

.plus-span:hover {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .18));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .18));
}

.plus-span.aqua {
    position: absolute;
    left: 336px;
    top: -19px;
    right: 411px;
    bottom: -19px;
    border-color: transparent;
    background-color: #abeaf5;
}

.plus-span.yellow {
    position: absolute;
    left: 262px;
    top: -19px;
    right: 411px;
    bottom: -19px;
    border-color: transparent;
    background-color: #d5e394;
}

.plus-span.blue {
    position: absolute;
    left: 188px;
    top: -19px;
    right: 411px;
    bottom: -19px;
    border-style: none;
    background-color: #aac7e9;
}

.plus-span.pink {
    position: absolute;
    left: 114px;
    top: -19px;
    right: 411px;
    bottom: -19px;
    border-style: none;
    background-color: #dacdce;
}

.career-module4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 825px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #5d95d0;
}

.career-arrow {
    padding-right: 5px;
}

.career-cell7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: transparent;
    cursor: pointer;
}

.list-item1 {
    border-bottom-style: none;
    list-style-type: disc;
}

.list-item1:hover {
    color: #4e5152;
}

.search-icon {
    width: 50px;
    height: 40px;
    margin-left: -3px;
    border: 1px solid #5d95d0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: rgba(170, 199, 233, .34);
    background-image: url('/img/search_1.svg');
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.search-icon:hover {
    background-color: rgba(93, 149, 208, .61);
}

.field-label2 {
    display: inline-block;
    margin: 8px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #5d95d0;
    font-size: 1em;
    text-align: right;
}

.add-new-career-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 30px;
    max-width: 200px;
    margin-bottom: 5px;
    padding: 2px 2px 2px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8f1e3;
    background-image: url('/img/add-icon.svg');
    background-position: 6px 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    font-family: Montserrat, sans-serif;
    color: #8dc63f;
    font-weight: 700;
    text-align: left;
}

.add-new-career-button:hover {
    border: 1px solid #64a443;
    -webkit-filter: saturate(200%);
    filter: saturate(200%);
    color: #64a443;
}

.field-label-years {
    padding: 0px;
}

.text-editor {
    height: 100px;
    margin-top: 10px;
    background-color: rgba(170, 199, 233, .34);
}

.underline-div {
    display: block;
    width: 30px;
    height: 30px;
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    font-size: 1.25em;
    line-height: 0.5;
    text-align: left;
    text-decoration: underline;
}

.text-editor-functions {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 160px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.h6-underline {
    font-family: 'PT Serif', serif;
    color: #000;
    font-size: 1.25em;
    font-weight: 700;
    text-decoration: underline;
}

.blue-div {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #0098ff;
    background-color: #0098ff;
    color: transparent;
}

.blue-div.two {
    position: relative;
    left: 2px;
    top: 0px;
    right: 2px;
    margin-bottom: 30px;
    margin-left: 5px;
}

.pink-div {
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 1px solid #892397;
    background-color: #892397;
    color: #892397;
}

.pink-div.last-working-link {
    margin-bottom: 35px;
}

.diagram-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #e8e8e8;
}

.diagram-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/blue-triangle.svg');
    background-position: 50% 65%;
    background-size: 125px 125px;
    background-repeat: no-repeat;
    text-align: left;
}

.diagram-cell3 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('/img/pink-circle.svg');
    background-position: 50% 50%;
    background-size: 125px;
    background-repeat: no-repeat;
}

.diagram-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.diagram-text {
    position: relative;
    left: 8px;
    top: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 0.75em;
    text-align: center;
}

.h4-small {
    color: #12253d;
    font-size: 0.75em;
}

.skill-tab1 {
    width: 50%;
}

.skill-tab1.w--current {
    width: 50%;
}

.white-link {
    color: #fff;
}

.white-link:hover {
    color: #e9e9e9;
}

.copyright-symbol {
    margin-right: 4px;
    font-size: 1.5em;
}

.student-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), url('/img/student-home.svg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), url('/img/student-home.svg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.student-icon:hover {
    border-width: 5px;
    box-shadow: 0 1px 1px 1px #6d6a6a;
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.icon-text {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 1.25em;
    margin-top: 170px;
    text-align: center;
}

.h1-large {
    position: relative;
    top: 24px;
    margin-bottom: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px none #000;
    color: #64a443;
    font-size: 1.5em;
    line-height: 1em;
    text-align: center;
    text-transform: none;
    text-shadow: 1px 1px 1px #000;
}

.h1-large.center {
    margin-bottom: 25px;
}

.security-lock {
    position: relative;
    top: -6px;
    margin-left: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.logo1 {
    height: 80px;
    margin-left: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.logo1._1 {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.text-block-2 {
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 1.25em;
}

.footer-cell-0 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.logout-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #343638;
    font-size: 1.25em;
    text-shadow: none;
}

.rating-dropdown-toggle {
    position: fixed;
    left: 0px;
    top: 822px;
    bottom: 154px;
    z-index: 0;
    display: block;
    width: 50px;
    height: 50px;
    padding-right: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.rating-dropdown-toggle.w--open {
    position: absolute;
    left: 0px;
    top: 887px;
    right: 0px;
    bottom: 52px;
    height: 50px;
    background-color: transparent;
}

.rating-dropdown-list {
    position: fixed;
    left: 60px;
    top: 810px;
    right: 60px;
    bottom: 810px;
    z-index: 0;
    display: none;
    width: auto;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.rating-dropdown-list.w--open {
    position: fixed;
    left: 50px;
    top: 0px;
    right: 60px;
    bottom: 810px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: rgba(52, 54, 56, .85);
    box-shadow: 0 -1px 1px 0 rgba(52, 54, 56, .85);
}

.work-value-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph-1 {
    position: relative;
    left: 197px;
    top: 417px;
    max-width: 700px;
    min-width: 400px;
    margin-bottom: 0px;
    padding: 5px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: Oxygen, sans-serif;
    font-size: 0.8em;
    line-height: 1.25;
}

.paragraph-1.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragraph-1.blue {
    background-color: #dce8f5;
}

.work-value-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.work-value-col1 {
    min-height: 300px;
    padding: 2%;
    background-color: #dce8f5;
}

.work-value-col2 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2%;
    margin-bottom: 2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.work-value-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
}

.work-value-row.blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #dce8f5;
}

.textblock-3 {
    height: 25px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.h2-head-white {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    color: #fff;
}

.work-value-row1 {
    overflow: hidden;
    font-weight: 400;
}

.positive-section {
    min-height: 800px;
    margin: 100px;
    border: 25px solid #1bb4fb;
    background-color: #fff;
    text-align: left;
}

.positive-text {
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 1.5em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.37em;
}

.positive-background {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/img/left-decoration.svg'), url('/img/green-background.svg');
    background-position: 305px 20%, 100% 81%;
    background-size: cover, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, scroll;
}

.positive-affirmation-text {
    padding: 20px;
    color: #343638;
    font-size: 1.5em;
}

.obituary {
    position: relative;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 30% 5% 10%;
    background-image: url('/img/obituary-head.svg'), -webkit-repeating-radial-gradient(circle farthest-corner at 50% 50%, #fff, hsla(0, 0%, 67%, .37));
    background-image: url('/img/obituary-head.svg'), repeating-radial-gradient(circle farthest-corner at 50% 50%, #fff, hsla(0, 0%, 67%, .37));
    background-position: 50% 35px, 0px 0px;
    background-size: 99%, auto;
    background-repeat: no-repeat, repeat;
}

.collegeplan-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.collegeplan-row.two {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.collegeplan-row.two.header {
    overflow: hidden;
    max-height: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #aaa;
    font-size: 0.9em;
}

.collegeplan-row.two.top-align {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.center-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.college-compare-row-2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 25px;
    background-color: #eec8cc;
    line-height: 1;
}

.list-item-2 {
    margin-left: -30px;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
    line-height: 2em;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    list-style-type: disc;
}

.list-item-2:hover {
    color: #343638;
}

.list-item-2._2 {
    line-height: 1.25em;
}

.textblock-5 {
    position: relative;
    z-index: 999999999;
    display: block;
    margin-bottom: 20px;
    padding: 0px 10px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: transparent;
    font-family: Oxygen, sans-serif;
    font-size: 0.96em;
    line-height: 1;
    font-weight: 400;
    text-align: left;
}

.textblock-5.cost {
    padding: 1px;
}

.important-text-stretch {
    display: block;
}

.textblock-6 {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 1.25em;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.hidden-text-head {
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1em;
}

.fontawesome-span {
    margin-left: 5px;
    font-family: Fontawesome;
    font-size: 0.75em;
}

.hidden-text-div {
    display: block;
    overflow: hidden;
    height: 0px;
    margin-bottom: 5px;
    background-color: #e8e8e8;
    cursor: pointer;
}

.hidden-text-div.gray {
    height: 0px;
    background-color: #e8e8e8;
}

.close-font {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #e8e8e8;
    font-family: Fontawesome;
    font-size: 1.25em;
    cursor: pointer;
}

.close-font.gray {
    background-color: #e8e8e8;
}

.hidden-text-wrapper {
    font-size: 1em;
}

.accordion-generic-wrapper {
    display: block;
    max-width: 800px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.accordion-generic-wrapper._50-percent {
    margin-right: 1%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
}

.accordion-generic {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 3px;
    background-color: #3a70b8;
}

.accordion-generic._1 {
    height: 40px;
    margin-top: 10px;
    padding: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: hsla(0, 0%, 67%, .88);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    font-weight: 700;
}

.accordion-generic._1._2 {
    height: auto;
    margin: 2% 5%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.accordion-generic._1._2._3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 0%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #e8e8e8;
}

.arrow-image2 {
    position: absolute;
    top: 5px;
    right: 10px;
    bottom: 5px;
    width: 30px;
    height: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
    font-size: 2em;
}

.accordion-generic-open {
    overflow: hidden;
    margin-bottom: 10px;
}

.college-plan-subhead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.college-plan-head-2 {
    padding: 20px;
}

.hidden-input-form {
    height: 32px;
    border-style: none;
    background-color: #e8e8e8;
    line-height: 1.25;
    font-weight: 400;
}

.hidden-input-form.city {
    width: 50%;
    float: left;
}

.hidden-input-form._75-percent {
    margin-right: 0px;
    margin-bottom: 5px;
    float: none;
}

.hidden-input-form.absolute {
    background-color: #e8e8e8;
}

.college-plan-select {
    height: 32px;
    margin-bottom: 5px;
    margin-left: 0px;
    border-style: none;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #e8e8e8, #e8e8e8);
    background-image: linear-gradient(180deg, #e8e8e8, #e8e8e8);
    color: #343638;
    text-align: left;
}

.college-plan-select._20-percent {
    height: 32px;
    min-width: 50px;
    margin-bottom: 10px;
}

.college-plan-select.state {
    width: 50%;
    height: 32px;
    float: left;
}

.college-plan-select.margin {
    margin-left: 5px;
}

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

.final-score-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.final-score-row {
    padding: 5px;
    background-color: rgba(100, 164, 67, .15);
}

.green-link {
    color: #64a443;
    line-height: 1em;
}

.textblock-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-weight: 400;
    text-align: center;
}

.summary-div {
    position: static;
    left: 1037px;
    top: 13px;
    right: 624px;
    z-index: 9999999999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    float: right;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #3a70b8;
    font-size: 0.75em;
}

.summary-div:hover {
    background-color: #2f5c99;
}

.summary-div2 {
    width: 100%;
    margin-top: 10px;
    padding: 20px;
    border: 3px solid #e8e8e8;
    border-radius: 3px;
}

.summary-row {
    width: 100%;
}

.paragraph-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 0px none #000;
    -moz-column-rule: 0px none #000;
    column-rule: 0px none #000;
}

.paragraph-3 {
    font-size: 1em;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-rule: 1px solid #e8e8e8;
    -moz-column-rule: 1px solid #e8e8e8;
    column-rule: 1px solid #e8e8e8;
}

.paragraph-4 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 1px solid hsla(0, 0%, 67%, .88);
    -moz-column-rule: 1px solid hsla(0, 0%, 67%, .88);
    column-rule: 1px solid hsla(0, 0%, 67%, .88);
}

.paragraph-5 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.inline-textblock {
    display: inline;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.budget-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.your-budget-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.your-budget-row.two {
    background-color: #fff;
}

.edit-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 6px;
    background-color: #64a443;
}

.edit-button:hover {
    background-color: #508634;
}

.budget-col4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.budget-total-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #64a443;
}

.bullseye-1 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 875px;
    height: 875px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 10px solid #a8ce94;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 #000;
}

.dropdown {
    position: relative;
    display: block;
    margin-bottom: 5px;
    background-color: #e8e8e8;
}

.dropdown.w--open {
    display: inline-block;
}

.dropdown-list-1 {
    position: relative;
    display: none;
    overflow: hidden;
}

.dropdown-list-1.w--open {
    position: relative;
    display: none;
    height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dropdown-toggle {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.dropdown-toggle.w--open {
    position: relative;
    display: block;
    background-color: #e8e8e8;
}

.dropdown-toggle.roles {
    background-color: #a8ce94;
}

.dropdown-toggle.skills {
    background-color: #abeaf5;
}

.dropdown-toggle.strengths {
    background-color: #d5e394;
}

.dropdown-toggle.values {
    background-color: #aac7e9;
}

.dropdown-toggle.passions {
    background-color: #eec8cc;
}

.dropdown-toggle.passions.w--open {
    background-color: #eec8cc;
}

.dropdown-form {
    position: static;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bull-div {
    position: absolute;
    left: 283px;
    top: -10px;
    right: 0px;
    bottom: -10px;
    display: block;
    width: 300px;
    height: 800px;
    padding: 20px 20px 100px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 3px;
    background-color: #aaa;
    opacity: 1;
    color: #343638;
}

.textblock-bullseye {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 #000;
    font-size: 0.9em;
    cursor: pointer;
}

.textblock-bullseye.passion {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.bullseye-5 {
    position: absolute;
    left: 300px;
    top: 300px;
    right: 300px;
    /* bottom: 300px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 275px;
    height: 275px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 10px solid #dacdce;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 #000;
}

.bullseye-4 {
    position: absolute;
    left: 225px;
    top: 225px;
    right: 225px;
    bottom: 225px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 425px;
    height: 425px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 10px solid #aac7e9;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 #000;
    text-align: center;
}

.bullseye-3 {
    position: absolute;
    left: 150px;
    top: 150px;
    right: 150px;
    bottom: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 575px;
    height: 575px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 10px solid #d5e394;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 #000;
}

.bullseye-2 {
    position: absolute;
    left: 75px;
    top: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 725px;
    height: 725px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 10px solid #abeaf5;
    border-radius: 50%;
    box-shadow: 0 1px 1px 0 #000;
}

.bull-hidden-div {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 875px;
    height: 875px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: transparent;
}

.bull-hidden-div.yellow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    background-image: none;
}

.bull-hidden-div.aqua {
    background-color: transparent;
}

.bull-hidden-div.blue {
    background-color: transparent;
}

.bull-hidden-div.pink {
    position: absolute;
    display: block;
    background-color: transparent;
    background-image: none;
}

.bull-hidden-generic {
    position: relative;
    z-index: 11;
    display: block;
    width: 875px;
    height: 875px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: 0;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
}

.update-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    padding: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #64a443;
}

.update-button:hover {
    color: #fff;
}

.bullseye-name {
    position: absolute;
    left: 375px;
    top: 375px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 125px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-style: solid;
    border-width: 2px;
    border-color: hsla(0, 0%, 67%, .88);
    border-radius: 50%;
}

.bull-textblock {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 3px;
    background-color: #a8ce94;
    font-size: 1em;
}

.bull-textblock.aqua {
    background-color: #abeaf5;
}

.bull-textblock.yellow {
    background-color: #d5e394;
}

.bull-textblock.blue {
    background-color: #aac7e9;
    text-align: left;
}

.bull-textblock.pink {
    background-color: #dacdce;
}

.goals-row {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 5px solid #e8e8e8;
    border-radius: 3px;
    background-color: transparent;
}

.textblock-diagram {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.textblock-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5%;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    font-size: 1em;
}

.float-div {
    display: block;
}

.reminder-image {
    display: inline-block;
    width: 10%;
    float: left;
    -webkit-filter: brightness(400%);
    filter: brightness(400%);
}

.message-number {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
}

.close-sidebar-div {
    display: block;
    width: 50px;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
}

.close-sidebar-div2 {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 0px;
    height: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
}

.close-sidebar-text {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 380px;
    height: 30px;
    margin-left: 50px;
    padding-right: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-top-right-radius: 20px;
    background-color: #4e5152;
    box-shadow: 0 -1px 1px 0 #414042;
    font-family: Montserrat, sans-serif;
    color: #e8e8e8;
    text-align: right;
    text-transform: uppercase;
    cursor: pointer;
}

.help-div {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    display: block;
    width: 380px;
    height: 100vh;
    margin-left: 50px;
    background-color: #4e5152;
}

.thumbs {
    position: fixed;
    left: 2px;
    right: 2px;
    bottom: 128px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: url('/img/thumb-down_2.svg');
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.thumbs:hover {
    opacity: 0.69;
}

.thumbs._2 {
    bottom: 165px;
    background-image: url('/img/thumb-up.svg');
    background-size: 30px;
    cursor: pointer;
}

.messaging-image {
    width: 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    opacity: 1;
    -webkit-filter: brightness(400%);
    filter: brightness(400%);
}

.rating-dropdown {
    position: absolute;
    z-index: 900;
    background-color: #636666;
}

.woman-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 750px;
    height: 30px;
    margin-top: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.woman-row.head-2 {
    position: relative;
    left: 7px;
    top: -8px;
}

.woman-cell {
    position: relative;
    overflow: visible;
    height: 30px;
    max-width: 100px;
    min-width: 30px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #e8e8e8;
}

.woman-text-2 {
    position: absolute;
    left: 173px;
    top: 0px;
    bottom: 0px;
    display: inline-block;
    -webkit-transform: perspective(414px) rotate(40deg);
    transform: perspective(414px) rotate(40deg);
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    font-size: 0.75em;
}

.woman-text-2.two {
    left: 115px;
    top: -5px;
    bottom: 0px;
}

.woman-text-2.two.blue {
    color: #3a70b8;
}

.woman-text-2.four {
    left: 151px;
    top: 1px;
    bottom: 0px;
}

.woman-text-2.four.blue {
    color: #3a70b8;
}

.woman-text-2.five {
    left: 82px;
    top: -3px;
    font-size: 0.75em;
}

.woman-text-2.five.blue {
    color: #3a70b8;
}

.woman-text-2.six {
    left: 191px;
}

.woman-text-2.seven {
    left: 224px;
}

.woman-text-2.eight {
    left: 259px;
}

.woman-text-2.nine {
    left: 294px;
}

.woman-text-2.nine.blue {
    color: #3a70b8;
}

.woman-text-2.ten {
    left: 323px;
}

.woman-text-2.eleven {
    left: 356px;
}

.woman-text-2.twelve {
    left: 393px;
}

.woman-text-2.fourteen {
    left: 466px;
}

.woman-text-2.fifteen {
    left: 500px;
}

.woman-text-2.sixteen {
    left: 532px;
}

.woman-text-2.thirteen {
    left: 428px;
}

.woman-container {
    position: relative;
    height: 125px;
    margin-bottom: 10px;
}

.woman-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.woman-row-2 {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #e8e8e8;
}

.field-label-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2%;
    height: 40px;
    margin-bottom: 0px;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.field-label-inline._10-percent {
    width: 10%;
    margin-left: 4px;
}

.woman-div-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.woman-div-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.line {
    position: relative;
    left: 0px;
    top: -30px;
    right: 0px;
    width: 750px;
    height: 2px;
    border: 1px solid #3a70b8;
}

.line.gray {
    border-color: #343638;
}

.copyright-text {
    margin-right: 10px;
    line-height: 1em;
    text-transform: uppercase;
}

.thumb-div2 {
    position: relative;
    left: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.thumb-div3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.thumb-radio {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    background-color: #e8e8e8;
    opacity: 0;
}

.thumb-radio-2 {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.thumb-click {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .42);
    opacity: 0;
}

.green-thumb {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    background-image: url('/img/green-thumb-up.svg');
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-filter: brightness(200%) saturate(100%);
    filter: brightness(200%) saturate(100%);
}

.helpbox-div {
    position: relative;
    max-width: 400px;
    min-height: 100px;
    min-width: 100px;
    padding: 25px;
    border-radius: 6px;
    background-color: #e8e8e8;
    box-shadow: 1px 1px 1px 0 hsla(0, 0%, 67%, .88);
}

.helpbox-div2 {
    position: absolute;
    left: -11px;
    top: 36px;
    width: 30px;
    height: 30px;
    background-color: #e8e8e8;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.helpbox-close {
    position: absolute;
    left: 364px;
    top: 5px;
    right: 0px;
    width: 30px;
    height: 30px;
    background-image: url('/img/circle-X-transparent.svg');
    background-position: 50% 50%;
    background-size: 25px 25px;
    background-repeat: no-repeat;
}

.helpbox-close:hover {
    opacity: 0.5;
}

.tab-div {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tab-text {
    margin-left: 8px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 0.85em;
    font-weight: 400;
}

.tab-text:hover {
    font-weight: 400;
}

.search-div {
    position: relative;
    top: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.search {
    position: absolute;
    left: 314px;
    top: 13px;
    right: 340px;
    bottom: -8px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.search:hover {
    opacity: 1;
}

.search:active {
    opacity: 0.5;
}

.sort-dropdown {
    width: 35%;
    height: 25px;
    margin-top: 7px;
    padding: 3px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #4e5152;
    background-image: -webkit-linear-gradient(270deg, #4e5152, #4e5152);
    background-image: linear-gradient(180deg, #4e5152, #4e5152);
    font-family: Montserrat, sans-serif;
    color: #fff;
    line-height: 1;
}

.sort-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cancel-button {
    display: block;
    border-radius: 3px;
    background-color: #5d95d0;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.cancel-button:hover {
    background-color: #64a443;
    color: #fff;
}

.cancel-submit-buttons {
    position: fixed;
    left: 0px;
    top: 680px;
    right: 0px;
    bottom: 0px;
    z-index: 10000000000000000;
    display: none;
    width: 100%;
    height: 5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
}

.billing-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    height: 30px;
    float: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: hsla(0, 0%, 67%, .88);
    text-transform: uppercase;
}

.billing-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    height: 40px;
    margin-bottom: 5px;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4e5152;
}

.column-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
}

.billing-wrapper {
    font-size: 0.9em;
}

.billing-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15%;
    height: 40px;
    margin-bottom: 5px;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4e5152;
}

.license-wrapper {
    position: static;
    left: 0px;
    top: 33px;
    right: 0px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.license-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 85%;
    height: 30px;
    float: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.billing-div2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 15%;
    height: 30px;
    float: left;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 2px solid #fff;
    background-color: hsla(0, 0%, 67%, .88);
}

.billing-div2.license {
    width: 15%;
    margin-top: 0px;
    border-left-style: none;
    background-color: #e8e8e8;
}

.name-div {
    width: 100%;
    height: 25px;
    float: none;
    border-bottom: 1px solid #dadada;
    background-color: #fff;
}

.name-row {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    height: 25px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #343638;
}

.arrow-billing {
    cursor: pointer;
}

.billing-wrap1 {
    margin-bottom: 5px;
}

.license-wrap1 {
    margin-bottom: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 67%, .71);
    border-radius: 3px;
    box-shadow: 0 1px 4px -1px grey;
}

.billing-main-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 10px;
    padding: 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.toggle-switch {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-color: transparent;
}

.plus-icon-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #4ac3cb;
    color: #fff;
    font-size: 2em;
    cursor: pointer;
}

.plus-icon-2:hover {
    color: #000;
}

.activate-button {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 125px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #4e5152;
    font-size: 0.8em;
}

.activate-button:hover {
    color: #fff;
}

.activate-div {
    position: relative;
    left: 2px;
    top: -9px;
    right: -6px;
    bottom: -50px;
    display: block;
    width: 125px;
    margin-top: 10px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.activate-button-2 {
    display: block;
    width: 125px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: #4ac3cb;
    font-size: 0.8em;
}

.activate-button-2:hover {
    background-color: #4ac3cb;
    color: #fff;
}

.hidden-div-2 {
    display: block;
    opacity: 1;
    -webkit-perspective-origin: 50% 100%;
    perspective-origin: 50% 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.billing-row2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 20px 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #e8e8e8;
}

.column-2-billing {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.sidebar-fill {
    height: 50px;
    background-color: #aaa;
}

.textblock-head {
    font-family: Montserrat, sans-serif;
    color: #3a70b8;
    font-size: 1.25em;
    line-height: 1.25;
    font-weight: 700;
}

.getting-started-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 200px;
    min-width: 200px;
    margin: 1%;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    border-radius: 3px;
    background-color: #e8e8e8;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
}

.getting-started-cell:hover {
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}

.oxygen-font {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-family: Oxygen, sans-serif;
    color: #343638;
}

.footer-link:hover {
    font-weight: 300;
}

.guide-div2 {
    display: block;
    overflow: hidden;
    width: 70%;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 1px 1px 5px -2px #000;
    opacity: 0;
    -webkit-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
}

.scroll-div {
    overflow: auto;
    max-height: 400px;
    min-height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.guide-head {
    padding: 10px;
    background-color: #eaeaea;
}

.textblock-7 {
    background-color: transparent;
    color: #64a443;
    font-size: 1.5em;
    line-height: 1;
    text-shadow: 1px 0 1px #000;
}

.flex-cell1 {
    height: 100%;
    padding: 15%;
}

.inline-link {
    display: block;
    font-family: Montserrat, sans-serif;
    color: #5d95d0;
    line-height: 1;
    font-weight: 700;
    text-decoration: underline;
}

.video-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.video-footer._3 {
    overflow: hidden;
    min-height: 400px;
    padding: 2%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    background-color: #3a70b8;
    background-image: none;
    opacity: 1;
    font-weight: 700;
}

.video-cell {
    margin-right: 2%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    text-align: left;
}

.video-cell._2 {
    margin: 1%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.video {
    overflow: hidden;
}

.flex-parent-2 {
    display: block;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    background-color: #fff;
    font-weight: 700;
}

.h3-white {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px;
    background-color: transparent;
    color: #fff;
}

.h3-white._1 {
    border-bottom-style: none;
}

.head-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1140px;
    margin: 2%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.lightbulb-overlay {
    position: absolute;
    left: 0px;
    top: 81px;
    right: 0px;
    bottom: 0px;
    display: block;
    height: 400px;
    background-color: transparent;
    background-image: url('/img/light-bulb-3.svg');
    background-position: 0px 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.3;
}

.h1-black {
    background-color: #e8e8e8;
    color: #343638;
    text-transform: uppercase;
}

.faq-wrap {
    min-width: 33%;
    padding: 1%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    background-color: #fff;
}

.accordion-generic-closed {
    overflow: hidden;
    margin-top: 2%;
    margin-bottom: 2%;
}

.public-link {
    position: relative;
    left: -15px;
    top: 0px;
    padding: 9px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    border-radius: 3px;
    background-color: #fff;
    color: #5d95d0;
    text-transform: uppercase;
    cursor: pointer;
}

.supporter-link {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 200px;
    height: 200px;
}

.supporter-link:hover {
    -webkit-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.list-item3 {
    color: #5d95d0;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 700;
    text-decoration: underline;
    list-style-type: disc;
    cursor: pointer;
}

.list-item3:hover {
    color: #64a443;
}

.list-item3:active {
    -webkit-filter: none;
    filter: none;
}

.ui-list {
    max-width: 800px;
    margin-top: 5%;
    margin-bottom: 5%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}

.public-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    min-height: 400px;
    margin-top: 80px;
    padding: 5%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #e8e8e8;
}

.public-section._2 {
    display: block;
    overflow: hidden;
    height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/e-learning-20.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/e-learning-20.jpg');
    background-position: 0px 0px, 100% 40%;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
}

.public-section._3 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/resources-20.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/resources-20.jpg');
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
}

.public-section._4 {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64)), url('/img/how-it-works.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .64), rgba(0, 0, 0, .64)), url('/img/how-it-works.jpg');
    background-position: 0px 0px, 100% -54px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.public-section._5 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/media_3.svg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/media_3.svg');
    background-position: 0px 0px, 50% -140px;
    background-size: auto, contain;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.public-section._6 {
    background-color: #3a70b8;
}

.public-section._7 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #64a443;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .71), rgba(0, 0, 0, .71)), url('/img/header3-02_Artboard-1.svg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .71), rgba(0, 0, 0, .71)), url('/img/header3-02_Artboard-1.svg');
    background-position: 0px 0px, 40% 50%;
    background-size: auto, 600% 500%;
    background-attachment: scroll, fixed;
}

.public-section._8 {
    background-image: url('/img/chalkboard.jpg');
    background-position: 0px 0px;
    background-size: cover;
}

.public-section._1 {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/getting-started.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/img/getting-started.jpg');
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
}

.public-section._9 {
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('/img/parents-2.jpg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('/img/parents-2.jpg');
    background-position: 0px 0px, 50% -188px;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
}

.public-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 1%;
    padding: 2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 33%;
    -ms-flex: 0 33%;
    flex: 0 33%;
    border-radius: 3px;
    background-color: #fff;
}

.public-cell._1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    background-color: #e8e8e8;
}

.public-cell._1._50-percent {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

.public-cell._5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2% 0% 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.public-cell._6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    background-color: transparent;
}

.public-cell._100-percent {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.public-cell._3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

.public-cell._50-percent {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-basis: 48%;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

.public-cell._50-percent.background {
    display: block;
    height: 650px;
    background-color: #e8e8e8;
}

.content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    margin-top: 40px;
    margin-bottom: 80px;
    padding: 2%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    background-color: transparent;
    line-height: 2;
}

.content-wrap.coach {
    margin-top: 0px;
    padding-top: 0%;
    text-transform: none;
}

.content-wrap.a {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

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

.content-wrap.vertical {
    padding-right: 5%;
    padding-left: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-wrap._3 {
    margin-top: 0px;
    margin-bottom: 100px;
    padding-right: 10%;
    padding-bottom: 5%;
    padding-left: 10%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Oxygen, sans-serif;
}

.modal-wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 160000;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: rgba(18, 37, 61, .94);
}

.popup {
    position: relative;
    left: 0px;
    top: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    font-family: Montserrat, sans-serif;
}

.popup.rating {
    max-width: 800px;
}

.login-popup {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 500px;
    padding: 10%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.remove-button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50px;
    height: 50px;
    background-color: #a3cd39;
    background-image: url('/img/close-button.svg');
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    cursor: pointer;
}

.login-input {
    height: 45px;
    border-style: none;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(270deg, #e8e8e8, #e8e8e8);
    background-image: linear-gradient(180deg, #e8e8e8, #e8e8e8);
}

.login-input:hover {
    background-color: #dfdfdf;
}

.login-input.large {
    height: 75px;
}

.button-2 {
    display: block;
    width: 100%;
    margin-top: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #a3cd39;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-align: center;
}

.button-2:hover {
    color: #fff;
}

.success-message {
    background-color: transparent;
    color: #fff;
}

.contact-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    background-color: #a3cd39;
    font-family: Montserrat, sans-serif;
    color: #fff;
}

.contact-button:hover {
    background-color: #97bb3b;
}

.contact-button._2 {
    margin-bottom: 60px;
}

.educator-link {
    position: absolute;
    width: 200px;
    height: 200px;
}

.media-link {
    position: absolute;
    width: 200px;
    height: 200px;
}

.student-link {
    position: absolute;
    width: 200px;
    height: 200px;
}

.textblock-8 {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.textblock-9 {
    max-width: 800px;
    margin-bottom: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 2;
}

.textblock-9._50-percent {
    width: 50%;
}

.new-span {
    color: #892397;
}

.textblock-10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    padding: 10px 2px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
    text-align: left;
}

.textblock-10.white-background {
    max-height: 75px;
    min-height: 60px;
    background-color: #fff;
}

.textblock-10.white-background.head {
    height: 100px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
}

.advisory-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    padding: 5%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8e8e8;
}

.advisory-image {
    width: 50%;
    min-height: 50%;
    margin-right: 5%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-image: url('/img/teenager-20.jpg');
    background-position: 50% 50%;
    background-size: cover;
}

.video-front {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: -webkit-linear-gradient(270deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), url('/img/video2.JPG'), -webkit-linear-gradient(270deg, transparent, #12253d);
    background-image: linear-gradient(180deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), url('/img/video2.JPG'), linear-gradient(180deg, transparent, #12253d);
    background-position: 0px 0px, 0px 0px, 0px 0px;
    background-size: auto, cover, auto;
}

.video-front._1 {
    background-image: -webkit-linear-gradient(270deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), -webkit-linear-gradient(270deg, transparent, #12253d), url('/img/video1.JPG');
    background-image: linear-gradient(180deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), linear-gradient(180deg, transparent, #12253d), url('/img/video1.JPG');
    background-position: 0px 0px, 0px 0px, 100% 50%;
    background-size: auto, auto, cover;
}

.video-front._3 {
    background-image: -webkit-linear-gradient(270deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), -webkit-linear-gradient(270deg, transparent, #12253d), url('/img/vid_chap8img.png');
    background-image: linear-gradient(180deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), linear-gradient(180deg, transparent, #12253d), url('/img/vid_chap8img.png');
    background-position: 0px 0px, 0px 0px, 0px 0px;
    background-size: auto, auto, cover;
}

.video-front._0 {
    background-image: -webkit-linear-gradient(270deg, transparent, #12253d), -webkit-linear-gradient(270deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), url('/img/homeimage.jpg');
    background-image: linear-gradient(180deg, transparent, #12253d), linear-gradient(180deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), url('/img/homeimage.jpg');
    background-position: 0px 0px, 0px 0px, 0px 0px;
    background-size: auto, auto, cover;
}

.video-front._2 {
    background-image: -webkit-linear-gradient(270deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), -webkit-linear-gradient(270deg, transparent, #12253d);
    background-image: linear-gradient(180deg, rgba(18, 37, 61, .74), rgba(18, 37, 61, .74)), linear-gradient(180deg, transparent, #12253d);
}

.video-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 300px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.video-container._2 {
    height: 100%;
    min-height: 300px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.video-lightbox {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.play-button {
    position: relative;
    z-index: 10;
    display: block;
    width: 75px;
    height: 75px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%;
    background-color: #7dcc54;
    background-image: url('/img/play.svg');
    background-position: 57% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
    cursor: pointer;
}

.play-button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.video-description {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 3%;
    color: #5d95d0;
    line-height: 1;
    font-weight: 400;
}

.brand {
    display: block;
    width: 50%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.brand.w--current {
    width: 50%;
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

.nav-menu-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 80px;
    padding-right: 2%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.textblock-11 {
    margin: 5%;
}

.form-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.workbook {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 10px solid #fff;
    border-radius: 3px;
}

.textblock-title {
    margin-bottom: 50px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: Montserrat, sans-serif;
    color: #a3cd39;
    font-size: 2.5em;
    line-height: 1;
    text-align: center;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.section-wrap {
    display: block;
    overflow: hidden;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #fff;
}

.section-wrap.a {
    background-color: #e8e8e8;
    background-image: url('/img/land.svg');
    background-position: 50% 50%;
    background-size: cover;
}

.section-wrap.cta {
    background-color: #12253d;
}

.cta-textblock {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
}

.hero-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-wrap {
    position: relative;
    width: 33.33%;
    height: 600px;
    max-height: 600px;
    margin-top: 2%;
    margin-bottom: 2%;
    float: left;
    clear: right;
    background-color: transparent;
}

.grid-wrap._1 {
    width: 66.666%;
    background-image: url('/img/my-skills-inventory.JPG');
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 3px 0 #000;
}

.grid-wrap._2 {
    width: 66.666%;
    background-image: url('/img/my-summary-pic.JPG');
    background-position: 0px 0px;
    background-size: cover;
    box-shadow: 1px 1px 3px 0 #000;
}

.grid-wrap._3 {
    width: 66.666%;
    background-image: url('/img/career-interest-survey.JPG');
    background-position: 0px 0px;
    background-size: cover;
    box-shadow: 1px 1px 3px 0 #000;
}

.grid-wrap._4 {
    width: 66.666%;
    background-image: url('/img/bullseye.JPG');
    background-position: 0px 0px;
    background-size: cover;
    box-shadow: 1px 1px 3px 0 #000;
}

.grid-wrap._5 {
    width: 66.666%;
    background-image: url('/img/change-coach-snip.JPG');
    background-position: 0px 0px;
    background-size: cover;
    box-shadow: 1px 1px 3px 0 #000;
}

.grid-cell {
    position: absolute;
    left: 50px;
    top: 50%;
    right: 50px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.rich-text1 {
    font-weight: 400;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.rich-text1 h2 {
    font-family: Oxygen, sans-serif;
    color: #a3cd39;
    font-weight: 400;
}

.rich-text1 ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

.rich-text1 li {
    margin-left: 40px;
    font-family: Oxygen, sans-serif;
    font-size: 1em;
    line-height: 1.25em;
    list-style-type: disc;
}

.rich-text1 li:hover {
    color: #343638;
}

.rich-text1 strong {
    color: #343638;
}

.rich-text1 a {
    display: inline;
    color: #5d95d0;
    line-height: 1.5em;
    font-weight: 700;
}

.rich-text1 a:hover {
    color: #7dcc54;
}

.rich-text1 p {
    padding: 1%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.rich-text1 h1 {
    color: #a3cd39;
    font-size: 2em;
    font-weight: 400;
    text-align: left;
}

.word-verification {
    height: 150px;
}

.paragraph-800 {
    max-width: 800px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.nav-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
}

.error-message2 {
    background-color: transparent;
}

.success-message2 {
    overflow: auto;
    background-color: transparent;
}

.password-popup {
    position: relative;
    display: none;
    overflow: hidden;
    max-width: 500px;
    padding: 10%;
    background-color: #fff;
}

.school-popup {
    position: relative;
    display: none;
    overflow: hidden;
    max-width: 500px;
    padding: 10%;
    background-color: #fff;
}

.activation-popup {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 500px;
    padding: 10%;
    background-color: #fff;
}

.terms-popup {
    position: relative;
    display: none;
    overflow: hidden;
    width: 600px;
    padding: 2% 4%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
}

.terms-div {
    overflow: scroll;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #343638;
    text-align: left;
}

.login-flex {
    display: block;
    margin-top: 3%;
}

.field-label-3 {
    padding-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
}

.checkbox-field-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.textblock-gray {
    background-color: transparent;
    color: #343638;
    text-align: left;
}

.textblock-gray.margin {
    margin-top: 2%;
}

.back-button {
    position: fixed;
    left: -1px;
    top: 460px;
    right: -1px;
    z-index: 150000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #a3cd39;
}

.back-button:hover {
    color: #7c9c2a;
}

.radiio-field-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.radio-2 {
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-right: 10px;
}

.login-flex1 {
    display: none;
    margin-top: 3%;
}

.login-flex2 {
    display: none;
    margin-top: 3%;
}

.login-flex3 {
    display: none;
    margin-top: 3%;
}

.link-wrap {
    width: 100%;
}

.welcome-span {
    font-size: 1em;
}

.life-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    padding-right: 1%;
    padding-left: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.life-cell._2 {
    padding-left: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.life-cell._3 {
    max-width: 800px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.paragraph-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    line-height: 1.25;
}

.life-cell2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.life-cell2.in-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.life-cell2.right-align {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.life-cell2._3 {
    width: 150px;
}

.red {
    color: #892397;
}

.lifespan-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.lifespan-wrapper2 {
    padding: 0% 2% 2%;
}

.lifespan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border: 5px solid #12253d;
    background-color: transparent;
}

.lifespan-cell1 {
    width: 125px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.lifespan-cell2 {
    width: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.lifespan-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 70px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: #12253d;
}

.life-numbers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fff;
}

.lifespan-fill {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.lifespan-cell {
    height: 20%;
}

.lifespan-cell._1 {
    background-color: grey;
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
    text-align: center;
}

.lifespan-cell._2 {
    background-color: #4e5152;
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
    text-align: center;
}

.lifespan-cell._3 {
    background-color: #000;
    color: #fff;
    font-size: 0.75em;
    font-weight: 400;
    text-align: center;
}

.trash {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer;
}

.trash:hover {
    opacity: 0.49;
}

.trash:active {
    opacity: 1;
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.ui-list2 {
    display: block;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.checkpoint-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    margin-top: 1%;
    margin-bottom: 1%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background-color: #343638;
}

.next-button {
    display: none;
    height: 50px;
}

.checkpoint-fill {
    display: block;
    width: 0%;
    height: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #892397;
}

.check-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 2%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: #e8e8e8;
}

.checkpoint-message {
    padding: 2%;
    background-color: #f5e8f7;
}

.rating-popup {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 500px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.ready-to-grade {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2%;
    padding: 1%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #e8e8e8;
    text-align: left;
}

.gradesheet-mainwrap {
    position: relative;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.accordion-main-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2%;
    margin-bottom: 2%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.message-div {
    position: absolute;
    left: -5px;
    top: 12.5px;
    width: 25px;
    height: 25px;
    background-color: #e8e8e8;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.message-div.two {
    left: auto;
    top: 12.5px;
    right: -5px;
    background-color: #e8b5f0;
}

.message-text {
    display: inline-block;
    padding: 3%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    color: #343638;
    font-size: 0.75em;
    font-weight: 400;
    text-align: left;
}

.message-title {
    position: absolute;
    left: 21px;
    top: -13px;
    display: block;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.75em;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}

.message-title._2 {
    left: auto;
    top: -13px;
    right: 21px;
    display: block;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.message2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    margin-top: 15px;
    padding: 0% 5%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.message-button {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #4e5152;
    background-image: url('/img/message-arrow_2.svg');
    background-position: 50% 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    color: #343638;
}

.message-button:hover {
    background-color: #64a443;
}

.message-chapter {
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #e8e8e8;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.75em;
    text-align: center;
    text-transform: uppercase;
}

.instructor-popup {
    padding: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
}

.message-list {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 600px;
    padding-bottom: 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
}

.message-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin-bottom: 0.5%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e8b5f0;
    color: #343638;
    cursor: pointer;
}

.message-item.filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.message-list2 {
    display: none;
    overflow: auto;
    max-height: 600px;
    padding-bottom: 300px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
    -webkit-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
}

.message-head-wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    height: 50px;
    background-color: grey;
}

.message-edit {
    position: absolute;
    z-index: 1600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding: 2%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.75em;
    text-transform: uppercase;
    cursor: pointer;
}

.message-edit:hover {
    color: #892397;
}

.message-name {
    float: left;
    font-family: Montserrat, sans-serif;
    font-size: 0.75em;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.message-arrow {
    position: absolute;
    left: 10px;
    top: 16px;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
}

.message-delete {
    position: relative;
    background-color: transparent;
}

.message-delete2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    background-color: #4b4b4b;
    background-image: url('/img/trash-white.svg');
    background-position: 50% 50%;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    opacity: 0;
}

.message-delete2:hover {
    background-color: #aaa;
    opacity: 0.9;
}

.message-item-wrap {
    padding: 2%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.message-arrow1 {
    position: relative;
    top: 10px;
    display: block;
    float: right;
    clear: right;
}

.message-head-wrap1 {
    display: block;
    width: 100%;
    height: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: grey;
}

.work-value-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    padding: 1%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.work-value-score {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.rating-modal {
    position: fixed;
    z-index: 160000;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 37, 61, .94);
}

.message-wrap2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    margin: 1%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.message-wrap2._1 {
    width: 25%;
}

.message-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #e8e8e8;
}

.message-textblock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.grade-div2 {
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
}

.grade-div2._1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}

.grade-textblock {
    padding-right: 1%;
    padding-left: 1%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #cde4c1;
}

.tab-menu-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.message-status {
    position: absolute;
    left: 155px;
    top: -13px;
    right: 0px;
    bottom: -13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-family: Montserrat, sans-serif;
    color: #343638;
    font-size: 0.5em;
    font-weight: 400;
    text-transform: none;
}

.message-status._2 {
    left: 17px;
    top: -13px;
    right: auto;
    bottom: -13px;
}

.hidden-message {
    display: block;
}

.delete {
    width: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    text-align: center;
}

.delete._2 {
    -webkit-filter: brightness(200%) grayscale(100%);
    filter: brightness(200%) grayscale(100%);
}

.close-info-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #9a1217;
}

.close-info-link:hover {
    color: #e02229;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.error-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
}

.error-message.blue {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    background-color: #e6edf5;
    color: #3a70b8;
}

.error-message.red1 {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 80px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-color: #f1e6e8;
    color: #ae473c;
}

.error-message.aqua {
    background-color: #e5eff1;
    color: #368b91;
}

.error-message.yellow {
    background-color: #f7f8ed;
    color: #8e9a47;
}

.error-message.green {
    background-color: #e8f5e1;
    color: #436d2d;
}

.error-text {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.error-message-cell {
    max-width: 800px;
    padding-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.register-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 40px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #e9e9e9;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    font-family: Montserrat, sans-serif;
    color: #12253d;
    font-size: 1.25em;
}

.register-button:hover {
    border: 3px solid #e9e9e9;
    background-color: transparent;
    color: #e9e9e9;
    font-weight: 600;
}

.modal-2-wrap {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 160000;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 37, 61, .94);
}

.flex-50 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.paragraph-801 {
    line-height: 2;
}

.text-block-3 {
    line-height: 2;
}

.add-instructor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #64a443;
}

.flex-faculty {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.flex-faculty._2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-faculty._1 {
    -webkit-flex-basis: 15%;
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

.edit-faculty:hover {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.delete-faculty:hover {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.faculty-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.faculty-cell {
    padding: 5px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
}

.faculty-cell._1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-basis: 33.33333333%;
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
}

.grade-div3a {
    display: block;
    width: 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.beta-badge {
    position: absolute;
    top: 0px;
    right: 129px;
    z-index: 1500;
    width: 175px;
    height: 175px;
}

html.w-mod-js *[data-ix="fade-in-bottom-page-loads"] {
    opacity: 0;
    -webkit-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="fade-in-left-scroll-in"] {
    opacity: 0;
    -webkit-transform: translate(-50px, 0px);
    -ms-transform: translate(-50px, 0px);
    transform: translate(-50px, 0px);
}

html.w-mod-js *[data-ix="fade-in-right-scroll-in"] {
    opacity: 0;
    -webkit-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
}

html.w-mod-js *[data-ix="fade-in-top-scroll-in"] {
    opacity: 0;
    -webkit-transform: translate(0px, -50px);
    -ms-transform: translate(0px, -50px);
    transform: translate(0px, -50px);
}

html.w-mod-js *[data-ix="fade-in-bottom-scroll-in"] {
    opacity: 0;
    -webkit-transform: translate(0px, 50px);
    -ms-transform: translate(0px, 50px);
    transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="bounce-in-scroll-in"] {
    opacity: 0;
    -webkit-transform: scale(0.6000000000000006, 0.6000000000000006);
    -ms-transform: scale(0.6000000000000006, 0.6000000000000006);
    transform: scale(0.6000000000000006, 0.6000000000000006);
}

html.w-mod-js *[data-ix="scale-on-scroll"] {
    opacity: 0;
    -webkit-transform: scale(0.01, 0.01);
    -ms-transform: scale(0.01, 0.01);
    transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix="login-pop-up"] {
    display: none;
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="show-and-hide"] {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

html.w-mod-js *[data-ix="alert-box-hide"] {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0px, -1000px);
    -ms-transform: translate(0px, -1000px);
    transform: translate(0px, -1000px);
}

html.w-mod-js *[data-ix="table-module-hide"] {
    display: none;
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.15000000000000024);
    transform: scale3d(0.5, 0.5, 0.15000000000000024);
}

html.w-mod-js *[data-ix="hide-strength-modules"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="contemplation-1"] {
    -webkit-transform: translate3d(0px, 0px, 500px);
    transform: translate3d(0px, 0px, 500px);
}

html.w-mod-js *[data-ix="hide-archive"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0px, 500px);
    -ms-transform: translate(0px, 500px);
    transform: translate(0px, 500px);
}

html.w-mod-js *[data-ix="hide-tip-box"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0px, 500px);
    -ms-transform: translate(0px, 500px);
    transform: translate(0px, 500px);
}

html.w-mod-js *[data-ix="plan-module-hide"] {
    display: block;
    opacity: 1;
    -webkit-transform: translate(0px, -1500px);
    -ms-transform: translate(0px, -1500px);
    transform: translate(0px, -1500px);
}

html.w-mod-js *[data-ix="dashboard-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="activities-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="settings-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="chapters-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="archives-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="print-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="fade-in-bottom-100"] {
    opacity: 0;
    -webkit-transform: translate(0px, 100px);
    -ms-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
}

html.w-mod-js *[data-ix="fade-in-bottom-150"] {
    opacity: 0;
    -webkit-transform: translate(0px, 150px);
    -ms-transform: translate(0px, 150px);
    transform: translate(0px, 150px);
}

html.w-mod-js *[data-ix="fade-in-bottom-200"] {
    opacity: 0;
    -webkit-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate(0px, 200px);
}

html.w-mod-js *[data-ix="fade-in-bottom-250"] {
    opacity: 0;
    -webkit-transform: translate(0px, 250px);
    -ms-transform: translate(0px, 250px);
    transform: translate(0px, 250px);
}

html.w-mod-js *[data-ix="hide-login-dropdown-2"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0px, -250px);
    -ms-transform: translate(0px, -250px);
    transform: translate(0px, -250px);
}

html.w-mod-js *[data-ix="general-hide-right-sidebar"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-video-module"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="menu-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-general-reminders-2b1"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="course-popup-hide"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-instructor-update-profile-div-2"] {
    display: block;
    opacity: 0;
}

html.w-mod-js *[data-ix="click-arrow"] {
    opacity: 1;
    -webkit-transform: translate(-12px, -37px);
    -ms-transform: translate(-12px, -37px);
    transform: translate(-12px, -37px);
}

html.w-mod-js *[data-ix="initial-appearance"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-course-options"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-sidebar"] {
    width: 380px;
}

html.w-mod-js *[data-ix="hide-sidebar-2"] {
    width: 380px;
}

html.w-mod-js *[data-ix="new-textbook-form"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-skill-inventory-module"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(-2000px, 0px);
    -ms-transform: translate(-2000px, 0px);
    transform: translate(-2000px, 0px);
}

html.w-mod-js *[data-ix="hide-education-plan-module"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(-2000px, 0px);
    -ms-transform: translate(-2000px, 0px);
    transform: translate(-2000px, 0px);
}

html.w-mod-js *[data-ix="self-mastery-rotate"] {
    -webkit-transform: translate(-2000px, 0px);
    -ms-transform: translate(-2000px, 0px);
    transform: translate(-2000px, 0px);
}

html.w-mod-js *[data-ix="self-mastery-text"] {
    -webkit-transform: translate(2000px, 0px);
    -ms-transform: translate(2000px, 0px);
    transform: translate(2000px, 0px);
}

html.w-mod-js *[data-ix="expand-collapse-switch"] {
    display: block;
    opacity: 1;
}

html.w-mod-js *[data-ix="expand-collapse-switch-2"] {
    display: none;
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-maslow-cells"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="hide-career-module"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(-1200px, 0px);
    -ms-transform: translate(-1200px, 0px);
    transform: translate(-1200px, 0px);
}

html.w-mod-js *[data-ix="fade-in-left-scroll-in-2"] {
    opacity: 0;
    -webkit-transform: translate(50px, 0px);
    -ms-transform: translate(50px, 0px);
    transform: translate(50px, 0px);
}

html.w-mod-js *[data-ix="login-dropdown"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0px, -250px);
    -ms-transform: translate(0px, -250px);
    transform: translate(0px, -250px);
}

html.w-mod-js *[data-ix="career-hidden-module-hide"] {
    display: none;
}

html.w-mod-js *[data-ix="hide-alternative-module1"] {
    display: none;
    -webkit-transform: translate(-2000px, 0px);
    -ms-transform: translate(-2000px, 0px);
    transform: translate(-2000px, 0px);
}

html.w-mod-js *[data-ix="show-career-module1"] {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html.w-mod-js *[data-ix="hide-career-module1"] {
    display: none;
    opacity: 0;
    height: 0px;
}

html.w-mod-js *[data-ix="show-accordion-2"] {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html.w-mod-js *[data-ix="show-accordion-cell2"] {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

html.w-mod-js *[data-ix="workvalue-initial-appearance"] {
    display: none;
    height: 0px;
}

html.w-mod-js *[data-ix="contact-hide"] {
    display: none;
    opacity: 1;
    -webkit-transform: scale(1.09, 1.09);
    -ms-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
}

.c-title {
    font-size: 27px;
    text-align: center;
}

@media (max-width: 991px) {
    .generic-button {
        padding: 7px;
    }
    .generic-button.w--open {
        background-color: #000;
    }
    .section {
        padding-bottom: 0px;
    }
    .success-text {
        display: block;
        padding: 15px;
    }
    .slide-2 {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    .section-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .intro {
        padding: 50px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .educator-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .student-icon {
        font-family: Montserrat, sans-serif;
    }
    .supporter-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .section-2 {
        background-position: -200px 100%, 50% 0px;
    }
    .cta-heading {
        width: 100%;
        margin-bottom: 11px;
        font-size: 1.5em;
        text-align: left;
    }
    .paper-background {
        position: static;
        display: block;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .paper-background.small {
        font-size: 0.8em;
    }
    .hero-button._2 {
        left: -11px;
        top: 0px;
    }
    .answer {
        font-size: 1em;
    }
    .answer:focus {
        border-width: 1px;
    }
    .answer.long {
        display: block;
    }
    .answer._50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .archive-subheader {
        text-align: center;
    }
    .social-icons {
        margin-bottom: -65px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 5%;
        -ms-flex: 0 0 5%;
        flex: 0 0 5%;
    }
    .white-paragraph-text {
        padding-top: 0px;
    }
    .archive {
        min-height: 25%;
    }
    .footer-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .email-icon {
        position: relative;
        left: -8px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .phone-icon {
        position: relative;
        left: -7px;
        top: 2px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .sign-in-div {
        margin-left: 20px;
    }
    .head1 {
        margin-right: 5px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .tabs-gray.w--current {
        width: 25%;
    }
    .sideblock {
        width: 10%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .career-text-1 {
        font-size: 10px;
        line-height: 15px;
    }
    .add-classes-cell1 {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .student-accounts-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .parent-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .ch-tabs {
        width: 30px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1em;
        font-weight: 700;
        text-align: center;
    }
    .ch-tabs.w--current {
        width: 30px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1em;
    }
    .ch-tabs.caption {
        font-size: 1em;
        line-height: 1.5em;
    }
    .field-label-5 {
        width: 30px;
        height: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 1em;
    }
    .grade-sheet-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .grade-cell1 {
        height: 30px;
        padding-right: 5px;
        padding-left: 5px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .activities-cell1 {
        display: block;
        height: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: left;
    }
    .activities-1 {
        width: 30px;
        height: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 1em;
    }
    .grade-input {
        width: 30px;
        height: 30px;
    }
    .grade-input.green-complete {
        width: 30px;
        height: 30px;
        margin-bottom: 1px;
    }
    .grade-popup {
        margin-top: 43px;
    }
    .grade-popup-div1 {
        display: none;
    }
    .gradesheet-key {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .send-button {
        background-color: #a3cd39;
    }
    .logo-div {
        background-image: none;
        background-position: 0px 0px;
        background-size: auto;
        background-repeat: repeat;
        background-attachment: scroll;
    }
    .tabs-scroll {
        height: 60vh;
    }
    .footer-1-text.home {
        height: auto;
        font-size: 0.75em;
    }
    .footer-small {
        font-size: 0.6em;
    }
    .intro-icons {
        width: 75%;
    }
    .media-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .trademark-header {
        display: none;
    }
    .guide-div {
        width: 100%;
    }
    .footer-div {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .getting-started-block-1 {
        padding: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        background-color: #fff;
    }
    .form-wrapper.login {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .row2 {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .row-3-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .main-bull-div {
        position: absolute;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .small-white-link {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .career-cell3.blue {
        height: auto;
    }
    .career-cell3.blue._33-percent {
        height: auto;
    }
    .career-cell6.blue {
        font-size: 0.75em;
    }
    .career-cell6.blue.chosen-career {
        font-size: 0.75em;
    }
    .flex-item1.image3 {
        background-image: url('/img/students-public-3.jpg');
        background-size: cover;
    }
    .h2-align-right {
        color: #12253d;
    }
    .section-b2-cell1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .gradient {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .section-b2-cell2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .title-span {
        text-align: center;
    }
    .compare-row {
        width: 100%;
    }
    .compare-cell.percent.white {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tab-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .login-div4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .login-div3 {
        max-width: 300px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .login-dropdown {
        position: static;
        display: block;
        max-width: 350px;
        margin: 5%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-style: solid;
        border-color: #fff;
        border-radius: 3px;
        background-color: transparent;
    }
    .login-div1 {
        width: 5%;
    }
    .navbar {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-position: 219% 50%, 0px 0px;
        background-size: contain, auto;
    }
    .nav-link {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-bottom: 1px solid #fff;
        background-color: #12253d;
    }
    .nav-link.w--current {
        margin-bottom: 10px;
        padding-right: 20px;
        padding-left: 20px;
        border-right-style: none;
    }
    .dropdown-list.w--open {
        height: 350px;
        background-color: transparent;
    }
    .menu-button {
        position: fixed;
        top: 0px;
        right: 0px;
        display: block;
        margin-bottom: 1px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .menu-button:hover {
        background-color: rgba(18, 37, 61, .88);
    }
    .menu-button.w--open {
        background-color: #12253d;
    }
    .logo {
        margin-left: 20px;
    }
    .incomplete {
        width: 30px;
        height: 30px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .gradesheet-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .grade-sheet-label {
        width: 150px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 0.75em;
        text-align: center;
    }
    .gradesheet-view {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 30px;
        height: 30px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .grade-sheet-label2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 1.5;
        text-align: center;
    }
    .login-div2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .text-block-center {
        font-size: 0.75em;
        line-height: 1.25;
    }
    .career-cell6-textblock {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        font-size: 0.75em;
    }
    .student-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .security-lock {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .logo1 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .footer-cell-0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .positive-text {
        font-size: 1.4em;
    }
    .accordion-generic-wrapper._50-percent {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .dropdown-form {
        display: block;
    }
    .goals-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .cancel-submit-buttons {
        position: fixed;
        left: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .getting-started-cell {
        min-height: 175px;
        margin: 1% 10px 10px;
        -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
    .guide-div2 {
        width: 100%;
    }
    .flex-cell1 {
        padding: 13%;
    }
    .inline-link {
        text-decoration: underline;
    }
    .video-footer._3 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .video-cell {
        padding: 2%;
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    }
    .video-cell._2 {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .head-block {
        padding: 10px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .lightbulb-overlay {
        opacity: 0.12;
    }
    .faq-wrap {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-section {
        margin-top: 80px;
    }
    .public-section._4 {
        position: relative;
    }
    .public-section._5 {
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/media_3.svg');
        background-image: linear-gradient(180deg, null, null), url('/img/media_3.svg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }
    .public-section._9 {
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/parents-2.jpg');
        background-image: linear-gradient(180deg, null, null), url('/img/parents-2.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }
    .public-cell {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .public-cell._1 {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    }
    .public-cell._5 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-cell._50-percent {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-cell._50-percent.background {
        height: auto;
    }
    .content-wrap {
        overflow: hidden;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .content-wrap._3 {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .modal-wrap {
        z-index: 999999;
        display: none;
    }
    .login-popup {
        height: auto;
        padding-bottom: 7%;
    }
    .login-input {
        height: 45px;
    }
    .textblock-8 {
        padding: 30px;
    }
    .textblock-9._50-percent {
        width: 100%;
    }
    .textblock-10 {
        font-size: 0.75em;
    }
    .advisory-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .advisory-image {
        width: 100%;
        min-height: 300px;
    }
    .nav-menu1 {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .video-description {
        font-size: 0.9em;
    }
    .nav-menu-3 {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #12253d;
    }
    .section-wrap {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .grid-wrap {
        width: 50%;
    }
    .grid-wrap._1 {
        width: 50%;
    }
    .grid-wrap._2 {
        width: 50%;
    }
    .grid-wrap._3 {
        width: 50%;
    }
    .grid-wrap._4 {
        width: 50%;
    }
    .grid-wrap._5 {
        width: 50%;
    }
    .nav-div {
        margin-top: 25px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tab-pane {
        width: 700px;
    }
    .grade-div2._1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .flex-50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media (max-width: 795px) {
    .wrapper-why {
        display: block;
    }

    .why-wrapper {
        width: 85%;
        padding-top: 70px;
    }

    .why-display {
        width: 100%; 
        height: 500px;
    }

    .why-top {
        display: block;
    }

    .why-bottom {
        display: none;
    }
}

@media (max-width: 767px) {

    h4 {
        font-size: 80%;
    }
    .generic-button {
        padding: 10px;
    }
    .me-text {
        padding: 15px;
    }
    .success-text {
        padding: 15px;
    }
    .hero-slider {
        position: static;
    }
    .section-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .nav-bar {
        padding-right: 10px;
    }
    .hero-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 187px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .educator-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .supporter-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .section-2 {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-position: 0px 100%, 50% 0px;
    }
    .blue-divider {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .cta-heading {
        margin-bottom: 10px;
        font-size: 1.5em;
        text-align: center;
    }
    .footer-heading {
        font-size: 1em;
    }
    .social-icons {
        width: auto;
        height: 75px;
        margin-bottom: 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .faq-answer {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .footer-parent {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .email-icon {
        position: static;
    }
    .phone-icon {
        position: static;
    }
    .sign-in-div {
        margin-left: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .login-div0 {
        margin-bottom: 10px;
    }
    .head1 {
        margin-right: 0px;
    }
    .tabs-gray {
        width: 20%;
    }
    .tabs-gray.w--current {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 20%;
    }
    .transferable-skills-heading {
        font-size: 100%;
    }
    .skills-inventory-heading {
        font-size: 100%;
    }
    .tab-div1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .dash2 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .dash-wrap-1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .faq-header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .cell-label {
        padding-right: 0px;
        padding-left: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        font-size: 0.75em;
    }
    .add-students-div5 {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .final-score-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .footer-1-text.home {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .intro-icons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .media-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .footer-div {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .email-div {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .getting-started-block-1 {
        width: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        background-color: #fff;
    }
    .flex-parent-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bold-white-text {
        font-size: 1em;
    }
    .flex-item1 {
        min-height: 400px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex-item1.back.image5._9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .flex-item1.back.image-5._7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .flex-item1.back.full-width._11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }
    .flex-item1.back._8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }
    .flex-item1.back._2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .flex-item1.image {
        min-height: 400px;
    }
    .flex-item1.image2._3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .flex-item1._9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .flex-item1._5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .flex-item1._3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .flex-item1._6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .flex-item1._10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }
    .gradient {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .white-textblock {
        padding: 0px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
        text-align: center;
    }
    .compare-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .compare-cell {
        width: 100%;
    }
    .compare-cell.essentials {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .compare-cell.essentials.features1 {
        font-size: 0.55em;
    }
    .compare-cell.percent {
        width: 100%;
        background-color: #aaa;
    }
    .compare-cell.percent.white {
        width: 100%;
    }
    .compare-cell.percent.features {
        width: 100%;
        min-height: 300px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        background-color: #e8e8e8;
    }
    .compare-cell.features1 {
        font-size: 0.55em;
    }
    .tab-menu {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left;
    }
    .login-div4 {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .login-div3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .login-dropdown {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .login-div1 {
        width: 5%;
    }
    .navbar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-position: 50% 50%, 0px 0px;
        background-size: cover, auto;
    }
    .menu-button {
        display: block;
        margin-left: 245px;
    }
    .copyright {
        padding-top: 40px;
        background-color: #12253d;
    }
    .login-div2 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .student-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .security-lock {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .footer-cell-0 {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .positive-text {
        font-size: 1em;
    }
    .close-sidebar-text {
        background-color: #4e5152;
    }
    .getting-started-cell {
        min-width: 250px;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .video-footer._3 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .video-cell {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .video-cell._2 {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
    .h3-white {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .head-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .public-section._4 {
        height: 400px;
    }
    .public-section._6 {
        height: 400px;
    }
    .public-section._7 {
        height: 400px;
    }
    .public-section._9 {
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/parents-2.jpg');
        background-image: linear-gradient(180deg, null, null), url('/img/parents-2.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
    }
    .public-cell._1 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-cell._1._50-percent {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-cell._6 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .public-cell._6.order {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .public-cell._3 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .content-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .login-popup {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .textblock-10 {
        min-height: 75px;
    }
    .grid-wrap {
        float: left;
        font-size: 0.8em;
    }
    .rich-text1 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .tab-pane {
        width: 500px;
    }
    .flex-50 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .image-6 {
        float: none;
    }
}

@media (max-width: 479px) {
    .me-text {
        padding: 25px;
    }
    .paragraph {
        padding-top: 0px;
    }
    .hero-slider {
        height: 500px;
    }
    .educator-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .supporter-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .slide-3 {
        height: 100%;
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/Teenagers.jpg');
        background-image: linear-gradient(180deg, null, null), url('/img/Teenagers.jpg');
        background-position: 0px 0px, 50% -39%;
        background-size: auto, cover;
    }
    .section-2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: url('/img/Shadow.svg');
        background-position: 50% 0px;
        background-size: 2000px;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .blue-divider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .paper-background.transparent {
        padding: 0px;
    }
    .hero-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .answer._100h {
        width: 250px;
    }
    .social-icons {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .login-button {
        top: 217px;
        margin-left: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .faq-answer {
        position: relative;
    }
    .plan-module-save {
        font-size: 80%;
    }
    .plan-module-clear {
        font-size: 75%;
        line-height: 80%;
        text-align: left;
    }
    .footer-parent {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
    }
    .email-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .sign-in-div {
        display: block;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .head1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: left;
    }
    .tabs-gray {
        width: auto;
    }
    .tabs-gray.w--current {
        width: auto;
    }
    .dash2 {
        position: static;
        padding-right: 20px;
        padding-left: 50px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .dash-wrap-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .footer-1-text.home {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .intro-icons {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .media-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .footer-col1 {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .email-div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .getting-started-block-1 {
        background-color: #fff;
    }
    .form-wrapper.login {
        padding: 5%;
    }
    .flex-parent-1 {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
    }
    .bold-white-text {
        font-size: 0.9em;
        text-align: center;
    }
    .flex-item1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .flex-item1.back.image5._9 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .flex-item1.back.full-width._11 {
        background-position: -62% 100%;
    }
    .flex-item1.image._1 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .paragraph-bullet-text {
        margin-left: 0px;
    }
    .in-text-link {
        background-color: transparent;
        line-height: 1em;
    }
    .title-span {
        font-size: 1.5em;
        line-height: 1;
        text-align: center;
    }
    .compare-row {
        width: 100%;
        min-height: 300px;
    }
    .compare-cell.essentials.features1 {
        width: 100%;
        min-height: 50px;
    }
    .compare-cell.percent.features {
        min-height: 200px;
        background-color: #e8e8e8;
    }
    .compare-cell.features1 {
        width: 100%;
        height: 100px;
        min-height: 50px;
    }
    .tab-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .login-div4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        text-align: left;
    }
    .login-div3 {
        width: 100%;
        margin-top: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .login-dropdown {
        display: block;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .login-div1 {
        width: 100%;
        margin-top: 10px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .navbar {
        position: fixed;
        display: block;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url('/img/header3-02.svg'), -webkit-linear-gradient(270deg, rgba(44, 96, 163, .56) 100%, transparent 0, rgba(44, 96, 163, .56));
        background-image: url('/img/header3-02.svg'), linear-gradient(180deg, rgba(44, 96, 163, .56) 100%, transparent 0, rgba(44, 96, 163, .56));
        background-position: -32% 0%, 0px 0px;
        background-size: cover, auto;
        background-repeat: no-repeat, repeat;
        background-attachment: scroll, scroll;
    }
    .menu-button {
        position: absolute;
    }
    .logo {
        margin-left: 21px;
    }
    .copyright {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 50px;
        padding-top: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .login-div2 {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .student-icon {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .h1-large {
        text-align: center;
    }
    .footer-cell-0 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .rating-dropdown-list.w--open {
        padding: 0px;
    }
    .positive-section {
        margin: 20px;
    }
    .positive-text {
        font-size: 0.9em;
    }
    .accordion-generic-wrapper {
        position: relative;
    }
    .copyright-text {
        text-align: center;
    }
    .thumb-div2 {
        left: -24px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .thumb-div3 {
        font-size: 0.75em;
    }
    .cancel-submit-buttons {
        position: fixed;
    }
    .getting-started-cell {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .flex-cell1 {
        display: block;
    }
    .video-footer._3 {
        position: static;
    }
    .flex-parent-2 {
        position: relative;
    }
    .lightbulb-overlay {
        top: 180px;
    }
    .public-section._5 {
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/media_3.svg');
        background-image: linear-gradient(180deg, null, null), url('/img/media_3.svg');
        background-size: auto, cover;
    }
    .public-section._6 {
        height: 500px;
    }
    .public-section._7 {
        height: 500px;
    }
    .public-section._9 {
        background-image: -webkit-linear-gradient(270deg, null, null), url('/img/parents-2.jpg');
        background-image: linear-gradient(180deg, null, null), url('/img/parents-2.jpg');
        background-position: 0px 0px, 50% 0px;
        background-size: auto, auto;
    }
    .public-cell._6 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .content-wrap.a {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .modal-wrap {
        display: none;
    }
    .popup {
        display: block;
    }
    .login-popup {
        width: 100vw;
        height: 100vh;
    }
    .remove-button {
        width: 40px;
        height: 40px;
    }
    .login-input {
        height: 45px;
    }
    .video-container {
        margin-bottom: 1px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .textblock-title {
        font-size: 1.5em;
    }
    .section-wrap.a {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .hero-center {
        padding: 2%;
    }
    .grid-wrap {
        width: 100%;
    }
    .nav-div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tab-pane {
        width: 300px;
    }
    .terms-popup {
        display: none;
        width: auto;
    }
    .back-button {
        width: 50px;
    }
}